/* Minification failed. Returning unminified contents. (532,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (599,110): run-time error CSS1034: Expected closing parenthesis, found ',' (599,110): run-time error CSS1042: Expected function, found ',' (599,112): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (601,124): run-time error CSS1034: Expected closing parenthesis, found ',' (601,124): run-time error CSS1042: Expected function, found ',' (601,129): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (603,103): run-time error CSS1034: Expected closing parenthesis, found ',' (603,103): run-time error CSS1042: Expected function, found ',' (603,108): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (606,117): run-time error CSS1034: Expected closing parenthesis, found ',' (606,117): run-time error CSS1042: Expected function, found ',' (606,121): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (645,133): run-time error CSS1034: Expected closing parenthesis, found ',' (645,133): run-time error CSS1042: Expected function, found ',' (645,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (648,147): run-time error CSS1034: Expected closing parenthesis, found ',' (648,147): run-time error CSS1042: Expected function, found ',' (648,151): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (667,65): run-time error CSS1034: Expected closing parenthesis, found ',' (667,65): run-time error CSS1042: Expected function, found ',' (667,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (671,132): run-time error CSS1034: Expected closing parenthesis, found ',' (671,132): run-time error CSS1042: Expected function, found ',' (671,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (674,146): run-time error CSS1034: Expected closing parenthesis, found ',' (674,146): run-time error CSS1042: Expected function, found ',' (674,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (718,137): run-time error CSS1034: Expected closing parenthesis, found ',' (718,137): run-time error CSS1042: Expected function, found ',' (718,142): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (721,151): run-time error CSS1034: Expected closing parenthesis, found ',' (721,151): run-time error CSS1042: Expected function, found ',' (721,155): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (740,65): run-time error CSS1034: Expected closing parenthesis, found ',' (740,65): run-time error CSS1042: Expected function, found ',' (740,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (744,136): run-time error CSS1034: Expected closing parenthesis, found ',' (744,136): run-time error CSS1042: Expected function, found ',' (744,141): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (747,150): run-time error CSS1034: Expected closing parenthesis, found ',' (747,150): run-time error CSS1042: Expected function, found ',' (747,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (783,129): run-time error CSS1034: Expected closing parenthesis, found ',' (783,129): run-time error CSS1042: Expected function, found ',' (783,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (785,135): run-time error CSS1034: Expected closing parenthesis, found ',' (785,135): run-time error CSS1042: Expected function, found ',' (785,140): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (788,149): run-time error CSS1034: Expected closing parenthesis, found ',' (788,149): run-time error CSS1042: Expected function, found ',' (788,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (875,137): run-time error CSS1034: Expected closing parenthesis, found ',' (875,137): run-time error CSS1042: Expected function, found ',' (875,142): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (880,143): run-time error CSS1034: Expected closing parenthesis, found ',' (880,143): run-time error CSS1042: Expected function, found ',' (880,148): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (885,157): run-time error CSS1034: Expected closing parenthesis, found ',' (885,157): run-time error CSS1042: Expected function, found ',' (885,161): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1275,126): run-time error CSS1034: Expected closing parenthesis, found ',' (1275,126): run-time error CSS1042: Expected function, found ',' (1275,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1277,132): run-time error CSS1034: Expected closing parenthesis, found ',' (1277,132): run-time error CSS1042: Expected function, found ',' (1277,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1280,146): run-time error CSS1034: Expected closing parenthesis, found ',' (1280,146): run-time error CSS1042: Expected function, found ',' (1280,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1282,112): run-time error CSS1034: Expected closing parenthesis, found ',' (1282,112): run-time error CSS1042: Expected function, found ',' (1282,114): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1372,132): run-time error CSS1034: Expected closing parenthesis, found ',' (1372,132): run-time error CSS1042: Expected function, found ',' (1372,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1376,138): run-time error CSS1034: Expected closing parenthesis, found ',' (1376,138): run-time error CSS1042: Expected function, found ',' (1376,143): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1383,152): run-time error CSS1034: Expected closing parenthesis, found ',' (1383,152): run-time error CSS1042: Expected function, found ',' (1383,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1427,127): run-time error CSS1034: Expected closing parenthesis, found ',' (1427,127): run-time error CSS1042: Expected function, found ',' (1427,132): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1429,133): run-time error CSS1034: Expected closing parenthesis, found ',' (1429,133): run-time error CSS1042: Expected function, found ',' (1429,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1432,147): run-time error CSS1034: Expected closing parenthesis, found ',' (1432,147): run-time error CSS1042: Expected function, found ',' (1432,151): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1436,138): run-time error CSS1034: Expected closing parenthesis, found ',' (1436,138): run-time error CSS1042: Expected function, found ',' (1436,143): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1439,152): run-time error CSS1034: Expected closing parenthesis, found ',' (1439,152): run-time error CSS1042: Expected function, found ',' (1439,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (7373,12): run-time error CSS1038: Expected hex color, found '#ffff' (7378,12): run-time error CSS1038: Expected hex color, found '#ffff' (10510,59): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: cellSpacing */ @charset "UTF-8"; @import url(/Content/Panel/assets/plugins/fontawesome-free/css/all.min.css); @import url(/Content/Panel/assets/plugins/ionicons/css/ionicons.min.css); @import url(/Content/Panel/assets/plugins/typicons.font/typicons.css); @import url(/Content/Panel/assets/plugins/materialdesignicons/materialdesignicons.css); @import url(/Content/Panel/assets/plugins/themify/themify.css); @import url(/Content/Panel/assets/plugins/feather/feather.css); @import url(/Content/Panel/assets/plugins/cryptofont/css/cryptofont.min.css); @import url(/Content/Panel/assets/plugins/line-awesome/css/line-awesome.css); @import url(/Content/Panel/assets/plugins/simple-line-icons/simple-line-icons.css); @import url(/Content/Panel/assets/plugins/flag-icon-css/css/flag-icon.min.css); @import url(/Content/Panel/assets/plugins/boxicons/css/boxicons.css); /* All the default sidebar styles */ /* toggle button settings */ /* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */ /* Note: this also disables the navbar-header class positioning settings in small screens. */ .navbar.navbar-static .navbar-header { float: left; } .navbar .navbar-toggle.toggle-left { float: left; margin-left: 15px; } .navbar .navbar-toggle.toggle-right { float: right; margin-right: 15px; } .navbar .navbar-toggle.toggle-sidebar, [data-toggle="sidebar"] { display: block; } /* sidebar settings */ .sidebar { position: fixed; display: block; top: 0px; width:300px; bottom: 0; z-index: 9999; } .sidebar-left { left: 0; } .sidebar-right { right: 0; } /* css to override hiding the sidebar according to different screen sizes */ .row .sidebar.sidebar-left.sidebar-xs-show { left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } /*right sidebar is untested */ .row .sidebar.sidebar-right.sidebar-xs-show { right: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } @media (min-width: 768px) { .row .sidebar.sidebar-left.sidebar-sm-show { left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } /*right sidebar is untested */ .row .sidebar.sidebar-right.sidebar-sm-show { right: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } } @media (min-width: 992px) { .row .sidebar.sidebar-left.sidebar-md-show { left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } .row .sidebar.sidebar-right.sidebar-md-show { right: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); } } @media (min-width: 1170px) { .row .sidebar.sidebar-left.sidebar-lg-show { left: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .row .sidebar.sidebar-right.sidebar-lg-show { right: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } } /* animation class - optional: without it the sidebar would just pop in and out*/ .sidebar-animate { -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; } /* Left panel positioning classes */ .sidebar.sidebar-left { -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -o-transform: translate(-100%,0); transform: translate(-100%,0); } .sidebar.sidebar-left.sidebar-open { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .sidebar.sidebar-right { -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0); } .sidebar.sidebar-right.sidebar-open { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); box-shadow: none; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgb(219, 220, 221); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: #5e2dd8 ; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: #5e2dd8 ); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: #5e2dd8 ; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/Content/Panel/assets/plugins/mscrollbar/mCSB_buttons.html); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,1)} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgb(245, 244, 247,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgb(245, 244, 247,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #ebe9f5; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #ebe9f5; background-color: #5e2dd8 ; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #ebe9f5; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #ebe9f5; background-color: #5e2dd8 ; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(/Content/Panel/assets/plugins/mscrollbar/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw/9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(/Content/Panel/assets/plugins/mscrollbar/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #ebe9f5; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #dfe4ea ; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #dfe4ea; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #ebe9f5; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #ebe9f5; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #ebe9f5; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #ebe9f5; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: #5e2dd8 ; } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); } /* ---------------------------------------- */ /*Color variables*/ /*gray variables*/ /*white variables*/ /*black variables*/ /*shadow variables*/ /*------------------------------------------------------------------ [Dark-stylesheet Stylesheet] Project : Rapo - HTML5 Bootstrap Admin Template Version : V.1 Create Date : 05/02/20 Copyright : Spruko Technologies Private Limited Author : SprukoSoft Author URL : https://themeforest.net/user/sprukosoft Support : support@spruko.com License : Licensed under ThemeForest License -------------------------------------------------------------------*/ /* ------ Table Of Contents ** FONTS IMPORT ** BOOTSTRAP FRAMEWORK ** COMPONENT COLS & ROWS ** TABLE STYLES ** FROM ELEMENTS ** BUTTON STYLES ** DROPDOWN STYLES ** INPUT GROUP ** CUSTOM CONTROL ** NAVIGATION ** CARD STYLES ** ACCORDION ** BREADCRUMB ** PAGINATION ** BADGES ** JUMBOTRON ** ALERTS ** LIST GROUP ** TOAST & MODAL ** TOOLTIP & POPOVER ** CAROUSEL ** DEFAULT ELEMENTS ** DATE PICKER ** WIZARD ELEMENTS ** JQMAP ** RANGE SLIDER ** PERFECT SCROLLBAR ** SELECT2 ** SPECTRUM ** DATE PICKER ** CUSTOM STYLES ** BACKGROUNDS ** BORDERS ** HEIGHT ** MARGIN ** MARGIN & PADDING ** POSITION & VALUES ** TEXT SIZES & FONTS ** CUSTOM CSS /*---FONTS IMPORT --- */ body.dark-theme { color: #fff; background: #141b2d; } .dark-theme .card { background: #1f2940 !important; border: 1px solid #1f2940 !important; box-shadow: 0 0 10px rgba(28, 39, 60, 0.1); } .dark-theme .main-header { background: #1f2940; border-bottom: 1px solid rgba(222, 228, 236, 0.1); box-shadow: 0 0 10px rgba(20, 28, 43, 0.8); } .dark-theme .side-header { border-right: 0; } .dark-theme .main-header-message > a, .dark-theme .main-header-notification > a, .dark-theme .nav-item.full-screen > a, .dark-theme .card-title { color: #fff; } .dark-theme .card-dashboard-audience-metrics .card-header, .dark-theme .card-dashboard-audience-metrics .card-body { background-color: #1f2940; } .dark-theme .card-header { background-color: #1f2940; border-bottom: 0; } .dark-theme .border-bottom { border-bottom: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .border-top { border-top: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .border-right { border-right: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .border-left { border-left: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .border { border: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .table tbody tr, .dark-theme .table-bordered thead th { background-color: #1f2940; } .table-bordered thead td { background-color: #1f2940; } .dark-theme .table { color: rgba(255, 255, 255, 0.7); } .dark-theme .table-bordered { border: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .table-bordered th, .dark-theme .table-bordered td { border: 1px solid rgba(234, 236, 241, 0.1); } .dark-theme .card-dashboard-audience-metrics .card-body h4 { color: #fcfcfd; } .dark-theme .progress { background-color: rgba(255, 255, 255, 0.1); } .dark-theme .card-dashboard-audience-metrics .flot-chart .flot-x-axis > div span:last-child { color: #b9c6de; } .dark-theme .main-footer { background-color: #1f2940; border-top: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .sidebar.sidebar-right { box-shadow: 5px 7px 26px -5px #030f2d !important; } .dark-theme .sidebar .tabs-menu ul { border-bottom: 1px solid rgba(235, 234, 241, 0.1); } .dark-theme .chat .contacts li { border-bottom: 1px solid rgba(227, 227, 247, 0.1); } .dark-theme .form-control { color: #fff; background-color: #232e48; border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .list-group-item { background-color: #1f2940; border: 1px solid rgba(231, 235, 243, 0.1); } .dark-theme .main-header-center .form-control { border-color: rgba(255, 255, 255, 0.1) !important; background-color: rgba(255, 255, 255, 0.1) !important; } .dark-theme .main-header form[role="search"].active input { background: #1f2940; } .dark-theme .main-header form[role="search"] button[type="reset"] { background: transparent; } .dark-theme .main-header .input-group-btn .btn:hover i { color: #fff; } .dark-theme .main-header-notification .dropdown-menu { background-color: #1f2940; } .dark-theme .notification-label { color: #fff; } .dark-theme .main-notification-list a:hover, .dark-theme .main-message-list a:hover { background: rgba(255, 255, 255, 0.05); } .dark-theme .nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 1px #041138; box-shadow: 0px 0px 15px 1px #041138; } .dark-theme .notification-subtext { color: rgba(255, 255, 255, 0.3); } .dark-theme .main-header-message .dropdown-footer, .dark-theme .main-header-notification .dropdown-footer { border-top: 1px solid rgba(220, 225, 239, 0.1); background: #262e44; } .dark-theme .dropdown-menu { color: #fff; background-color: #1f2940; border: 1px solid rgba(138, 153, 191, 0.125); } .dark-theme .main-message-list a .name { color: #fff; } .dark-theme .main-message-list a .time, .dark-theme .main-message-list a .desc { color: rgba(255, 255, 255, 0.4); } .dark-theme .task-line a { color: #fff; } .dark-theme .latest-tasks .nav-tabs .nav-link { color: #7987a1; background: transparent; } .dark-theme .chips p { color: rgba(255, 255, 255, 0.5); } .dark-theme .chip { color: #fff; background-color: rgba(245, 246, 251, 0.1); } @media (min-width: 1245px) { .dark-theme .main-header-center .form-control { border-color: rgba(255, 255, 255, 0.1) !important; background-color: #29344e !important; } } .chip:hover { background: #8485fb; color: #fff; } .dark-theme .latest-tasks .check-box .ckbox span:before { border: 1px solid rgba(217, 226, 255, 0.1); } .dark-theme .table th, .dark-theme .table td { border-top: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme #global-loader { background: #1a233a; } .dark-theme .app-sidebar { background: #1f2940; border-top: 0; box-shadow: 0 0 10px rgba(20, 28, 43, 0.8); border-left: 1px solid rgba(222, 228, 236, 0.1); border-right: 0; } .dark-theme .main-sidebar-header { background: #1f2940; background: #1f2940; } .dark-theme .side-menu__label, .dark-theme .side-menu .side-menu__icon { color: #a0aac3; fill: #a0aac3; } .dark-theme .app-sidebar__user .user-info h4 { color: #fff !important; } .dark-theme .side-menu h3 { color: rgba(255, 255, 255, 0.4) !important; } .dark-theme .main-sidebar-header { border-bottom: 1px solid rgba(222, 228, 236, 0.1); border-left: 1px solid rgba(222, 228, 236, 0.1); } .dark-theme .main-sidebar-loggedin .media-body h6 { color: #fff; } .dark-theme .app-sidebar .slide.active .side-menu__item { background: transparent; } .dark-theme .slide.is-expanded { background: transparent; } .dark-theme .slide.is-expanded a { color: rgba(255, 255, 255, 0.6); } .dark-theme .side-menu__item { color: rgba(255, 255, 255, 0.7); } .dark-theme .app-sidebar__user .user-pro-body img { border: 2px solid #0caadf; background: rgba(109, 110, 243, 0.2); } .dark-theme .slide.is-expanded:before { background: rgba(227, 231, 237, 0.1); } .dark-theme .slide-menu .slide-item:before { border-color: #6d7582; } .dark-theme .main-logo, .dark-theme .logo-1, .dark-theme .desktop-logo.active.logo-light { display: none; } .dark-theme .main-logo.dark-theme { display: block; } .dark-theme .desktop-logo { margin: 0 auto; } .dark-theme .open-toggle svg g, .dark-theme .close-toggle svg g { fill: #fff; } .dark-theme .angle { color: rgba(255, 255, 255, 0.2) !important; } .dark-theme .main-header-center .btn:hover, .dark-theme .main-header-center .sp-container button:hover { color: #fff; } .dark-theme .sp-container .main-header-center button:hover { color: #fff; } .dark-theme .main-header-center .btn:focus, .dark-theme .main-header-center .sp-container button:focus { color: #fff; } .dark-theme .sp-container .main-header-center button:focus, .dark-theme .main-header .input-group-btn .btn i { color: #fff; } .dark-theme .main-mail-item { border-top: 1px solid rgba(227, 231, 237, 0.1); border-bottom: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme .main-mail-item.unread { background-color: #1f2940; } .dark-theme .main-content-title { color: #fff; } .dark-theme .main-mail-options { border: 1px solid rgba(226, 232, 245, 0.1); border-bottom: 0; } .dark-theme .main-mail-list { border: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme .main-mail-item { background-color: #1f2940; } .dark-theme .main-mail-subject strong { color: rgba(255, 255, 255, 0.7); } .dark-theme .ckbox span:before { background-color: rgba(227, 231, 237, 0.1); border: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme .main-mail-star { color: rgba(255, 255, 255, 0.1); } .dark-theme .main-nav-column .nav-link { color: #7987a1; } .dark-theme .main-nav-column .nav-link:hover, .dark-theme .main-nav-column .nav-link:focus { color: #fff; } .dark-theme .btn-light { color: #fff; background-color: rgba(226, 232, 245, 0.1); border-color: rgba(189, 198, 214, 0.2); } .dark-theme .main-nav-column .nav-link:hover i:not([class*=' tx-']), .dark-theme .main-nav-column .nav-link:focus i:not([class*=' tx-']) { color: #fff; } .dark-theme .main-nav-column .nav-link + .nav-link { border-top: 1px dotted rgba(180, 189, 206, 0.3); } .dark-theme .nav-search .input-group-text { color: #fff; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-left: 0; } .dark-theme .main-nav-column .nav-link.active { color: #0162e8 !important; } .dark-theme .main-nav-column .nav-link.active:hover, .dark-theme .main-nav-column .nav-link.active:focus { color: #0162e8 !important; } .dark-theme .main-mail-header .btn-group .btn { border-color: #555c6e; background-color: #555c6e; } /*----- Left-Sidemenu -----*/ @media (max-width: 991px) and (min-width: 574px) { .dark-theme .responsive-logo .dark-logo-2, .dark-theme .responsive-logo .logo-2 { dispLay: none; } .dark-theme .responsive-logo .dark-logo-1 { height: 2rem; } } @media (max-width: 574px) { .dark-theme .responsive-logo .logo-2 { dispLay: none; } .dark-theme .responsive-logo .dark-logo-2 { dispLay: block; height: 2.5rem; } .dark-theme .responsive-logo .dark-logo-1 { dispLay: none; } } /*----- Left-Sidemenu -----*/ .main-mail-header .btn-group .sp-container button, .sp-container .main-mail-header .btn-group button { border-color: #555c6e; background-color: #555c6e; } .dark-theme .main-mail-header .btn-group .btn.disabled, .dark-theme .main-mail-header .btn-group .sp-container button.disabled { background-color: #555c6e; color: #e2e8f5; border-color: #555c6e; } .dark-theme .sp-container .main-mail-header .btn-group button.disabled { background-color: #555c6e; color: #e2e8f5; border-color: #555c6e; } .dark-theme .main-mail-header .btn-group .btn:hover, .dark-theme .main-mail-header .btn-group .sp-container button:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); border-left: 0; } .dark-theme .sp-container .main-mail-header .btn-group button:hover { color: #fff; background-color: rgba(255, 255, 255, 0.3); border-left: 0; } .dark-theme .main-mail-header .btn-group .btn:focus, .dark-theme .main-mail-header .btn-group .sp-container button:focus { color: #fff; background-color: rgba(255, 255, 255, 0.3); border-left: 0; } .dark-theme .sp-container .main-mail-header .btn-group button:focus { color: #fff; background-color: rgba(255, 255, 255, 0.3); border-left: 0; } .dark-theme .card-header, .dark-theme .card-footer { position: relative; border-color: rgba(226, 232, 245, 0.1); } .dark-theme hr { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .main-content-label, .dark-theme .card-table-two .card-title, .dark-theme .card-dashboard-eight .card-title { color: #fff; } .dark-theme .form-label { color: #cfdaec; } .dark-theme .select2-container--default .select2-selection--single { background-color: #232e48; border-color: rgba(226, 232, 245, 0.1); } .dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered { color: #cfdaec; } .dark-theme .select2-dropdown { background-color: #1f2940; border-color: rgba(255, 255, 255, 0.05); } .dark-theme .select2-container--default .select2-results__option[aria-selected="true"] { background-color: rgba(255, 255, 255, 0.05); } .dark-theme .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgba(226, 232, 245, 0.2); background: #1f2940; color: #fff; } .dark-theme .main-nav-line-chat { border-bottom: 1px solid rgba(226, 232, 245, 0.1) !important; } .dark-theme .main-nav-line .nav-link { color: rgba(255, 255, 255, 0.4); } .dark-theme .main-chat-msg-name h6 { color: #fff; } .dark-theme .main-chat-header { border-bottom: 1px solid rgba(226, 232, 245, 0.1); box-shadow: 2px 3px 14px #1a233a; } .dark-theme .main-nav-line-chat .nav-link.active { color: #0162e8 !important; background: transparent; } .dark-theme .main-chat-contacts-more { background-color: #0162e8; } .dark-theme .main-chat-list .media { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-chat-list .media.new { background-color: #1f2940; } .dark-theme .main-chat-list .media.new .media-body p { color: #a9b2c7; } .dark-theme .main-chat-list .media.new .media-contact-name span:first-child { color: #f3f6fb; } .dark-theme .main-chat-list .media-contact-name span:first-child { color: #fff !important; } .dark-theme .main-chat-list .media.selected { background-color: rgba(243, 246, 251, 0.1); } .dark-theme .main-chat-contacts-wrapper { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-chat-list .media:hover, .dark-theme .main-chat-list .media:focus { background-color: rgba(252, 252, 252, 0.05); } .dark-theme .main-chat-list .media.selected .media-body p { color: #b7bfd2; } .dark-theme .main-msg-wrapper { background-color: rgba(226, 232, 245, 0.1); color: #fff; } .dark-theme .main-chat-footer { border-top: 1px solid rgba(226, 232, 245, 0.1); background-color: #24304c; z-index: 999; } .dark-theme .main-chat-footer .form-control { background: transparent; border-color: transparent; } .dark-theme .irs-line-mid, .dark-theme .irs-line-left, .dark-theme .irs-line-right { background-color: rgba(226, 232, 245, 0.1); } .dark-theme .irs-min, .dark-theme .irs-max { color: #fff; background: rgba(255, 255, 255, 0.1); } .dark-theme .main-calendar .fc-header-toolbar h2 { color: #fff; } .dark-theme .ui-datepicker { background-color: #1f2940; box-shadow: 0 0 24px rgba(20, 28, 43, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); } .dark-theme .ui-datepicker .ui-datepicker-calendar td { border: 1px solid rgba(255, 255, 255, 0.1); background-color: #1f2940; } .dark-theme .ui-datepicker .ui-datepicker-calendar td span, .dark-theme .ui-datepicker .ui-datepicker-calendar td a { color: rgba(255, 255, 255, 0.4); } .dark-theme .ui-datepicker .ui-datepicker-title, .dark-theme .ui-datepicker .ui-datepicker-calendar th { color: #fff; } .dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th { color: #fafcff; } .dark-theme .card--calendar .ui-datepicker .ui-datepicker-header { border-bottom: 1px solid rgba(227, 227, 227, 0.1); } .dark-theme .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: #0162e8; color: #fff; } .dark-theme .main-calendar .fc-view > table { background-color: #1f2940; } .dark-theme .main-calendar .fc-head-container .fc-day-header { color: #fff; } .dark-theme .main-calendar .fc-view .fc-day-number { color: #fff; } .dark-theme .main-calendar .fc-view .fc-other-month { background-color: rgba(40, 92, 247, 0.07); } .dark-theme .main-calendar .fc-content { border-color: rgba(226, 232, 245, 0.1); } .main-calendar .fc-divider { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .main-calendar .fc-list-heading td, .dark-theme .main-calendar .fc-list-view, .dark-theme .main-calendar .fc-popover, .dark-theme .main-calendar .fc-row, .dark-theme .main-calendar tbody, .dark-theme .main-calendar td { border-color: rgba(226, 232, 245, 0.1); } .main-calendar th { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .main-calendar thead { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .main-calendar .fc-view .fc-day-number:hover, .dark-theme .main-calendar .fc-view .fc-day-number:focus { color: #fff; background-color: transparent; } .dark-theme .main-calendar td.fc-today { background-color: #0162e8; } .dark-theme .main-calendar .fc-view > table > thead th, .dark-theme .main-calendar .fc-view > table > thead td { border-color: rgba(255, 255, 255, 0.1); } .dark-theme .main-calendar .fc-view > table > tbody > tr > td { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .main-calendar .fc-header-toolbar button { background-color: #384361; border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-calendar .fc-header-toolbar button.fc-state-active { background-color: #0162e8; } .dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item, .dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item { background-color: #333d5a; } .dark-theme .fc-unthemed .fc-divider, .dark-theme .fc-unthemed .fc-list-heading td, .dark-theme .fc-unthemed .fc-popover .fc-header { background: #384361; } .dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc, .dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc { color: rgba(255, 255, 255, 0.6); } .dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a, .dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a, .dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child, .dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child { color: #fff; } .dark-theme .main-contact-info-header .media-body p, .dark-theme .tx-inverse { color: rgba(255, 255, 255, 0.6); } .dark-theme .contact-icon:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .dark-theme .main-contact-info-header { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-contact-info-body .media-body span { color: rgba(255, 255, 255, 0.8); } .dark-theme .main-contact-info-body .media-body label { color: rgba(255, 255, 255, 0.4); } .dark-theme .main-contact-info-body .media + .media::before { border-top: 1px dotted rgba(226, 232, 245, 0.2); } .dark-theme .main-contact-body span { color: rgba(255, 255, 255, 0.4); } .dark-theme .main-contact-body h6 { color: rgba(255, 255, 255, 0.8); } .dark-theme .main-contact-item.selected { border-left-color: #0162e8; border-top-color: rgba(226, 232, 245, 0.01) !important; border-bottom-color: rgba(226, 232, 245, 0.01) !important; background-color: #2a3754; } .dark-theme .main-contact-item + .main-contact-item { border-top-color: rgba(227, 231, 237, 0.19); } .dark-theme .main-contact-item + .main-contact-item::before { border-top: 1px solid rgba(227, 231, 237, 0.05); } .dark-theme .main-contact-item:hover, .dark-theme .main-contact-item:focus { background-color: #2a3754; border-top-color: rgba(227, 231, 237, 0.1); border-bottom-color: rgba(227, 231, 237, 0.1); } .dark-theme .main-contact-label::after { border-bottom: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme #ui_notifIt.default { background-color: #3e465b; border: 1px solid rgba(227, 231, 237, 0.19); } .dark-theme .notifit_confirm, .dark-theme .notifit_prompt { background-color: #3e465b; } .dark-theme .alert .close { color: #fff; opacity: .7; } .dark-theme .tree li { color: rgba(255, 255, 255, 0.4); } .dark-theme .tree li a { text-decoration: none; color: rgba(255, 255, 255, 0.8); } .dark-theme .tree ul li:last-child:before { background: #1f2940; } .dark-theme .tree ul:before { border-left: 1px solid rgba(227, 227, 227, 0.2); } .dark-theme .tree ul li:before { border-top: 1px solid rgba(227, 227, 227, 0.2); } .dark-theme .text-muted { color: rgba(255, 255, 255, 0.4) !important; } .dark-theme .main-icon-group { color: rgba(255, 255, 255, 0.8); } .dark-theme .table thead th { border-bottom: 1px solid rgba(227, 231, 237, 0.1); border-top: 0 !important; color: #fff; } .dark-theme .table-hover tbody tr:hover { color: #fff; background-color: #25304a !important; } .dark-theme table.dataTable { border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme table.dataTable tbody td.sorting_1 { background-color: #1f2940; } .dark-theme table.dataTable thead th, .dark-theme table.dataTable thead td { color: #fff; } .dark-theme table.dataTable thead .sorting_asc, .dark-theme table.dataTable thead .sorting_desc { background-color: #25304a; } .dark-theme #example-delete.table thead th { border-bottom: 0; } .dark-theme .dataTables_wrapper .dataTables_length, .dark-theme .dataTables_wrapper .dataTables_filter, .dark-theme .dataTables_wrapper .dataTables_info, .dark-theme .dataTables_wrapper .dataTables_processing, .dark-theme .dataTables_wrapper .dataTables_paginate { color: #fff; } .dark-theme .dataTables_wrapper .dataTables_filter input { border: 1px solid rgba(226, 232, 245, 0.2); } .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button { background-color: transparent; } .dark-theme .page-link { color: #fff; background-color: #27334e; } .dark-theme .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link { background-color: #212b42; color: #45516b; } .dark-theme select option { background: #1f2940; } .dark-theme table.dataTable tbody tr.selected { background: #25304a; } .dark-theme .example { padding: 1rem; border: 1px solid rgba(225, 230, 241, 0.1); } .dark-theme #basic-alert .alert .close, .dark-theme #dismiss-alerts .alert .close { color: #000; opacity: .3; } .dark-theme #icon-dismissalerts .alert .close { color: #000; opacity: .3; } .dark-theme #icon-dismissalerts .alert-default.alert-dismissible .close { color: #fff; } .dark-theme .main-table-reference > thead > tr > th, .dark-theme .main-table-reference > thead > tr > td { border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-table-reference > tbody > tr > th, .dark-theme .main-table-reference > tbody > tr > td { border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme pre { color: #dfe1ef; background-color: #141b2d; text-shadow: 0 1px #242266; } .dark-theme code.language-markup { background: transparent; border: transparent; } .dark-theme .token { color: #dc2a2a; } .dark-theme .token.selector, .dark-theme .token.attr-name, .dark-theme .token.string, .dark-theme .token.char, .dark-theme .token.builtin, .dark-theme .token.inserted { color: #4e9cf1; } .dark-theme .token.atrule, .dark-theme .token.attr-value, .dark-theme .token.keyword { color: #e40dae; } .dark-theme .token.operator, .dark-theme .token.entity, .dark-theme .token.url { color: #ecc494; background: rgba(255, 255, 255, 0.1); } .dark-theme .language-css .token.string, .dark-theme.style .token.string { color: #ecc494; background: rgba(255, 255, 255, 0.1); } .dark-theme .highlight { border: 1px solid #141b2d !important; background: #191f3a; } .dark-theme .clipboard-icon { background: #141b2d; border: 1px solid rgba(225, 230, 241, 0.1); } .dark-theme .main-table-reference { background: transparent; } .dark-theme .main-table-reference > thead > tr > th, .dark-theme .main-table-reference > thead > tr > td { background: #293652 !important; border: 1px solid rgba(225, 230, 241, 0.1) !important; } .dark-theme .breadcrumb-style1 .breadcrumb-item a, .dark-theme .breadcrumb-style2 .breadcrumb-item a, .dark-theme .breadcrumb-style3 .breadcrumb-item a { color: rgba(255, 255, 255, 0.4); } .dark-theme .dropdown-item { color: rgba(255, 255, 255, 0.6); } .dark-theme .dropdown-item:hover, .dark-theme .dropdown-item:focus { background: #233152; } .dark-theme .dropdown-divider { border-top: 1px solid rgba(227, 231, 237, 0.16); } .dark-theme .img-thumbnail { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .img-thumbnail p { color: rgba(255, 255, 255, 0.5); font-size: 13px; } .dark-theme .bd { border-color: rgba(226, 232, 245, 0.1); } .dark-theme .bg-light { background-color: #28344e !important; } .dark-theme .main-nav .nav-link:hover, .dark-theme .main-nav .nav-link:focus { color: #fff; } .dark-theme .nav-pills .nav-link { color: rgba(255, 255, 255, 0.4); } .dark-theme .nav-pills .nav-link:hover, .dark-theme .nav-pills .nav-link:focus { color: #fff; } .dark-theme .nav-pills .nav-link.active { color: #fff !important; } .dark-theme .main-nav .nav-link { color: rgba(255, 255, 255, 0.4); } .dark-theme .bg-gray-300 { background-color: #323b54; } .dark-theme #tab .bg-gray-300 { background-color: #37415f; border-bottom: 1px solid #404563; } .dark-theme .nav-tabs .nav-link { color: white; } .dark-theme .nav-tabs .nav-link.active, .dark-theme .nav-tabs .nav-link:hover, .dark-theme .nav-tabs .nav-link:focus { background-color: #0162e8; color: #fff; } .dark-theme .popover-static-demo { background-color: #141b2d; } .dark-theme .popover { background-color: #373e52; } .dark-theme .popover-body { color: rgba(255, 255, 255, 0.4); } .dark-theme .popover-header { color: rgba(255, 255, 255, 0.7); background-color: #373e52; border-color: rgba(133, 140, 152, 0.2); } .dark-theme .bs-popover-top > .arrow::before, .dark-theme .bs-popover-auto[x-placement^="top"] > .arrow::before { border-top-color: #4e566d; } .dark-theme .bs-popover-top > .arrow::after, .dark-theme .bs-popover-auto[x-placement^="top"] > .arrow::after { border-top-color: #373e52; } .dark-theme .bs-popover-bottom > .arrow::after, .dark-theme .bs-popover-auto[x-placement^="bottom"] > .arrow::after { border-bottom-color: #373e52; } .dark-theme .bs-popover-bottom > .arrow::before, .dark-theme .bs-popover-auto[x-placement^="bottom"] > .arrow::before { border-bottom-color: #4e566d; } .dark-theme .bs-popover-left > .arrow::after, .dark-theme .bs-popover-auto[x-placement^="left"] > .arrow::after, .dark-theme .bs-popover-left > .arrow::after, .dark-theme .bs-popover-auto[x-placement^="left"] > .arrow::after { border-left-color: #373e52; } .dark-theme .bs-popover-right > .arrow::after, .dark-theme .bs-popover-auto[x-placement^="right"] > .arrow::after { border-right-color: #373e52; } .dark-theme .bs-popover-right > .arrow::before, .dark-theme .bs-popover-auto[x-placement^="right"] > .arrow::before { border-right-color: #4e566d; } .dark-theme .bs-popover-left > .arrow::before, .dark-theme .bs-popover-auto[x-placement^="left"] > .arrow::before { border-left-color: #4e566d; } .dark-theme .bg-gray-200 { background-color: #141b2d; } .dark-theme .media-body { font-size: 13px; color: rgba(255, 255, 255, 0.3); } .dark-theme .bg-gray-100 { background-color: #141b2d; } .dark-theme .tooltip-static-demo { background-color: #141b2d; } .dark-theme .toast-header { border-bottom-color: rgba(205, 212, 224, 0.2); } .dark-theme .toast { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(84, 90, 109, 0.7); } .dark-theme .toast-header { color: rgba(255, 255, 255, 0.58); background: #141b2d; } .dark-theme .bootstrap-tagsinput { background-color: #141b2d; } .dark-theme .bootstrap-tagsinput .badge { margin: 11px 0 12px 10px; } .dark-theme .tag { color: #fff; background-color: rgba(239, 239, 245, 0.1); } .dark-theme .accordion .card-header a { color: #fff; background-color: #232f4c; } .dark-theme .accordion .card-body { background-color: #232f4c; } .dark-theme .accordion .card-header a.collapsed:hover, .dark-theme .accordion .card-header a.collapsed:focus { color: #fff; background-color: #0162e8; } .dark-theme .modal-content { background-color: #1f2940; border: 1px solid rgba(255, 255, 255, 0.18); } .dark-theme .modal-header { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .modal-title { color: #fff; } .dark-theme .modal-footer { border-top: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .close { color: #f7f6f6; text-shadow: 0 1px 0 #18213c; } .dark-theme .modal-content-demo .modal-body h6 { color: #fff; } .dark-theme .vtimeline .timeline-wrapper .timeline-panel { background: #141b2d; box-shadow: 0 8px 16px 0 rgba(47, 53, 84, 0.24); } .dark-theme .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after { border-left: 14px solid #141b2d; border-right: 0 solid #141b2d; } .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after { border-right: 14px solid #141b2d; border-left: 0 solid #141b2d; } .dark-theme .vtimeline:before { background-color: #141b2d; } .dark-theme .timeline-body { color: rgba(255, 255, 255, 0.6); } .dark-theme .sweet-alert { background-color: #1f2940; } .dark-theme .sweet-alert h2 { color: #fff; } .dark-theme .btn-outline-light { border-color: rgba(151, 163, 185, 0.2); color: #97a3b9; } .dark-theme .btn-outline-light:hover, .dark-theme .btn-outline-light:focus { background-color: #3d4765 !important; border: 1px solid #455177 !important; box-shadow: none !important; color: #fff !important; } .dark-theme .dropdown .fe-more-vertical { color: rgba(255, 255, 255, 0.6); } .dark-theme .main-content-body-profile .nav { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .card-body + .card-body { border-top: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .rating-stars input { color: #fff; background-color: #141b2d; border: 1px solid rgba(234, 237, 241, 0.1); } .dark-theme .rating-stars .rating-stars-container .rating-star { color: #2e3954; } .dark-theme .rating-stars .rating-stars-container .rating-star.is--active, .dark-theme .rating-stars .rating-stars-container .rating-star.is--hover { color: #f1c40f !important; } .dark-theme .br-theme-bars-horizontal .br-widget a.br-active, .dark-theme .br-theme-bars-horizontal .br-widget a.br-selected { background-color: #0162e8 !important; } .dark-theme .br-theme-bars-pill .br-widget a.br-active, .dark-theme .br-theme-bars-pill .br-widget a.br-selected { background-color: #0162e8 !important; color: white; } .dark-theme .br-theme-bars-1to10 .br-widget a, .dark-theme .br-theme-bars-movie .br-widget a, .dark-theme .br-theme-bars-horizontal .br-widget a { background-color: #2e3954; } .dark-theme .br-theme-bars-1to10 .br-widget a.br-active, .dark-theme .br-theme-bars-1to10 .br-widget a.br-selected { background-color: #0162e8 !important; } .dark-theme .br-theme-bars-movie .br-widget a.br-active, .dark-theme .br-theme-bars-movie .br-widget a.br-selected { background-color: #0162e8 !important; } .dark-theme .br-theme-bars-square .br-widget a { border: 2px solid #4f576f; background-color: #141b2d; color: #8694a5; } .dark-theme .br-theme-bars-square .br-widget a.br-active, .dark-theme .br-theme-bars-square .br-widget a.br-selected { border: 2px solid #0162e8; color: #0162e8; } .dark-theme .br-theme-bars-pill .br-widget a { background-color: #141b2d; } .dark-theme .custom-file-label { color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.07); } .dark-theme .custom-file-label::after { color: #fff; background-color: #0162e8; border: 1px solid #0162e8; } .dark-theme .input-group-text { color: rgba(255, 255, 255, 0.5); background-color: #273450; border: 1px solid rgba(255, 255, 255, 0.12); } .dark-theme .sp-replacer { border-color: rgba(255, 255, 255, 0.12); background-color: #2d3653; } .dark-theme .sp-replacer:hover, .dark-theme .sp-replacer:focus { border-color: rgba(255, 255, 255, 0.2); } .dark-theme .sp-container { background-color: #1f2940; border-color: rgba(226, 232, 245, 0.2); } .dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1); } .dark-theme .select2-container--default .select2-selection--multiple { background-color: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1) !important; color: #fff; border-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.1); } .dark-theme .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: rgba(255, 255, 255, 0.1) !important; } .dark-theme .SumoSelect > .CaptionCont { border: 1px solid rgba(225, 230, 241, 0.1); color: #99a6b7; background-color: #242f4a; } .dark-theme .SumoSelect > .optWrapper { background: #1f2940; border: 1px solid rgba(234, 234, 236, 0.15); box-shadow: 0 2px 17px 2px #070456; } .dark-theme .SumoSelect .select-all { border-bottom: 1px solid rgba(234, 234, 236, 0.15); background-color: #1f2940; } .dark-theme .SumoSelect > .optWrapper > .options li.opt { border-bottom: 1px solid rgba(234, 234, 236, 0.15); } .dark-theme .SumoSelect > .optWrapper > .MultiControls { border-top: 1px solid rgba(234, 234, 236, 0.15); background-color: #1f2940; } .dark-theme .SumoSelect.open > .optWrapper { box-shadow: 0 2px 17px 2px #1c2140; } .dark-theme .SumoSelect > .optWrapper > .options li.opt:hover { background-color: rgba(244, 245, 245, 0.1); } .dark-theme .SumoSelect > .optWrapper.multiple > .options li.opt span i { border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1); } .dark-theme .SumoSelect .select-all > span i { border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1); } .dark-theme .dropify-wrapper { background-color: #242f4a; border: 1px solid rgba(239, 242, 247, 0.07); color: #fff; } .dark-theme .dropify-wrapper .dropify-preview { background-color: rgba(255, 255, 255, 0.1); } .dark-theme .dropify-wrapper:hover { background-image: -webkit-linear-gradient(135deg, rgba(250, 251, 254, 0.05) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(250, 251, 254, 0.1) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone { border: 2px dashed #5e6882; background-color: #242f4a; background-image: url(/Content/Panel/assets/plugins/fancyuploder/fancy_upload-dark.png); } .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover, .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus, .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:active { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .dark-theme .main-form-group { border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .main-form-group .form-control { padding: 0 15px; } .dark-theme .parsley-style-1 .parsley-input.parsley-error .form-control, .dark-theme .parsley-style-1 .parsley-checkbox.parsley-error, .dark-theme .parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single { background-color: #141b2d; } .dark-theme .wizard { border: 1px solid rgba(227, 231, 237, 0.1); background-color: #141b2d; } .dark-theme .wizard > .steps a .number, .dark-theme .wizard > .steps a:hover .number, .dark-theme .wizard > .steps a:active .number { background-color: #30355d; } .dark-theme .wizard > .content { border-top: 1px solid rgba(227, 231, 237, 0.1); border-bottom: 1px solid rgba(227, 231, 237, 0.1); } .dark-theme .wizard > .content > .title { color: #fff; } .dark-theme #wizard3.wizard.vertical > .content { border-top: 0; border-bottom: 0; } .dark-theme .ql-scrolling-demo { border: 1px solid rgba(255, 255, 255, 0.1); } .dark-theme .ql-scrolling-demo .ql-container .ql-editor { color: rgba(255, 255, 255, 0.8); } .dark-theme .ql-snow .ql-picker-label { border: 1px solid rgba(255, 255, 255, 0.12); background-color: #141b2d; } .dark-theme .ql-snow .ql-stroke { stroke: rgba(255, 255, 255, 0.8); } .dark-theme .ql-snow .ql-editor, .dark-theme .ql-snow.ql-toolbar button { color: rgba(255, 255, 255, 0.8); } .dark-theme .ql-snow .ql-picker { color: rgba(255, 255, 255, 0.5); } .dark-theme .ql-snow.ql-toolbar { border: 1px solid rgba(255, 255, 255, 0.1); } .dark-theme .ql-snow.ql-container { border-color: rgba(255, 255, 255, 0.1); } .dark-theme .ql-snow .ql-picker-options { background-color: #1f2940; } .dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #545b6d; } .dark-theme #modalQuill .modal-header { border-bottom: 0; } .dark-theme .main-profile-work-list .media-body h6 { color: #fff; } .dark-theme .main-profile-work-list .media-body p { color: rgba(255, 255, 255, 0.4); } .dark-theme .main-profile-contact-list .media-body div { color: rgba(255, 255, 255, 0.6); } .dark-theme .main-profile-contact-list .media-body span { color: #fff; } .dark-theme .plan-icon { border: 1px solid rgba(245, 246, 251, 0.1); background: rgba(245, 246, 251, 0.1); } .dark-theme .bg-success-transparent { background-color: rgba(77, 236, 146, 0.17) !important; } .dark-theme .bg-primary-transparent { background-color: rgba(40, 92, 247, 0.2) !important; } .dark-theme .bg-warning-transparent { background-color: rgba(245, 222, 143, 0.1) !important; } .dark-theme .bg-pink-transparent { background-color: rgba(249, 123, 184, 0.1) !important; } .dark-theme .bg-teal-transparent { background-color: rgba(166, 243, 243, 0.12) !important; } .dark-theme .bg-purple-transparent { background-color: rgba(163, 154, 249, 0.1) !important; } .dark-theme .bg-danger-transparent { background-color: rgba(243, 161, 161, 0.1) !important; } .dark-theme .main-profile-name, .dark-theme .main-profile-body .media-body h6 { color: #fbfcff; } .dark-theme .main-profile-social-list .media-body a { color: #fff; opacity: 0.5; } .dark-theme .profile-footer a { background: #141b2d; color: #fff; } .dark-theme .billed-from h6 { color: #f4f5f8; } .dark-theme .invoice-title { color: #e1e1e1; } .dark-theme .main-invoice-list .media-body h6 { color: #fff; } .dark-theme .main-invoice-list .selected { background-color: rgba(244, 245, 248, 0.1); border-top-color: 1px dotted rgba(226, 232, 245, 0.1); border-bottom-color: rgba(226, 232, 245, 0.1); border-left-color: #0162e8; } .dark-theme .main-invoice-list .media { border: 1px dotted rgba(226, 232, 245, 0.1); } .dark-theme .main-invoice-list .media + .media::before { border-top: 1px dotted transparent; } .dark-theme .main-invoice-list .media:hover, .dark-theme .main-invoice-list .media:focus { background-color: rgba(244, 245, 248, 0.1); } .dark-theme .main-invoice-list .media-body p { color: #9da5b5; } .dark-theme .main-invoice-list .media-body p span { color: #cbcfd8; } .dark-theme .table-invoice tbody > tr > th:first-child .invoice-notes p { color: rgba(255, 255, 255, 0.6); } @media (max-width: 767px) { .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after { border-right: 14px solid #141b2d !important; border-left: 0 solid #141b2d !important; } } @media (min-width: 576px) { .dark-theme .wizard.vertical > .content, .dark-theme .wizard.vertical > .actions { border-right: 1px solid rgba(226, 232, 245, 0.1); } } .table-invoice tbody > tr > td:first-child .invoice-notes p { color: rgba(255, 255, 255, 0.6); } .dark-theme .table-invoice tbody > tr > th:first-child, .dark-theme .table-invoice tbody > tr > td:first-child { color: rgba(255, 255, 255, 0.6); } .dark-theme .billed-from p, .dark-theme .billed-to p { color: rgba(255, 255, 255, 0.5); } .dark-theme .card-invoice .tx-gray-600 { color: #eef0f3; } .dark-theme .billed-to h6 { color: #d3d8e2; } .dark-theme .invoice-info-row + .invoice-info-row { border-top: 1px dotted rgba(226, 232, 245, 0.15); } .dark-theme .invoice-info-row span:first-child { color: rgba(255, 255, 255, 0.3); } .dark-theme .main-invoice-list { border-top: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .card-category { background: rgba(239, 242, 246, 0.1); } .dark-theme .pricing-card .list-unstyled li { border-bottom: 1px solid rgba(234, 237, 241, 0.1); } .dark-theme .price.panel-color > .panel-body, .dark-theme .price .panel-footer { background-color: #26324e; } .dark-theme .pricing .list-unstyled li { border-bottom: 1px solid rgba(234, 237, 241, 0.1); } .dark-theme .card--events .list-group-item h6 { color: rgba(255, 255, 255, 0.6); } .dark-theme .rdiobox span:before { background-color: #141b2d; border: 1px solid #4a5677; } .dark-theme .colorinput-color { border: 1px solid rgba(234, 240, 247, 0.2); } .dark-theme .nice-select .list { background-color: #1f2940; -webkit-box-shadow: 0px 0px 15px 1px #041138; box-shadow: 0px 0px 15px 1px #041138; } .dark-theme .nice-select .option:hover, .dark-theme .nice-select .option.focus, .dark-theme .nice-select .option.selected.focus { background-color: rgba(237, 239, 245, 0.1); } .dark-theme .item-card .cardtitle a { color: #fefefe; } .dark-theme .item-card .cardprice span { color: #dfe5ec; } .dark-theme .bd-b { border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bd-r { border-right: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bd-t { border-top: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bd-l { border-left: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bd-y { border-top: 1px solid rgba(226, 232, 245, 0.1); border-bottom: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bd-x { border-left: 1px solid rgba(226, 232, 245, 0.1); border-right: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .bg-gray-500 { background-color: rgba(151, 163, 185, 0.2); } .dark-theme .bg-gray-400 { background-color: #5e687d; } .dark-theme .main-card-signin { background-color: transparent; border: 1px solid rgba(227, 227, 227, 0.1); } .dark-theme .main-signin-header h4 { color: #fff; } .dark-theme .main-signin-footer a { color: rgba(255, 255, 255, 0.8); } .dark-theme .main-signup-footer a { color: #fff; } .dark-theme .main-error-wrapper h1 { color: rgba(255, 255, 255, 0.8); } .dark-theme .main-error-wrapper h2 { color: rgba(255, 255, 255, 0.5); } .dark-theme .main-error-wrapper h6 { color: rgba(255, 255, 255, 0.3); } .dark-theme .construction .btn.btn-icon { border: 1px solid rgba(221, 230, 241, 0.1); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .dark-theme .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #3b4563 !important; } .dark-theme .horizontalMenucontainer .desktop-logo, .dark-theme .horizontalMenucontainer .desktop-logo-dark { display: none; } .dark-theme .desktop-dark { display: block; } @media (min-width: 768px) { .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-light .logo-icon { display: none; height: 2.5rem; } .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-dark .logo-icon.dark-theme { display: block; height: 2.5rem; } .dark-theme.sidebar-mini.sidenav-toggled.sidenav-toggled1 .main-sidebar-header .logo-light .main-logo { display: none; } } @media (max-width: 991px) and (min-width: 568px) { .dark-theme .horizontalMenucontainer .desktop-dark { margin-right: 1.4rem; } } .desktop-dark { height: 2rem; } @media (max-width: 567px) { .dark-theme .horizontalMenucontainer .desktop-dark, .dark-theme .desktop-logo-1 { display: none; } .dark-theme .horizontalMenucontainer .desktop-logo-dark { display: block; margin-right: 2.5rem; height: 2.5rem; } } @media (max-width: 991px) { .dark-theme .animated-arrow span { background: #fff; } .dark-theme .animated-arrow span:before, .dark-theme .animated-arrow span:after { background: #fff; } .dark-theme.active .animated-arrow span { background-color: transparent; } } .dark-theme .sidebar { background: #1f2940; } .dark-theme .main-calendar.fc-list-empty { background-color: #1f2940; border: 1px solid #141b2d; } @media (max-width: 575px) { .dark-theme .main-calendar .fc-header-toolbar button.fc-month-button::before, .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before, .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before, .dark-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button::before, .dark-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button::before { color: #fff; } } .dark-them .breadcrumb { background-color: rgba(226, 232, 245, 0.1); } .dark-them table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid rgba(239, 239, 239, 0.1); } .dark-them table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before { background-color: #0162e8; } /*----- Horizontal-menu -----*/ .dark-theme .horizontal-main.hor-menu { background: #1f2940; border-bottom: 1px solid rgba(213, 216, 226, 0.1); border-top: 1px solid rgba(213, 216, 226, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active { color: #277aec; background: transparent; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > a { color: #bfc8de; } .dark-theme .horizontalMenucontainer .main-header { box-shadow: none; border-bottom: 1px solid rgba(220, 231, 245, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #0162e8; background: transparent; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { border: 1px solid rgba(231, 234, 243, 0.1); } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.5); } .dark-theme .sub-menu li a:before { border-color: rgba(255, 255, 255, 0.5); } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after { color: rgba(255, 255, 255, 0.8); } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu { background-color: #1f2940; box-shadow: 0 8px 16px 0 rgba(8, 13, 25, 0.4); border: none; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.5); } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #0162e8 !important; } .dark-theme .mega-menubg { background: #1f2940; box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4); border: 1px solid rgba(231, 234, 243, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: transparent; color: rgba(255, 255, 255, 0.6); } .dark-theme .mega-menubg.hor-mega-menu h3 { color: #fff; } .dark-theme .main-profile-menu .dropdown-item + .dropdown-item { border-top: 1px dotted rgba(226, 234, 249, 0.2); } .dark-theme .rating-scroll h6 { color: #fff; } .dark-theme .latest-tasks .nav-link.active, .dark-theme .latest-tasks .nav-link:hover, .dark-theme .latest-tasks .nav-link:focus { background: transparent; color: #0162e8; } .dark-theme .main-calendar .fc-list-empty { background-color: #1f2940; border: 1px solid #384361; } .dark-theme .card.bg-info-transparent { background: rgba(23, 162, 184, 0.2) !important; } .dark-theme .form-control::placeholder { color: rgba(212, 218, 236, 0.3) !important; opacity: 1; } .dark-theme .header-icon, .dark-theme .main-header-message .nav-link i, .dark-theme .main-header-notification .nav-link i, .dark-theme .nav-item.full-screen .nav-link i, .dark-theme .sales-flot .flot-chart .flot-x-axis > div span:last-child, .dark-theme .p-text .p-name { color: #fff; } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active { color: #0162e8; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover { color: #696af1; color: #0162e8; } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active { color: #0162e8 !important; } .dark-theme .sidebar .tab-menu-heading { background: #2c374e; } .dark-theme .sidebar .tabs-menu ul li a { border: 1px solid rgba(220, 231, 245, 0.1); background: #1f2940; color: #fff; } .dark-theme .sidebar .tabs-menu ul li .active { background: #0162e8; color: #fff; border: 1px solid #0162e8; } .dark-theme .datepicker > .datepicker_inner_container > .datepicker_calendar, .dark-theme .datepicker > .datepicker_inner_container > .datepicker_timelist { background-color: #1f2940; } .dark-theme .datepicker > .datepicker_header { background-color: #25304a; color: #fff; } .dark-theme .main-datetimepicker { border: 1px solid rgba(255, 255, 255, 0.1); } .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar th { color: #fcfdff; } .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist { border-left: 1px solid rgba(255, 255, 255, 0.1); } .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:hover, .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:focus { background-color: #323850; } .dark-theme .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover { color: #fff; background-color: #26324c; } .dark-theme .datetimepicker .datetimepicker-days table thead tr:last-child th { color: #fff; } .dark-theme .datetimepicker table th.dow { background: #1f2940; } .dark-theme .datetimepicker table td.old { color: #7a82af; } @media (max-width: 991px) { .dark-theme .horizontalMenu > .horizontalMenu-list { background: #1f2940; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > a { border-bottom-color: rgba(231, 234, 243, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a { border-radius: 0; } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #277aec; background: #1c2f51; border-bottom: 1px solid rgba(231, 234, 243, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .side-menu__icon { fill: #277aec; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a { background-color: transparent; color: #277aec !important; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover:before { border-color: #eef0f7; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #fff !important; background-color: rgba(231, 231, 231, 0.1); } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li:hover a:before { border-color: #eef0f7 !important; color: #fff !important; } .dark-theme .mega-menubg li a:before { border-color: #8594ad; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after { display: none; } .dark-theme .mega-menubg { background: #1f2940 !important; } .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: #1f2940 !important; color: #8291af !important; } .dark-theme .dark-logo-1 { display: block; } } @media (min-width: 578px) { .dark-theme .desktop-logo.logo-light .main-logo { display: none; } .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon { display: none !important; } .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon.dark-theme { display: none !important; } .dark-theme .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .dark-theme.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme { display: none !important; } } @media (max-width: 578px) { .dark-theme .desktop-logo.logo-light .main-logo { display: none; } .dark-theme .logo-icon.mobile-logo.icon-light { display: none !important; } .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon.dark-theme { display: block !important; } .dark-theme .logo-icon.mobile-logo.icon-dark { display: block !important; } } .dark-theme.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark { display: block !important; } .datetimepicker table td.new { color: #7a82af; } .dark-theme .datetimepicker table td { background: #1f2940; color: #fff; } .dark-theme .datetimepicker table th.prev { background-color: #1f2940; color: #fff; } .dark-theme .datetimepicker table th.next, .dark-theme .datetimepicker table th.switch { background-color: #1f2940; color: #fff; } .dark-theme .datetimepicker table th.prev:hover, .datetimepicker table th.prev:focus { background-color: #1f2940; } .dark-theme .datetimepicker table th.next:hover, .dark-theme .datetimepicker table th.next:focus { background-color: #1f2940; } .dark-theme .datetimepicker table th.prev span::before, .dark-theme .datetimepicker table th.next span::before { color: #fff; } .dark-theme .datetimepicker table th.switch:hover { background-color: #1f2940; color: #5965f9; } .datetimepicker table th.switch:focus { background-color: #1f2940; color: #5965f9; } .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td.hover { background-color: #0162e8; } .dark-theme .iti__selected-flag { border-left: 1px solid rgba(225, 230, 241, 0.1); } .dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: #25304a; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background: #1f2940; } .dark-theme .dashboard-carousel .btn-icons { background: rgba(239, 242, 246, 0.2) !important; color: #fff; } .dark-theme .slide.dashboard-carousel:hover { background: transparent; } .dark-theme .btn-light:focus, .dark-theme .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(165, 175, 191, 0.5); } .dark-theme .btn-light:not(:disabled):not(.disabled):active, .dark-theme .btn-light:not(:disabled):not(.disabled).active { color: #fff; background-color: rgba(226, 232, 245, 0.1); border-color: rgba(189, 198, 214, 0.2); } .dark-theme .show > .btn-light.dropdown-toggle { color: #fff; background-color: rgba(226, 232, 245, 0.1); border-color: rgba(189, 198, 214, 0.2); } .dark-theme .modal-dialog { box-shadow: none; } .dark-theme .email-media .media-body small { color: white; } .dark-theme .email-media .media-body .media-title { color: white; font-size: 15px; } .dark-theme .page-item.disabled .page-link { color: #fff; background: #141b2d; } .dark-theme .demo-gallery .pagination { border: 0; } .dark-theme .chat .msg_cotainer, .dark-theme .chat .msg_cotainer_send { background-color: #2d3b58; } .dark-theme .chat .dropdown-menu li { padding: 7px; color: #dde2e8; } .dark-theme .chat .dropdown-menu li:hover { color: #0162e8; background: rgba(238, 238, 247, 0.06); } .dark-theme #basic .breadcrumb { background-color: #27334e; } .dark-theme .latest-tasks .tasks .span { color: #fff; } .dark-theme .list-group-item-action { color: #7987a1; } .dark-theme .list-group-item.active { color: #fff; } .dark-theme .list-group-item-success { color: #1f5c01; background-color: #c8e9b8; } .dark-theme .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .dark-theme .list-group-item-warning { color: #856404; background-color: #ffeeba; } .dark-theme .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .dark-theme .bg-danger { background-color: #ee335e !important; } .dark-theme .bg-primary { background-color: #0162e8 !important; } .dark-theme .bg-secondary { background-color: #7987a1 !important; } .dark-theme .bg-gray-800 { background-color: #3b4863 !important; } .dark-theme .bg-success { background-color: #22c03c !important; } .dark-theme .bg-info { background-color: #17a2b8 !important; } .dark-theme .bg-info p.card-text { color: #000; } .dark-theme .main-content-body.main-content-body-contacts .media-body h5 { color: #fff; } .dark-theme .table-striped tbody tr:nth-of-type(2n+1) { background-color: #25304a; } .dark-theme .dataTables_wrapper .dataTables_filter input { color: #fff; } .dark-theme .dataTables_wrapper .dataTables_filter input::placeholder { color: #97a3b9; } .dark-theme .dataTables_paginate .page-link { background: transparent; } .dark-theme .iti__divider { border-bottom: 1px solid rgba(189, 198, 214, 0.2); } .dark-theme .iti__country.iti__highlight { background-color: #1f2940; } .dark-theme .iti__country-list { background-color: #1f2940; box-shadow: 0 8px 16px 0 #2c3252; } .dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: #414565; } .dark-theme .price.panel-color > .panel-body { background-color: #1f2940; border: 1px solid rgba(234, 237, 241, 0.1); border-bottom: 0; border-top: 0; } .dark-theme table.dataTable tbody td.sorting_1 { background: #25304a; } .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { background-color: transparent; color: #fff; } .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus { background-color: transparent; color: #fff; } .dark-theme .main-nav-line .nav-link.active { color: #fff; } .dark-theme .datetimepicker table { background: transparent; } .dark-theme .dataTables_paginate .pagination .page-link { border: 1px solid rgba(205, 215, 239, 0.15); } @media only screen and (max-width: 991px) { .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: #1f2940; border: none; } } @media only screen and (min-width: 992px) { .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #0162e8; background: transparent; } .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background: #1f2940; box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4); } } @media (min-width: 768px) { .dark-theme .main-content-left-contacts { border-right: 1px solid rgba(226, 232, 245, 0.1); } } @media (min-width: 576px) { .dark-theme .main-calendar .fc-header-toolbar button { color: #fff; } } @media (max-width: 575px) { .dark-theme .main-calendar .fc-header-toolbar .fc-left button { color: #fff; } .dark-theme .main-calendar .fc-header-toolbar .fc-left button.fc-today-button { color: #000; } } @media (max-width: 605px) { .dark-theme .fc-view, .fc-view > table { border: 1px solid rgba(226, 232, 245, 0.2); } } .dark-theme .chat abbr.timestamp, .dark-theme .chat .msg_time, .dark-theme .chat .msg_time_send { color: #fff; } .dark-theme .nav-tabs { border-bottom: 1px solid rgba(226, 232, 245, 0.2); } .dark-theme .nav-tabs .nav-link.active { border-color: rgba(226, 232, 245, 0.2); } .dark-theme .page-link { border: 1px solid rgba(226, 232, 245, 0.2); } .dark-theme .popover-head-primary .popover-header { color: #fff !important; background-color: #0162e8 !important; } .dark-theme .popover-head-secondary .popover-header { color: #fff !important; background-color: #0162e8 !important; } .dark-theme .popover-head-secondary.bs-popover-bottom .arrow::after, .dark-theme .popover-head-secondary.bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: #0162e8 !important; } .dark-theme .popover-primary .popover-header, .dark-theme .popover-secondary .popover-header { background-color: transparent !important; color: #fff !important; } .dark-theme .popover-primary.bs-popover-top .arrow::after, .dark-theme .popover-primary.bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #0162e8 !important; } .dark-theme .popover-secondary.bs-popover-bottom .arrow::after, .dark-theme .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: #0162e8 !important; } .dark-theme .gray-set .bg-transparent { background-color: transparent !important; } .dark-theme .gray-set .bg-gray-100 { background-color: #ecf0fa !important; } .dark-theme .gray-set .bg-gray-200 { background-color: #dde2ef !important; } .dark-theme .gray-set .bg-gray-300 { background-color: #d0d7e8 !important; } .dark-theme .gray-set .bg-gray-400 { background-color: #b9c2d8 !important; } .dark-theme .gray-set .bg-gray-500 { background-color: #949eb7 !important; } .dark-theme .gray-set .bg-gray-600 { background-color: #737f9e !important; } .dark-theme .gray-set .bg-gray-700 { background-color: #4d5875 !important; } .dark-theme .gray-set .bg-gray-800 { background-color: #364261 !important; } .dark-theme .gray-set .bg-gray-900 { background-color: #242f48 !important; } .dark-theme .main-card-signin { box-shadow: 0 1px 15px 1px #191f3a; } .dark-theme .page-item.disabled .page-link { border-color: #4c576f; background: #27334e; } .dark-theme .ps > .ps__rail-y { background-color: #1f2940; } .dark-theme .app-sidebar .ps > .ps__rail-y { background-color: transparent; } .dark-theme .slide.is-expanded .side-menu__icon, .dark-theme .slide.is-expanded .angle { color: #0162e8 !important; } .dark-theme .close-toggle { color: #fff !important; } .dark-theme .slide.is-expanded .side-menu__label, .dark-theme .slide.is-expanded .side-menu__icon, .dark-theme .slide.is-expanded .angle { color: #fff; } .dark-theme .slide-item.active, .dark-theme .slide-item:hover, .dark-theme .slide-item:focus { color: #2a7ef3 !important; } .dark-theme .side-menu .slide.active .side-menu__label, .dark-theme .side-menu .slide.active .side-menu__icon { color: #2a7ef3 !important; } .dark-theme .slide:hover .side-menu__label, .dark-theme .slide:hover .angle, .dark-theme .slide:hover .side-menu__icon { color: #2a7ef3 !important; } .dark-theme .card.bg-primary-gradient { background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important; } .dark-theme .card.bg-danger-gradient { background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important; } .dark-theme .card.bg-success-gradient { background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important; } .dark-theme .card.bg-warning-gradient { background-image: linear-gradient(to left, #efa65f, #f76a2d) !important; } .dark-theme .vmap-wrapper { background: #1f2940 !important; } .dark-theme .card-dashboard-eight .list-group-item span { color: #f1f4f9; } .dark-theme .card-dashboard-eight .list-group-item { background-color: #1f2940; border-bottom: 1px solid rgba(231, 235, 243, 0.1); border-color: rgba(226, 232, 245, 0.1); } .dark-theme .sales-info h3, .dark-theme .card-table h4 { color: #f0f3f9; } .dark-theme .total-revenue h4 { color: #fcfdff; } .dark-theme .product-timeline ul.timeline-1:before { border-right: 2px dotted rgba(192, 204, 218, 0.3); } .dark-theme .main-dashboard-header-right > div h5 { color: #fff; } .dark-theme .customers .list-group-item-action:hover, .dark-theme .customers .list-group-item-action:focus { color: #0160e4; background-color: #2d364c; } .dark-theme .customers h5 { color: #fff; } .dark-theme .list-group-item { border-left: 0; border-right: 0; } .dark-theme .slide.is-expanded .side-menu__item { background: transparent; } .dark-theme nav.prod-cat li a { color: #b0bbcc; } .dark-theme .product-sale .wishlist { color: #000; } .dark-theme .nav-tabs.preview-thumbnail { border-bottom: 0; } .dark-theme .shopping-cart-footer { border-top: 1px solid rgba(225, 231, 236, 0.1); } .dark-theme .select2-dropdown { border-color: rgba(208, 215, 232, 0.1); } .dark-theme .bd-2 { border-width: 2px !important; } .dark-theme .sidebar-right .list a { color: rgba(247, 248, 251, 0.7); } .dark-theme .card-footer { background-color: #1f2940; } .dark-theme .card.card-primary { border-top: 2px solid #0162e8 !important; } .dark-theme .card.card-secondary { border-top: 2px solid #737f9e !important; } .dark-theme .card.card-success { border-top: 2px solid #22e840 !important; } .dark-theme .card.card-danger { border-top: 2px solid #ee335e !important; } .dark-theme .card.card-warning { border-top: 2px solid #ffb209 !important; } .dark-theme .card.card-info { border-top: 2px solid #01b8ff !important; } .dark-theme .card.card-purple { border-top: 2px solid #673ab7 !important; } .dark-theme .card.card-dark { border-top: 2px solid #343a40 !important; } .dark-theme .nav-tabs.html-source { border-bottom: 0; } .dark-theme .nav-tabs.html-source .nav-link.active { border-color: #141b2d; background-color: #141b2d; } .dark-theme .toast-body { padding: 0.75rem; background: #212c46; } .dark-theme .tabs-style-1 .main-nav-line .nav-link { background: #1f2940; } .dark-theme .tabs-style-2 .main-nav-line .nav-link { background: #1f2940 !important; } .dark-theme .tabs-style-2 .main-nav-line .nav-link.active { background: #1f2940 !important; } .dark-theme .tabs-style-2 .main-nav-line .nav-link { border: 1px solid rgba(226, 232, 245, 0.1); } .dark-theme .tabs-style-3 .nav.panel-tabs li a { background: #171f33; color: #fff; } .dark-theme .tabs-style-4 .nav.panel-tabs li a { background: #141b2d; color: #fff; } .dark-theme .nav-link.html-code { background: #1f2940; } .dark-theme .nav-tabs .nav-link.html-code.active, .dark-theme .nav-tabs .nav-link.html-code:hover, .dark-theme .nav-tabs .nav-link.html-code:focus { background-color: #141b2d; color: #fff; } .dark-theme .nav-tabs .nav-link.html-code:hover, .dark-theme .nav-tabs .nav-link.html-code:focus { border: 0; } .dark-theme .card .box { box-shadow: 0 0 25px #1d273d; border: 0; } .dark-theme .userlist-table .user-link { color: #fbf5f5; } .dark-theme .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #0162e8; } .dark-theme .main-chat-body .content-inner:before { background: rgba(15, 26, 51, 0.93); } .dark-theme .left.main-msg-wrapper:before { color: #343e53; } .dark-theme .icons-list-item { border: 1px solid rgba(214, 220, 236, 0.15); } .dark-theme .user-wideget-footer { background-color: #1f2940; } .dark-theme .profile.navtab-custom .active a { background: #273350; border-bottom: 0; color: #fffafa; } .dark-theme .profile.navtab-custom li a { color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(227, 230, 240, 0.1); } .dark-theme .profile.navtab-custom a.active { background: #273350; } .dark-theme .nav.prod-cat li a { color: #fff; } .dark-theme .prod-cat li ul li.active a { background: none; color: #ee335e; } .dark-theme .header-icon-svgs { color: #dde3ea; } .dark-theme .app-sidebar .side-item.side-item-category { color: #dde3ea; } .dark-theme .product-pagination .page-link { background-color: #1f2940 !important; border: 1px solid #2e3c5d; } .dark-theme .product-pagination .page-item.disabled .page-link { border-color: #3c465d; background: #1f283c; color: #555d6f; } .dark-theme .price span { color: #ebedf1; } .dark-theme #list3 .media-body h6 { color: white; } .dark-theme #list3 .list-group-item, .dark-theme #list8 .list-group-item, .dark-theme #list1 .list-group-item, .dark-theme #list8 .list-group-item { border-left: 1px solid rgba(231, 235, 243, 0.1); border-right: 1px solid rgba(231, 235, 243, 0.1); } .dark-theme .bg-gray-100.nav-bg .nav-tabs { border-bottom: 1px solid #2d364b; } .dark-theme .bg-gray-100.nav-bg .nav-tabs .nav-link { background-color: #141b2d; } .dark-theme .popover-static-demo .popover { box-shadow: -8px 12px 18px 0 #081127; border: 1px solid #3a4869; } .dark-theme .heading-inverse { background-color: #141b2c; } .dark-theme .toast { box-shadow: -8px 12px 18px 0 #141b2d; } .dark-theme .tabs-style-1 .dark-theme .border { border: 1px solid rgba(234, 236, 241, 0.1) !important; } .dark-theme .tabs-style-1 .dark-theme .border-top-0 { border-top: 0 !important; } .dark-theme .tabs-style-1 .main-nav-line .nav-link.active { color: #f3f5f9; border: 1px solid; border-color: rgba(224, 230, 237, 0.1) rgba(224, 230, 237, 0.1) #1f2940; } .dark-theme .tabs-style-1 .panel-tabs { border-bottom: 0; } .dataTables_paginate .page-item.previous a { width: 77px; } .dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label { color: #a0aac3; } .dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__item.active .side-menu__label { color: #a0aac3; } @media (min-width: 768px) { .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo { display: none !important; } .dark-theme.leftbgimage1 .main-sidebar-header, .dark-theme.leftbgimage2 .main-sidebar-header, .dark-theme.leftbgimage3 .main-sidebar-header, .dark-theme.leftbgimage4 .main-sidebar-header, .dark-theme.leftbgimage5 .main-sidebar-header { border-right: 1px solid #242e45; width: 240px; } } @media (max-width: 1199px) { .dark-theme .total-revenue { border-bottom: 1px solid rgba(227, 232, 247, 0.1) !important; } } .dark-theme .horizontalMenucontainer .side-menu__icon { color: #bfc8de; fill: #bfc8de; } .dark-theme.horizontal-light .horizontalMenucontainer .side-menu__icon { color: #5b6e88; fill: #5b6e88; } .dark-theme .main-header .dropdown.nav-itemd-none .dropdown-menu:after { border-bottom: 9px solid #1f2940; } @media (min-width: 992px) { .dark-theme .top-header .header-brand.header-brand2 .desktop-dark { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; } } .dark-theme .app-sidebar.toggle-sidemenu { border-top: 1px solid rgba(222, 228, 236, 0.1); } .dark-theme .first-sidemenu { background: #1f2940; } .dark-theme .second-sidemenu { background: #1f2940; border-left: 1px solid rgba(222, 228, 236, 0.1); } .dark-theme .resp-vtabs .resp-tabs-list li { border: 1px solid rgba(222, 228, 236, 0.1) !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0; } .dark-theme .first-sidemenu li.active, .dark-theme .resp-vtabs .resp-tab-active:hover { background: #1f2940; border-left: 0 !important; } .dark-theme .resp-vtabs li.resp-tab-active { border-left: 0 !important; } .dark-theme .first-sidemenu .side-menu__icon, .dark-theme .toggle-sidemenu .slide-item { color: #a0aac3; fill: #a0aac3; } .dark-theme .second-sidemenu h5 { color: #dde3ea; } .dark-theme.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-left: 1px solid rgba(222, 228, 236, 0.1) !important; } /*# sourceMappingURL=style-dark.css.map */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 35px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; font-family: 'iransans'; text-align: right; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 26%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #e3e8f2; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { position: relative; margin-top: 5px; margin-right: 4px; padding: 3px 10px 3px 20px; border-color: transparent; border-radius: 0; background-color: #0162e8; color: #fff; line-height: 1.45; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #e3e8f2; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #e3e8f2 100%); background-image: -o-linear-gradient(top, #fff 50%, #e3e8f2 100%); background-image: linear-gradient(to bottom, #fff 50%, #e3e8f2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #e3e8f2 50%, #ccc 100%); background-image: -o-linear-gradient(top, #e3e8f2 50%, #ccc 100%); background-image: linear-gradient(to bottom, #e3e8f2 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #e3e8f2 50%); background-image: -o-linear-gradient(top, #fff 0%, #e3e8f2 50%); background-image: linear-gradient(to bottom, #fff 0%, #e3e8f2 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #e3e8f2 50%, #fff 100%); background-image: -o-linear-gradient(top, #e3e8f2 50%, #fff 100%); background-image: linear-gradient(to bottom, #e3e8f2 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } /*! * ============================================================= * dropify v0.2.2 - Override your input files with style. * https://github.com/JeremyFagis/dropify * * (c) 2017 - Jeremy FAGIS (http://fagis.fr) * ============================================================= */ @charset "UTF-8"; @font-face { font-family: 'dropify'; src: url(/Content/Panel/assets/plugins/fileuploads/fonts/dropify.eot); src: url(/Content/Panel/assets/plugins/fileuploads/fonts/dropify.eot#iefix) format("embedded-opentype"), url(/Content/Panel/assets/plugins/fileuploads/fonts/dropify.woff) format("woff"), url(/Content/Panel/assets/plugins/fileuploads/fonts/dropify.ttf) format("truetype"), url(/Content/Panel/assets/plugins/fileuploads/fonts/dropify.svg#dropify) format("svg"); font-weight: normal; font-style: normal; } [class^="dropify-font-"]:before, [class*=" dropify-font-"]:before, .dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before { font-family: "dropify"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: .2em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before { content: '\e800'; } .dropify-font-file:before { content: '\e801'; } .dropify-wrapper { display: block; position: relative; cursor: pointer; overflow: hidden; width: 100%; max-width: 100%; height: 200px; padding: 5px 10px; font-size: 14px; line-height: 22px; color:#334151; background-color: #FFF; background-image: none; text-align: center; border: 1px solid #e1e6f1; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; } .dropify-wrapper:hover { background-size: 30px 30px; background-image: -webkit-linear-gradient(135deg, #e7ecf6 25%, transparent 25%, transparent 50%, #e7ecf6 50%, #e7ecf6 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e7ecf6 25%, transparent 25%, transparent 50%, #e7ecf6 50%, #e7ecf6 75%, transparent 75%, transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; } .dropify-wrapper.has-preview .dropify-clear { display: block; } .dropify-wrapper.has-error { border-color: #F34141; } .dropify-wrapper.has-error .dropify-message .dropify-error { display: block; } .dropify-wrapper.has-error:hover .dropify-errors-container  { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper.disabled input { cursor: not-allowed; } .dropify-wrapper.disabled:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.disabled .dropify-message { opacity: 0.5; text-decoration: line-through; } .dropify-wrapper.disabled .dropify-infos-message { display: none; } .dropify-wrapper input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; } .dropify-wrapper .dropify-message { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-message span.file-icon { font-size: 50px; color: #99a6b7 ; } .dropify-wrapper .dropify-message p { margin: 5px 0 0 0; } .dropify-wrapper .dropify-message p.dropify-error { color: #F34141; font-weight: bold; display: none; } .dropify-wrapper .dropify-clear { display: none; position: absolute; opacity: 0; z-index: 7; top: 10px; right: 10px; background: none; border: 2px solid #FFF; text-transform: uppercase; font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial"; font-size: 11px; padding: 4px 8px; font-weight: bold; color: #FFF; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .dropify-wrapper .dropify-clear:hover { background: rgba(255, 255, 255, 0.2); } .dropify-wrapper .dropify-preview { display: none; position: absolute; z-index: 1; background-color: #FFF; padding: 5px; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; } .dropify-wrapper .dropify-preview .dropify-render img { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; max-width: 100%; max-height: 100%; background-color: #FFF; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-render i { font-size: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; color: #777; } .dropify-wrapper .dropify-preview .dropify-render .dropify-extension { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: -0.03em; font-size: 13px; width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropify-wrapper .dropify-preview .dropify-infos { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner { position: absolute; top: 50%; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; padding: 0 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF; text-align: center; line-height: 25px; font-weight: bold; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 15px; padding-top: 15px; font-size: 12px; position: relative; opacity: 0.5; } .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #FFF; width: 30px; height: 2px; } .dropify-wrapper:hover .dropify-clear { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos { opacity: 1; } .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: -5px; } .dropify-wrapper.touch-fallback { height: auto !important; } .dropify-wrapper.touch-fallback:hover { background-image: none; -webkit-animation: none; animation: none; } .dropify-wrapper.touch-fallback .dropify-preview { position: relative; padding: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render { display: block; position: relative; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); top: 0; left: 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before { margin-top: 30px; margin-bottom: 30px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos { position: relative; opacity: 1; background: transparent; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 5px 90px 5px 0; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p { padding: 0; margin: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; text-align: left; line-height: 25px; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename { font-weight: bold; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message { margin-top: 0; padding-top: 0; font-size: 11px; position: relative; opacity: 1; } .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { display: none; } .dropify-wrapper.touch-fallback .dropify-message { -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 40px 0; } .dropify-wrapper.touch-fallback .dropify-clear { top: auto; bottom: 23px; opacity: 1; border-color: rgba(119, 119, 119, 0.7); color: #777; } .dropify-wrapper.touch-fallback.has-preview .dropify-message { display: none; } .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: 0; } .dropify-wrapper .dropify-loader { position: absolute; top: 15px; right: 15px; display: none; z-index: 9; } .dropify-wrapper .dropify-loader::after { display: block; position: relative; width: 20px; height: 20px; -webkit-animation: rotate 0.6s linear infinite; animation: rotate 0.6s linear infinite; border-radius: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #777; border-left: 1px solid #CCC; border-right: 1px solid #777; content: ''; } .dropify-wrapper .dropify-errors-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(243, 65, 65, 0.8); text-align: left; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.15s,opacity 0.15s linear; transition: visibility 0s linear 0.15s,opacity 0.15s linear; } .dropify-wrapper .dropify-errors-container ul { padding: 10px 20px; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dropify-wrapper .dropify-errors-container ul li { margin-left: 20px; color: #FFF; font-weight: bold; } .dropify-wrapper .dropify-errors-container.visible { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropify-wrapper ~ .dropify-errors-container ul { padding: 0; margin: 15px 0; } .dropify-wrapper ~ .dropify-errors-container ul li { margin-left: 20px; color: #F34141; font-weight: bold; } @-webkit-keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @keyframes stripes { from { background-position: 0 0; } to { background-position: 60px 30px; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } /*Color variables*/ /*gray variables*/ /*white variables*/ /*black variables*/ /*shadow variables*/ /* =========== Horizontal-color CSS ============= */ .horizontal-color .horizontal-main.hor-menu { background: #005bea; box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13); border-top: 1px solid rgba(255, 255, 255, 0.2); } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active { color: #fff; background: transparent; } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: transparent; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > a { color: rgba(255, 255, 255, 0.6); border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-theme.horizontal-color .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: rgba(234, 235, 243, 0.15); } @media only screen and (max-width: 991px) { .horizontal-color .horizontalMenu > .horizontalMenu-list { background: #0162e8; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: transparent; margin: 0px; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.8); } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i { color: rgba(255, 255, 255, 0.5); } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a, .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:focus > a { background-color: transparent; color: #fff !important; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a:before { color: #fff !important; } .horizontal-color .mega-menubg { background: #1a73ef !important; margin: 0px; } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: #1a73ef !important; color: rgba(255, 255, 255, 0.8) !important; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu { background-color: #1a73ef; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.6); } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: #6e78fe; color: #fff; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu { color: #fff; } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i { color: rgba(255, 255, 255, 0.2); } .horizontal-color .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: rgba(234, 235, 243, 0.15); } .horizontal-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover { color: #fff !important; } } /* =========== Horizontal-Dark CSS ============= */ .horizontal-dark .horizontal-main.hor-menu { background: #081e3e; box-shadow: -8px 12px 18px 0 rgba(30, 33, 43, 0.13); border-top: 1px solid rgba(255, 255, 255, 0.1); } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active { color: #fff; background: transparent; } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: transparent; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > a { color: rgba(255, 255, 255, 0.6); border-bottom-color: rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 991px) { .horizontal-dark .horizontalMenu > .horizontalMenu-list { background: #081e3e; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: transparent; margin: 0px; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.6); } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu a:hover:before { border-color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i { color: rgba(255, 255, 255, 0.5); } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a { background-color: transparent; color: #fff; } .horizontal-dark .mega-menubg { background: transparent !important; margin: 0px; } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: transparent !important; color: rgba(255, 255, 255, 0.8) !important; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu { background-color: transparent; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.6); } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: #1e2027; color: #0162e8; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu { color: #fff; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i { color: rgba(255, 255, 255, 0.2); } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #7079f9; background: rgba(0, 0, 0, 0.3); } .horizontal-dark.dark-theme .horizontalMenu h3 { color: #fff; } .horizontal-dark .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover { color: #fff !important; } } /* =========== Horizontal-Gradient CSS ============= */ .horizontal-gradient .horizontal-main.hor-menu { background: linear-gradient(to right, #005bea 0%, #0db2de 100%) !important; box-shadow: -8px 12px 18px 0 rgba(30, 33, 43, 0.13); border-top: 1px solid rgba(255, 255, 255, 0.1); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > a { color: rgba(255, 255, 255, 0.8); border-bottom-color: rgba(255, 255, 255, 0.1); } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active { color: #fff; background: rgba(255, 255, 255, 0.1); } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: rgba(255, 255, 255, 0.1); } .dark-theme.horizontal-gradient .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: transparent; } @media only screen and (max-width: 991px) { .horizontal-gradient .horizontalMenu > .horizontalMenu-list { background: linear-gradient(to left, #0db2de 0%, #005bea 100%); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: transparent; margin: 0px; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.8); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i { color: rgba(255, 255, 255, 0.5); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a { background-color: transparent; color: #fff !important; } .horizontal-gradient .mega-menubg { background: transparent !important; margin: 0px; } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: transparent !important; color: rgba(255, 255, 255, 0.8) !important; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu { background-color: #1a73ef; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { color: rgba(255, 255, 255, 0.6); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: #6e78fe; color: #fff; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu { color: #fff; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i { color: rgba(255, 255, 255, 0.2); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: #7255ef; } .horizontal-gradient.dark-theme .horizontalMenu h3 { color: #fff; } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active, .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: transparent; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover { color: #fff !important; } } /* =========== Horizontal-Gradient CSS ============= */ .horizontal-light .horizontal-main.hor-menu { background: #fff; box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13); border-top: 1px solid #e8ebf1; } .horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active { color: #0162e8; background: transparent; } .horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #0162e8; background: transparent; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > a { color: #5b6e88; border-bottom-color: rgba(0, 0, 0, 0.03); } .dark-theme.horizontal-light .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #0162e8; background: transparent; } @media only screen and (max-width: 991px) { .horizontal-light .horizontalMenu > .horizontalMenu-list { background: #fff; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: transparent; margin: 0px; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: #686868; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i { color: rgba(0, 0, 0, 0.2); } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a { background-color: transparent; color: #0162e8 !important; } .horizontal-light .mega-menubg { background: transparent !important; margin: 0px; } .horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a { background: transparent !important; color: #000 !important; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu { background-color: transparent; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { color: #686868; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: #e7e7e7; color: #0162e8; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu { color: #000; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i { color: rgba(8, 8, 8, 0.15); } .horizontal-light .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #0162e8; background: transparent; } .horizontal-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover { color: #0162e8 !important; } } /* =========== Body Style1 CSS ============= */ body.body-style1 { background: #fff; } .body-style1 .horizontal-main.hor-menu { background: #fff; box-shadow: none; border-top: 1px solid #dee4ec !important; border-bottom: 1px solid #dee4ec !important; } .body-style1 .card { box-shadow: none; border: 1px solid #dee4ec !important; } .body-style1 .main-header { box-shadow: none; border-bottom: 1px solid #dee4ec !important; } .dark-theme.body-style1 .main-header { border-bottom: 1px solid #4b516c; } .body-style1 .app-sidebar { box-shadow: none; border-left: 1px solid #e0e6f5 !important; } body.light-theme.body-style1 { background: #fff; } .light-theme.body-style1 .horizontal-main.hor-menu { background: #fff; box-shadow: none; border-top: 1px solid #e8ebf1; border-bottom: 1px solid #e8ebf1; } .light-theme.body-style1 .card { box-shadow: none; border: 1px solid #e8ebf1; } body.dark-theme.body-style1 { background: #1f2940 !important; } .dark-theme.body-style1 .horizontal-main.hor-menu { background: #1f2940; box-shadow: none; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(222, 228, 236, 0.1) !important; } .dark-theme.body-style1 .card { box-shadow: none; border: 1px solid rgba(222, 228, 236, 0.1) !important; } .body-style1.horizontal-color .horizontal-main.hor-menu { background: #0162e8; box-shadow: none; } .body-style1.horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active, .body-style1.horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: rgba(234, 235, 243, 0.15); } .body-style1.horizontal-color .horizontalMenu > .horizontalMenu-list > li > a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } .body-style1.dark-theme.horizontal-color .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: rgba(234, 235, 243, 0.15); } .body-style1.horizontal-dark .horizontal-main.hor-menu { background: #081e3e; box-shadow: none; border-top: 1px solid rgba(255, 255, 255, 0.1); } .body-style1.horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active, .body-style1.horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #9097ff; background: rgba(0, 0, 0, 0.3); } .body-style1.horizontal-dark .horizontalMenu > .horizontalMenu-list > li > a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } .body-style1.horizontal-gradient .horizontal-main.hor-menu { background: linear-gradient(to left, #0db2de 0%, #005bea 100%); box-shadow: none; border-top: 1px solid rgba(255, 255, 255, 0.1); } .body-style1.horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } .body-style1.horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active, .body-style1.horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: transparent; } .body-style1.dark-theme.horizontal-gradient .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #fff; background: transparent; } .body-style1.horizontal-light .horizontal-main.hor-menu { background: #fff; box-shadow: none; border-top: 1px solid #e8ebf1; } .body-style1.horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active, .body-style1.horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #0162e8; background: transparent; } .body-style1.horizontal-light .horizontalMenu > .horizontalMenu-list > li > a { color: #a8b1c7; border-bottom-color: rgba(0, 0, 0, 0.03); } .body-style1.dark-theme.horizontal-light .horizontalMenu > .horizontalMenu-list > li:hover > a { color: #0162e8; background: transparent; } .light-theme .horizontal-light-switcher { display: none !important; } .light-theme.body-style1 .app-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); box-shadow: none; } .dark-theme .horizontal-Dark-switcher { display: none !important; } .dark-theme.body-style1 .app-sidebar { border-top: 1px solid transparent; border-left: 1px solid rgba(224, 230, 245, 0.1) !important; box-shadow: none; } .dark-theme.body-style1 .app-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); box-shadow: none; } .light-theme.body-style1 .app-sidebar { border-left: 1px solid #e8ebf1; border-top: 1px solid transparent; box-shadow: none; } .light-theme.body-style1 .app-header { border-bottom: 1px solid #e8ebf1; box-shadow: none; } .body-style1.leftmenu-gradient .app-sidebar { border-top: 1px solid #5a65ff; } /* =========== Leftmenu-color CSS ============= */ .leftmenu-color .app-sidebar { background: #0162e8; border-left: 1px solid #0162e8; border-top: 1px solid #0162e8; } .leftmenu-color .main-sidebar-header { background: #0162e8; border-bottom: 1px solid rgba(234, 232, 241, 0.1); border-left: 1px solid #1666e6; } .leftmenu-color .slide.is-expanded { background: 0; } .leftmenu-color .app-sidebar ul li a { color: rgba(255, 255, 255, 0.6); } .leftmenu-color .side-menu li ul { background: transparent; } .leftmenu-color .side-menu__item.active .side-menu__icon, .leftmenu-color .side-menu__item:hover .side-menu__icon, .leftmenu-color .side-menu__item:focus .side-menu__icon { color: rgba(238, 238, 247, 0.5) !important; } .leftmenu-color .slide-item:hover:before { color: #fff !important; } .leftmenu-color .toggle-menu.side-menu li ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.01); color: rgba(255, 255, 255, 0.7); } .leftmenu-color .slide-menu li.active > a { color: #fff !important; } .leftmenu-color .app-sidebar .slide-menu .slide-item:hover { color: #fff !important; } .leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active { color: #fff !important; background: rgba(234, 235, 243, 0.2); } .leftmenu-color .app-sidebar .side-menu__item.active .side-menu__icon { color: #fff !important; fill: #fff !important; } .leftmenu-color .app-sidebar .toggle-menu .side-menu__item:hover { background: rgba(234, 235, 243, 0.2); color: #fff !important; } .leftmenu-color .slide-item.active, .leftmenu-color .slide-item:hover, .leftmenu-color .slide-item:focus { color: #fff !important; } .leftmenu-color .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon { color: #fff !important; } .leftmenu-color .toggle-menu.side-menu li a { border-top: 1px solid transparent; } .leftmenu-color .side-menu h3 { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftmenu-color .app-sidebar { background: #0162e8; border-left: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); } .leftmenu-color .slide.is-expanded .side-menu__item { color: #08daf5; background: transparent; } .leftmenu-color .slide.is-expanded .side-menu__label, .leftmenu-color .slide.is-expanded .side-menu__icon, .leftmenu-color .slide.is-expanded .angle { fill: #08daf5 !important; color: #08daf5 !important; } .leftmenu-color .app-sidebar__user .user-info h4, .leftmenu-color .side-menu__label { color: rgba(255, 255, 255, 0.7); } .leftmenu-color .app-sidebar .slide-menu a:before { color: #fbfcfd !important; } .leftmenu-color .sub-slide.is-expanded .sub-side-menu__item { color: #fff; } .leftmenu-color .sub-slide.is-expanded .sub-slide-menu .sub-slide-item:hover { color: #fff; } .leftmenu-color .side-menu .slide.active .side-menu__label, .leftmenu-color .side-menu .slide.active .side-menu__icon { color: #08daf5 !important; fill: #08daf5 !important; } .leftmenu-color .side-menu .side-menu__icon { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .leftmenu-color .slide:hover .side-menu__icon { color: #08daf5; fill: #08daf5 !important; } .leftmenu-color .slide-item.active, .leftmenu-color .slide-item:hover, .leftmenu-color .slide-item:focus { color: #08daf5; fill: #08daf5 !important; } .leftmenu-color .app-sidebar .slide .side-menu__item.active::before { background: #08daf5 !important; } .leftmenu-color .slide:hover .side-menu__label, .leftmenu-color .slide:hover .angle { color: #08daf5 !important; } .leftmenu-color .side-menu__item:hover .side-menu__icon { color: #08daf5 !important; fill: #08daf5 !important; } .leftmenu-color .side-menu__item.active, .leftmenu-color .side-menu__item:hover, .leftmenu-color .side-menu__item:focus { color: #08daf5 !important; } .leftmenu-color .angle { color: #fff !important; } .leftmenu-color .app-sidebar .slide.active .side-menu__item { background: transparent; } .leftmenu-color .badge-primary { color: #0162e8; background-color: #fff; } .leftmenu-color .angle { color: rgba(255, 255, 255, 0.7) !important; } @media (min-width: 578px) { .leftmenu-color .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .leftmenu-color.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme { display: none !important; } .leftmenu-color .desktop-logo.logo-light .main-logo { display: none !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-light { display: none !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-logo.icon-dark .logo-icon.dark-theme { display: none !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage1 .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage1 .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage1 .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage1 .ps > .ps__rail-y { background-color: #619ef1; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage2 .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage2 .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage2 .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage2 .ps > .ps__rail-y { background-color: #619ef1; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage3 .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage3 .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage3 .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage3 .ps > .ps__rail-y { background-color: #619ef1; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage4 .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage4 .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage4 .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage4 .ps > .ps__rail-y { background-color: #619ef1; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage5 .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage5 .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage5 .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color.leftbgimage5 .ps > .ps__rail-y { background-color: #619ef1; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color .main-logo.dark-theme { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color .ps > .ps__rail-y > .ps__thumb-y { background-color: #106ae4; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-color .ps > .ps__rail-y { background-color: #619ef1; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light .logo-icon { display: none !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light { display: none !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark .logo-icon.dark-theme { display: block !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark { display: block !important; } .leftmenu-color.app.sidebar-mini .desktop-logo.logo-light { display: none; } .leftmenu-color.app.sidebar-mini .desktop-logo.logo-dark { display: block; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .desktop-logo.logo-dark { display: none; } .leftmenu-dark.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-logo.icon-dark { display: none !important; } .leftmenu-color.app.sidebar-mini.sidenav-toggled .desktop-logo.logo-dark { display: none; } .app.sidebar-mini.leftmenu-dark.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-dark .desktop-logo { display: none !important; } .leftmenu-dark.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark { display: block !important; } .leftmenu-dark.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } } .leftmenu-color .app-sidebar__user .user-pro-body img { background: #0162e8; } /* =========== Leftmenu-Dark CSS ============= */ .leftmenu-dark .app-sidebar { background: #081e3e; border-left: 1px solid #081e3e !important; border-top: 1px solid #081e3e; } .leftmenu-dark .app-sidebar ul li a { color: rgba(255, 255, 255, 0.7); } .leftmenu-dark .side-menu li ul { background: transparent; } .leftmenu-dark .toggle-menu.side-menu li ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.01); color: rgba(218, 218, 224, 0.7); } .leftmenu-dark .slide-menu li.active > a { color: #fff !important; } .leftmenu-dark .app-sidebar .slide-menu .slide-item:hover { color: #868eff; } .leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active { color: #868eff !important; background: rgba(0, 0, 0, 0.3); } .leftmenu-dark .app-sidebar .toggle-menu .side-menu__item:hover { background: rgba(0, 0, 0, 0.3); color: #868eff !important; } .leftmenu-dark .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon { color: #868eff !important; } .leftmenu-dark .toggle-menu.side-menu li a { border-top: 1px solid transparent; } .leftmenu-dark .side-menu h3 { color: #b1b3bb; } .dark-theme.leftmenu-dark .app-sidebar { border-left: 1px solid transparent; border-top: 1px solid rgba(255, 255, 255, 0.2); } .leftmenu-dark .slide.is-expanded .side-menu__item { color: #868eff; background: transparent; } .leftmenu-dark .slide.is-expanded .side-menu__label { color: #277aec !important; } .leftmenu-dark .side-menu .slide.active .side-menu__label, .leftmenu-dark .side-menu .slide.active .side-menu__icon { color: #277aec; } .leftmenu-dark .side-menu .side-menu__icon { color: rgba(255, 255, 255, 0.7); fill: rgba(255, 255, 255, 0.5); } .leftmenu-dark .slide:hover .side-menu__label, .leftmenu-dark .slide:hover .angle { color: #277aec !important; } .leftmenu-dark .angle { color: #8b96af !important; } .leftmenu-dark .app-sidebar .slide.active .side-menu__item { background: transparent; } .leftmenu-dark .slide.is-expanded { background: 0; } .leftmenu-dark .badge-primary { color: #0162e8; background-color: #fff; } .leftmenu-dark .slide:hover .side-menu__label, .leftmenu-dark .slide:hover .angle { color: #277aec !important; } .leftmenu-dark .side-menu__item:hover .side-menu__icon, .leftmenu-dark .app-sidebar .slide-item:hover { color: #277aec !important; } .leftmenu-dark .app-sidebar .slide-item:hover:before { color: #277aec !important; } .leftmenu-dark .main-sidebar-header { background: #081e3e; border-left: 1px solid #081e3e !important; border-bottom: 1px solid rgba(234, 232, 241, 0.1); } .leftmenu-dark .app-sidebar__user .user-pro-body img { border: 2px solid #0892e2; background: #081e3e; } @media (min-width: 578px) { .leftmenu-dark .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .leftmenu-dark.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme { display: none !important; } .leftmenu-dark .desktop-logo.logo-light .main-logo { display: none !important; } .leftmenu-dark.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light .logo-icon { display: none !important; } .leftmenu-dark.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light { display: none !important; } .leftmenu-dark.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark .logo-icon.dark-theme { display: block !important; } .leftmenu-dark.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark { display: block !important; } .leftmenu-dark.app.sidebar-mini .desktop-logo.logo-light { display: none; } .leftmenu-dark.app.sidebar-mini .desktop-logo.logo-dark { display: block; } } /* =========== Leftmenu-Gradient CSS ============= */ .leftmenu-gradient .app-sidebar { background: linear-gradient(to right bottom, #005bea 0%, #0db2de 100%) !important; border-left: 1px solid #1d97e1; border-top: 1px solid #1d97e1; } .leftmenu-gradient .slide.is-expanded { background: 0; } .leftmenu-gradient .app-sidebar ul li a { color: rgba(255, 255, 255, 0.7) !important; } .leftmenu-gradient .app-sidebar ul li a:before { color: rgba(255, 255, 255, 0.7) !important; } .leftmenu-gradient .side-menu li ul { background: transparent; } .leftmenu-gradient .toggle-menu.side-menu li ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.01); color: rgba(255, 255, 255, 0.7); } .leftmenu-gradient .slide-menu li.active > a { color: #fff !important; } .leftmenu-gradient .app-sidebar .slide-menu .slide-item:hover { color: #fff !important; } .leftmenu-gradient .app-sidebar .slide-menu .slide-item:hover:before { color: #fff !important; } .leftmenu-gradient .slide-item.active, .leftmenu-gradient .slide-item:hover, .leftmenu-gradient .slide-item:focus { color: #fff !important; } .leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active { color: #fff !important; background: rgba(234, 235, 243, 0.2); } .leftmenu-gradient .app-sidebar .side-menu__item.active .side-menu__icon { color: #fff !important; } .leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item:hover { background: rgba(234, 235, 243, 0.2); color: #fff !important; } .leftmenu-gradient .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon { color: #fff !important; } .leftmenu-gradient .toggle-menu.side-menu li a { border-top: 1px solid transparent; } .leftmenu-gradient .side-menu h3 { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftmenu-gradient .app-sidebar { background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); border-left: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.5); } .leftmenu-gradient .slide.is-expanded .side-menu__item { color: #fff; background: transparent; } .leftmenu-gradient .slide.is-expanded .side-menu__label, .leftmenu-gradient .slide.is-expanded .side-menu__icon, .leftmenu-gradient .slide.is-expanded .angle { color: #00c8ff !important; fill: #00c8ff !important; } .leftmenu-gradient .app-sidebar__user .user-info h4, .leftmenu-gradient .side-menu__label { color: rgba(255, 255, 255, 0.9); } .leftmenu-gradient .side-menu .slide.active .side-menu__label, .leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: #00c8ff !important; fill: #00c8ff !important; } .leftmenu-gradient .side-menu .side-menu__icon { fill: rgba(255, 255, 255, 0.86); } .leftmenu-gradient .slide:hover .side-menu__icon { fill: #fff !important; } .leftmenu-gradient .slide-item.active, .leftmenu-gradient .slide-item:hover, .leftmenu-gradient .slide-item:focus { color: #fff !important; } .leftmenu-gradient .slide:hover .side-menu__label { color: #fff !important; } .leftmenu-gradient .angle { color: #fff !important; } .leftmenu-gradient .app-sidebar .slide.active .side-menu__item { background: transparent; } .leftmenu-gradient .badge-primary { color: #0162e8; background-color: #fff; } .leftmenu-gradient .slide:hover .side-menu__label, .leftmenu-gradient .slide:hover .angle { color: #00c8ff !important; } .leftmenu-gradient .side-menu__item:hover .side-menu__icon { color: #00c8ff !important; fill: #00c8ff !important; } .leftmenu-gradient .main-sidebar-header { background: linear-gradient(to right, #196bec 40%, #1b7de8 100%) !important; border-bottom: 1px solid rgba(234, 232, 241, 0.2); border-left: 1px solid #1c94e1; } .leftmenu-gradient .app-sidebar__user .user-info .text-muted { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftmenu-gradient .main-sidebar-header { background: linear-gradient(to right bottom, #5a5be1 50%, #5f5cde 100%); } .leftmenu-gradient .app-sidebar__user .user-pro-body img { border: 2px solid #0caddf; background: #0162e8; } @media (min-width: 578px) { .leftmenu-gradient .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .leftmenu-gradient.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme { display: none !important; } .leftmenu-gradient .desktop-logo.logo-light .main-logo { display: none !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light .logo-icon { display: none !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-light { display: none !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark .logo-icon.dark-theme { display: block !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark { display: block !important; } .leftmenu-gradient.app.sidebar-mini .desktop-logo.logo-light { display: none; } .leftmenu-gradient.app.sidebar-mini .desktop-logo.logo-dark { display: block; } .leftmenu-gradient.leftbgimage1 .main-sidebar-header { background: linear-gradient(to right, #0a61e8 40%, #0b75e2 100%) !important; } .leftmenu-gradient.leftbgimage2 .main-sidebar-header { background: linear-gradient(to right, #035ae2 40%, #036dd6 100%) !important; } .leftmenu-gradient.leftbgimage3 .main-sidebar-header { background: linear-gradient(to right, #0b62ea 40%, #147be6 100%) !important; } .leftmenu-gradient.leftbgimage4 .main-sidebar-header { background: linear-gradient(to right, #025ae2 40%, #0773d9 100%) !important; } .leftmenu-gradient.leftbgimage5 .main-sidebar-header { background: linear-gradient(to right, #0b60e8 40%, #127ae2 100%) !important; } } /* =========== Leftmenu-Light CSS ============= */ .leftmenu-light .app-sidebar { box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.3); background: #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; } .leftmenu-light .app-sidebar ul li a { color: #000; } .leftmenu-light .side-menu li ul { background: transparent; } .leftmenu-light .toggle-menu.side-menu li ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.01); color: #000; } .leftmenu-light .slide-menu li.active > a { color: #0162e8 !important; } .leftmenu-light .app-sidebar .slide-menu .slide-item:hover { color: #0162e8 !important; } .leftmenu-light .app-sidebar .slide-menu .slide-item:hover:before { color: #0162e8 !important; } .leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active { color: #0162e8 !important; background: transparent; } .leftmenu-light .app-sidebar .side-menu__item.active .side-menu__icon { color: #0162e8 !important; } .leftmenu-light .app-sidebar .toggle-menu .side-menu__item:hover { color: #0162e8 !important; background: transparent; } .leftmenu-light .app-sidebar .toggle-menu .side-menu__item.active:hover .side-menu__icon { color: #0162e8 !important; } .leftmenu-light .toggle-menu.side-menu li a { border-top: 1px solid transparent; } .leftmenu-light .side-menu h3 { color: #b1b3bb; } .dark-theme.leftmenu-light .app-sidebar { border-top: 1px solid transparent; } .dark-theme.leftmenu-light .slide.is-expanded .side-menu__item { color: #0162e8; background: transparent; } .dark-theme.leftmenu-light .app-sidebar__user .user-info h4 { color: #000 !important; } .dark-theme.leftmenu-light .slide.is-expanded { background: transparent; } .dark-theme.leftmenu-light .side-menu .slide.active .side-menu__label { color: #0162e8 !important; } .dark-theme.leftmenu-light .side-menu__label { color: #5b6e88; } .dark-theme.leftmenu-light .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light .side-menu .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light .slide:hover .side-menu__label, .dark-theme.leftmenu-light .slide:hover .angle { color: #0162e8 !important; } .dark-theme.leftmenu-light .angle { color: #000 !important; } .dark-theme.leftmenu-light .user-info .text-muted { color: #949eb7 !important; } .dark-theme.leftmenu-light .side-menu h3 { color: #000 !important; } .dark-theme.leftmenu-light .app-sidebar .slide.active .side-menu__item { background: transparent; } .dark-theme.leftmenu-light .slide.is-expanded a, .dark-theme.leftmenu-light .side-menu h3 { color: #6d7790 !important; } .dark-theme.leftmenu-light .main-sidebar-header { border-bottom: 1px solid #e9eaf5; background: #fff; } @media (min-width: 578px) { .leftmenu-light.app.sidebar-mini .desktop-logo.logo-dark { display: none; } .leftmenu-light.dark-theme .desktop-logo.logo-light .main-logo { display: block; } .leftmenu-light.dark-theme .main-logo, .leftmenu-light.dark-theme .logo-1, .leftmenu-light.dark-theme .desktop-logo.active.logo-light { display: block; } .leftmenu-light.dark-theme.sidenav-toggled .logo-icon.mobile-logo.icon-light .logo-icon { display: block !important; } .leftmenu-light.sidenav-toggled.dark-theme .desktop-logo.logo-light { display: none; } .leftmenu-light.dark-theme.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme { display: none; } .leftmenu-light.dark-theme.app.sidebar-mini.sidenav-toggled .logo-icon.icon-dark { display: block !important; } .leftmenu-light.dark-theme.app.sidebar-mini.sidenav-toggled .mobile-logo.icon-dark .logo-icon.dark-theme { display: none !important; } } /*---- Bg-Image ---*/ .leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #fff; transition: all 0.3s ease-in-out; } .leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .sidenav-toggled.sidenav-toggled-open.leftmenu-color .side-menu__label { color: rgba(255, 255, 255, 0.7); } .app.sidenav-toggled.leftbgimage1 .app-sidebar { width: 80px !important; } .app.sidenav-toggled.leftbgimage1 .app-sidebar:before { width: 80px !important; } .app.sidenav-toggled.leftbgimage1.sidenav-toggled-open .app-sidebar { width: 240px !important; } .app.sidenav-toggled.leftbgimage1.sidenav-toggled-open .app-sidebar:before { width: 240px !important; } } .leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #fff; transition: all 0.3s ease-in-out; } .leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .app.sidenav-toggled.leftbgimage2 .app-sidebar { width: 80px !important; } .app.sidenav-toggled.leftbgimage2 .app-sidebar:before { width: 80px !important; } .app.sidenav-toggled.leftbgimage2.sidenav-toggled-open .app-sidebar { width: 240px !important; } .app.sidenav-toggled.leftbgimage2.sidenav-toggled-open .app-sidebar:before { width: 240px !important; transition: all 0.3s ease-in-out; } } .leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #fff; transition: all 0.3s ease-in-out; } .leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .app.sidenav-toggled.leftbgimage3 .app-sidebar { width: 80px !important; } .app.sidenav-toggled.leftbgimage3 .app-sidebar:before { width: 80px !important; } .app.sidenav-toggled.leftbgimage3.sidenav-toggled-open .app-sidebar { width: 240px !important; } .app.sidenav-toggled.leftbgimage3.sidenav-toggled-open .app-sidebar:before { width: 240px !important; } } .leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #fff; transition: all 0.3s ease-in-out; } .leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.95); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .app.sidenav-toggled.leftbgimage4 .app-sidebar { width: 80px !important; } .app.sidenav-toggled.leftbgimage4 .app-sidebar:before { width: 80px !important; } .app.sidenav-toggled.leftbgimage4.sidenav-toggled-open .app-sidebar { width: 240px !important; } .app.sidenav-toggled.leftbgimage4.sidenav-toggled-open .app-sidebar:before { width: 240px !important; } } .leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid white; transition: all 0.3s ease-in-out; } .leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .app.sidenav-toggled.leftbgimage5 .app-sidebar { width: 80px !important; } .app.sidenav-toggled.leftbgimage5 .app-sidebar:before { width: 80px !important; } .app.sidenav-toggled.leftbgimage5.sidenav-toggled-open .app-sidebar { width: 240px !important; } .app.sidenav-toggled.leftbgimage5.sidenav-toggled-open .app-sidebar:before { width: 240px !important; } } /* Dark left-menu*/ .dark-theme.leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #242e44; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: rgba(31, 41, 64, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #242e44 !important; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: rgba(31, 41, 64, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #242e44 !important; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: rgba(31, 41, 64, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #242e44 !important; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: rgba(31, 41, 64, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #242e44 !important; transition: all 0.3s ease-in-out; } .dark-theme.leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: rgba(31, 41, 64, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } /* Left menu color */ .leftmenu-color.leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #1068e3; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: rgba(1, 98, 232, 0.9); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage1 .side-menu li ul { background: transparent; } .leftmenu-color.leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #1068e3; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: rgba(1, 98, 232, 0.9); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage2 .side-menu li ul { background: transparent; } .leftmenu-color.leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #1068e3; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: rgba(1, 98, 232, 0.9); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage3 .side-menu li ul { background: transparent; } .leftmenu-color.leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #1068e3; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: rgba(1, 98, 232, 0.9); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage4 .side-menu li ul { background: transparent; } .leftmenu-color.leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #1068e3; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: rgba(0, 91, 234, 0.95); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-color.leftbgimage5 .side-menu li ul { background: transparent; } .leftmenu-color.leftbgimage6 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/bg-6.html) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; } .leftmenu-color.leftbgimage6 .app-sidebar:before { content: ''; position: fixed; background: rgba(89, 100, 255, 0.85); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; } .leftmenu-color.leftbgimage6 .side-menu li ul { background: rgba(14, 87, 203, 0.8); } .leftmenu-color.leftbgimage7 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/bg-7.html) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; } .leftmenu-color.leftbgimage7 .app-sidebar:before { content: ''; position: fixed; background: rgba(89, 100, 255, 0.85); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; } .leftmenu-color.leftbgimage7 .side-menu li ul { background: #4b55d9; } .leftmenu-color.leftbgimage8 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/bg-8.html) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; } .leftmenu-color.leftbgimage8 .app-sidebar:before { content: ''; position: fixed; background: rgba(89, 100, 255, 0.85); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; } .leftmenu-color.leftbgimage8 .side-menu li ul { background: #4b55d9; } .leftmenu-color.leftbgimage9 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/bg-9.html) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; } .leftmenu-color.leftbgimage9 .app-sidebar:before { content: ''; position: fixed; background: rgba(89, 100, 255, 0.85); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; } .leftmenu-color.leftbgimage9 .side-menu li ul { background: #4b55d9; } /* Left menu Dark */ .leftmenu-dark.leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: rgba(8, 30, 62, 0.92); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage1 .side-menu li ul { background: transparent; } .leftmenu-dark.leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: rgba(8, 30, 62, 0.92); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage2 .side-menu li ul { background: transparent; } .leftmenu-dark.leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: rgba(8, 30, 62, 0.92); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage3 .side-menu li ul { background: transparent; } .leftmenu-dark.leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: rgba(8, 30, 62, 0.92); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage4 .side-menu li ul { background: transparent; } .leftmenu-dark.leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: rgba(8, 30, 62, 0.92); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-dark.leftbgimage5 .side-menu li ul { background: transparent; } /* Left menu Gradient */ .leftmenu-gradient.leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #0eafdf; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #0eafdf; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #0eafdf; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #0eafdf; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid #0eafdf; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-gradient.leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: linear-gradient(to right bottom, rgba(0, 91, 234, 0.95) 40%, rgba(10, 171, 214, 0.9) 100%); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Left menu Light */ .leftmenu-light.leftbgimage1 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/01.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage1 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage2 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/02.png) !important; background-size: cover; height: 100vh; width: 240px; border-right: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage2 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage3 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/03.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage3 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage4 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/04.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage4 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage5 .app-sidebar { background: url(/Content/Panel/assets/img/backgrounds/05.png) !important; background-size: cover; height: 100vh; width: 240px; border-left: 1px solid transparent; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftmenu-light.leftbgimage5 .app-sidebar:before { content: ''; position: fixed; background: rgba(255, 255, 255, 0.96); height: 100vh; width: 240px; z-index: -1; top: 0; bottom: 0; webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /** bg-1**/ .dark-theme.leftbgimage1 .side-menu .side-menu__icon, .dark-theme.leftbgimage1 .app-sidebar__user .user-info h4 { color: #fff; fill: rgba(255, 255, 255, 0.5); } .dark-theme.leftbgimage1 .angle, .dark-theme.leftbgimage1 .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage1 .side-menu__label, .dark-theme.leftbgimage1 .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.5); } .dark-theme.leftbgimage1 .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage1 .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage1 .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage1 .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage1 .side-menu .slide.active .side-menu__label, .dark-theme.leftbgimage1 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftbgimage1 .side-menu__item.active, .dark-theme.leftbgimage1 .side-menu__item:hover, .dark-theme.leftbgimage1 .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage1 .slide:hover .side-menu__label { color: #0162e8 !important; } .dark-theme.leftbgimage1 .slide-item.active, .dark-theme.leftbgimage1 .slide-item:hover, .dark-theme.leftbgimage1 .slide-item:focus { color: #0162e8 !important; } .dark-theme.leftbgimage1.leftmenu-color .side-menu .side-menu__icon, .dark-theme.leftbgimage1.leftmenu-color .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage1.leftmenu-color .angle, .dark-theme.leftbgimage1.leftmenu-color .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-color .side-menu__label, .dark-theme.leftbgimage1.leftmenu-color .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage1.leftmenu-color .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage1.leftmenu-color .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-color .side-menu__item:hover .side-menu__icon { color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-color .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-color .side-menu__item.active, .dark-theme.leftbgimage1.leftmenu-color .side-menu__item:hover, .dark-theme.leftbgimage1.leftmenu-color .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage1.leftmenu-color .slide.active .side-menu__label, .dark-theme.leftbgimage1.leftmenu-color .slide:hover .side-menu__label { color: #08daf5 !important; } .dark-theme.leftbgimage1.leftmenu-gradient .side-menu .side-menu__icon, .dark-theme.leftbgimage1.leftmenu-gradient .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage1.leftmenu-gradient .angle, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__label, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); fill: #09c9ff !important; } .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; fill: #09c9ff !important; } .dark-theme.leftbgimage1.leftmenu-gradient .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item.active, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item:hover, .dark-theme.leftbgimage1.leftmenu-gradient .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage1.leftmenu-gradient .slide.active .side-menu__label, .dark-theme.leftbgimage1.leftmenu-gradient .slide:hover .side-menu__label { color: #09c9ff !important; } .dark-theme.leftbgimage2 .side-menu .side-menu__icon, .dark-theme.leftbgimage2 .app-sidebar__user .user-info h4 { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage2 .angle, .dark-theme.leftbgimage2 .side-menu h3 { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage2 .side-menu__label, .dark-theme.leftbgimage2 .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage2 .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage2 .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage2 .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage2 .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage2 .side-menu .slide.active .side-menu__label, .dark-theme.leftbgimage2 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftbgimage2 .side-menu__item.active, .dark-theme.leftbgimage2 .side-menu__item:hover, .dark-theme.leftbgimage2 .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage2 .slide:hover .side-menu__label { color: #0162e8 !important; } .dark-theme.leftbgimage2 .slide-item.active, .dark-theme.leftbgimage2 .slide-item:hover, .dark-theme.leftbgimage2 .slide-item:focus { color: #0162e8 !important; } .dark-theme.leftbgimage2.leftmenu-color .side-menu .side-menu__icon, .dark-theme.leftbgimage2.leftmenu-color .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage2.leftmenu-color .angle, .dark-theme.leftbgimage2.leftmenu-color .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-color .side-menu__label, .dark-theme.leftbgimage2.leftmenu-color .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage2.leftmenu-color .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage2.leftmenu-color .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-color .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-color .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-color .side-menu__item.active, .dark-theme.leftbgimage2.leftmenu-color .side-menu__item:hover, .dark-theme.leftbgimage2.leftmenu-color .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage2.leftmenu-color .slide.active .side-menu__label, .dark-theme.leftbgimage2.leftmenu-color .slide:hover .side-menu__label { color: #08daf5 !important; } .dark-theme.leftbgimage2.leftmenu-gradient .side-menu .side-menu__icon, .dark-theme.leftbgimage2.leftmenu-gradient .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage2.leftmenu-gradient .angle, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu h3 { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__label, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-gradient .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item.active, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item:hover, .dark-theme.leftbgimage2.leftmenu-gradient .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage2.leftmenu-gradient .slide.active .side-menu__label, .dark-theme.leftbgimage2.leftmenu-gradient .slide:hover .side-menu__label { color: #00c8ff !important; } .dark-theme.leftbgimage3 .side-menu .side-menu__icon, .dark-theme.leftbgimage3 .app-sidebar__user .user-info h4 { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage3 .angle, .dark-theme.leftbgimage3 .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage3 .side-menu__label, .dark-theme.leftbgimage3 .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage3 .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage3 .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage3 .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; fill: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage3 .slide:hover .angle { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage3 .side-menu .slide.active .side-menu__label, .dark-theme.leftbgimage3 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftbgimage3 .side-menu__item.active, .dark-theme.leftbgimage3 .side-menu__item:hover, .dark-theme.leftbgimage3 .side-menu__item:focus { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage3 .slide:hover .side-menu__label { color: #0162e8 !important; } .dark-theme.leftbgimage3 .slide-item.active, .dark-theme.leftbgimage3 .slide-item:hover, .dark-theme.leftbgimage3 .slide-item:focus { color: #0162e8 !important; } .dark-theme.leftbgimage3.leftmenu-color .side-menu .side-menu__icon, .dark-theme.leftbgimage3.leftmenu-color .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage3.leftmenu-color .angle, .dark-theme.leftbgimage3.leftmenu-color .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-color .side-menu__label, .dark-theme.leftbgimage3.leftmenu-color .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage3.leftmenu-color .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage3.leftmenu-color .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-color .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-color .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-color .side-menu__item.active, .dark-theme.leftbgimage3.leftmenu-color .side-menu__item:hover, .dark-theme.leftbgimage3.leftmenu-color .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage3.leftmenu-color .slide.active .side-menu__label, .dark-theme.leftbgimage3.leftmenu-color .slide:hover .side-menu__label { color: #08daf5 !important; } .dark-theme.leftbgimage3.leftmenu-gradient .side-menu .side-menu__icon, .dark-theme.leftbgimage3.leftmenu-gradient .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage3.leftmenu-gradient .angle, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__label, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7) !important; } .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-gradient .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item.active, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item:hover, .dark-theme.leftbgimage3.leftmenu-gradient .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage3.leftmenu-gradient .slide.active .side-menu__label, .dark-theme.leftbgimage3.leftmenu-gradient .slide:hover .side-menu__label { color: #00c8ff !important; } .dark-theme.leftbgimage4 .side-menu .side-menu__icon, .dark-theme.leftbgimage4 .app-sidebar__user .user-info h4 { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage4 .angle, .dark-theme.leftbgimage4 .side-menu h3 { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage4 .side-menu__label, .dark-theme.leftbgimage4 .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage4 .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage4 .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage4 .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage4 .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage4 .side-menu .slide.active .side-menu__label, .dark-theme.leftbgimage4 .side-menu .slide.active .side-menu__icon { color: #00c8ff !important; fill: #00c8ff !important; } .dark-theme.leftbgimage4 .app-sidebar .slide .side-menu__item.active::before { content: ''; width: 3px; height: 31px; background: #00c8ff !important; position: absolute; right: 0; } .dark-theme.leftbgimage4 .side-menu__item.active, .dark-theme.leftbgimage4 .side-menu__item:hover, .dark-theme.leftbgimage4 .side-menu__item:focus { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage4 .slide:hover .side-menu__label { color: #0162e8 !important; } .dark-theme.leftbgimage4 .slide-item.active, .dark-theme.leftbgimage4 .slide-item:hover, .dark-theme.leftbgimage4 .slide-item:focus { color: #0162e8 !important; } .dark-theme.leftbgimage4.leftmenu-color .side-menu .side-menu__icon, .dark-theme.leftbgimage4.leftmenu-color .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage4.leftmenu-color .angle, .dark-theme.leftbgimage4.leftmenu-color .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-color .side-menu__label, .dark-theme.leftbgimage4.leftmenu-color .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage4.leftmenu-color .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage4.leftmenu-color .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-color .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-color .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-color .side-menu__item.active, .dark-theme.leftbgimage4.leftmenu-color .side-menu__item:hover, .dark-theme.leftbgimage4.leftmenu-color .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage4.leftmenu-color .slide.active .side-menu__label, .dark-theme.leftbgimage4.leftmenu-color .slide:hover .side-menu__label { color: #08daf5 !important; } .dark-theme.leftbgimage4.leftmenu-gradient .side-menu .side-menu__icon, .dark-theme.leftbgimage4.leftmenu-gradient .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage4.leftmenu-gradient .angle, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__label, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-gradient .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item.active, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item:hover, .dark-theme.leftbgimage4.leftmenu-gradient .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage4.leftmenu-gradient .slide.active .side-menu__label, .dark-theme.leftbgimage4.leftmenu-gradient .slide:hover .side-menu__label { color: #00c8ff !important; fill: #00c8ff !important; } .dark-theme.leftbgimage5 .side-menu .side-menu__icon, .dark-theme.leftbgimage5 .app-sidebar__user .user-info h4 { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage5 .angle, .dark-theme.leftbgimage5 .side-menu h3 { color: rgba(255, 255, 255, 0.3) !important; } .dark-theme.leftbgimage5 .side-menu__label, .dark-theme.leftbgimage5 .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.6); } .dark-theme.leftbgimage5 .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage5 .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage5 .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage5 .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage5 .side-menu .slide.active .side-menu__label, .dark-theme.leftbgimage5 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftbgimage5 .side-menu__item.active, .dark-theme.leftbgimage5 .side-menu__item:hover, .dark-theme.leftbgimage5 .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage5 .slide:hover .side-menu__label { color: #0162e8 !important; } .dark-theme.leftbgimage5 .slide-item.active, .dark-theme.leftbgimage5 .slide-item:hover, .dark-theme.leftbgimage5 .slide-item:focus { color: #0162e8 !important; } .dark-theme.leftbgimage5.leftmenu-color .side-menu .side-menu__icon, .dark-theme.leftbgimage5.leftmenu-color .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage5.leftmenu-color .angle, .dark-theme.leftbgimage5.leftmenu-color .side-menu h3 { color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-color .side-menu__label, .dark-theme.leftbgimage5.leftmenu-color .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage5.leftmenu-color .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage5.leftmenu-color .side-menu__item:focus .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-color .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-color .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-color .side-menu__item.active, .dark-theme.leftbgimage5.leftmenu-color .side-menu__item:hover, .dark-theme.leftbgimage5.leftmenu-color .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage5.leftmenu-color .slide.active .side-menu__label, .dark-theme.leftbgimage5.leftmenu-color .slide:hover .side-menu__label { color: #08daf5 !important; } .dark-theme.leftbgimage5.leftmenu-gradient .side-menu .side-menu__icon, .dark-theme.leftbgimage5.leftmenu-gradient .app-sidebar__user .user-info h4 { color: #fff; } .dark-theme.leftbgimage5.leftmenu-gradient .angle, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu h3 { color: rgba(255, 255, 255, 0.6) !important; } .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__label, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu .slide.active .side-menu__icon { color: rgba(255, 255, 255, 0.7); } .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item:hover .side-menu__icon { background: transparent !important; color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-gradient .slide:hover .angle { color: #fff !important; } .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item.active, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item:hover, .dark-theme.leftbgimage5.leftmenu-gradient .side-menu__item:focus { background: transparent !important; color: #0162e8 !important; } .dark-theme.leftbgimage5.leftmenu-gradient .slide.active .side-menu__label, .dark-theme.leftbgimage5.leftmenu-gradient .slide:hover .side-menu__label { color: #00c8ff !important; } .dark-theme.leftbgimage6.leftmenu-light .side-menu .side-menu__icon, .dark-theme.leftbgimage6.leftmenu-light .app-sidebar__user .user-info h4 { color: #000; } .dark-theme.leftbgimage6.leftmenu-light .angle, .dark-theme.leftbgimage6.leftmenu-light .side-menu h3 { color: #000 !important; } .dark-theme.leftbgimage6.leftmenu-light .side-menu__label, .dark-theme.leftbgimage6.leftmenu-light .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftbgimage6.leftmenu-light .slide:hover .angle { color: #0162e8 !important; } .dark-theme.leftbgimage6.leftmenu-light .side-menu__item.active .side-menu__icon, .dark-theme.leftbgimage6.leftmenu-light .side-menu__item:hover .side-menu__icon, .dark-theme.leftbgimage6.leftmenu-light .side-menu__item:focus .side-menu__icon, .dark-theme.leftbgimage6.leftmenu-light .side-menu__item.active, .dark-theme.leftbgimage6.leftmenu-light .side-menu__item:hover, .dark-theme.leftbgimage6.leftmenu-light .side-menu__item:focus { color: #0162e8; } .leftmenu-color.leftbgimage4 .main-sidebar-header { background: #0c64de; border-left: 1px solid #1767e7; } .leftmenu-color.leftbgimage1 .main-sidebar-header { background: #0f68e3; border-left: 1px solid #1767e7; } .leftmenu-color.leftbgimage2 .main-sidebar-header { background: #0d68e3; border-left: 1px solid #1767e7; } .leftmenu-color.leftbgimage3 .main-sidebar-header { background: #1971ea; border-left: 1px solid #1767e7; } .leftmenu-color.leftbgimage5 .main-sidebar-header { background: #1767e7; border-left: 1px solid #1767e7; } .leftmenu-color .app-sidebar .side-item.side-item-category { color: rgba(255, 255, 255, 0.88); } .leftmenu-dark.leftbgimage1 .main-sidebar-header { background: #132848; } .leftmenu-dark.leftbgimage2 .main-sidebar-header { background: #0d2341; } .leftmenu-dark.leftbgimage3 .main-sidebar-header { background: #182c4b; } .leftmenu-dark.leftbgimage4 .main-sidebar-header { background: #11223d; } .leftmenu-dark.leftbgimage5 .main-sidebar-header { background: #1a2d4a; } .leftbgimage1.leftmenu-gradient .main-sidebar-header { background: linear-gradient(300deg, #118dda 0%, #126ee3 100%); } .leftbgimage2.leftmenu-gradient .main-sidebar-header { background: linear-gradient(300deg, #0882cc 0%, #0763da 100%); } .leftbgimage3.leftmenu-gradient .main-sidebar-header { background: linear-gradient(300deg, #1d95e1 0%, #1570e6 100%); } .leftbgimage4.leftmenu-gradient .main-sidebar-header { background: linear-gradient(300deg, #0a82ce 0%, #0964d5 100%); } .leftbgimage5.leftmenu-gradient .main-sidebar-header { background: linear-gradient(300deg, #1b90dc 0%, #1671e3 100%); } .dark-theme.leftmenu-light.leftbgimage1 .app-sidebar .slide.active .side-menu__item { background: rgba(229, 229, 229, 0.3); } .dark-theme.leftmenu-light.leftbgimage1 .slide.is-expanded a { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu h3 { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu .side-menu__icon { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage1 .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage1 .slide:hover .side-menu__label, .dark-theme.leftmenu-light.leftbgimage1 .slide:hover .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu__label, .dark-theme.leftmenu-light.leftbgimage1 .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu__item.active, .dark-theme.leftmenu-light.leftbgimage1 .side-menu__item:hover, .dark-theme.leftmenu-light.leftbgimage1 .side-menu__item:focus { background: rgba(0, 0, 0, 0.06) !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu .side-menu__icon { color: #000 !important; background: transparent !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu .slide.active .side-menu__label, .dark-theme.leftmenu-light.leftbgimage1 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light.leftbgimage1 .side-menu .side-menu__icon { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage1 .app-sidebar__user .user-info h4 { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage1 .user-info .text-muted { color: #a4a4bb !important; } .dark-theme.leftmenu-light.leftbgimage2 .app-sidebar .slide.active .side-menu__item { background: rgba(229, 229, 229, 0.3); } .dark-theme.leftmenu-light.leftbgimage2 .slide.is-expanded a { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu h3 { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu .side-menu__icon { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage2 .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage2 .slide:hover .side-menu__label, .dark-theme.leftmenu-light.leftbgimage2 .slide:hover .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu__label, .dark-theme.leftmenu-light.leftbgimage2 .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu__item.active, .dark-theme.leftmenu-light.leftbgimage2 .side-menu__item:hover, .dark-theme.leftmenu-light.leftbgimage2 .side-menu__item:focus { background: rgba(0, 0, 0, 0.06) !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu .side-menu__icon { color: #000 !important; background: transparent !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu .slide.active .side-menu__label, .dark-theme.leftmenu-light.leftbgimage2 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light.leftbgimage2 .side-menu .side-menu__icon { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage2 .app-sidebar__user .user-info h4 { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage2 .user-info .text-muted { color: #a4a4bb !important; } .dark-theme.leftmenu-light.leftbgimage3 .app-sidebar .slide.active .side-menu__item { background: rgba(229, 229, 229, 0.3); } .dark-theme.leftmenu-light.leftbgimage3 .slide.is-expanded a { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu h3 { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu .side-menu__icon { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage3 .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage3 .slide:hover .side-menu__label, .dark-theme.leftmenu-light.leftbgimage3 .slide:hover .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu__label, .dark-theme.leftmenu-light.leftbgimage3 .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu__item.active, .dark-theme.leftmenu-light.leftbgimage3 .side-menu__item:hover, .dark-theme.leftmenu-light.leftbgimage3 .side-menu__item:focus { background: rgba(0, 0, 0, 0.06) !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu .side-menu__icon { color: #000 !important; background: transparent !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu .slide.active .side-menu__label, .dark-theme.leftmenu-light.leftbgimage3 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light.leftbgimage3 .side-menu .side-menu__icon { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage3 .app-sidebar__user .user-info h4 { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage3 .user-info .text-muted { color: #a4a4bb !important; } .dark-theme.leftmenu-light.leftbgimage4 .app-sidebar .slide.active .side-menu__item { background: rgba(229, 229, 229, 0.3); } .dark-theme.leftmenu-light.leftbgimage4 .slide.is-expanded a { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu h3 { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu .side-menu__icon { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage4 .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage4 .slide:hover .side-menu__label, .dark-theme.leftmenu-light.leftbgimage4 .slide:hover .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu__label, .dark-theme.leftmenu-light.leftbgimage4 .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu__item.active, .dark-theme.leftmenu-light.leftbgimage4 .side-menu__item:hover, .dark-theme.leftmenu-light.leftbgimage4 .side-menu__item:focus { background: rgba(0, 0, 0, 0.06) !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu .side-menu__icon { color: #000 !important; background: transparent !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu .slide.active .side-menu__label, .dark-theme.leftmenu-light.leftbgimage4 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light.leftbgimage4 .side-menu .side-menu__icon { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage4 .app-sidebar__user .user-info h4 { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage4 .user-info .text-muted { color: #a4a4bb !important; } .dark-theme.leftmenu-light.leftbgimage5 .app-sidebar .slide.active .side-menu__item { background: rgba(229, 229, 229, 0.3); } .dark-theme.leftmenu-light.leftbgimage5 .slide.is-expanded a { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu h3 { color: rgba(0, 0, 0, 0.6) !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu .side-menu__icon { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage5 .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage5 .slide:hover .side-menu__label, .dark-theme.leftmenu-light.leftbgimage5 .slide:hover .angle { color: #000 !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu__label, .dark-theme.leftmenu-light.leftbgimage5 .side-menu .slide.active .side-menu__icon { color: #000; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu__item.active, .dark-theme.leftmenu-light.leftbgimage5 .side-menu__item:hover, .dark-theme.leftmenu-light.leftbgimage5 .side-menu__item:focus { background: rgba(0, 0, 0, 0.06) !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu .side-menu__icon { color: #000 !important; background: transparent !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu .slide.active .side-menu__label, .dark-theme.leftmenu-light.leftbgimage5 .side-menu .slide.active .side-menu__icon { color: #0162e8 !important; } .dark-theme.leftmenu-light.leftbgimage5 .side-menu .side-menu__icon { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage5 .app-sidebar__user .user-info h4 { color: #1d1b1b; } .dark-theme.leftmenu-light.leftbgimage5 .user-info .text-muted { color: #a4a4bb !important; } .dark-theme.leftbgimage1 .main-sidebar-header { background: #222d44; } .dark-theme.leftbgimage2 .main-sidebar-header { background: #1d283f; } .dark-theme.leftbgimage3 .main-sidebar-header { background: #273147; } .dark-theme.leftbgimage4 .main-sidebar-header { background: #232d44; } .dark-theme.leftbgimage5 .main-sidebar-header { background: #262f44; } .dark-theme.leftmenu-gradient.leftbgimage1 .main-sidebar-header { background: linear-gradient(to right, #6769ed 50%, #6968eb 100%); } .dark-theme.leftmenu-gradient.leftbgimage2 .main-sidebar-header { background: linear-gradient(to right, #5f63e5 50%, #5d59d9 100%); } .dark-theme.leftmenu-gradient.leftbgimage3 .main-sidebar-header { background: linear-gradient(to right bottom, #6d6df3 50%, #7d73ec 100%); } .dark-theme.leftmenu-gradient.leftbgimage4 .main-sidebar-header { background: linear-gradient(to right, #6764e4 50%, #6b60d6 100%); } .dark-theme.leftmenu-gradient.leftbgimage5 .main-sidebar-header { background: linear-gradient(to right bottom, #6f6ff3 50%, #7070f5 100%); } .dark-theme.leftbgimage1.leftmenu-color .side-menu li ul, .dark-theme.leftbgimage2.leftmenu-color .side-menu li ul, .dark-theme.leftbgimage3.leftmenu-color .side-menu li ul, .dark-theme.leftbgimage4.leftmenu-color .side-menu li ul, .dark-theme.leftbgimage5.leftmenu-color .side-menu li ul { background: transparent; } .dark-theme.leftbgimage1.leftmenu-color .main-sidebar-header { background: #136be5; } .dark-theme.leftbgimage2.leftmenu-color .main-sidebar-header { background: #015ad3; } .dark-theme.leftbgimage3.leftmenu-color .main-sidebar-header { background: #1971ea; } .dark-theme.leftbgimage4.leftmenu-color .main-sidebar-header { background: #0860d9; } .dark-theme.leftbgimage5.leftmenu-color .main-sidebar-header { background: #1565e5; } .dark-theme.leftbgimage1.leftmenu-light .main-sidebar-header, .dark-theme.leftbgimage2.leftmenu-light .main-sidebar-header, .dark-theme.leftbgimage3.leftmenu-light .main-sidebar-header, .dark-theme.leftbgimage4.leftmenu-light .main-sidebar-header, .dark-theme.leftbgimage5.leftmenu-light .main-sidebar-header { background: #1666e5; } .dark-theme.body-style1 .main-sidebar-header { border-left: 1px solid rgba(222, 228, 236, 0.1); } .dark-theme.body-style1 .main-header { height: 65px; border-bottom: 1px solid rgba(222, 228, 236, 0.1) !important; } .light-theme.body-style1 .main-sidebar-header { border-left: 1px solid #e8ebf1; } .light-theme.body-style1 .main-header { height: 65px; } .badge-primary.horizontal-badge { background-color: #22c03c; } .dark-theme .horizontal-main.hor-menu { box-shadow: 0 1px 15px 1px #191f3a; } .leftmenu-dark .app-sidebar__user .user-info h4 { color: #fff; font-size: 15px; } .leftmenu-color .app-sidebar .user-info .text-muted { color: rgba(255, 255, 255, 0.5) !important; } .leftmenu-color .app-sidebar .user-info h4 { color: #fff !important; } .dark-theme .slide-item:hover:before { color: #0162e8 !important; } .dark-theme.leftbgimage3 .slide:hover .side-menu__icon { fill: #0162e8 !important; } .dark-theme.leftbgimage3 .app-sidebar .slide.active .side-menu__icon { color: #08daf5 !important; fill: #08daf5 !important; } .dark-theme.leftbgimage3 .app-sidebar .slide.is-expanded .side-menu__icon { color: #277aec !important; fill: #277aec !important; } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active .side-menu__icon { fill: #fff; } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover .side-menu__icon { fill: #fff; } .horizontal-color .horizontalMenucontainer .side-menu__icon { fill: rgba(255, 255, 255, 0.6); } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover .side-menu__icon { fill: #277aec; } .horizontal-dark .horizontalMenucontainer .side-menu__icon { fill: rgba(255, 255, 255, 0.6); } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active .side-menu__icon { fill: #fff; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > a .side-menu__icon { fill: rgba(255, 255, 255, 0.8); } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > a:hover .side-menu__icon { fill: #fff; } @media (max-width: 991px) { .dark-theme.horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li:hover a { color: #0162e8 !important; } .dark-theme.horizontal-light .mega-menubg.hor-mega-menu h3 { color: #000; } .horizontalMenucontainer .side-menu__icon { margin-right: 13px; } .dark-theme.horizontal-light .horizontalMenu > .horizontalMenu-list > li:hover > a .side-menu__icon { fill: #0162e8; } .dark-theme.horizontal-color .horizontal-megamenu .container { color: #1a73ef; } .horizontal-color .horizontal-main.hor-menu { border-bottom: 1px solid #1f2940 !important; } .horizontal-light .horizontal-main.hor-menu { border-bottom: 1px solid #1f2940 !important; } .dark-theme .horizontalMenucontainer .main-header { border-bottom: 0; } .horizontal-gradient .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover a:before { color: #fff; } .dark-theme.horizontal-color .horizontalMenucontainer .horizontalMenu-list li:hover a .side-menu__icon { fill: rgba(255, 255, 255, 0.9); } .dark-theme.horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #e8edf5; background: #1b72ea; border-bottom: 1px solid rgba(231, 234, 243, 0.1); } .dark-theme.horizontal-gradient .horizontalMenucontainer .horizontalMenu-list li:hover a .side-menu__icon { fill: rgba(255, 255, 255, 0.9); } .dark-theme.horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #e8edf5; background: #1b72ea; border-bottom: 1px solid rgba(231, 234, 243, 0.1); } .dark-theme.horizontal-light .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #277aec; background: transparent; border-bottom: 1px solid rgba(231, 234, 243, 0.1); } } @media (min-width: 768px) { .app.sidenav-toggled.leftbgimage1 .main-sidebar-header, .app.sidenav-toggled.leftbgimage2 .main-sidebar-header, .app.sidenav-toggled.leftbgimage3 .main-sidebar-header, .app.sidenav-toggled.leftbgimage4 .main-sidebar-header, .app.sidenav-toggled.leftbgimage5 .main-sidebar-header { width: 81px; } .app.sidenav-toggled.leftbgimage1.sidenav-toggled-open .main-sidebar-header, .app.sidenav-toggled.leftbgimage2.sidenav-toggled-open .main-sidebar-header, .app.sidenav-toggled.leftbgimage3.sidenav-toggled-open .main-sidebar-header, .app.sidenav-toggled.leftbgimage4.sidenav-toggled-open .main-sidebar-header, .app.sidenav-toggled.leftbgimage5.sidenav-toggled-open .main-sidebar-header { width: 240px; } .leftbgimage1 .main-sidebar-header, .leftbgimage2 .main-sidebar-header, .leftbgimage3 .main-sidebar-header, .leftbgimage4 .main-sidebar-header, .leftbgimage5 .main-sidebar-header { border-right: 0; width: 240px; } .leftbgimage5.leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label, .leftbgimage1.leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label, .leftbgimage3.leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label { color: #d7dce8; } .leftbgimage2.leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label, .leftbgimage4.leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label { color: #d7dce8; } .leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label { color: rgba(255, 255, 255, 0.7); } .leftmenu-color.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__icon { fill: rgba(255, 255, 255, 0.7); } .leftmenu-color.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon { line-height: 19px; fill: rgba(255, 255, 255, 0.8); } .leftmenu-color .side-menu__item.active, .leftmenu-color .side-menu__item:hover, .leftmenu-color .side-menu__item:focus { background: transparent !important; color: #fff !important; } .dark-theme.leftmenu-color.leftbgimage3 .slide:hover .side-menu__icon { fill: #08daf5 !important; } .leftbgimage1.leftmenu-gradient .app-sidebar .slide .side-menu__item.active::before { background: #0db0de; } .dark-theme.sidenav-toggled.sidenav-toggled-open.leftmenu-light .desktop-logo.logo-dark .main-logo.dark-theme { display: none !important; } .dark-theme.sidenav-toggled.sidenav-toggled-open.leftmenu-light .desktop-logo.logo-dark .main-logo { display: block !important; } .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-light .desktop-logo { display: block !important; } .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-light .desktop-logo.logo-dark { display: none !important; } .leftmenu-gradient.app.sidenav-toggled.sidenav-toggled-open .side-menu__label { color: rgba(255, 255, 255, 0.86); } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-gradient .desktop-logo { display: none !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-gradient .desktop-logo { display: none !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .mobile-logo.icon-dark { display: none !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-gradient .desktop-logo { display: block !important; } .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.leftmenu-gradient .desktop-logo.logo-light { display: none !important; } .leftmenu-gradient.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark .main-logo.dark-theme { display: block !important; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .desktop-logo.logo-dark { display: none; } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark { display: none; } } .leftmenu-dark .app-sidebar .side-item.side-item-category { color: rgba(255, 255, 255, 0.87); } .leftmenu-dark .app-sidebar .side-menu__label { color: rgba(255, 255, 255, 0.5); } .dark-theme.leftmenu-gradient .app-sidebar .slide .side-menu__item.active::before { background: #00c8ff; } .dark-theme.leftbgimage3.leftmenu-gradient .slide:hover .side-menu__icon { fill: #00c8ff !important; } .dark-theme.leftbgimage3.leftmenu-gradient .app-sidebar .slide.is-expanded .side-menu__icon { color: #00c8ff !important; fill: #00c8ff !important; } .dark-theme.leftmenu-light .app-sidebar .side-item.side-item-category { color: #273952; } .sidenav-toggled .main-sidebar-header .logo-icon { transition: none !important; transform: none !important; -webkit-transition: none !important; } .sidenav-toggled.sidenav-toggled-open .main-sidebar-header .logo-icon { transition: none !important; transform: none !important; -webkit-transition: none !important; } .sidenav-toggled .main-sidebar-header a { transition: none !important; transform: none !important; -webkit-transition: none !important; } .sidenav-toggled.sidenav-toggled-open .main-sidebar-header a { transition: none !important; transform: none !important; -webkit-transition: none !important; } .leftmenu-gradient .app-sidebar .side-item.side-item-category { color: #ffffff; } .leftmenu-gradient .app-sidebar .slide .side-menu__item.active::before { content: ''; width: 3px; height: 31px; background: #01c5ff; position: absolute; right: 0; } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active .side-menu__icon { fill: #fff; } @media (max-width: 992px) { .horizontal-color .horizontalMenucontainer .main-header.hor-header { position: fixed; border-bottom: 1px solid #ffffff; } .horizontalMenucontainer .main-header { height: 65px; } .horizontal-color .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #ffffff; background: transparent; } .horizontal-color .horizontalMenucontainer .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .side-menu__icon { fill: rgba(255, 255, 255, 0.9); } .horizontal-color .horizontal-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: transparent; } .horizontal-dark .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #ffff; background: transparent; } .horizontal-dark .horizontalMenucontainer .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .side-menu__icon { fill: rgba(255, 255, 255, 0.9); } .horizontal-gradient .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon { color: #ffff; background: transparent; } .horizontal-gradient .horizontalMenucontainer .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .side-menu__icon { fill: rgba(255, 255, 255, 0.9); } .horizontal-gradient .mega-menubg.hor-mega-menu h3 { color: #e9eff7; } .horizontal-dark .mega-menubg.hor-mega-menu h3 { color: #e9eff7; } .horizontal-color .mega-menubg.hor-mega-menu h3 { color: #e9eff7; } } /* =========== Toggle-menu CSS ============= */ /*Toggle-menu Color-css */ .leftmenu-color .first-sidemenu { background: #0162e8; } .leftmenu-color .second-sidemenu { background: #0162e8; border-left: 1px solid rgba(255, 255, 255, 0.04) !important; } .leftmenu-color .first-sidemenu li.active, .leftmenu-color .resp-vtabs .resp-tab-active:hover { background: #0162e8; border-left: 0 !important; } .leftmenu-color .app-sidebar.toggle-sidemenu .first-sidemenu li.active:before { background: #08daf5; } .leftmenu-color .first-sidemenu li.active svg, .leftmenu-color .first-sidemenu li:hover svg { fill: #08daf5; } .leftmenu-color .resp-vtabs .resp-tabs-list li { border: 1px solid rgba(255, 255, 255, 0.04) !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0; } .leftmenu-color .second-sidemenu h5 { color: rgba(255, 255, 255, 0.88); } .leftmenu-color .first-sidemenu .side-menu__icon, .leftmenu-color .side-menu .slide.submenu a { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .leftmenu-color .toggle-sidemenu .side-menu__item:before, .leftmenu-color .toggle-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.88); } .leftmenu-color.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-left: 1px solid rgba(255, 255, 255, 0.04) !important; } .leftmenu-color .resp-vtabs .first-sidemenu .resp-tabs-list li.active, .leftmenu-color .resp-vtabs .first-sidemenu .resp-tab-active li:hover { border-left: 0 !important; } /*Toggle-menu Dark-css */ .leftmenu-dark .first-sidemenu { background: #081e3e; } .leftmenu-dark .second-sidemenu { background: #081e3e; border-left: 1px solid rgba(234, 232, 241, 0.07) !important; } .leftmenu-dark .first-sidemenu li.active { background: #081e3e; border-left: 0 !important; } .leftmenu-dark .resp-vtabs .resp-tab-active:hover { background: #081e3e; border-left: 0 !important; } .leftmenu-dark .resp-vtabs .first-sidemenu .resp-tabs-list li.active, .leftmenu-dark .resp-vtabs .first-sidemenu .resp-tab-active li:hover { border-left: 0 !important; } .leftmenu-dark .resp-vtabs .resp-tabs-list li { border: 1px solid rgba(234, 232, 241, 0.07) !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0; } .leftmenu-dark .second-sidemenu h5 { color: rgba(255, 255, 255, 0.88); } .leftmenu-dark .first-sidemenu li.active svg, .leftmenu-dark .first-sidemenu li:hover svg { fill: #0162e8; } .leftmenu-dark .first-sidemenu .side-menu__icon { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .leftmenu-dark .side-menu .slide.submenu a { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .leftmenu-dark .toggle-sidemenu .side-menu__item:before, .leftmenu-dark .toggle-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.88); } .leftmenu-dark.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-left: 1px solid rgba(234, 232, 241, 0.07) !important; } /*Toggle-menu Gradient-Color-css */ .leftmenu-gradient .first-sidemenu { background: linear-gradient(to top, #005bea 0%, #0db2de 100%) !important; } .leftmenu-gradient .second-sidemenu { background: linear-gradient(to top, #005bea 0%, #0db2de 100%) !important; border-left: 1px solid #1d97e1 !important; } .leftmenu-gradient .first-sidemenu li.active, .leftmenu-gradient .resp-vtabs .resp-tab-active:hover { background: rgba(0, 0, 0, 0.05); border-left: 0 !important; } .leftmenu-gradient .app-sidebar.toggle-sidemenu .first-sidemenu li.active:before { background: #08daf5; } .leftmenu-gradient .first-sidemenu li.active svg, .leftmenu-gradient .first-sidemenu li:hover svg { fill: #08daf5; } .leftmenu-gradient .resp-vtabs .resp-tabs-list li { border: 1px solid rgba(234, 232, 241, 0.07) !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0; } .leftmenu-gradient .second-sidemenu h5 { color: rgba(255, 255, 255, 0.88); } .leftmenu-gradient .first-sidemenu .side-menu__icon, .leftmenu-gradient .side-menu .slide.submenu a { color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6); } .leftmenu-gradient .toggle-sidemenu .side-menu__item:before, .leftmenu-gradient .toggle-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.88); } .leftmenu-gradient.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-left: 1px solid rgba(234, 232, 241, 0.2) !important; } .leftmenu-gradient .resp-vtabs .first-sidemenu .resp-tabs-list li.active, .leftmenu-gradient .resp-vtabs .first-sidemenu .resp-tab-active li:hover { border-left: 0 !important; } /*Toggle-menu light-Color-css */ .dark-theme.leftmenu-light .first-sidemenu, .dark-theme.leftmenu-light .second-sidemenu { background: #fff; } .dark-theme.leftmenu-light .first-sidemenu li.active { background: #fff; border-left: 0 !important; } .dark-theme.leftmenu-light .resp-vtabs .resp-tab-active:hover { background: #fff; border-left: 0 !important; } .dark-theme.leftmenu-light .resp-vtabs .resp-tabs-list li { border: 1px solid #eae8f1 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 0; } .dark-theme.leftmenu-light .first-sidemenu li.active svg, .dark-theme.leftmenu-light .first-sidemenu li:hover svg { fill: #0162e8; } .dark-theme.leftmenu-light .second-sidemenu h5 { color: #2c364c; } .dark-theme.leftmenu-light .first-sidemenu .side-menu__icon, .dark-theme.leftmenu-light .side-menu .slide.submenu a { color: #a8b1c7; fill: #5b6e88; } .dark-theme.leftmenu-light .first-sidemenu .side-menu__icon { color: #5b6e88; } .dark-theme.leftmenu-light .toggle-sidemenu .slide-item { color: #5b6e88; } .dark-theme.leftmenu-light .toggle-sidemenu .side-menu__item:before, .dark-theme.leftmenu-light .toggle-sidemenu .slide-item:before { color: #6d7790; } .dark-theme.leftmenu-light .second-sidemenu .app-sidebar__user .user-pro-body img { border: 2px solid #c9d2e8; background: #fff; } .dark-theme.leftmenu-light.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-left: 1px solid #eae8f1 !important; } .dark-theme.leftmenu-light .resp-vtabs .first-sidemenu .resp-tabs-list li.active, .dark-theme.leftmenu-light .resp-vtabs .first-sidemenu .resp-tab-active li:hover { border-left: 0 !important; } .dark-theme.leftmenu-light .app-sidebar.toggle-sidemenu { border-left: 0; } /*# sourceMappingURL=skin-modes.css.map */ @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060); animation-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1); animation-timing-function: cubic-bezier(0.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .datePicker { border: none; width: 300px; direction: rtl; background-color: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.3); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; border-radius: 0 0 5px 5px; } .datePicker button { background: none; color: #444 } .datePicker td:first-child { padding-right: 5px; } .datePickerFriDay, .dateHoliday{ color: #d10000; } .datePickerDay { min-width: 35px; min-height: 35px; text-align: center; cursor: pointer; } .datePickerDay:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .datePickerDaySelect { text-align: center; cursor: pointer; background-color: #00be8a; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .datePickerToday { text-align: center; cursor: pointer; font-weight: bold; background-color: #fffabe; } .datePickerHeader td { padding: 5px; text-shadow: 0 0 1px #eee; color: #444; border-bottom: 1px solid #ccc } .datePickerFooter td { padding-top: 5px; border-top: 1px solid #ccc } .datePickerHeader button, .datePickerFooter button { border-radius: 2px; border: none; cursor: pointer; } .datePickerHeader button { min-width: 30px; min-height: 30px; line-height: 0; vertical-align: middle; border: 1px solid #ccc; padding:0px } .datePickerFooter button { padding: 0px 8px 2px 8px; border: 1px solid #ccc; margin: 0 0 5px 5px; font-family: inherit; } .datePickerHeader button:hover, .datePickerFooter button:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .datePickerYear, .datePickerMonth { text-align: center; display: inline-block; height: 17px; vertical-align: middle; } .datePickerMonth { width: 45%; } .datePickerYear { width: 35%; } .mh1-icon-plus, .mh1-icon-minus { font-style: normal; opacity: .5; } /*font-size*/ .datePicker, .datePickerHeader button, .datePickerFooter button { font-size: 14px; } .datePickerHeader button { font-size: 20px; } /*font-size*/ /*responsive*/ @media (max-width: 480px) { .datePicker { width: 250px } .datePicker,.datePickerMonth { font-size: 13px; } } /*responsive*/ .logo a img{ display:none; } .bg_dark { background:#0a080e; color: #fff; } .styleswitch.layoutswitch{ background:none repeat scroll 0 0 #f4f4f4; border: medium none !important; color:#fff !important; display: inline-block; height: auto; margin: 3px 0; padding: 2px; text-align: center; text-transform: uppercase; width: 100%; text-decoration:none !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .styleswitch.layoutswitch:hover{ background:#000 !important; } .styleswitch { background-color: #e425e9; display: inline-block; margin: 4px 8px; width: 25px; height: 25px; border-radius: 5px; } .styleswitch:active,.styleswitch:focus { border:5px solid #000; } #switcher-body .container { background: #fff; margin: 50px auto; border: 1px solid #dedede; padding: 40px; } .switcher{ width: 50px; height: 50px; display: inline-block; margin: 4px 8px; border-radius: 5px; border: 0px solid #000; } .demo_changer { z-index: 9999; position: fixed; left: -250px ; font-weight: 400 !important; height:100%; } .purchase { text-decoration: underline; color: #4BACC6 } .demoPanel { position: relative; } .evo-pop { z-index: 10000; width: 204px; padding: 3px 3px 0 } .evo-pop-ie { z-index: 10000; width: 212px; padding: 3px } .evo-palette td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px; cursor: pointer } .evo-palette tr.top td { border-bottom: 0 } .evo-palette tr.in td { border-top: 0; border-bottom: 0 } .evo-palette tr.bottom td { border-top: 0 } .evo-palette div.sep { height: 3px } .evo-palette, .evo-palette-ie { border-collapse: separate; border-spacing: 4px 0; *border-collapse:expression('separate', cellSpacing='2px') } .evo-palette th, .evo-palette-ie th { border: 0; padding: 5px 3px; text-align: left; font-weight: normal; background: transparent!important } .evo-palette-ie td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px; cursor: pointer } .evo-palette2, .evo-palette2-ie { margin: auto; border-collapse: collapse } .evo-palette2 td, .evo-palette2-ie td { font-size: 1px; cursor: pointer } .evo-palette2 td { padding: 6px 7px } .evo-palette2-ie td { padding: 5px } .evo-palcenter { padding: 5px; text-align: center } .evo-colorind, .evo-colorind-ie, .evo-colorind-ff { border: solid 1px #c3c3c3; width: 20px; height: 20px; float: right } .evo-colorind { position: relative; top: 2px } .evo-colorind-ie { position: relative; top: -23px } .evo-colorbox-ie { font-size: 8px; padding: 3px 9px!important } .evo-colortxt-ie { position: relative; top: -6px } .evo-pop:after, .evo-pop-ie:after, .evo-colorind:after, .evo-colorind-ie:after, .evo-colorind-ff:after, .evo-color span:after, .evo-cHist:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0 } .evo-color { width: 94px; padding: 1px 3px 0 4px } .evo-color div { border: solid 1px #808080; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; padding: 3px; margin-bottom: 5px; width: 10px; height: 10px; float: left } .evo-color span { font-size: 15px; margin: 1px 0 4px 3px; float: left } .evo-sep { height: 10px; font-size: 0 } .evo-more { padding: 4px 5px 4px; font-size: smaller } .evo-cHist { padding: 3px } .evo-cHist div { cursor: pointer; border: solid 1px #c0c0c0; padding: 3px; margin: 5px; width: 10px; height: 10px; float: left } a.evo-hist { margin-left: 6px } .evo-pointer { cursor: pointer } .evo-pop { background: #FFFFFF; border: 1px solid #DEDEDE; padding: 10px !important; width: 225px !important; z-index: 10000; } .evo-colorind, .evo-colorind-ie, .evo-colorind-ff { border: 1px solid #C3C3C3; height: 20px; position: absolute; top: 11px; right: 5px; width: 20px; } .demo_changer p { margin: 10px 0; } .demo_changer .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #fff; } .demo_changer h4 { color: #545454 !important; margin: 10px 0 !important; text-transform: uppercase; border-bottom:1px solid #e1e0ea; } .demo_changer select:active, .demo_changer select:focus, .demo_changer select:hover, .demo_changer .button:active, .demo_changer .button:focus, .demo_changer .button:hover, .demo_changer .btn:active, .demo_changer .btn:focus, .demo_changer .btn:hover, .demo_changer .button:active, .demo_changer .button:focus, .demo_changer .button:hover { box-shadow: none !important; } .demo_changer .button { -moz-user-select: none; background-image: none; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; background: #fff; line-height: 1.42857; margin-bottom: 0; width: 145px !important; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; } .demo_changer .img-thumbnail { height: 35px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 5px; width: 46% !important; padding: 2px; } .demo_changer img { border: 4px solid #E1E1E1; height: 32px; margin: 2px !important; width: 32px !important; } .demo_changer hr { border-color: #E0E0E0; } .demo_changer, .demo_changer p { color: #545454 !important; } .demo_changer h4 { color: #212121 !important; font-size: 14px; padding-bottom: 0; text-align: right; padding: 10px; font-weight: 600; } .demo_changer i { color: #fff; font-size: 21px; margin-top: 10px; } /*.demo_changer .btn { margin-top: 10px; }*/ .demo_changer .demo-icon { cursor: pointer; text-align: center; padding: 2px; float: right; height: 40px; line-height: 38px; width: 40px; border-radius: 0px 0 0 0px !important; top: 17rem; position: relative; } @media (max-width: 992px){ .demo_changer .form_holder{ height: 100vh; } } @media (min-width: 992px){ .demo_changer .form_holder{ height: 100vh; } } .demo_changer .form_holder { background: #fff; border-radius: 0; cursor: pointer; float: right; font-size: 12px; padding: 0 7px; width: 250px; box-shadow: 0 0 0 1px rgba(61,119,180,.12), 0 8px 16px 0 rgba(91,139,199,.24); } .demo_changer .form_holder p { font-size: 12px; } .color_display_2 { clear: both; color: #FFFFFF; display: inline-block; font-size: 12px; width: 31px !important; height: 31px; margin-bottom: 7px; padding: 4px 10px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); } .color_display_2 a { color: #fff; text-decoration: none; } .color_display_2 a:focus, .color_display_2 a:hover { color: #ededed !important; text-decoration: none; } .demoPanel { margin: 0; padding: 0; width: 125px; } .predefined_styles { padding: 0 5px; text-align: center; } @media only screen and (min-width: 768px) { .demo_changer { top: 0; } .demo_changer .demo-icon { height: 40px; width: 40px; } .demo_changer i { font-size: 17px; } } @media only screen and (max-width: 768px) { .demo_changer { top: 0px; } .demo_changer i { font-size: 21px; margin-top:8px; } .demo_changer .demo-icon { height:40px; width: 40px; } .demo_changer { display: block; } } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051; } .bootstrap-select .btn:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.btn-group .btn .filter-option { overflow: hidden; position: absolute; left: 12px; right: 25px; text-align: left; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group[class*="span"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default; } .bootstrap-select.btn-group .div-contain { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li > a.opt { position: relative; padding-left: 35px; } .bootstrap-select.btn-group .dropdown-menu li > a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { display: inline-block; position: absolute; right: 15px; margin-top: 2.5px; } .bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small { color: #64b1d8; color: rgba(255,255,255,0.4); } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #ffffff; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select-searchbox { padding: 4px 8px; } .bootstrap-select-searchbox input { margin-bottom: 0; } .dark-mode .demo_changer .form_holder{ box-shadow: 0px 8px 14px 1px rgba(148, 147, 162, 0.08); border-right: 1px solid rgba(255,255,255, 0.07); } .ps__thumb-y{ right: 44px; } .horizontal-light-switcher{ display:none !important; } .dark-theme .horizontal-light-switcher{ display:flex !important; } .ps > .ps__rail-y, .ps__rail-x{ opacity:0 !important; } /* Color Swicher CSS */ .switcher { width: 30px !important; height: 40px !important; display: inline-block; margin: 4px 8px; border-radius: 5px; border: 0px solid #000; } .swichermainleft { width: 100%; float: left; } .wscolorcode { display: inline-block; margin: 3px; } .skin-body{ margin: 0.8rem 0 0.8rem 0; } .navstyle1{ border: 1px solid #e8ebf1; padding: 5px 15px; color: #000; font-size: 14px; border-radius:3px; } .navstyle1:hover{ color:#0162e8; cursor: pointer; } .wscolorcode1 { display: inline-block; margin: 4px 5px; width: 30px; height: 70px; border-radius: 5px; } .skin-body a{ font-size:0.9rem; font-weight:500; } .full-width .container{ max-width:inherit !important; width:95% !important; transition:all 0.5s ease; } .switch_section span { color: #212121 !important; font-size: 14px; font-weight: 500; } .unbox { margin:0; } .switch_section li{ width:100%; height:30px; } .switch_section { width: 100%; height: auto; list-style: none; margin: 0 auto; margin: 0.8rem 0 0.8rem 0; } .switch-toggle{ margin: 4px 5px; padding: 0 5px 0 5px; } /* ////////////////// switch-1 //////////////// */ .onoffswitch { position: relative; width: 30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; height: 15px; padding: 0; line-height: 16px; border: 1px solid #CCCCCC; border-radius: 15px; background-color: #FFFFFF; transition: background-color 0.3s ease-in; } .onoffswitch-label:before { content: ""; height: 16px; display: block; width: 17px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 13px; border: 1px solid #CCCCCC; border-radius: 15px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label:before { right: 0px; } /* ////////////////// switch-2 //////////////// */ .onoffswitch2 { position: relative; width: 30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch2-checkbox { display: none; } .onoffswitch2-label { display: block; overflow: hidden; cursor: pointer; height: 15px; padding: 0; line-height: 16px; border: 1px solid #CCCCCC; border-radius: 15px; background-color: #FFFFFF; transition: background-color 0.3s ease-in; } .onoffswitch2-label:before { content: ""; height: 16px; display: block; width: 17px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 13px; border: 1px solid #CCCCCC; border-radius: 15px; transition: all 0.3s ease-in 0s; } .onoffswitch2-checkbox:checked + .onoffswitch2-label:before { right: 0px; } /* ////////////////// switch-3 //////////////// */ .onoffswitch3 { position: relative; width: 30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch3-checkbox { display: none; } .onoffswitch3-label { display: block; overflow: hidden; cursor: pointer; height: 15px; padding: 0; line-height: 16px; border: 1px solid #CCCCCC; border-radius: 15px; background-color: #FFFFFF; transition: background-color 0.3s ease-in; } .onoffswitch3-label:before { content: ""; height: 16px; display: block; width: 17px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 13px; border: 1px solid #CCCCCC; border-radius: 15px; transition: all 0.3s ease-in 0s; } .onoffswitch3-checkbox:checked + .onoffswitch3-label { background-color:#0052cc; } .onoffswitch3-checkbox:checked + .onoffswitch-label3, .onoffswitch3-checkbox:checked + .onoffswitch3-label:before { border-color:#0052cc; } .onoffswitch3-checkbox:checked + .onoffswitch3-label:before { right: 0px; } /*--Background --*/ .bg1{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-1.png) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg2{ background:url(/Content/Panel/assets/switcher/images/patterns-1/bg-2.png) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg3{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-3.png) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg4{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-4.png) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg5{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-5.png) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg6{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-6.html) !important; height: 70px; width: 34px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg7{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-7.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg8{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-8.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg9{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-9.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*--Background --*/ .bg10{ background: url(/Content/Panel/assets/switcher/images/patterns-1/bg-10.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*-- Left menu ---*/ .bgimage1{ background: url(/Content/Panel/assets/switcher/images/background1.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } .bgimage2{ background: url(/Content/Panel/assets/switcher/images/background2.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } .bgimage3{ background: url(/Content/Panel/assets/switcher/images/background3.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } .bgimage4{ background: url(/Content/Panel/assets/switcher/images/background4.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } .bgimage5{ background: url(/Content/Panel/assets/switcher/images/background5.html) !important; height: 70px; width: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); } /*-- color-1 --*/ .color1{ background: #fff !important; } /*-- color-2 --*/ .color2{ background: #d52b46 !important; } /*-- color-3 --*/ .color3{ background: #569834 !important; } /*-- color-4 --*/ .color4{ background:#4453fb !important; } /*-- color-5 --*/ .color5{ background:#f3532f !important; } /*-- color-6 --*/ .color6{ background: #433a8a !important; } /*-- color-7 --*/ .color7{ background: #8a3a4c !important; } /*-- color-8 --*/ .color8{ background:#8a4c3a !important; } /*-- color-9 --*/ .color9{ background:#246398 !important; } /*-- color-10 --*/ .color10{ background: #23715c !important; } /*-- color-11 --*/ .color11{ background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important; } /*-- color-12 --*/ .color12{ background: linear-gradient(135deg, #504b9f 10%, #3b8dbf 100%) !important; } /*-- color-13 --*/ .color13{ background: linear-gradient( 135deg, #7368de 10%, #c15fba 100%) !important; } /*-- color-14 --*/ .color14{ background: linear-gradient( 135deg, #7e38c4 10%, #2b246d 100%) !important; } /*-- color-15 --*/ .color15{ background:linear-gradient( 135deg, #ce474d 10%, #571350 100%) !important; } /*-- color-16 --*/ .color16{ background:linear-gradient(135deg, #8888df 10%, #5278db 100%) !important; } /*-- color-17 --*/ .color17{ background: linear-gradient(135deg, #2c77ec 10%, #169b6a 100%) !important; } /*-- color-18 --*/ .color18{ background: linear-gradient(135deg, #58c58f 10%, #40a2df 100%) !important; } /*-- color-19 --*/ .color19{ background: linear-gradient(135deg, #238ec3 10%, #903ba3 100%) !important; } /*-- color-20 --*/ .color20{ background: linear-gradient(135deg, #4d36a1 10%, #6c2899 100%) !important; } /*skins */ .switcher-pills label{ margin-bottom:0; } .switcher-pills .selectgroup-button{ border-radius:3px !important; padding:0.1rem 1rem 0.1rem !important; font-size:0.7rem !important; color:#031938 !important; } .leftmenu-style2 .leftmenu1, .leftmenu-style2 .header.app-header { display:none; } .sidenav-toggled .leftmenu2{ display:none; } .app.leftmenu-style2 .leftmenu2, .app.leftmenu-style2 .leftmenu2 .header.app-header2, .app.leftmenu-style2 .leftmenu2 .app-sidebar2{ display:block; } .leftmenu-style2 .container-fluid.main-content{ padding-right:0; padding-left:0; width:auto; } .leftmenu-style2 .main-content{ padding-top:0; } @media (min-width: 767px){ .leftmenu-style2.app.sidebar-mini .app-content { margin-left: 0; } .leftmenu-style2 .app-content2 { padding: 28px 30px 0 30px !important; } } .switch_bg-img{ background: url(/Content/Panel/assets/switcher/images/media/bg.html)!important; padding:0.75rem 1.5rem 0.75rem 1.5rem; position:relative; } .switch_bg-img:before { content: ''; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block; right: 0; left: 0; top: 0; } .switch_bg-img span{ font-size: 14px; font-weight: 500; color:#fff; z-index: 1; } .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #0162e8; } .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #0162e8; } .onoffswitch2-checkbox:checked + .onoffswitch2-label { background-color:#0162e8; } .onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before { border-color:#0162e8; } .light-theme .dark-pattern, .dark-pattern{ display:none; } .dark-theme .light-pattern{ display:block; } .dark-theme .dark-pattern{ display:none ; } .upload__box { padding: 20px; } .upload__inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .upload__btn { display: inline-block; font-weight: 200; color: #fff; text-align: center; min-width: 116px; padding: 5px; transition: all 0.3s ease; cursor: pointer; border: 2px solid; background-color: #00cccc; border-color: #00cccc; border-radius: 5px; line-height: 18px; font-size: 14px; } .upload__btn:hover { background-color: unset; color: #0162e8; transition: all 0.3s ease; } .upload__btn-box { margin-bottom: 10px; } .upload__img-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } .upload__img-box { width: 120px; padding: 0 10px; margin-bottom: 12px; } .upload__img-close { width: 24px; height: 24px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px; text-align: center; line-height: 16px; z-index: 1; cursor: pointer; } .upload__img-close:after { content: "✖"; font-size: 14px; color: white; } .img-bg { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding-bottom: 100%; }