@charset "UTF-8";
/*!
 * Adminux (http://maxartkiller.com)
 * Copyright 2017 The Adminux Author: Maxartkiller
 * purchase licence before use
 * You can not resale or modify without prior licences.
*/
/*------------------------------------------------------------------ 
[Table of contents]

1.	Variables
2.	Mixins
3.	basics customized 
4.	Sidebar left 
5.	Sidebar right 
6.	Menus classes
7.	media, event and data listing  
8.	search result listing  
9.	comment list
10.	member list 
11.	member list 
12.	Ribbon
13.	header top navbar
14.	Buttons
15.	Timelines
16.	Other misc headers
17.	page wrapper title
18.	Activity blocks
19.	sparklines charts
20.	Cards
21.	Modal and popovers
22.	jqvector map
23.	Full screen and search
24.	playerfixed bottom
25.	sing-in-css
26.	Text selecton colors
27.	Mailbox css
28.	Notes
29.	Social profile cover images
30.	nav-tabs styles
31.	Full calendar custom CSS
32.	Services Block
33.	masonary gallery
34.	Products ecommerce
35.	Tables
36.	Faq accordion
37.	flot js charts
38.	flot js charts
39.	Tables
40.	Timeline blocks
41.	range slider
42.	Wizard
43.	Bootstrap multiselect
44.	Picker
45.	CSS switch
46.	Layout switch
47.	Customized flexislider 
48.	Resposnive
49.	webkit custom scrollbar 

------------------------------------------------------------------*/
/*=======================*/
/*======Variables=======*/
/*=======================*/
/*=======================*/
/*=======Mixins==========*/
/*=======================*/
/* Animations */
@keyframes sonar { 0% { transform: scale(1);
    opacity: 1; }
  100% { transform: scale(2);
    opacity: 0; } }

/*=======================*/
/*==== basics customized scss====*/
/*=======================*/
html, body { height: 100%; overflow-x: hidden;}

body { color: #ffffff; background: #20263e; background: -moz-radial-gradient(center, ellipse cover, #222940 0%, #10141f 100%); background: -webkit-radial-gradient(center, ellipse cover, #222940 0%, #10141f 100%); background: radial-gradient(ellipse at center, #222940 0%, #10141f 100%); font-weight: 400; background-attachment: fixed; /*=======================*/ /* Sidebar left css */ /*=======================*/ /*=======================*/ /* Sidebar right css */ /*=======================*/ }

body > .sidebar-left, body > .container > .sidebar-left { left: 0; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; }

body > .sidebar-left .nav-link, body > .container > .sidebar-left .nav-link { color: #c8d4f9; padding: 0.5em 1.8em; position: relative; }

body > .sidebar-left .nav-link i, body > .container > .sidebar-left .nav-link i { margin-right: 10px; width: 20px; }

body > .sidebar-left .nav-link i.left-icon, body > .container > .sidebar-left .nav-link i.left-icon { float: left; height: 30px; line-height: 28px; width: 30px; margin-right: 10px; color: #c8d4f9; font-size: 12px; text-align: center; vertical-align: middle; }

body > .sidebar-left .nav-link i.left-icon.circle, body > .container > .sidebar-left .nav-link i.left-icon.circle { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); }

body > .sidebar-left .nav-link i.left-icon.square, body > .container > .sidebar-left .nav-link i.left-icon.square { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); }

body > .sidebar-left .nav li .nav li .nav-link, body > .container > .sidebar-left .nav li .nav li .nav-link { color: #b1c1f7; padding-left: 3em; }

body > .sidebar-left .nav li .nav li .nav li .nav-link, body > .container > .sidebar-left .nav li .nav li .nav li .nav-link { color: #91a8f3; padding-left: 3em; }

body > .sidebar-left .nav-link.active, body > .container > .sidebar-left .nav-link.active { color: #ffffff !important; }

body > .sidebar-left .nav li .nav, body > .container > .sidebar-left .nav li .nav { display: none; }

body > .sidebar-left .nav li .nav li .nav, body > .container > .sidebar-left .nav li .nav li .nav { display: none; }

body > .sidebar-left .nav.in li.active .nav, body > .container > .sidebar-left .nav.in li.active .nav { display: block; }

body > .sidebar-left .nav.in li.active .nav.in li.active .nav, body > .container > .sidebar-left .nav.in li.active .nav.in li.active .nav { display: block; }

body > .sidebar-left > .nav > li, body > .container > .sidebar-left > .nav > li { line-height: 28px; }

body > .sidebar-left .title-nav, body > .container > .sidebar-left .title-nav { font-size: 16px; line-height: 40px; color: white; padding: 0.5em 1.90em; text-transform: uppercase; }

body > .sidebar-left .menudropdown i, body > .container > .sidebar-left .menudropdown i { float: right; margin-right: 0; text-align: center; vertical-align: middle; height: 28px; width: 12px; line-height: 28px; }

body > .sidebar-left .menudropdown.show, body > .container > .sidebar-left .menudropdown.show { color: white; }

body > .sidebar-left .menudropdown.show .menudropdown.show, body > .container > .sidebar-left .menudropdown.show .menudropdown.show { color: white; }

body > .sidebar-left .menudropdown.show i.fa-angle-down, body > .container > .sidebar-left .menudropdown.show i.fa-angle-down { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.sidebar-left li.nav-item{-webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important;}
.sidebar-left li.nav-item:hover{background:#3a456b; color:#ffffff;}
.sidebar-left li.nav-item:hover a{color:#ffffff;}

body > .sidebar-right, body > .container > .sidebar-right { right: 0; -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; }

body > .sidebar-right .progressprofile, body > .container > .sidebar-right .progressprofile { padding: 0.5em 1.0em; color: #c8d4f9; position: relative; margin-top: 20px; }

body > .sidebar-right .progressprofile *, body > .container > .sidebar-right .progressprofile * { margin: 0; position: relative; z-index: 2tab; }

body > .sidebar-right .progressprofile p, body > .container > .sidebar-right .progressprofile p { color: #91a8f3; font-size: 11px; text-transform: uppercase; }

body > .sidebar-right .progressprofile figure, body > .container > .sidebar-right .progressprofile figure { width: 50px; margin: 15px auto; height: 50px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

body > .sidebar-right .progressprofile figure img, body > .container > .sidebar-right .progressprofile figure img { width: 100%; }

body > .sidebar-right .progressprofile .user-details, body > .container > .sidebar-right .progressprofile .user-details { position: absolute; width: 100%; top: 10px; left: 0; right: 0; }

body > .sidebar-right .progressprofile .progress_profile, body > .container > .sidebar-right .progressprofile .progress_profile { z-index: 1; margin: 0 auto; left: 0; right: 0; width: 100%; clear: both; }

body > .sidebar-right .title-nav, body > .container > .sidebar-right .title-nav { font-size: 16px; line-height: 40px; color: white; padding: 0.5em 1.0em; text-transform: uppercase; }

/*=======================*/
/*======Menus classes=====*/
/*=======================*/
body.menuclose .sidebar-left { left: -280px; }

body.menuclose .wrapper-content { margin-left: 0px; }

body.menuclose-right .sidebar-right { right: -280px; }

body.menuclose-right .wrapper-content { margin-right: 0px; }

.custom-file-control, .custom-select, .form-control { border: 1px solid rgba(200, 212, 249, 0.5); background-color: transparent; color: #c8d4f9; }

.custom-file-control :focus, .custom-select :focus, .form-control :focus { color: #666666; }
.tab-pane .techsmall {display: none;}
.custom-select option { color: #222222; }
span.JMREDsign {  color: #ff0000; font-size: 30px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; }
span.JMBLUEsign {  color: #0072ff; font-size: 30px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; }
span.JMOPERATORsign { position:relative; color: #ffffff; font-size: 30px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; display:inline-block; }
aside.JMOVERsign{position:absolute; bottom:-25px; right:0; color: #dddddd; font-size: 16px; text-align: right; font-family: Conv_sofachrome rg it; display:block; -webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important;}
aside.signLogoHidden{opacity:0;}

span.JMRED {  color: #ff0000; font-size: 18px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; }
span.JMBLUE {  color: #0072ff; font-size: 18px; text-align: center; line-height: 30px; margin-top: 10px; margin-right: 8px; font-family: Conv_sofachrome rg it; }
span.JMO {  color: #ffffff; font-size: 16px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; letter-spacing: 1px;}
span.JMVER {  color: #dddddd; font-size: 12px; text-align: center; line-height: 30px; margin-top: 10px; font-family: Conv_sofachrome rg it; display:inline; }
span.JMDEMOVER {  color: #405ae2; font-size: 8px; text-align: left; line-height: 0px; margin-top: 0px; font-family: Conv_sofachrome rg it; display:block; }

.input-group-addon { background: transparent; border: 1px solid rgba(200, 212, 249, 0.5); }
img.crane { height: 18px; width:18px;} 

.gradient, body > .sidebar-left .nav-link.active, body > .container > .sidebar-left .nav-link.active, .dropdown-item:focus, .dropdown-item:hover, .media-list > .media:hover, .media-list > .media.active, .search-list > .media:hover, .member-list .media:hover, .message-container div .media:hover { background: #e36481 ; background: -moz-linear-gradient(left, #e36481 0%, #252d47 100%); background: -webkit-linear-gradient(left, #e36481  0%, #252d47 100%); background: linear-gradient(to right, #e36481  0%, #252d47 100%); color: white; }



.dropdown-menu{overflow:hidden !important;}
.dropdown-item:hover{color:#ffffff !important;}

/*======================================*/
/* media, event and data listing  css */
/*=====================================*/
#loggedAsInfo{display:none !important;}

.media-list { /*max-height: 400px;*/ overflow-y: auto; color: #c8d4f9; }

.media-list > .media { color: #91a8f3; text-decoration: none; padding: 12px 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; }

.media-list > .media:last-child { border-bottom: 0; }




.activity-block.warning .progress-bar { background: #ffc833; }

.activity-block.warning .background-image:before { background: rgba(255, 186, 0, 0.2); background: -moz-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); color: white; }

.activity-block.warning .background-image:before .progress-bar { background: rgba(255, 200, 51, 0.2); }



.media-list > .media .message_userpic { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-right: 15px; position: relative; }

.media-list > .media .message_userpic .user-status { height: 8px; width: 8px; display: block; position: absolute; right: 0px; top: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; border: 1px solid #ffffff; }
.showsmalllogo {display: none;}
.media-list > .media h6 { color: white; }

.media-list > .media h6 small { color: #91a8f3; }

.media-list > .media .description { color: #d1dbfa; margin-top: 10px; margin-bottom: 10px; font-size: 13px; }

.media-list > .media .invites-by { height: 20px; width: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; }

.media-list > .media .invites-by img { width: 100%; vertical-align: top; }

.media-list > .media .invites-by .user-status { height: 6px; width: 6px; display: block; position: absolute; right: 0px; top: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; border: 1px solid #ffffff; }

.media-list > .media .overlay { position: absolute; height: 100.1%; width: 100%; padding: 10px; vertical-align: middle; display: flex; left: 0; top: 0px; display: block; opacity: 0; text-align: right; background: rgba(0, 0, 0, 0.3); }

.media-list > .media .overlay .btn { padding: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; margin-top: 5px; }
button .sell  {position: margin-left: 140px;}

.media-list > .media .overlay .btn i { margin: 0; }

.media-list > .media.new { background: #2e3858; }

.media-list > .media:hover .description, .media-list > .media:hover h6, .media-list > .media:hover h6 small, .media-list > .media.active .description, .media-list > .media.active h6, .media-list > .media.active h6 small { color: white; }

.media-list > .media:hover .overlay, .media-list > .media.active .overlay { opacity: 1; display: block; }

.media-list.bordered .media { border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 0; }

.media-list.bordered .media:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.media-list.bordered .media .btn { text-align: center; }

.media-list.bordered .media .btn-sm { line-height: 10px; padding: 6px 10px; min-width: 60px; }

/*===============================*/
/* search result listing  css */
/*===============================*/
.search-list { /*max-height: 400px; overflow-y: auto;*/ color: #c8d4f9; }

.search-list > .media { width: 100%; display: block; color: #91a8f3; text-decoration: none; padding: 12px 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; }

.search-list > .media:last-child { border-bottom: 0; }

.search-list > .media h6 { width: 100%; display: block; color: white; }

.search-list > .media h6 a { color: white; font-weight: 600; }

.search-list > .media h6 small { color: #91a8f3; }

.search-list > .media p { width: 100%; display: block; max-width: 500px; }

.search-list > .media .description { color: #d1dbfa; margin: 5px 0px; font-size: 13px; max-width: none; }

.search-list > .media:hover { /* @include gradient(#2ec7cb, $blue); */ }

.search-list > .media:hover .description, .search-list > .media:hover h6 { color: white; }

.search-list > .media:hover .overlay { opacity: 1; display: block; }

.search-list > .media .title-nav { font-size: 20px; padding: 0 15px; color: white; }

/*=======================*/
/* comment list css */
/*=======================*/
.comment-list { overflow-y: auto; color: #c8d4f9; }

.comment-list > .media { color: #91a8f3; text-decoration: none; padding: 15px 0em; position: relative; }

.comment-list > .media:last-child { border-bottom: 0; }

.comment-list > .media .message_userpic { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-right: 15px; position: relative; }

.comment-list > .media .message_userpic .user-status { height: 8px; width: 8px; display: block; position: absolute; right: 0px; top: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; border: 1px solid #ffffff; }

.comment-list > .media h6 { color: white; }

.comment-list > .media h6 a { color: white; font-weight: 600; }

.comment-list > .media h6 small { color: #91a8f3; }

.comment-list > .media .description { color: #d1dbfa; margin-top: 10px; font-size: 13px; }

.comment-list > .media .form-check { margin-top: 5px; margin-right: 10px; }

.comment-list .media.active h6 { text-decoration: line-through; }

.comment-list .comment { border: 1px solid #364269; background: #1e253a; padding: 10px; margin: 0; }

.comment-list .comment:last-child { border-bottom: 1px solid #364269; }

.comment-list .comment .form-control { background: transparent; color: #c8d4f9; border: 0; }

.comment-list .comment .form-control:focus { border: 0; }

/*=======================*/
/* member list css */
/*=======================*/
.member-list { color: #c8d4f9; }

.member-list .media { width: 100%; float: left; display: block; margin: 10px 0; color: #91a8f3; text-decoration: none; padding: 13px; position: relative; text-align: center; background: #2c3654; }
.member-list .media.nobackground{ width: 100%; float: left; display: block; margin: 10px 0; color: #91a8f3; text-decoration: none; padding: 13px; position: relative; text-align: center; background-color:rgba(0, 0, 0, 0.0);}


.member-list .media:nth-child(3n) { margin-right: 0; }

.member-list .media .message_userpic { width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; overflow: hidden; margin: 0 auto 15px auto; position: relative; display: inline-block; }

.member-list .media .message_userpic .user-status { height: 8px; width: 8px; display: block; position: absolute; right: 11%; top: 11%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; -ms-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2) ; border: 1px solid #ffffff; }

.member-list .media .message_userpic.large { width: 120px; height: 120px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; margin-top: 20px; }

.member-list .media .message_userpic.medium { width: 80px; height: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; margin-top: 10px; }

.member-list .media h6 { color: white; }

.member-list .media h6 small { color: #91a8f3; }

.member-list .media .description { color: #d1dbfa; margin-top: 10px; font-size: 13px; }

.member-list .media .form-check { margin-top: 5px; }

.member-list .media .overlay { position: absolute; height: 100.01%; width: 100%; padding: 10px; vertical-align: middle; display: flex; left: 0; top: 0px; display: block; opacity: 0; text-align: center; background: rgba(0, 0, 0, 0.3); z-index: 9; }

.member-list .media .overlay .btn { padding: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; margin-top: 5px; }

.member-list .media .overlay .btn i { margin: 0; }

.member-list .media .media-body { width: 100%; z-index: 2; position: relative; }

.member-list .media:hover .description, .member-list .media:hover h6 { color: white; }

.member-list .media:hover .overlay { opacity: 1; display: block; }

.member-list .media .background { opacity: 0.3; }
.activty-block .media .followers { border-top: 1px solid #7d8cbb; padding-top: 10px; }


.activty-block .media .followers h4 { margin-bottom: 0; }

.activty-block .media .followers h4 small { font-size: 14px; font-weight: 300; }

.activty-block .media .followers > div { border-right: 1px solid #7d8cbb; }

.activty-block .media .followers > div:last-child { border-right: none; }

.member-list .media .followers { border-top: 1px solid #7d8cbb; padding-top: 10px; }

.member-list .media .followers h4 { margin-bottom: 0; }

.member-list .media .followers h4 small { font-size: 14px; font-weight: 300; }

.member-list .media .followers > div { border-right: 1px solid #7d8cbb; }

.member-list .media .followers > div:last-child { border-right: none; }

.member-list .media.bg-success, .member-list .media.bg-danger, .member-list .media.bg-warning, .member-list .media.bg-secondary, .member-list .media.bg-info, .member-list .media.bg-primary { color: #ffffff; }

.member-list .media.bg-success h6, .member-list .media.bg-danger h6, .member-list .media.bg-warning h6, .member-list .media.bg-secondary h6, .member-list .media.bg-info h6, .member-list .media.bg-primary h6 { color: #ffffff; }

.member-list .media.bg-success p, .member-list .media.bg-danger p, .member-list .media.bg-warning p, .member-list .media.bg-secondary p, .member-list .media.bg-info p, .member-list .media.bg-primary p { color: #ffffff; }

.member-list .media.bg-success span, .member-list .media.bg-danger span, .member-list .media.bg-warning span, .member-list .media.bg-secondary span, .member-list .media.bg-info span, .member-list .media.bg-primary span { color: #ffffff; }

.member-list .media.bg-success div, .member-list .media.bg-danger div, .member-list .media.bg-warning div, .member-list .media.bg-secondary div, .member-list .media.bg-info div, .member-list .media.bg-primary div { border-color: rgba(255, 255, 255, 0.59); }

.member-list .media.active h6 { text-decoration: line-through; }

/*=======================*/
/* member list css */
/*=======================*/
.project-list { max-height: 440px; overflow-y: auto; color: #c8d4f9; }

.project-list .media { width: 100%; height: 192px; float: left; margin: 10px 0; color: #91a8f3; text-decoration: none; padding: 0px; position: relative; text-align: center; background: #2c3654; }

.project-list .media:nth-child(2n) { margin-right: 0; }

.project-list .media .projectpic { width: 100%; height: 100%; overflow: hidden; margin: 0 auto 0px auto; position: relative; float: left; background-clip: border-box; }

.project-list .media .projectpic img { width: auto; max-width: 100%; min-height: 100%; opacity: 0.9; background-clip: border-box; }

.project-list .media .overlay { position: absolute; height: 100.01%; width: 50%; padding: 10px; vertical-align: middle; display: flex; right: 0; top: 0px; display: block; opacity: 1; text-align: left; background: rgba(46, 199, 203, 0.8); background: -moz-linear-gradient(left, rgba(46, 199, 203, 0.8) 0%, rgba(108, 139, 239, 0.8) 100%); background: -webkit-linear-gradient(left, rgba(46, 199, 203, 0.8) 0%, rgba(108, 139, 239, 0.8) 100%); background: linear-gradient(to right, rgba(46, 199, 203, 0.8) 0%, rgba(108, 139, 239, 0.8) 100%); color: white; }

.project-list .media .overlay .description { color: white; margin-top: 10px; font-size: 13px; }

.project-list .media .overlay h6 { color: white; width: 100%; clear: both; }

.project-list .media .overlay h6 small { color: #91a8f3; }

.project-list .media .overlay .btn { padding: 0 20px; height: 30px; line-height: 26px; text-align: center; margin-top: 5px; }

.project-list .media .overlay .btn i { margin: 0 10px 0 0; }

.project-list .media.active h6 { text-decoration: line-through; }

/*=======================*/
/*======Ribbon css ===*/
/*=======================*/
.ribbon { padding: 5px 15px; position: relative; margin-bottom: 15px; margin-top: 15px; z-index: 9; }

.ribbon span { display: block; width: 100px; max-width: 90%; height: 20px; line-height: 20px; vertical-align: middle; }

.ribbon.left { margin-left: -20px; text-align: left; width: 90%; }

.ribbon.left:before { content: " "; height: 15px; width: 15px; border-left: 0px solid transparent; border-right: 15px solid transparent; position: absolute; top: 0; right: -15px; }

.ribbon.left:after { content: " "; height: 15px; width: 15px; border-left: 0px solid transparent; border-right: 15px solid transparent; position: absolute; bottom: 0; right: -15px; }

.ribbon.right { margin-right: -20px; float: right; text-align: right; }

.ribbon.right:before { content: " "; height: 15px; width: 15px; border-left: 0px solid transparent; border-left: 15px solid transparent; position: absolute; top: 0; left: -15px; }

.ribbon.right:after { content: " "; height: 15px; width: 15px; border-left: 0px solid transparent; border-left: 15px solid transparent; position: absolute; bottom: 0; left: -15px; }

.ribbon.top-left { text-align: center; width: 40px; margin-top: -25px; padding: 0; margin-bottom: 30px; }

.ribbon.top-left span { width: 100%; float: left; height: 40px; margin: 0; line-height: 40px; vertical-align: middle; display: block; max-width: none; }

.ribbon.top-left:before { content: " "; height: 20px; width: 20px; border-bottom: 20px solid transparent; border-right: 20px solid transparent; position: absolute; bottom: -20px; left: 0; }

.ribbon.top-left:after { content: " "; height: 20px; width: 20px; border-bottom: 20px solid transparent; border-left: 20px solid transparent; position: absolute; bottom: -20px; right: 0; }

.ribbon.top-right { text-align: center; width: 40px; margin-top: -25px; padding: 0; margin-bottom: 30px; float: right; }

.ribbon.top-right span { width: 100%; float: left; height: 40px; margin: 0; line-height: 40px; vertical-align: middle; display: block; max-width: none; }

.ribbon.top-right:before { content: " "; height: 20px; width: 20px; border-bottom: 20px solid transparent; border-right: 20px solid transparent; position: absolute; bottom: -20px; left: 0; }

.ribbon.top-right:after { content: " "; height: 20px; width: 20px; border-bottom: 20px solid transparent; border-left: 20px solid transparent; position: absolute; bottom: -20px; right: 0; }

.ribbon.success { background: #2dc1c9; background: -moz-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%); background: -webkit-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%); background: linear-gradient(to right, #2dc1c9 0%, #2194c1 30%, #252d47 100%); color: white; }

.ribbon.success .progress-bar { background: #51d1d8; }

.ribbon.success .background-image:before { background: rgba(45, 193, 201, 0.2); background: -moz-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); color: white; }

.ribbon.success .background-image:before .progress-bar { background: rgba(81, 209, 216, 0.2); }

.ribbon.success.left:before { border-top: 15px solid #252d47; border-bottom: 15px solid #252d47; }

.ribbon.success.right:before { border-top: 15px solid #2dc1c9; }

.ribbon.success.right:after { border-bottom: 15px solid #2dc1c9; }

.ribbon.success.top-left { background: #2cc4cd; position: absolute; left: 10px; }

.ribbon.success.top-left:before { border-left: 25px solid #2cc4cd; }

.ribbon.success.top-left:after { border-right: 25px solid #2cc4cd; }

.ribbon.success.top-right { background: #2cc4cd; position: absolute; right: 10px; }

.ribbon.success.top-right:before { border-left: 25px solid #2cc4cd; }

.ribbon.success.top-right:after { border-right: 25px solid #2cc4cd; }

.ribbon.danger { background: #e47c64; background: -moz-linear-gradient(left, #e47c64 0%, #e36481 30%, #252d47 100%); background: -webkit-linear-gradient(left, #e47c64 0%, #e36481 30%, #252d47 100%); background: linear-gradient(to right, #e47c64 0%, #e36481 30%, #252d47 100%); color: white; }

.ribbon.danger .progress-bar { background: #eca18f; }

.ribbon.danger .background-image:before { background: rgba(228, 124, 100, 0.2); background: -moz-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); color: white; }

.ribbon.danger .background-image:before .progress-bar { background: rgba(236, 161, 143, 0.2); }

.ribbon.danger.left:before { border-top: 15px solid #252d47; border-bottom: 15px solid #252d47; }

.ribbon.danger.right:before { border-top: 15px solid #e47c64; }

.ribbon.danger.right:after { border-bottom: 15px solid #e47c64; }

.ribbon.danger.top-left { background: #ff6262; position: absolute; left: 10px; }

.ribbon.danger.top-left:before { border-left: 25px solid #ff6262; }

.ribbon.danger.top-left:after { border-right: 25px solid #ff6262; }

.ribbon.danger.top-right { background: #ff6262; position: absolute; right: 10px; }

.ribbon.danger.top-right:before { border-left: 25px solid #ff6262; }

.ribbon.danger.top-right:after { border-right: 25px solid #ff6262; }

.ribbon.warning { background: #ffba00; background: -moz-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%); background: -webkit-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%); background: linear-gradient(to right, #ffba00 0%, #fc9244 30%, #252d47 100%); color: white; }

.ribbon.warning .progress-bar { background: #ffc833; }

.ribbon.warning .background-image:before { background: rgba(255, 186, 0, 0.2); background: -moz-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); color: white; }

.ribbon.warning .background-image:before .progress-bar { background: rgba(255, 200, 51, 0.2); }

.ribbon.warning.left:before { border-top: 15px solid #252d47; border-bottom: 15px solid #252d47; }

.ribbon.warning.right:before { border-top: 15px solid #ffba00; }

.ribbon.warning.right:after { border-bottom: 15px solid #ffba00; }

.ribbon.warning.top-left { background: #f0ad4e; position: absolute; left: 10px; }

.ribbon.warning.top-left:before { border-left: 25px solid #f0ad4e; }

.ribbon.warning.top-left:after { border-right: 25px solid #f0ad4e; }

.ribbon.warning.top-right { background: #f0ad4e; position: absolute; right: 10px; }

.ribbon.warning.top-right:before { border-left: 25px solid #f0ad4e; }

.ribbon.warning.top-right:after { border-right: 25px solid #f0ad4e; }

.ribbon.primary { background: #7a79fe; background: -moz-linear-gradient(left, #7a79fe 0%, #a758f5 30%, #252d47 100%); background: -webkit-linear-gradient(left, #7a79fe 0%, #a758f5 30%, #252d47 100%); background: linear-gradient(to right, #7a79fe 0%, #a758f5 30%, #252d47 100%); color: white; }

.ribbon.primary .progress-bar { background: #acacfe; }

.ribbon.primary .background-image:before { background: rgba(122, 121, 254, 0.2); background: -moz-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); color: white; }

.ribbon.primary .background-image:before .progress-bar { background: rgba(172, 172, 254, 0.2); }

.ribbon.primary.left:before { border-top: 15px solid #252d47; border-bottom: 15px solid #252d47; }

.ribbon.primary.right:before { border-top: 15px solid #7a79fe; }

.ribbon.primary.right:after { border-bottom: 15px solid #7a79fe; }

.ribbon.primary.top-left { background: #6c8bef; position: absolute; left: 10px; }

.ribbon.primary.top-left:before { border-left: 25px solid #6c8bef; }

.ribbon.primary.top-left:after { border-right: 25px solid #6c8bef; }

.ribbon.primary.top-right { background: #6c8bef; position: absolute; right: 10px; }

.ribbon.primary.top-right:before { border-left: 25px solid #6c8bef; }

.ribbon.primary.top-right:after { border-right: 25px solid #6c8bef; }

/*=======================*/
/* header top navbar css */
/*=======================*/
header { width: 100%; display: block; position: relative; z-index: 10; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; }

header .icon-header { color: #ffffff; font-size: 1.4rem; }


header .icon-header:hover { color: #9aaff4; }

header .icon-header:focus { color: white; outline: 0px none; -webkit-box-shadow: 0 0px 0px 0px transparent ; -moz-box-shadow: 0 0px 0px 0px transparent ; -ms-box-shadow: 0 0px 0px 0px transparent ; box-shadow: 0 0px 0px 0px transparent ; }

header .navbar { background: #252d47; -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3) ; -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3) ; box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3) ; }

header .navbar .navbar-brand { font-size: 20px; padding-left: 5px; }

header .nav-item .dropdown-menu { margin-top: 12px; }

header .nav-item .text{ font-size: 0.9rem; }

.sidebar-left .nav-item a  { font-size: 1.2em; }

header .search-header, header .nav-item, header .nav-item .btn { position: relative; }

header .search-header { margin: -15px 0; }

header .search-header input[type="text"] { background: #1c2236; color: #c8d4f9; height: 60px; min-width: 300px; border: 0; }

header .search-header input[type="text"]:focus { border: 0px; }

header .search-header button { position: absolute; right: 0; top: 10px; }

header .sidebar-right { width: auto; } 
header .sidebar-left { width: 370px; }

header.navbar-fixed { position: fixed; top: 0; left: 0; width: 100%; }

header.navbar-fixed2 { position: fixed; bottom: 0; left: 0; width: 100%; }
.page_subtitles { font-size: 16px; line-height: 40px; color: white; padding: 0.5em 0 0 0; text-transform: uppercase; }

.page_subtitles a { text-transform: none; font-size: 14px; }

.v-devider { margin: 0 10px; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.2); }

/*=======================*/
/*===== Buttons css =======*/
/*=======================*/
.btn-primary, .btn-secondary, .btn-info, .btn-danger, .btn-success, .btn-warning, .btn-pink, .btn-purple, .btn-candy { -webkit-box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.5); -ms-box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.5); border: 0; }

.btn-primary:focus, .btn-primary:hover { color: #c8d4f9; }

/*=======================*/
/*==== Timelines ======*/
/*=======================*/
.timeline { margin: 15px auto; }

.timeline .media:before { content: " "; height: 100%; left: 14px; width: 1px; background: rgba(200, 212, 249, 0.2); position: absolute; top: 0; }

.timeline .media .message_userpic { margin-right: 15px; height: 60px; width: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

.timeline .media .message_userpic img { height: 100%; width: auto; }

.timeline .media .message_userpic:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; }

.timeline .media .message_userpic.success:before { background: rgba(45, 193, 201, 0.2); background: -moz-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.6) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.6) 30%, #252d47 100%); background: linear-gradient(to right, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.6) 30%, #252d47 100%); color: white; }

.timeline .media .message_userpic.success:before .progress-bar { background: rgba(81, 209, 216, 0.2); }

.timeline .media .message_userpic.danger:before { background: rgba(228, 124, 100, 0.2); background: -moz-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.6) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.6) 30%, #252d47 100%); background: linear-gradient(to right, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.6) 30%, #252d47 100%); color: white; }

.timeline .media .message_userpic.danger:before .progress-bar { background: rgba(236, 161, 143, 0.2); }

.timeline .media .message_userpic.warning:before { background: rgba(255, 186, 0, 0.2); background: -moz-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.6) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.6) 30%, #252d47 100%); background: linear-gradient(to right, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.6) 30%, #252d47 100%); color: white; }

.timeline .media .message_userpic.warning:before .progress-bar { background: rgba(255, 200, 51, 0.2); }

.timeline .media .message_userpic.primary:before { background: rgba(122, 121, 254, 0.2); background: -moz-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.6) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.6) 30%, #252d47 100%); background: linear-gradient(to right, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.6) 30%, #252d47 100%); color: white; }

.timeline .media .message_userpic.primary:before .progress-bar { background: rgba(172, 172, 254, 0.2); }

.timeline .media .indication { margin-right: 10px; height: 60px; width: 30px; position: relative; text-align: center; vertical-align: middle; line-height: 60px; }

.timeline .media h6 { margin-top: 10px; }

.timeline .media h6 small { color: #c8d4f9; }

/*=======================*/
/*==== Other misc headers ======*/
/*=======================*/
.badge-number { cursor: default; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; font-weight: bold; font-size: 9px; height: auto; letter-spacing: -1px; line-height: 9px; top: 10px; right: 10px; position: absolute; text-align: center; width: 7px; font-family: "Segoe UI", -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;}

.badge-number:after { content: ''; position: absolute; top: -3px; right: -3px; border: 2px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 12px; height: 12px; animation: sonar 1.5s infinite; -moz-animation: sonar 1.5s infinite; -ms-animation: sonar 1.5s infinite; -webkit-animation: sonar 1.5s infinite; }
.badge-number.badge-number-total:after { top: -2px; right: -4px;}

.userprofile { color: #c8d4f9; }

.userpic { height: 30px; width: 30px; margin-right: 10px; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #ffffff; position: absolute; left: 0; top: 3px; }

.userpic img { height: auto; width: 100%; border: 0; vertical-align: top; }

.message-container { width: 300px; left: 50%; margin-left: -150px; padding: 0px; }

.message-container:before { content: " "; height: 8px; width: 8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; margin-left: -9px; margin-top: -8px; left: 50%; position: absolute; }

.message-container div { max-height: 400px; overflow-y: auto; }

.message-container div .media { color: #666666; text-decoration: none; padding: 12px 10px; border-bottom: 1px solid #eeeeee; }

.message-container div .media h6 { color: #000; }

.message-container div .media:hover h6 { color: white; }

.pull-right .dropdown-menu { left: auto; right: 0; }

.dropdown-menu.with-arrow { margin-top: 10px; width: 200px; margin-left: -100px; left: 50%; }

.dropdown-menu.with-arrow:before { content: " "; height: 8px; width: 8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; margin-top: -8px; margin-left: -8px; left: 50%; position: absolute; top: 0; }

.message_userpic { width: 50px; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-right: 15px; }

.message_userpic img { height: auto; width: 100%; border: 0; vertical-align: top; min-height: 100%; }

.alert-block { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-right: 15px; line-height: 30px; font-size: 20px; vertical-align: middle; text-align: center; color: white; }

.alert-block span { display: block; vertical-align: middle; height: 100%; width: 100%; line-height: 30px; }

.post-options { background: #333e62; margin: 25px auto 15px auto; padding: 10px 0px; }

.btn .fa { vertical-align: middle; margin-right: 5px; }

.box-links > div > .media { width: 33.33%; padding: 15px; float: left; border: 0px none; }

.box-links > div > .media .quick-block { width: 100%; height: 70px; line-height: 70px; vertical-align: middle; text-align: center; border: 1px solid #eeeeee; font-size: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.user-menu-items .btn-group { width: 100%; }

.user-menu-items .btn-group .btn { background: #1b2033; color: #91a8f3; padding: 2em; width: 100%; text-align: left; }

.user-menu-items .btn-group .btn .message_userpic { width: 40px; height: 40px; }

.user-menu-items .btn-group .btn .media-body { max-width: 150px; }

.user-menu-items .btn-group .btn .media-body span { display: block; color: white;}

.user-menu-items .btn-group .btn.dropdown-toggle::after { margin-top: 15px; }

.user-menu-items .dropdown-menu { left: 50%; width: 80%; margin-left: -40%; }

.user-menu-items .dropdown-menu:before { content: " "; height: 8px; width: 8px; position: absolute; left: 50%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; margin-left: -9px; margin-top: -16px; }

.footer-content { background: #0e111b; margin: -40px 0px 0px 0px; position: relative; height: 40px; line-height: 40px; bottom: 0; left: 0; width: 100%; }

.truncate, .ribbon span, .user-menu-items .btn-group .btn, .user-menu-items .btn-group .btn .media-body, .user-menu-items .btn-group .btn .media-body span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

hr { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.meeting-subject { color: #a3b7f5; line-height: 22px; display: inline-block; margin: 10px 0; }

.btn-round { -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; }

.sidebar-right, .sidebar-left { width: 270px; top: 0; display: block; min-height: 100%; height: 100%; z-index: 9; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; }

body > .sidebar-right, body > .sidebar-left, body > .container > .sidebar-right, body > .container > .sidebar-left { padding-top: 60px; background: #1e253a; position: fixed; overflow-y: auto; }

.clearfix { clear: both; }

.responsive-img { width: 100%; display: block; text-align: center; margin-bottom: 0; }

.responsive-img img { max-width: 100%;  }

/*=======================*/
/*===== page wrapper title=======*/
/*=======================*/
.wrapper-content { padding: 60px 13px 40px 13px; height: auto; min-height: 100%; position: relative; z-index: 0; margin: 0 0 0 270px; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; }

.page-title { padding-top: 30px; padding-bottom: 30px; }

.page-title h3 { color: white; font-weight: 300; }

.page-title p { color: #91a8f3; margin: 0; }

/*=======================*/
/*=======Activity blocks=====*/
/*=======================*/
.activity-block { background: #252d47; width: 100%; display: block; float: left; margin: 15px auto 15px auto; padding: 15px 13px; position: relative; }
.activity-block1 { background: #252d47; width: 100%; display: block; float: left; margin: 15px auto 15px auto; padding: 15px 13px; position: relative; }

.activity-block h5 { color: white; }

.activity-block p { color: #c8d4f9; margin-bottom: 0; text-transform: uppercase; }

.activity-block .progress-heading { font-size: 16px; color: #91a8f3; }

.activity-block i { font-size: 24px; margin-top: 0px; }

.activity-block .progress { width: 100%; background: transparent; left: 0; bottom: -15px; position: relative; overflow: visible; margin-top: 5px; z-index: 3; }

.activity-block .progress .progress-bar { height: 4px; }

.activity-block .progress .progress-bar .trackerball { height: 8px; width: 8px; float: right; position: relative; top: -2px; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0px 6px 0px white ; -moz-box-shadow: 0 0px 6px 0px white ; -ms-box-shadow: 0 0px 6px 0px white ; box-shadow: 0 0px 6px 0px white ; }

.activity-block1 .progress { width: 100%; background: transparent; left: 0; bottom: -15px; position: relative; overflow: visible; margin-top: 5px; z-index: 3; }

.activity-block1 .progress .progress-bar { height: 4px; }

.activity-block1 .progress .progress-bar .trackerball { height: 8px; width: 8px; float: right; position: relative; top: -2px; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0px 6px 0px white ; -moz-box-shadow: 0 0px 6px 0px white ; -ms-box-shadow: 0 0px 6px 0px white ; box-shadow: 0 0px 6px 0px white ; }

.activity-block .badge { font-size: 14px; vertical-align: middle; padding: 2px 8px; }

.activity-block .badge i { font-size: 14px; margin: 0; }

.activity-block .background-image { height: 100%; width: 100%; position: absolute; z-index: 0; opacity: 1; top: 0; left: 0; overflow: hidden; }

.activity-block .background-image img { position: relative; height: 100%; width: auto; float: left; }

.activity-block .background-image:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; }


.activity-block.success h5, .activity-block.success p, .activity-block.success .progress-heading, .activity-block.danger h5, .activity-block.danger p, .activity-block.danger .progress-heading, .activity-block.warning h5, .activity-block.warning p, .activity-block.warning .progress-heading, .activity-block.primary h5, .activity-block.primary p, .activity-block.primary .progress-heading { color: #ffffff; }

.activity-block.success .media, .activity-block.danger .media, .activity-block.warning .media, .activity-block.primary .media { position: relative; z-index: 1; }

.activity-block.success { background: #2dc1c9; background: -moz-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%); background: -webkit-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%); background: linear-gradient(to right, #2dc1c9 0%, #2194c1 30%, #252d47 100%); color: white;}

.activity-block{-webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important;}
.activity-block:hover { transform: scale(1.05);}

.activity-block.success .background-image:before { background: rgba(45, 193, 201, 0.2); background: -moz-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(45, 193, 201, 0.2) 0%, rgba(33, 148, 193, 0.9) 30%, #252d47 100%); color: white; }

.activity-block.success .background-image:before .progress-bar { background: rgba(81, 209, 216, 0.2); }

.activity-block.danger { background: #e47c64; background: -moz-linear-gradient(left, #e47c64 0%, #e36481 30%, #252d47 100%); background: -webkit-linear-gradient(left, #e47c64 0%, #e36481 30%, #252d47 100%); background: linear-gradient(to right, #e47c64 0%, #e36481 30%, #252d47 100%); color: white; }

.activity-block.danger .progress-bar { background: #eca18f; }

.activity-block.danger .background-image:before { background: rgba(228, 124, 100, 0.2); background: -moz-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(228, 124, 100, 0.2) 0%, rgba(227, 100, 129, 0.9) 30%, #252d47 100%); color: white; }

.activity-block.danger .background-image:before .progress-bar { background: rgba(236, 161, 143, 0.2); }

.activity-block.warning { background: #ffba00; background: -moz-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%); background: -webkit-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%); background: linear-gradient(to right, #ffba00 0%, #fc9244 30%, #252d47 100%); color: white; }

.activity-block.warning .progress-bar { background: #ffc833; }

.activity-block.warning .background-image:before { background: rgba(255, 186, 0, 0.2); background: -moz-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(255, 186, 0, 0.2) 0%, rgba(252, 146, 68, 0.9) 30%, #252d47 100%); color: white; }

.activity-block.warning .background-image:before .progress-bar { background: rgba(255, 200, 51, 0.2); }

.activity-block.primary { background: #7a79fe; background: -moz-linear-gradient(left, #7a79fe 0%, #a758f5 30%, #252d47 100%); background: -webkit-linear-gradient(left, #7a79fe 0%, #a758f5 30%, #252d47 100%); background: linear-gradient(to right, #7a79fe 0%, #a758f5 30%, #252d47 100%); color: white; }

.activity-block.primary .progress-bar { background: #acacfe; }

.activity-block.primary .background-image:before { background: rgba(122, 121, 254, 0.2); background: -moz-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); background: -webkit-linear-gradient(left, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); background: linear-gradient(to right, rgba(122, 121, 254, 0.2) 0%, rgba(167, 88, 245, 0.9) 30%, #252d47 100%); color: white; }

.activity-block.primary .background-image:before .progress-bar { background: rgba(172, 172, 254, 0.2); }

.activity-block.secondary{background: #21c18d; background: -moz-linear-gradient(left, #14a97f 0%, #21c18d 30%, #035843 100%); background: -webkit-linear-gradient(left, #14a97f 0%, #21c18d 30%, #035843 100%); background: linear-gradient(to right, #14a97f 0%, #21c18d 30%, #035843 100%); color: white;
}

/*==============================================*/
/*========== sparklines charts==================*/
/*==============================================*/
.jqstooltip { height: auto !important; width: auto !important; display: block; padding: 6px; color: #222222 !important; background: white !important; font-size: 12px; text-align: center; line-height: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); }

.jqstooltip .jqsfield, .jqstooltip .jqsfield span { color: #222222 !important; }

/*=======================*/
/*======Cards css =======*/
/*=======================*/
.card { margin: 15px auto 15px auto; background: #252d47; }

.card .card-header { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.card .card-header .nav-item { position: relative; }

.card .card-header .nav-item .pull-right .dropdown-menu { left: auto; right: 0px; margin-top: 12px; }

.card .card-header .card-title { font-size: 17px; margin: 0; line-height: 30px; font-weight: 300; color: white; vertical-align: middle; }

.card .card-header .card-title small { color: #91a8f3; }

.card .card-header .btn { line-height: 28px; padding: 0 12px; font-size: 13px; margin-left: 10px; height: 30px; }

.card .card-header .btn i { margin: 0 2px; }

.card .card-header .btn:focus { color: white; -webkit-box-shadow: 0 0px 0px 0px transparent ; -moz-box-shadow: 0 0px 0px 0px transparent ; -ms-box-shadow: 0 0px 0px 0px transparent ; box-shadow: 0 0px 0px 0px transparent ; outline: none; }

.card .card-header .btn-link { padding: 0 6px; }

.card .card-header .list-unstyled { overflow: visible; }

.card .card-header .list-unstyled .media { padding: 5px 0; }

.card .card-footer { background: #2c3654; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.card .list-worker { margin-right: 10px; margin-left: 40px; }

/*==============================================*/
/*========== Modal and popovers ==============*/
/*==============================================*/
.modal.dark_bg .modal-dialog .modal-content { background: #364269; color: #c8d4f9; }

.modal.dark_bg .modal-dialog .modal-content .modal-header { color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.modal.dark_bg .modal-dialog .modal-content .modal-header button.close { color: #ffffff; }

.modal.dark_bg .modal-dialog .modal-content .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.modal .modal-dialog .modal-content { color: #666666; }

.modal .modal-dialog .modal-content .modal-header { color: #222222; }

.popover { color: #666666; }

.popover .popover-title { color: #222222; }

label.form-check-label { border: 1px solid #91a8f3; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; color: #5579ec; padding: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

label.form-check-label i { vertical-align: top; display: inline-block; width: 22px; height: 22px; line-height: 22px; }

label.form-check-label .form-check-input { display: none; }

label.form-check-label.radio { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }

label.form-check-label.active { color: white; background: #91a8f3; }

.text-muted { color: rgba(200, 212, 249, 0.6) !important; font-size: 13px; }

/*==============================*/
/*====== jqvector map CSS ======*/
/*==============================*/
.worldmap, #mixedchartjs { width: 100%; padding-left: 0px; }

.jvectormap-container { background: transparent !important; padding: 10px; }

.hide { display: none !important; }

/*==============================================*/
/*========== Full screen and search ==============*/
/*==============================================*/
.fullscreen { height: 100%; overflow: hidden; }

.fullscreen .full-screen-container.fullscreen { position: fixed; top: 0; left: 0; z-index: 99; margin: 0; height: 100%; width: 100%; }

.fullscreen .wrapper-content { z-index: 99; }

.fullscreen .navbar-fixed { z-index: 10; }

.fullscreen .sidebar-left, .fullscreen .sidebar-right { z-index: 9; }

.fullscreen .card-block { max-width: 1380px; margin: 0 auto; width: 100%; overflow-y: auto; }

.fullscreen .worldmap, .fullscreen #mixedchartjs, .fullscreen canvas { height: auto !important; }

.fullscreen .comment-list, .fullscreen .media-list, .fullscreen .project-list, .fullscreen .user-list { max-height: none; overflow-y: visible; height: auto; }

.fullscreen .project-list .col-8 { width: 25%; flex: 0 0 25%; margin: 10px 0; }

.fullscreen .hide { display: block !important; }

.searchshow { height: 100%; overflow: hidden; }

.search-block { position: fixed; height: 100%; width: 100%; overflow: auto; top: 0; left: 0; background: rgba(30, 37, 58, 0.95); z-index: 999; display: none; }

.search-block .close-btn { position: absolute; height: 80px; width: 80px; line-height: 60px; text-align: center; right: 0px; top: 0px; font-size: 30px; padding: 0; z-index: 9; }

.search-block .search-block-form { padding: 15px; width: 100%; position: relative; margin-top: 40px; }

.search-block .search-block-form input[type='text'] { font-weight: 200; width: 100%; font-size: 34px; line-height: 60px; padding: 10px 20px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: #ffffff; }

.search-block .search-block-form .btn { position: absolute; height: 80px; width: 80px; line-height: 80px; text-align: center; right: 15px; top: 15px; font-size: 30px; padding: 0; }

.page-link { background: #28314e; color: white; border-color: #2f3a5b; }

.page-item.disabled .page-link { background: #28314e; color: #839df2; border-color: #2f3a5b; }

.progress-circle strong { position: absolute; top: 50px; margin-top: 0; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 30px; color: white; font-weight: 400; }

.progress-circle strong i { font-size: 50%; }

.nav-item { position: relative; }

/*==============================================*/
/* ============ playerfixed bottom ============ */
/*==============================================*/
.player-bottom .wrapper-content { margin-bottom: 175px; }

.player-bottom > .sidebar-right, .player-bottom > .sidebar-left { padding-bottom: 140px; }

.player-bottom .fixed-bottom .activity-block .background-image { opacity: 0.4; }

.player-bottom .fixed-bottom .activity-block .background-image img { width: 100%; height: auto; max-height: none; margin-top: -30%; }

.player-bottom .fixed-bottom .activity-block .progress { top: -15px; bottom: auto; margin: 0; background: rgba(0, 0, 0, 0.3); height: 8px; }

.player-bottom .fixed-bottom .activity-block .progress .progress-bar { height: 8px; }

.player-bottom .fixed-bottom .activity-block .progress .progress-bar .trackerball { top: 0; }

.audioplayer { display: none; }

.audioplayer.show { display: block; }

.playnow { cursor: pointer; }

.playerwrapper { z-index: 5; position: absolute; top: 0; left: 0; right: 0; top: 25px; width: 100%; max-width: 480px; margin: 0 auto; }

.playerwrapper .playercontrols { width: 100%; max-width: 480px; }

.playerwrapper .playercontrols .btn i { vertical-align: middle; margin: 0; display: inline-block; }

.playerwrapper .playercontrols .playPrev, .playerwrapper .playercontrols .playNext { opacity: 0.9; height: 60px; width: 60px; line-height: 60px; text-align: center; padding: 0; margin: 0 10px; vertical-align: middle; }

.playerwrapper .playercontrols .play, .playerwrapper .playercontrols .pause { opacity: 1; height: 80px; width: 80px; line-height: 80px; text-align: center; padding: 0; margin: 0 10px; vertical-align: middle; }

.playerwrapper .playercontrols .play i, .playerwrapper .playercontrols .pause i { margin: 0 auto; }

.playerwrapper .playercontrols .play i :before, .playerwrapper .playercontrols .pause i :before { content: "\f04b"; vertical-align: middle; }

.playerwrapper .playercontrols .pause i:before { content: "\f04c"; }

.playerwrapper .playercontrols .voice { width: 60px; text-align: left; }

.playerwrapper .playercontrols .voice i:before { content: "\f028"; }

.playerwrapper .playercontrols .voice.on i:before { content: "\f026"; }

#swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar { background: rgba(13, 15, 24, 0.9); }

/*==============================================*/
/*=================sing-in-css=================*/
/*==============================================*/
.wrapper-content-sign-in { width: 100%; margin: 0 auto; padding: 60px 10px 40px 10px; min-height: 100%; height: auto; z-index: 1; position: relative; }

.wrapper-content-sign-in .footer-content { background: transparent; z-index: 1; }

header .navbar.sign-in-header { background: none; -webkit-box-shadow: 0 0 0 0 transparent ; -moz-box-shadow: 0 0 0 0 transparent ; -ms-box-shadow: 0 0 0 0 transparent ; box-shadow: 0 0 0 0 transparent ; }

.background { top: 0; position: absolute; z-index: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; margin: 0; }

.background img { opacity: 0.6; min-width: 100%; height: auto; min-height: 100%; }

.background_small { position: absolute; z-index: 0; left: 0; right: 0; width: 100%; height: 40%; overflow: hidden; margin: 0; }

.background_small img { opacity: 0.5; min-width: 100%; height: auto; margin-top: -30%; }

.form-signin1 {position:relative; width: 100%; max-width: 510px; padding: 50px; margin: 42px auto 0 auto; color: #000000; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.form-signin1 .btn { min-width: 200px; margin-top: 20px; }

.form-signin1.white { background: #ffffff; border-radius: 15px;}

.form-signin1.white .form-control { color: #000000; }

.form-signin1.white .input-group .input-group-addon { color: #666666; }

.form-signin1.light { background: rgba(255, 255, 255, 0.1); color: #ffffff; }

.form-signin1.light .form-control { background: transparent; text-align: center; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.2); }

.form-signin1.side { max-width: 50%; padding: 50px 30px; }

.form-signin1.full_side { max-width: 400px; margin: 0; margin-top: 20%; background: transparent; }

.form-signin1.full_side .form-control { background: transparent; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.2); }

.form-signin1.smallbox { margin-top: 10%; background: transparent; color: #ffffff; max-width: 400px; }

.form-signin1.smallbox .btn { width: 100%; }

.form-signin1.smallbox input { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; line-height: 30px; text-align: center; }

.form-signin1.smallbox figure { margin-bottom: 50px; }

.form-signin1 .subscribe button.btn { margin: 0; min-width: auto; width: auto; }

.form-signin-heading { margin-top: 8%; }

.side_signing_full { position: absolute; height: 100%; background: rgba(16, 22, 40, 0.6); top: 0; right: 0; }

.user-login { margin: 0 auto 15px auto; display: inline-block; height: 120px; width: 120px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.user-login img { width: 102%; vertical-align: middle; }

.form-signin .block-time span { color: #ffffff; }

.light_bg .form-control { color: #222222; }

.wrapper-content-sign-in-left { background: rgba(37, 45, 71, 0.6); }

.list-group-item { background: rgba(63, 77, 121, 0.4); }

.block-time { font-size: 60px; display: inline-block; padding: 10px; margin: 0 5px; }

.block-time span { font-size: 16px !important; display: block; text-transform: uppercase; color: #ffffff; }

.input-group .input-group-addon { color: #ffffff; }

textarea.form-control { line-height: 1.4; }

pre code { color: #ffffff; background: rgba(0, 0, 0, 0.6); padding: 10px; width: 100%; overflow: auto; }

code { color: #ffffff; background: rgba(0, 0, 0, 0.6); display: inline-block; }

pre { position: relative; width: 100%; }

.btn-ico { height: 44px; width: 44px; line-height: 42px; padding: 0; vertical-align: middle; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.btn-top-right { position: absolute; top: 0; right: 0; }

/*==============================================*/
/*=========Text selecton colors =============*/
/*==============================================*/
.success::selection { background: #15d4be; color: #ffffff; }

.danger::selection { background: #ff6262; color: #ffffff; }

.warning::selection { background: #f0ad4e; color: #ffffff; }

.info::selection { background: #22bfed; color: #ffffff; }

.primary::selection { background: #6c8bef; color: #ffffff; }

.context-menu-list { border: 0; }

.context-menu-list li { line-height: 28px; }

.context-menu-list .context-menu-icon:before { color: #6c8bef; }

.context-menu-list .context-menu-item.context-menu-hover { background: #6c8bef; }

.context-menu-list .context-menu-item.context-menu-hover.context-menu-icon:before { color: #ffffff; }

/*==============================================*/
/*================= Mailbox css================= */
/*==============================================*/
.mailbox { overflow: hidden; }

.mailboxnav { width: 200px !important; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.mailboxnav nav { margin: 10px auto; }

.mailboxnav nav div { margin: 2px auto; width: 100%; }

.mailboxnav nav div .nav-link { color: #c8d4f9; }

.mailboxnav nav div.active .nav-link, .mailboxnav nav div .nav-link:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; }

.maillist { border-right: 1px solid rgba(255, 255, 255, 0.1); }

.maillist .list-unstyled { overflow-y: auto; }

.status-warning { border-left: 4px solid #f0ad4e; }

.status-success { border-left: 4px solid #2cc4cd; }

.status-info { border-left: 4px solid #22bfed; }

.status-danger { border-left: 4px solid #ff6262; }

.status-primary { border-left: 4px solid #6c8bef; }

.status.warning { background: #f0ad4e; }

.status { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 0 10px; line-height: 26px; display: inline-block; vertical-align: middle; color: #ffffff; }

.status.warning { background: #f0ad4e; }

.status.success { background: #2cc4cd; }

.status.info { background: #22bfed; }

.status.danger { background: #ff6262; }

.status.primary { background: #6c8bef; }

/*==============================================*/
/*=============  Notes css  ====================*/
/*==============================================*/
.notes { padding: 0.75rem 1.25rem; margin-bottom: 1.5rem; border: 1px solid transparent; border-radius: 0; }

.notes.notes-warning { background: #fbead2; border-left: 4px solid #f0ad4e; color: #81500b; }

.notes.notes-success { background: #9ee6ea; border-left: 4px solid #2cc4cd; color: #0c373a; }

.notes.notes-info { background: #a6e5f8; border-left: 4px solid #22bfed; color: #074456; }

.alert.alert-primary { background: #91a8f3; color: #113198; }

.notes.notes-danger { background: #fff1f1; border-left: 4px solid #ff6262; color: #af0000; }

.notes.notes-primary { background: #edf1fd; border-left: 4px solid #6c8bef; color: #113198; }

.options-mail { width: 100%; display: block; float: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; }

/*==============================================*/
/*========== Social profile cover images=========*/
/*==============================================*/
.social-profile-cover, .customer-profile-cover { position: relative; height: 400px; color: #fff; }

.social-profile-cover .social-profile-pic, .customer-profile-cover .social-profile-pic { width: 120px; height: 120px; overflow: hidden; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) ; -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) ; -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) ; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) ; margin: 0 20px 0 10px; }

.social-profile-cover .social-profile-pic img, .customer-profile-cover .social-profile-pic img { width: 100%; height: auto; min-height: 100%; }

.customer-profile-cover { height: 170px; background: #272f4a; }

.btn-outline-white { border: 1px solid #ffffff; background: transparent; color: #fff; }

.btn-outline-white:hover, .btn-outline-white.active { background: #ffffff; color: #666666; }

dl.full-width dd { margin-bottom: 15px; }

dl.full-width dt { margin-bottom: 5px; }

/*==============================================*/
/*=============== nav-tabs styles===============*/
/*==============================================*/
.nav-tabs { color: #c8d4f9; border-bottom: none; }

.nav-tabs.light .nav-link { color: #ffffff; }

.nav-tabs .nav-link { line-height: 24px; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: none; vertical-align: middle; }

.nav-tabs .nav-link.active { background: #2ec7cb; background: -moz-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: -webkit-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%); color: white; }
.nav-tabs .nav-link.unactive { background: #666666; background: -moz-linear-gradient(left, #666666 0%, #505050 100%); background: -webkit-linear-gradient(left, #666666 0%, #505050 100%); background: linear-gradient(to right, #666666 0%, #505050 100%); color: white; }

.tab-content { border: 1px solid rgba(255, 255, 255, 0.15); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding: 13px; margin-top: 22px; }

.tab-content:last-of-type { margin-bottom: 20px; }

@media (min-width: 1020px) { .col-lg-30 { flex: 0 0 33%; max-width: 33%; } }


.salesSwitch{padding:10px 2px 0px 2px;}
.salesSwitch a{font-size:12px; color:#ffffff; font-weight:bold;}
.switch{line-height: 24px; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: none; vertical-align: middle;  padding: 7px 12px;}
.switchInactive{background:#666666 !important;}
.invoiceSwitch {font-size:12px !important; color:#ffffff; font-weight:bold; text-transform: uppercase; background:#666666 !important; border-radius: 2px !important; display: table;}
.invoiceSwitch.active { background: #2ec7cb !important;
    background: -moz-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%) !important;
    background: -webkit-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%) !important;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%) !important;}
/*=======================================*/
/*====== Full calendar custom CSS ======*/
/*=======================================*/
.fc-toolbar { margin-bottom: 0; padding: 0px; vertical-align: middle; line-height: 50px; height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.fc-event { cursor: pointer; border: 0; border-radius: 0; margin: 0; padding: 5px 10px; font-size: 14px; line-height: 20px; margin-bottom: 1px; box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15); }

.fc-event .fc-title { margin-left: 10px; }

.fc-toolbar h2 { font-weight: 300; font-size: 20px; line-height: 50px; }

.fc-toolbar button { line-height: 50px; vertical-align: middle; padding: 0 13px; border-radius: 0 !important; border: 0; height: 50px; background: transparent; margin: 0; text-transform: uppercase; color: #c8d4f9; box-shadow: none; font-weight: 300; text-shadow: none; font-size: 12px; }

.fc-view-container { background: transparent; }

.fc th { border-color: rgba(0, 0, 0, 0.1); padding: 0 10px; line-height: 50px; font-size: 14px; font-weight: 400; }

.fc-unthemed .fc-row.fc-widget-header { margin-top: -1px; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; background: rgba(0, 0, 0, 0.4); }

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: rgba(255, 255, 255, 0.1); }

.fc-time-grid .fc-slats td { height: 2em; }

.fc-unthemed td.fc-widget-content.fc-today { background: rgba(46, 199, 203, 0.4); background: -moz-linear-gradient(left, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); background: -webkit-linear-gradient(left, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); background: linear-gradient(to right, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); color: white; }

.fc-event { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.fc-event, .fc-event-dot { color: #ffffff !important; min-height: 10px; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: rgba(46, 199, 203, 0.4); background: -moz-linear-gradient(left, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); background: -webkit-linear-gradient(left, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); background: linear-gradient(to right, rgba(46, 199, 203, 0.4) 0%, rgba(108, 139, 239, 0.4) 100%); color: white; color: #ffffff; }

.fc-other-month { background: rgba(200, 212, 249, 0.1); }

.fc-unthemed .fc-list-empty { background-color: rgba(200, 212, 249, 0.1); }

/*==============================================*/
/*================Services Block================*/
/*==============================================*/
.serviceblock { color: #c8d4f9; }

.serviceblock .block { background: rgba(200, 212, 249, 0.1); padding: 20px; position: relative; height: 100%;  cursor: pointer;}

.serviceblock .block figure { margin: -20px -20px 20px -20px; }

.serviceblock .block .hide { display: none; }

.serviceblock .block i { text-align: center; font-size: 26px; line-height: 50px; padding: 0; height: 50px; width: 50px; display: block; position: absolute; right: 0; bottom: 0; background: #88a1f2; color: #ffffff; }

.serviceblock .block:hover { background: #88a1f2; color: #ffffff; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); }
.serviceblock.active .block { background: #88a1f2; color: #ffffff; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);}

.serviceblock .block:hover .hide { display: block !important; }

.serviceblock .block:hover figure { display: none; }

.serviceblock .block:hover i { color: #222222; background: #FFFFFF; }

.serviceblock .block:hover a { color: #ffffff; }

/*==============================================*/
/*============== masonary gallery ==============*/
/*==============================================*/
.grid { display: block; width: 100%; float: left; }

.grid .grid-item { width: 33.33333%; padding: 13px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.grid .grid-item :before { content: "\f002"; position: absolute; right: 13px; bottom: 13px; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.8); font-size: 18px; text-align: center; line-height: 30px; vertical-align: middle; font-family: FontAwesome; }

.grid.two .grid-item { width: 50%; }

.grid.one .grid-item { width: 100%; }

.grid a { width: 100%; display: block; float: left; }

.grid a img { width: 100%; display: block; float: left; }

#swipebox-overlay { background: rgba(0, 0, 0, 0.5); }

.profilegallery .grid-item { height: 180px; overflow: hidden; }

.profilegallery .grid-item a { height: 100%; display: block; }

.profilegallery .grid-item img { height: 100%; overflow: hidden; }

/*==============================================*/
/*============= Products ecommerce =============*/
/*==============================================*/
.product .product_img { text-align: center; width: 100%; height: 200px; background: rgba(0, 0, 0, 0.8); margin-bottom: 0; overflow: hidden; display: block; background-clip: border-box; }

.product .product_img a { display: flex; height: 100%; width: 100%; }

.product .product_img img { min-height: 100%; width: 100%; margin: 0 auto; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -ms-transition: 0.5s ease all; }

.product:hover .product_img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }

.product button { border-style: solid; }

.product button:focus { -webkit-box-shadow: 0 0 0 0 transparent ; -moz-box-shadow: 0 0 0 0 transparent ; -ms-box-shadow: 0 0 0 0 transparent ; box-shadow: 0 0 0 0 transparent ; outline: none; }

.product .list-group-flush { width: 100%; flex-direction: column; }

.product .list-group-flush li { width: 100%; }

/*==============================================*/
/*==================== Tables =================*/
/*==============================================*/
.tabReports .table{color:#ffffff;}
.table thead th { border-bottom: 0; }
.table a {color: #c8d4f9;}
.table a.dropdown-item {color: #292b2c; padding: 5px 20px !important; }

.table th, .table td, .table thead th, .table tbody td { border-color: rgba(91, 110, 170, 0.2); }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.1); }

.invoice { color: #222222; background: #f4f4f4; background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 1%, white 3%, #f2f2f2 16%, white 56%); background: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 1%, white 3%, #f2f2f2 16%, white 56%); background: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 1%, white 3%, #f2f2f2 16%, white 56%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 ); }

.invoice .card-header { background: #2ec7cb; background: -moz-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: -webkit-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%); color: white; margin-top: 10px; }

.invoice .card-footer { background: #2ec7cb; background: -moz-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: -webkit-linear-gradient(left, #2ec7cb 0%, #6c8bef 100%); background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%); color: white; margin-bottom: 50px; }

/*==============================================*/
/*================ Faq accordion ================*/
/*==============================================*/
.accordion { background: transparent; }

.accordion .card { background: transparent; }

.accordion .card-header { background: rgba(54, 66, 105, 0.4); }

.accordion .card-header a { display: block; }

.accordion .card-block { background: rgba(54, 66, 105, 0.3); }

/*==============================================*/
/*============= flot js charts css =============*/
/*==============================================*/
.flot-chart { display: block; height: 400px; }

.flot-chart-content { width: 100%; height: 100%; }

.flot-text { color: #c8d4f9 !important; }

/*==============================================*/
/*============map and locations css ============*/
/*==============================================*/
.jvectormap-container { background: transparent !important; }

.worldmap { height: 250px; }

.fullscreenmap { position: absolute; z-index: 0; left: 0; right: 0; top: 0; height: 100%; }

/*==============================================*/
/*=================== Tables ===================*/
/*==============================================*/
table tr td img { vertical-align: middle; height: 26px; width: 26px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; margin-right: 10px; }

.dataTables_wrapper .dataTable { width: 100% !important; border-bottom: 1px solid rgba(91, 110, 170, 0.2); -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);  }

.dataTables_wrapper .dataTable .btn-sm { padding: 0.40rem 0.5rem; vertical-align: middle; }

.dataTables_wrapper .dataTable img { vertical-align: middle; height: 47px; width: 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; margin-right: 10px; }

.dataTables_wrapper .dataTable td, .dataTables_wrapper .dataTable th { padding: 8px 13px 5px 13px; line-height: 22px; align-content: center; }

.dataTables_wrapper label { display: flex; align-items: center; }
.historyTab .dataTables_wrapper label{display:inline-block;}

.dataTables_wrapper label input, .dataTables_wrapper label select { width: auto; margin: 0 10px; }

.dataTables_wrapper .text-right label { display: flex; align-items: center; text-align: right; justify-content: flex-end; }

.dataTables_wrapper table.dataTable thead .sorting:before, .dataTables_wrapper table.dataTable thead .sorting:after, .dataTables_wrapper table.dataTable thead .sorting_asc:before, .dataTables_wrapper table.dataTable thead .sorting_asc:after, .dataTables_wrapper table.dataTable thead .sorting_desc:before, .dataTables_wrapper table.dataTable thead .sorting_desc:after, .dataTables_wrapper table.dataTable thead .sorting_asc_disabled:before, .dataTables_wrapper table.dataTable thead .sorting_asc_disabled:after, .dataTables_wrapper table.dataTable thead .sorting_desc_disabled:before, .dataTables_wrapper table.dataTable thead .sorting_desc_disabled:after { bottom: 2px; }

.dataTables_wrapper div.dataTables_paginate ul.pagination { display: inline-block; width: auto; margin: 5px auto 0 auto !important; float: none; }

.dataTables_wrapper div.dataTables_paginate ul.pagination li { float: left; }

/*==============================================*/
/*============== Timeline blocks ==============*/
/*==============================================*/
.timeline_large { position: relative; padding: 20px 0 20px; list-style: none; display: inline-block; width: 100%; }

.timeline_large:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1.5px; background-color: rgba(96, 125, 139, 0.2); }

.timeline_large > li { position: relative; margin-bottom: 20px; display: inline-block; }

.timeline_large > li:before, .timeline_large > li:after { content: " "; display: table; }

.timeline_large > li:after { clear: both; }

.timeline_large > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(72, 88, 138, 0.3); border-radius: 0; background: rgba(72, 88, 138, 0.2); }

.timeline_large > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -15px; border-top: 15px solid transparent; border-right: 0 solid rgba(72, 88, 138, 0.2); border-bottom: 15px solid transparent; border-left: 15px solid rgba(72, 88, 138, 0.2); }

.timeline_large > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -14px; border-top: 14px solid transparent; border-right: 0 solid rgba(72, 88, 138, 0.2); border-bottom: 14px solid transparent; border-left: 14px solid rgba(72, 88, 138, 0.2); }

.timeline_large > li > .timeline-panel .timeline-heading { color: #ffffff; }

.timeline_large > li > .timeline-panel p { margin: 15px 0 0 0; }

.timeline_large > li > .timeline-panel figure { margin: 15px 0; }

.timeline_large > li > .timeline-panel .project-list .media { height: auto; }

.timeline_large > li > .timeline-panel table { margin: 15px 0; }

.timeline_large > li .timeline-badge { z-index: 100; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #ffffff; background-color: #141825; }

.timeline_large > li.timeline-inverted { float: right; }

.timeline_large > li.timeline-inverted > .timeline-panel { float: right; }

.timeline_large > li.timeline-inverted > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline_large > li.timeline-inverted > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.icons p { font-size: 15px; line-height: 30px; text-align: center; display: block; }

.icons p:before { display: block; color: #ffffff; font-size: 24px; }

/*==============================================*/
/* ================range slider================ */
/*==============================================*/
.rangeslider, .rangeslider__fill { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.rangeslider, .rangeslider__fill { background: #3f4d79; position: relative; }

.rangeslider__fill { position: absolute; background: #9aaff4; }

.rangeslider--horizontal { height: 10px; width: 100%; }

.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; }

.rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; }

.rangeslider--vertical { width: 10px; min-height: 150px; max-height: 100%; }

.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; }

.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; }

.rangeslider--disabled { opacity: 0.4; }

.rangeslider__handle { color: #222222; cursor: pointer; display: inline-block; width: 30px; height: 30px; position: absolute; background: #ffffff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) ; -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) ; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; vertical-align: middle; text-align: center; line-height: 28px; font-size: 10px; }

/* ========================================*/
/* ===============Wizard CSS===============*/
/* ========================================*/
.container_wizard { width: 100%; display: block; float: left; }

.container_wizard .stepwizard { display: table; width: 100%; position: relative; }

.container_wizard .stepwizard .stepwizard-step { display: table-cell; text-align: center; position: relative; padding: 20px 0; }

.container_wizard .stepwizard .stepwizard-step a { height: 40px; width: 40px; line-height: 40px; text-align: center; vertical-align: middle; padding: 0; }

.container_wizard .stepwizard .stepwizard-step p { margin-top: 10px; }

.container_wizard .stepwizard .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }

.container_wizard .stepwizard .stepwizard-row { display: table-row; }

.container_wizard .stepwizard .stepwizard-row:before { top: 30%; bottom: 0; position: absolute; content: " "; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.2); z-order: 0; }

.container_wizard .wizard-footer > div { border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%; display: block; position: relative; padding-top: 15px; padding-bottom: 15px; margin-top: 15px; float: left; }

.container_wizard.wizard-box { background: #364269; }

.container_wizard.wizard-box .stepwizard .stepwizard-step { padding: 0; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a { width: 100%; float: left; height: auto; display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a p { font-size: 20px; line-height: 22px; text-transform: uppercase; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a p small { font-size: 14px; display: block; text-transform: none; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary { opacity: 1; color: #ffffff; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary.success { opacity: 1; background: #15d4be; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary.warning { opacity: 1; background: #f0ad4e; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary.danger { opacity: 1; background: #ff6262; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary.info { opacity: 1; background: #22bfed; }

.container_wizard.wizard-box .stepwizard .stepwizard-step a.btn-secondary.disabled { opacity: 1; background: #ffffff; color: #000000; color: #666666; }

.container_wizard.wizard-box .stepwizard .stepwizard-row:before { content: ''; display: none; }

.container_wizard.wizard-box .setup-content { padding: 15px; }

.container_wizard.wizard-thin { background: #364269; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step { padding: 0; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a { width: 100%; float: left; height: auto; display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-align: left; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a span.btn-round { height: 44px; line-height: 44px; width: 44px; margin: 10px; display: block; float: left; font-size: 30px; text-align: center; vertical-align: middle; background: rgba(255, 255, 255, 0.4); }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a p { margin: 10px 0; font-size: 20px; line-height: 22px; text-transform: uppercase; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a p small { font-size: 14px; display: block; text-transform: none; opacity: 0.6; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary { opacity: 1; color: #ffffff; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary span.btn-round { background: rgba(0, 0, 0, 0.1); }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary.success { opacity: 1; background: #15d4be; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary.warning { opacity: 1; background: #f0ad4e; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary.danger { opacity: 1; background: #ff6262; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary.info { opacity: 1; background: #22bfed; }

.container_wizard.wizard-thin .stepwizard .stepwizard-step a.btn-secondary.disabled { opacity: 1; background: #ffffff; color: #000000; color: #444444; }

.container_wizard.wizard-thin .stepwizard .stepwizard-row:before { content: ''; display: none; }

.container_wizard.wizard-thin .setup-content { padding: 15px; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step { padding: 0; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a { background: none; -webkit-box-shadow: 0 0 0 0 transparent ; -moz-box-shadow: 0 0 0 0 transparent ; -ms-box-shadow: 0 0 0 0 transparent ; box-shadow: 0 0 0 0 transparent ; width: 100%; float: left; height: auto; display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; text-align: center; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a span.btn-round { border: 2px solid #ffffff; height: 50px; line-height: 46px; width: 50px; margin: 10px; display: inline-block; font-size: 24px; text-align: center; vertical-align: middle; background: white; color: #000000; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a p { margin: 10px 0; font-size: 20px; line-height: 22px; text-transform: uppercase; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a p small { font-size: 14px; display: block; text-transform: none; opacity: 0.6; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary { opacity: 1; color: #ffffff; background: none; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.success { opacity: 1; color: #15d4be; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.success span.btn-round { background: #252d47; border: 2px solid #15d4be; color: #15d4be; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.warning { opacity: 1; color: #f0ad4e; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.warning span.btn-round { background: #252d47; border: 2px solid #f0ad4e; color: #f0ad4e; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.danger { opacity: 1; color: #ff6262; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.danger span.btn-round { background: #252d47; border: 2px solid #ff6262; color: #ff6262; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.info { opacity: 1; color: #22bfed; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.info span.btn-round { background: #252d47; border: 2px solid #22bfed; color: #22bfed; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.disabled { opacity: 1; background: none; color: #ffffff; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-step a.btn-secondary.disabled span.btn-round { border: 2px solid #ffffff; background: #252d47; color: #ffffff; }

.container_wizard.wizard-bordered .stepwizard .stepwizard-row:before { top: 35px; width: 70%; margin: 0 auto; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.6); }

.container_wizard.wizard-bordered .setup-content { padding: 15px; }

/*==============================================*/
/*=========== Bootstrap multiselect ============*/
/*==============================================*/
.multiselect-container > li > a > label, .multiselect-container > li > a > label.checkbox { padding: 5px 10px; color: #222222; }

.multiselect-container .input-group { margin: 0; }

/*==============================================*/
/*==================picker css==================*/
/*==============================================*/
.datepicker tr td, .datepicker tr th { padding: 5px 8px; }

.fc-time-grid-container, .fc-day-grid-container, .fc-time-grid { position: relative; z-index: 1; overflow: visible !important; height: auto !important; }

/* ===============================================*/
/*================== CSS switch ==================*/
/* ================================================*/
.can-toggle { position: relative; }

.can-toggle *, .can-toggle *:before, .can-toggle *:after { box-sizing: border-box; }

.can-toggle input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; }

.can-toggle input[type="checkbox"][disabled] ~ label { pointer-events: none; }

.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch { opacity: 0.4; }

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before { content: attr(data-unchecked); left: 0; }

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after { content: attr(data-checked); }

.can-toggle label { user-select: none; position: relative; display: flex; align-items: center; }

.can-toggle label .can-toggle__label-text { flex: 1; padding-left: 32px; }

.can-toggle label .can-toggle__switch { position: relative; }

.can-toggle label .can-toggle__switch:before { content: attr(data-checked); position: absolute; top: 0; text-transform: uppercase; text-align: center; }

.can-toggle label .can-toggle__switch:after { content: attr(data-unchecked); position: absolute; z-index: 5; text-transform: uppercase; text-align: center; background: white; transform: translate3d(0, 0, 0); }

.can-toggle input[type="checkbox"][disabled] ~ label { color: rgba(119, 119, 119, 0.5); }

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch { background-color: #777; }

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after { color: #5e5e5e; }

.can-toggle input[type="checkbox"]:hover ~ label { color: #6a6a6a; }

.can-toggle input[type="checkbox"]:checked ~ label:hover { color: #14c6b2; }

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch { background-color: #1ae8d1; }

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after { color: #13bda9; }

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch { background-color: #15d4be; }

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { color: #10a694; }

.can-toggle label .can-toggle__label-text { flex: 1; }

.can-toggle label .can-toggle__switch { transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); background: #848484; }

.can-toggle label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.5); }

.can-toggle label .can-toggle__switch:after { transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1); color: #777; }

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(65px, 0, 0); }

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }

.can-toggle label { font-size: 14px; }

.can-toggle label .can-toggle__switch { height: 36px; flex: 0 0 134px; border-radius: 4px; }

.can-toggle label .can-toggle__switch:before { left: 67px; font-size: 12px; line-height: 36px; width: 67px; padding: 0 12px; }

.can-toggle label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 2px; width: 65px; line-height: 32px; font-size: 12px; }

.can-toggle label .can-toggle__switch:hover:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(44px, 0, 0); }

.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-small label { font-size: 13px; }

.can-toggle.can-toggle--size-small label .can-toggle__switch { height: 28px; flex: 0 0 90px; border-radius: 2px; }

.can-toggle.can-toggle--size-small label .can-toggle__switch:before { left: 45px; font-size: 10px; line-height: 28px; width: 45px; padding: 0 12px; }

.can-toggle.can-toggle--size-small label .can-toggle__switch:after { top: 1px; left: 1px; border-radius: 1px; width: 44px; line-height: 26px; font-size: 10px; }

.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(78px, 0, 0); }

.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.can-toggle--size-large label { font-size: 14px; }

.can-toggle.can-toggle--size-large label .can-toggle__switch { height: 50px; flex: 0 0 160px; border-radius: 4px; }

.can-toggle.can-toggle--size-large label .can-toggle__switch:before { left: 80px; font-size: 14px; line-height: 50px; width: 80px; padding: 0 12px; }

.can-toggle.can-toggle--size-large label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 2px; width: 78px; line-height: 46px; font-size: 14px; }

.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-1 input[type="checkbox"][disabled] ~ label { color: rgba(255, 98, 98, 0.5); }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch { background-color: #ff6262; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch:after { color: #ff2f2f; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label { color: #ff4949; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label:hover { color: #14c6b2; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch { background-color: #1ae8d1; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch:after { color: #13bda9; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch { background-color: #15d4be; }

.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { color: #10a694; }

.can-toggle.demo-rebrand-1 label .can-toggle__label-text { flex: 1; }

.can-toggle.demo-rebrand-1 label .can-toggle__switch { transition: background-color 0.3s ease-in-out; background: #ff7c7c; }

.can-toggle.demo-rebrand-1 label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.6); }

.can-toggle.demo-rebrand-1 label .can-toggle__switch:after { transition: transform 0.3s ease-in-out; color: #ff6262; }

.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label { color: rgba(255, 98, 98, 0.5); }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch { background-color: #ff6262; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after { color: #ff2f2f; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label { color: #ff4949; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover { color: #14c6b2; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch { background-color: #1ae8d1; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after { color: #13bda9; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch { background-color: #15d4be; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { color: #10a694; }

.can-toggle.demo-rebrand-2 label .can-toggle__label-text { flex: 1; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch { transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); background: #ff7c7c; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.7); }

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after { transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1); color: #ff6262; }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(58px, 0, 0); }

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-2 label { font-size: 13px; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch { height: 60px; flex: 0 0 120px; border-radius: 60px; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before { left: 60px; font-size: 13px; line-height: 60px; width: 60px; padding: 0 12px; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 30px; width: 58px; line-height: 56px; font-size: 13px; }

.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-2.small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2.small input[type="checkbox"]:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-2.small input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(33px, 0, 0); }

.can-toggle.demo-rebrand-2.small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2.small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

.can-toggle.demo-rebrand-2.small label { font-size: 13px; }

.can-toggle.demo-rebrand-2.small label .can-toggle__switch { height: 35px; flex: 0 0 70px; border-radius: 35px; }

.can-toggle.demo-rebrand-2.small label .can-toggle__switch:before { left: 35px; font-size: 10px; line-height: 35px; width: 35px; padding: 0 12px; }

.can-toggle.demo-rebrand-2.small label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 17.5px; width: 33px; line-height: 31px; font-size: 10px; }

.can-toggle.demo-rebrand-2.small label .can-toggle__switch:hover:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }

/* switch css ends */
/* ============================================*/
/*=============== Layout switch ===============*/
/* ===========================================*/
body.sidebar-left-fixed .wrapper-content { margin-left: 270px; }

body.scroll_header.active_scroll header { margin-top: -150px; }

body.scroll_header.active_scroll > .sidebar-right, body.scroll_header.active_scroll > .sidebar-left { padding: 0; }

body.boxed_page { padding: 15px 0; height: auto; min-height: 100%; }

body > .container { height: auto; overflow: hidden; margin: 0 auto; min-height: 100%; background: rgba(39, 47, 74, 0.5); padding-bottom: 50px; }

body > .container header { position: relative; }

body > .container .wrapper-content { padding: 0; margin: 0; min-height: auto; height: auto; }

body > .container > .sidebar-right, body > .container > .sidebar-left { position: absolute; height: 100%; }

body > .container > footer { position: absolute; bottom: 0; margin-top: 20px; }

body.fixed-header .wrapper-content { padding-top: 60px; }

body.fixed-header header { position: fixed; top: 0; left: 0; right: 0; padding: 0; }
.footer-content { height: auto; text-align: center; }

body.horizontal-menu > .container > .sidebar-left .nav, body.horizontal-menu > .sidebar-left .nav { flex-direction: column; }

@media screen and (min-width: 1020px) { body.horizontal-menu > .container > .sidebar-left, body.horizontal-menu > .sidebar-left { width: 100%; z-index: 9; height: auto; min-height: auto; overflow: visible; -webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3) ; -ms-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3) ; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3) ; }
  body.horizontal-menu > .container > .sidebar-left .nav, body.horizontal-menu > .sidebar-left .nav { flex-direction: inherit; }
  body.horizontal-menu > .container > .sidebar-left .nav li, body.horizontal-menu > .sidebar-left .nav li { width: auto; float: left; }
  body.horizontal-menu > .container > .sidebar-left .nav li a, body.horizontal-menu > .container > .sidebar-left .nav li a.nav-link, body.horizontal-menu > .sidebar-left .nav li a, body.horizontal-menu > .sidebar-left .nav li a.nav-link { white-space: nowrap; padding: 0.5em 1em; }
  body.horizontal-menu > .container > .sidebar-left .nav li a i, body.horizontal-menu > .container > .sidebar-left .nav li a.nav-link i, body.horizontal-menu > .sidebar-left .nav li a i, body.horizontal-menu > .sidebar-left .nav li a.nav-link i { display: inline-block; float: none; margin: 0 5px; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level, body.horizontal-menu > .sidebar-left .nav .nav-second-level { min-width: 200px; position: absolute; top: 40px; left: 0; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; max-height: 400px; overflow-y: auto; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level li, body.horizontal-menu > .sidebar-left .nav .nav-second-level li { width: 100%; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level li a.nav-link, body.horizontal-menu > .sidebar-left .nav .nav-second-level li a.nav-link { color: #222222; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level li a.nav-link:hover, body.horizontal-menu > .sidebar-left .nav .nav-second-level li a.nav-link:hover { background: rgba(0, 0, 0, 0.1); color: #000000 !important; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level li a.nav-link.menudropdown, body.horizontal-menu > .sidebar-left .nav .nav-second-level li a.nav-link.menudropdown { color: #000000; font-weight: 500; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level .nav-third-level li a.nav-link, body.horizontal-menu > .sidebar-left .nav .nav-second-level .nav-third-level li a.nav-link { padding: 0.5em 1em; color: #222222; }
  body.horizontal-menu > .container > .sidebar-left .nav .nav-second-level .nav-third-level li .menudropdown, body.horizontal-menu > .sidebar-left .nav .nav-second-level .nav-third-level li .menudropdown { color: #000000; font-weight: 500; }
  body.horizontal-menu .wrapper-content { padding-top: 100px; margin-left: auto; }
  body.horizontal-menu > .sidebar-right, body.horizontal-menu > .container > .sidebar-right { padding-top: 100px; z-index: 8; }
  body.horizontal-menu.menuclose > .sidebar-left, body.horizontal-menu.menuclose > .container > .sidebar-left { left: 0; top: -100px; overflow: hidden; }
  body.horizontal-menu.menuclose .wrapper-content { padding-top: 60px; } }

body.rounded .member-list .media .background, body.rounded .project-list .media .projectpic img, body.rounded .member-list .media, body.rounded .project-list .media, body.rounded .card, body.rounded .activity-block { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) ; -ms-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) ; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) ; }

body.rounded .alert-block, body.rounded .box-links > div > .media, body.rounded .box-links > div > .media .quick-block, body.rounded .list-unstyled .media .message_userpic, body.rounded .userpic { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; }

body.rounded div.dataTables_wrapper div.dataTables_filter input, body.rounded div.dataTables_wrapper div.dataTables_length select, body.rounded .form-control, body.rounded .btn { -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; overflow: hidden; }

body.rounded .custom-select, body.rounded .custom-file-control, body.rounded .custom-file-input, body.rounded .page-link, body.rounded .page-item:first-child .page-link, body.rounded .page-item:last-child .page-link { margin: 0 2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; overflow: hidden; }

body.rounded .input-group .input-group-addon:first-child { -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; }

body.rounded .input-group .input-group-addon:last-child { -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; }

body.rounded header .search-header input[type="text"], body.rounded .user-menu-items .btn-group .btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

body.rounded .product button { min-width: 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }

body.rounded .project-list .media .overlay { -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; }

body.rounded .status { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; padding: 0 15px 2px 15px; }

body.rtl-read { text-align: right; }

body.rtl-read header .navbar .navbar-brand .fa, body.rtl-read header .navbar .navbar-brand img { float: right; margin: 5px 5px auto 5px; }

body.rtl-read .input-group, body.rtl-read .nav, body.rtl-read .progress, body.rtl-read header .navbar .navbar-brand, body.rtl-read .list-group, body.rtl-read .card-block, body.rtl-read .navbar-nav, body.rtl-read header .navbar, body.rtl-read .media, body.rtl-read .row { flex-direction: row-reverse; }

body.rtl-read .pull-left { float: right !important; }

body.rtl-read .activity-block .progress .progress-bar .trackerball, body.rtl-read .pull-right { float: left !important; }

body.rtl-read .media-list .media .message_userpic, body.rtl-read .message_userpic { margin-right: 0; margin-left: 15px; }

body.rtl-read .dropdown-menu, body.rtl-read .media-body { text-align: right; }

body.rtl-read .activity-block h5 { flex-flow: row-reverse; display: flex; }

body.rtl-read .alert-block, body.rtl-read .form-check { margin-top: 7px; margin-right: 0px; margin-left: 10px; }

body.rtl-read .mr-2 { margin-right: 0 !important; margin-left: 0.75rem !important; }

body.rtl-read .ml-2 { margin-left: 0 !important; margin-right: 0.75rem !important; }

body.rtl-read .userprofile { padding-left: 15px !important; padding-right: 50px !important; }

body.rtl-read .userprofile .userpic { left: auto; right: 0; }

body.rtl-read > .sidebar-left, body.rtl-read > .container > .sidebar-left { left: auto; right: 0; }

body.rtl-read > .sidebar-right, body.rtl-read > .container > .sidebar-right { right: auto; left: 0; }

body.rtl-read .wrapper-content { margin: 0 270px; }

body.rtl-read.menuclose-right .wrapper-content { margin-left: 0px; }

body.rtl-read.menuclose-right .sidebar-right { left: -280px; }

body.rtl-read.menuclose .wrapper-content { margin-right: 0px; }

body.rtl-read.menuclose .sidebar-left { right: -280px; }

body.rtl-read header .search-header button, body.rtl-read .search-block .search-block-form .btn { right: auto; left: 10px; }

body.rtl-read .form-control, body.rtl-read input { text-align: right; }

body.rtl-read .member-list .media .media-body, body.rtl-read .text-center { text-align: center; }

body.rtl-read .text-right { text-align: left !important; }

body.rtl-read .text-left { text-align: right !important; }

body.rtl-read .card .card-header .card-title small { float: left; margin-right: 10px; }

body.rtl-read #side-menu .nav-link { display: flex; flex: 100%; flex-direction: row-reverse; align-content: center; align-items: center; }

body.rtl-read #side-menu .nav-link i { margin: 0 5px; }

body.rtl-read #side-menu .nav-link i.left-icon { margin-right: 0; margin-left: 10px; }

body.rtl-read .input-group-addon:not(:last-child) { border-right: 1px solid rgba(200, 212, 249, 0.2); }

body.rtl-read .input-group-addon:not(:first-child) { border-right: 0 none; }

/* Layout css ends */
/* ====================================================================================================================*/
/* Customized flexislider css for Adminuz template start here */
/* ====================================================================================================================*/
/* jQuery FlexSlider v2.6.3 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */
/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav li, .flex-direction-nav li { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

.flexslider { padding: 0; margin: 15px 0; zoom: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); border: 0; position: relative; display: inline-block; width: 100%; }

.flexslider .slides { height: 1%; display: block; zoom: 1; background: rgba(0, 0, 0, 0.8); }

.flexslider .slides img { width: 100%; display: block; height: auto; -moz-user-select: none; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; background: rgba(0, 0, 0, 0.8); }

.flexslider .slides > li:first-child { display: block; }

.flexslider .slides :after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.flexslider :hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider :hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider :hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider .activity-block { margin: 0; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.no-js .flexslider .slides > li:first-child { display: block; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { position: absolute; right: 0; top: 0; height: 100%; text-align: right; padding: 10px 15px; background: transparent; background: -moz-linear-gradient(left, transparent 0%, rgba(37, 45, 71, 0.8) 30%, #222940 100%); background: -webkit-linear-gradient(left, transparent 0%, rgba(37, 45, 71, 0.8) 30%, #222940 100%); background: linear-gradient(to right, transparent 0%, rgba(37, 45, 71, 0.8) 30%, #222940 100%); color: white; width: 140px; }

.flex-direction-nav .progress-bar { background: rgba(26, 26, 26, 0); }

.flex-direction-nav a { text-decoration: none; display: inline-block; width: 40px; height: 40px; top: 40%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #91a8f3; color: #ffffff; text-shadow: none; font-size: 16px; text-align: center; vertical-align: middle; line-height: 40px; }

.flex-direction-nav a:before { display: inline-block; content: "\f104"; display: block; }

.flex-direction-nav a.flex-next:before { content: "\f105"; }

.flex-direction-nav li { display: inline-block; top: 42%; position: relative; }

.flex-direction-nav .flex-next { border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; }

.flex-direction-nav .flex-prev { border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; }

.flexslider:hover .flex-direction-nav .flex-disabled { cursor: default; z-index: -1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a :hover { opacity: 1; }

.flex-pauseplay a .flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-nav li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.flex-control-nav li a :hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.media a {color: #ffffff;}
.flex-control-nav li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; padding: 0; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img :hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
header .fa-JM {color: red; font-size: 32px; padding-top: 8px;}
.display-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; }
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }

/* =====================================================================*/
/* =================Customized flexislider css ends here=============== */
/* ====================================================================*/
/* ===============================================================*/
/* ============= Resposnive css starts ============= */
/* ===============================================================*/





@media screen and (max-width: 768px) { .form-signin1.side { max-width: 100%; padding: 50px 30px; }

  .display-1 { font-size: 4rem; }
  .display-2 { font-size: 3rem; }
  .display-3 { font-size: 2rem; }
  .display-4 { font-size: 2rem; }
  .display-5 { font-size: 1.5rem; }
  .comment-list { overflow-y: visible; height: auto !important; } 
    
    .navbar-brand{padding: 10px 15px 10px 5px; margin: -6px 0px -5px -10px;}
    .btn-link.menu-collapse{padding: 10px 11px 10px 10px; margin: -6px 7px -3px -2px;}
    
    span.JMREDsign {font-size: 24px;}
    span.JMBLUEsign {font-size: 24px;}
    span.JMOPERATORsign{font-size: 24px;}
    .signinLabelRWD{font-size:28px;}
}

@media screen and (max-width: 1400px) { .v-devider { display: none; }
  header .search-header input[type="text"] { min-width: 150px; }
  header .sidebar-right, header .sidebar-left { width: auto; }
  .wrapper-content { margin: 0 auto; }
  body.rtl-read .wrapper-content { margin: 0 auto; } }

@media screen and (max-width: 1279px) { .project-list { max-height: none; overflow-y: visible; }
  .fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
  .fc-toolbar { height: auto; margin-bottom: 0; } 
  .totalPaymentStatusBack{position:static; margin:auto auto auto 0px; opacity:1; visibility:visible;}

}

@media screen and (max-width: 1019px) { .temperature { display: none; }
  .navbar-nav, .navbar { flex-direction: row; }
  .userprofile { padding-left: 0.5rem !important; width: 40px; display: block; vertical-align: middle; }
  .btn span.text { display: none; }
  header .navbar-toggleable-md .navbar-nav .dropdown-menu { position: fixed; top: 60px; z-index: 8; left: 0; right: 0; margin: 0 auto; width: 90%; max-width: 280px; 
    }
  
  .project-list .media { height: 220px; }
  .wrapper-content { padding: 60px 0px 90px 0px; }
  .footer-content { height: auto; text-align: center; }
  .footer-content * { text-align: center !important; }
  .mailboxnav { margin-left: -200px; position: absolute; height: 100%; overflow-y: auto; z-index: 99; background: #252d47; }
  .mailboxnav.mailboxnavopen { margin-left: 0; }
  .profile-name { margin: 15px 0; text-align: center; }
  .customer-profile-cover .social-profile-pic, .social-profile-cover .social-profile-pic { margin: 0 auto; }
  .profile-name + div { text-align: center !important; }
  .customer-profile-cover { height: auto; }
  .profile-name + div h4 { font-size: 15px; }
  .profile-name + div h2 { font-size: 18px; }
  .userpic { position: relative; }
  .userprofile { padding-top: 0; }
  .message-container:before { display: none; } 
    
    #loggedAsInfo{display:block !important;}
    .tinyNavTabs li a{padding:8px !important; font-size:13px !important;}
    .panelNoMachines{font-size:26px !important;}
    .panelNoMachines img{max-width:26px !important;}
}
	
@media screen and (max-width: 768px) { .userpic { height: 26px; width: 26px; }
  
	body {  font-size: 0.8rem;}

	header > nav > button {display: none;}
	.tab-pane .tech {display: none;}
	.tab-pane .techsmall {display: block; font-size: 0.7rem;}
  .message-container { width: 240px; margin-left: -120px; }
  .message-container.box-links > div > .media { padding: 10px; }
  .message-container .message_userpic { width: 30px; height: 30px; }
  .page-title { padding-top: 20px; padding-bottom: 20px; }
  .page-title h3 { font-size: 20px; }
  .page-title p { font-size: 12px; }
  .page-title + div .btn { padding: 0.5rem; text-align: center; }
  .btn { padding: 0.25rem 0.5rem; }
	.showsmalllogo {margin-top: -5px; display: inline-block;}
	.showlogo {margin-top: 10px; display: none;}
  .post-options { padding: 0; }
  .btn i { margin: 0 2px !important; font-size: 20px; }
  .footer-content { line-height: 20px; padding: 10px 15px; }
  .container_wizard.wizard-thin .stepwizard .stepwizard-step a span.btn-round { height: 40px; line-height: 34px; width: 18px; font-size: 16px; }
  .container_wizard.wizard-box .stepwizard .stepwizard-step a p, .container_wizard.wizard-bordered .stepwizard .stepwizard-step a p, .container_wizard.wizard-thin .stepwizard .stepwizard-step a p { font-size: 12px; line-height: 18px; }
  .container_wizard.wizard-box .stepwizard .stepwizard-step a p small, .container_wizard.wizard-bordered .stepwizard .stepwizard-step a p small, .container_wizard.wizard-thin .stepwizard .stepwizard-step a p small { font-size: 10px; }
  .timeline_large > li > .timeline-panel { width: 90%; float: right; }
  .timeline_large > li > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }
  .timeline_large > li > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }
  .timeline_large > li .timeline-badge, .timeline_large:before { left: 3%; }
  .form-signin1 { padding: 40px; }
  
  .nav-tabs .nav-link { line-height: 20px; font-size: 14px; } 
  .alerts-container{backdrop-filter: none !important;}
}
/* VERY SMALL SCREEN */
@media screen and (max-width: 346px) { 
    .wrapper-content { padding: 90px 0px 90px 0px; }
}
.form-control_sim{
  /* display: block; */

  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  line-height: 1;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* webkit custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }

/* Track */
::-webkit-scrollbar-track { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: #1e253a; }

/* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(183, 200, 255, 0.2); }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(183, 200, 255, 0.4); }




/*   -------------------- CUSTOM CSS ---------------------- */

.transparentBody{
    opacity:0.3;
    animation-name:dimming;
    -webkit-animation-name: dimming;
}

.btn-pink {
    color: #fff;
    background-color: #bb498d;
}
.btn-pink:hover {
    background-color: #944373;
}
.text-pink {
    color: #bb498d !important;
}
.bg-pink{
    background:#bb498d;
}
.bg-pink:hover{
    background:#944373;
}
.btn-purple {
    color: #fff;
    background-color: #ac7df5;
}
.btn-purple:hover {
    background-color: #9367d6;
}
.text-purple{
    color:#ac7df5 !important;
}
.bg-purple{
    background:#ac7df5;
}
.bg-purple:hover {
    background-color: #9367d6;
}
.btn-candy {
    color: #fff;
    background-color: #e682be;
}
.btn-candy:hover {
    background-color: #d86dad;
}
.text-candy{
    color:#e682be  !important;
}
.bg-candy{
    background:#e682be;
}
.bg-candy:hover {
    background-color: #d86dad;
}
.currencyColor{
    color:#ac7df5 !important;
}
.currencyColor.TKN{
    color: #bb498d !important;
}
.currencyColor.EUR{
    color: #22bfed !important;
}
.currencyColor.PLN{
    color: #e682be !important;
}

/* CUSTOM TOOLTIP */

.customTooltip:hover {
    position: relative
}
.customTooltip span {
    display: none
}
.customTooltip:hover span {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 5px 2px 5px;
    margin: 10px;
    width: auto; 
    white-space: nowrap;
    z-index: 100;
    opacity: 0.7;
    border-radius:3px;
    background: #181d2d;
    border: #1d2334 1px solid;
    font-size: 12px;
    display: block;
}


/* MINI BUTTONS ALERTS-NOTIFICATION */
.btn-mini-warning{
    padding: 4px;
    margin-top: -2px;
    font-size: 10px;
    background: #fff;
    color: #f0ad4e;
} 
.btn-mini-danger{
    padding: 4px;
    margin-top: -2px;
    font-size: 10px;
    background: #fff;
    color: #ff6262;
}
.btn-mini-success{
    padding: 4px;
    margin-top: -2px;
    font-size: 10px;
    background: #fff;
    color: #15d4be;
}

/* PRELOADER */
.blured::before{
    width:100%;
    height:100%;
    display:block;
}
.blured{
    filter: grayscale(0.8);
    opacity:0.3 !important;
    -webkit-animation-name: dimming !important;
    animation-name: dimming !important;
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
}
#preloader.initPreloader{
    background: #20263e;
    background: -moz-radial-gradient(center, ellipse cover, #222940 0%, #10141f 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #222940 0%, #10141f 100%);
    background: radial-gradient(ellipse at center, #222940 0%, #10141f 100%);
}
#preloader .preloader-orbit{
    position:absolute;
    margin:auto auto auto auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:60px;
    height:60px;
    background:url('../img/preloaderOrbit.gif')no-repeat;
    background-size: 60px 60px;
}
.jm-font{
    font-family: Conv_sofachrome rg it;
    font-size: small;
}

.form-control:disabled, .form-control[readonly] {color: #9e9e9e !important;}
.form-control.py-select {padding-top: 0px !important; padding-bottom: 0px !important;}

header .navbar .navbar-brand .showlogo{margin-top: 4px;}
header .navbar .lang-nav-item img{width: 25px;}
header .navbar .lang-nav-item .quick-block img{vertical-align: unset;}

header.navbar-fixed2 {-webkit-box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.3);}
header.navbar-fixed2 span.bottom-menu-text {display: block; margin-top: 10px; font-size: 0.7rem; width: auto; word-wrap: break-word; white-space: normal;}
header.navbar-fixed2 .navbar {padding: 0px;}
header.navbar-fixed2 .navbar ul{margin: auto;}

.machine-block .media-body img {width: 60%; max-width: 80px;}
.machine-block .bg-icon { margin: auto; font-size: 16px; height: 90px; width: 95%; position: absolute; z-index: 0; top: 0px; bottom:0; left: 0; opacity: 0.2; padding: 0 15px; }
.machine-block .bg-icon.machineImage {height: 140px;}
.machine-block .bg-icon.bg-icon-pink { height: 170px; opacity: 0.8; font-size: 12px; color: #f39ed0;}
.machine-block .bg-type { margin: auto; font-size: 16px; height: 20px; width: 100%; position: absolute; z-index: 0; top: 5px; left: 0; opacity: 0.4; padding: 0 15px; font-size: 12px; color: #f39ed0; }
.machine-block .media-body h2 {margin-bottom:1.5rem; font-size: 1.20rem; clear: both;}
.machine-block .media-body h3 {font-size: 0.9rem;}
.machine-block .media-body h4 {font-size: 1rem;}

.member-list .media.machine-block-unactive{
    background: -moz-linear-gradient(to right, #585858 0%, #4e4e4e 30%, #292929 100%);
    background: -webkit-linear-gradient(to right, #585858 0%, #4e4e4e 30%, #292929 100%);
    background: linear-gradient(to right, #585858 0%, #4e4e4e 30%, #292929 100%);
}
.member-list .media.machine-block-awaiting{
    opacity: 0.3;
}

.member-list .media.machine-block-unactive:hover{
    background: #e36481;
    background: -moz-linear-gradient(left, #2ec7cb 0%, #292929 100%);
    background: -webkit-linear-gradient(left, #e36481 0%, #292929 100%);
    background: linear-gradient(to right, #e36481 0%, #292929 100%);
}

.cashSummary {margin:10px -13px auto -13px; padding: 12px 0px 10px 0px; background: #2f3856;}
.cashSummary span{line-height: 1.2;}
.cashSummary .fs-4 {font-size: 14px !important;}
.cashSummary .fs-2 {font-size: 16px !important;}
.cashSummary table{margin:auto auto auto auto;}
.cashSummary table tr td{padding:0px 5px 0px 5px;}
.cashSummary table tr td:first-child{text-align:right;}
.cashSummary table tr td:last-child{text-align:left;}


.machine-img img {max-width: 100%;}
table td .activeMachine{color: #10a694; }
table td .unactiveMachine{color: #ff2f2f; }
    
.raports-block input {margin: auto; width:90%; max-width: 250px; display:inline-block;}
.raports-block select {margin-left: auto !important; margin-right: auto !important; width:90%; max-width: 250px;}

.form-center input, .form-center select {margin: auto; width:90%; max-width: 250px;}
.form-center small {margin: auto;}

table.table td.label-right label{float: right;padding: 0px 15px 0px 0px; margin: 0px;
}
.custom-checkbox .machine-check-image {width:25px; height:25px; border-radius:0px; margin-top:-3px;}
.custom-checkbox .custom-machine-list {margin-top: -5px;}
.custom-checkbox .custom-machine-list b {font-size: 1.2rem; padding: 0px 5px 0px 15px;}
form#editActiveCurrencies .custom-control {width: 26%;}


.customDataTableHeader .dataTables_filter{float: right;}

ul.alerts-notification {float: right; display: block;}
ul.alerts-notification li{float: left; width: 45px;}
ul.alerts-notification li .dropdown-menu{position: fixed; top: 150px; z-index: 8; left: 0; right: 0; margin: 0 auto; width: 90%; max-width: 500px; }
ul.alerts-notification li .dropdown-menu .media { padding: 10px !important; }

.mw-date{
    min-width: 110px;
}
.profitsFragmentationValue, .profitsFragmentationValueSubaccount{
    margin:auto auto auto auto;
    font-size:18px;
    font-weight: bold;
    text-align: center;
    display:block;
}
.nominal-zloty{
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 0.5 !important;
}
.nominal-zloty small{
    font-size: 10px !important;
    font-weight: normal !important;
}
.currencySelector{
    margin: 11px 5px auto 5px;
    padding: 0px;
    width: 30px;
    height: 30px;
    font-size: 14px !important;
    font-weight: bold;   
    border: solid 2px #ffffff;
    border-radius: 100% !important;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}
.currencySelectorNav .currencySelector{
    border:solid 2px #c8d4f9;
}
.currencySelectorNav .currencySelector:hover{
    border:solid 2px #ffffff;
}
.currencySelector-fa{
    margin:auto !important;
    line-height:40px;
}
.currencySelector-fa::before{
    margin:-3px auto auto auto;
    display:block;
}

small.locationPanelBlock{
    position: absolute; bottom: 10px; left:0; right:0; font-size: 13px; opacity: 0.9; text-transform: uppercase;
}
small.locationPanelBlock aside{
    letter-spacing: 1px;
    font-weight: lighter;
}
small.pusherLocationPanelBlock{
    font-size: 10px;
}
small.pusherLocationPanelBlock b{
    font-weight: 800;
    letter-spacing: 0px;
}
small.pusherLocationPanelBlock i{
    font-size: 10px;
}
aside.lastSettlementDate{
    margin:auto auto auto auto;
    color:#23ada3;
    display:inline;
}

.custom-date{
    width: auto;
    font-size: 10px;
    min-height: 32px;
}
.fragmentationBlock{
    display: inline-block;
    width: 30%;
}
.shareBlock{
    display: inline-block;
    width: 20%;
    vertical-align:top;
}
.shareBlockTotal{
    display: inline-block;
    width: 30%;
    vertical-align:top;
}
.subaccountFragmentation{
    border: solid 1px #6776a7;
    border-radius: 5px;
}
.subaccountFragmentation .profitsFragmentationValue{
    font-size: 16px;
}
.workersMachineList{
    background: #2f3856;
    padding: 10px;
    font-weight: bolder;
}
.invoicesActionSeparate{display: inline;}
.invoicesActionGroup {display: none;}

.archiveSaleDate{display: block;}
.archiveFullDate{display: none;}
#dataTables-machineArchive .group {background: #2a365a;}
.dataTablesArchiveDevices .group {background: #3b4979;}
.dataTablesArchiveDevices tr.archiveDevice {background: #3e414a;}
.workersListEmail{display: none;}

.userCollapseRow{
    background: #36426f !important;
}
.userInOutMonthSummary{
    width: auto;
    border: solid 1px #7f71f5;
    border-radius: 7px;
    padding: 6px 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.userInOutMonthSummaryOverdue{
    border: solid 1px #ff6262 ;
}
.userInOutMonthSummaryProfit{
    border: solid 1px #f0ad4e;
    padding: 4px 10px;
    height: 48px;
}
.userInOutMonthSummaryProfit div{
    line-height: 1.3;
}
.userInOutMonthSummary i{
    font-style: normal;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff !important;
    display: block;
}
.userInOutMonthSummary b{
    font-size: 18px;
    line-height: 18px;
}
.userInOutMonthSummary.userInOutMonthSummaryProfit i{
    font-style: normal;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
    color: inherit !important;
    display: inline;
}
.archiveCustomType{
    font-weight: 800;
    font-size: 10px;
    display: none;
}
.archiveCustomType.archiveCustomTypeHigh{
    display: block;
}
.RWDShow{display:none;}

@media screen and (max-width: 400px) { 
    .wifiStationNameMobileView { display: block !important;}
    .wifiStationNameDesktopView { display: none !important;}
}
@media screen and (max-width: 480px) { 
    .cloudNotification{width:320px !important;}
    .cloudNotification span{width:250px !important;}
    .archiveCustomTypeLow{display: block;}
    .portSettingsRWD{float:none !important; width:100% !important; margin-left:0 !important;}
}
@media screen and (max-width: 480px) { 
    .settlementRWDHide {display: none;}
    .RWDShow{display:block;}
    #announcement .announcementArea .announcementTitle {width: 90% !important; font-size: 18px !important;}
    .malfunctionsLoadButton {float:left !important; margin-top: 10px;}
    .dynamicMachineAlertsTriggers {overflow: hidden;}
}
@media screen and (max-width: 576px) { 
    .machine-img img {max-width: 70%;}
    .mpt-1{
        margin-top: 10px !important;
    }
    .workersListEmail{display: inline;}
    .archiveCustomTypeMedium{display: block;}
}
@media screen and (min-width: 576px) { 
    .machine-img img {max-width: 50%;}
}
@media screen and (max-width: 768px) { 
    #viewTypeBox, #sortMachinesImbedded {float:none !important; margin:0px auto auto auto !important;}
    #pusherCoinLegend{display:block !important;}
    #customizeMachinesArea{overflow: hidden; display: table;}
    .cashSummary{margin: 4px -13px auto -13px;}
    .raports-block table.tableSmallerHeader th{ font-size: 0.6rem;}
    header.navbar-fixed2 span.bottom-menu-text {margin-top: 3px; width: auto; font-size: 0.6rem;}
    header.navbar-fixed2 ul li a.btn {padding: 0.25rem 0.3rem !important;}
    header.navbar-fixed2 img {width: 20px;}
    header.navbar-fixed2 .navbar ul{margin: auto;}
    .btn-smaller {font-size: 12px;}
    .clear-left-sm {clear:left;}
    .custom-date{width: 80%;}
    #logsPDF {margin-top: 5px !important;}
    .mpx-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mpx-1{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .mpx-2{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mpy-0{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mpy-1{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #simpleCart .quantity{float:left;}
    #simpleCart .dropdown-item .fa{float: right;}
    
    .d-block-sm{display: block;}
    #swipebox-slider .slide img {min-width: 90%;}
    .navAlertIcon{margin-right: 6px !important;}
    
    .archiveSaleDate{display: none;}
    .archiveFullDate{display: block;}

    .card .card-header .card-title{font-size:16px;}
    
} 

@media screen and (max-width: 1020px) { 
    .payments-paymentsPanelLeft{width:100% !important;}
    .payments-paymentsPanelRight{width:100% !important;}
    form#editAlertsConfig .custom-control {width: 100%;}
    form#editPushConfig .custom-control {width: 100%;}
    .invoicesActionSeparate{display: none;}
    .invoicesActionGroup {display: inline;}
}

@media screen and (max-width: 1150px) { 
    ul.alerts-notification li .message-container:before {display:none;}
}

@media screen and (max-width: 1250px) { 
    .machineAdditionalButtons {display: none;}
}
@media screen and (min-width: 1250px) { 
    table#machineDetails tr.mobileBarButtons{display: none;}
    .machine-img img {max-width:90%;}
}

@media screen and (min-width: 0px) {
    .machineAdditionalButtons{margin-top:-45px;}
    .currencySelector{margin: 6px 5px auto 5px; width: 30px; height: 30px; line-height: 20px; font-size: 13px !important;}
    .currencySelector-fa{margin:auto !important;line-height:32px; font-size: 13px !important;}
    #machineInfoHR{display:none;}
    .settlementIcon{margin-right: -7px !important; padding-right: 15px;}
}
@media screen and (min-width: 768px){
    .fragmentationBlock{ width: 25%; }
    
}
@media screen and (min-width: 1020px) {
    .fragmentationBlock{ width: 20%; }
    .machineAdditionalButtons{margin-top:auto;}
    .currencySelector{margin: 11px 5px auto 5px; width: 30px; height: 30px; line-height: 20px; font-size: 13px !important;}
    .currencySelector-fa{margin:auto !important;line-height:40px font-size: 13px !important;}
    #machineInfoHR{display:block;}
    .settlementIcon{margin-right: -12px !important; padding-right: 17px;}
    form#editAlertsConfig .custom-control {width: 45%;}
    form#editPushConfig .custom-control {width: 45%;}
}

/* RANGE SLIDER */
input[type=range] {
    margin: auto auto 10px auto;
    width: 100%;
    border:none !important;
    -webkit-appearance: none;
    appearance: none;
}
input[type=range]:disabled{
    background: none;   
}
input[type=range]:disabled::-webkit-slider-runnable-track{
    background: linear-gradient(to right, #ffffff 0%, #666666 100%);    
}
input[type=range]:disabled::-webkit-slider-thumb{
    background: #ffffff;   
}
input[type=range]:focus {
    outline: none;
    background:none;
    border:none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    -webkit-transition: linear 1s;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
}
input[type=range]::-webkit-slider-thumb {
    height: 40px;
    width: 60px;
    background: #c8d4f9;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
}
input[type=range]:disabled::-moz-range-track{
    background: linear-gradient(to right, #ffffff 0%, #666666 100%);    
}
input[type=range]:disabled::-moz-range-thumb{
    background: #ffffff;   
}
input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 40px;
    background: #c8d4f9;
    border-radius:0px !important;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    margin-top: -3.6px;
}
input[type=range]::-moz-range-track {
    height: 10px;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 1s;
  background: transparent;
  border-color: transparent;
  border-width: none;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
    height: 10px;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
    border: none;
    border-radius: 0x;
}
input[type=range]::-ms-fill-upper {
    height: 10px;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
    border: none;
    border-radius: 0px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 40px;
    border-radius: 0px;
    background: #c8d4f9;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    height: 10px;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
}
input[type=range]:focus::-ms-fill-upper {
    height: 10px;
    background: linear-gradient(to right, #2ec7cb 0%, #6c8bef 100%);
}
/* MACHINE ONLINE STATUS */
.machineOnlineStatus{
    margin:auto 10px auto auto;
    width:8px;
    height:8px;
    background:#ffffff;
    border-radius:100%;
    display: inline-block;
}
.machineOnlineStatus-online{
    background:#05ef83;
}
.machineOnlineStatus-medium{
    background:#f0ad4e;
}
.machineOnlineStatus-offline{
    background:#ff0000;
}
/* MACHINE CUSTOM NUMBER MARK */
#customMachineNumberMark{
    width:100%;
    height:auto;
    clear:both;
    text-align:left;
    font-size:40px;
    color:#c5d3ff;
    text-align:center;
}
#customMachineNumberMark small{
    width:100%;
    height:auto;
    clear:both;   
    font-size:16px;
    display:block;
    text-transform: uppercase;
    opacity:0.4;
}
#customMachineNumberMark aside{
    font-size:14px;
    color:#15d4be;
    text-transform: uppercase;
}
.machineSubmenu{
    z-index:8 !important;
}
.machineSubmenu .bottom-menu-text{
    
}
.machineSubmenu .bottom-menu-text:hover{
   
}
.centering{
    margin:10px auto auto auto;
    width:auto;
    display:table;
    overflow:hidden;
}
.machineDetailView .btn{
    width:100% !important;
    max-width:120px;
}
.text-green{
    color:#05ef83;
}
.nowrapMachineNumber, .nowrap{
    white-space: nowrap;
}
/* ROZLICZENIE */
.settlementIndicator{
    position:absolute;
    top:8px;
    right:8px;
    width:6px;
    height:6px;
    border-radius:100%;
    background:#ffffff;
}
.settlementIndicator.settlementIndicatorActive{
    background:#05ef83;
}
.settlementIndicator.settlementIndicatorInactive{
    background:#ff0000;
}
.settlementIcon{
    margin-right: -10px;
}
.settlementInitButton{
    margin:50px auto 40px auto;
    width:200px;
    height:200px;
    border-radius:100%;
    background:#626e9a;
    border:solid 9px #8894c1;
    color:#ffffff;
    font-weight:bold;
    font-size:22px;
    display:block;
    outline:none !important;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1); 
}
.settlementInitButton:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    cursor:pointer;
}
.settlementInitButton img{
    margin:15px auto auto auto;
    width:auto;
    height:30px;
    display:block;
}
.settlementStatusBar{
    margin:20px auto auto auto;
    width:auto;
    height:auto;
    text-align:center;
    font-size:22px;
}
.settlementNotActive{
    padding:5px 15px 5px 15px;
    background:#ff6262;
    color:#ffffff;   
}
.settlementActive{
    padding:5px 15px 5px 15px;
    background:#04904f;
    color:#ffffff;   
}
.c-pointer{
    cursor:pointer !important;
}
.o-hidden{
    overflow:hidden !important;
}
.o-visible{
    overflow:visible !important;
}
#sortMachines, #sortMachinesImbedded, #changeView{
    margin:0.75rem auto 0.75rem auto;
    padding-right:40px;
    height:35px;
    font-size:10px;
    background:url("../img/select.svg")90% 50% no-repeat, #2f3856;
    background-size:16px 16px;
    border:solid 1px #364780;
    color:#ffffff;
    display:block;
}
#sortMachines option, #sortMachinesImbedded option, #changeView option{
    color:#ffffff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:12px;
}
#sortMachines option:disabled, #sortMachinesImbedded option:disabled, #changeView option:disabled{
    color:#06cde9;
}
#sortMachines.onefoldSelect, #sortMachinesImbedded.onefoldSelect, #changeView.onefoldSelect{
    margin: 15px auto auto auto !important;   
}
#customizeMachinesArea{
    margin:auto auto auto auto;
}
#dataTables-workersLogs_wrapper .dataTables_length{
    float: left;
}
.fa-bell-o{
    font-size:20px;
}
/* CLOUD NOTIFICATION */
.cloudNotification{
    position:absolute;
    margin:auto auto auto auto;
    bottom:20px;
    right:20px;
    padding:10px 20px 10px 20px;
    width:400px;
    height:auto;
    min-height:60px;
    background:#666666;
    border:solid 1px #666666;
    font-size:14px;
    color:#ffffff;
    z-index:9999;
    display:none;
}
.cloudNotification span{
    float:right;
    width:330px;
}
.cloudNotification-success{
    background: #53bf66;
    border:solid 1px #00d874;
}
.cloudNotification-warning{
    background: #ec971f;
    border:solid 1px #ff9500;
    color:#000000;
    font-size:24pt;
}
.cloudNotification-danger{
    background: #ff6262;
    border:solid 1px #ff3b3b;
    font-size:24pt;
}
/* PŁATNOŚCI */
.payments-paymentsPanelLeft{
    margin:30px auto auto 0px;
    float:left;
    width:35%;
    background:#545d7b;
    overflow:hidden;
}
.payments-paymentsPanelRight{
    float:right;
    width:65%;
    overflow:hidden;
}
.payments-paymentsBalanceHeader{
    padding:40px 0px 0px 0px;
    font-size:16px;
    text-align:center;
}
.payments-paymentsBalance{
    margin:20px auto 10px auto;
    padding:10px 15px 10px 15px;
    font-size:28px;
    text-align:center;
    display:table;
}
.payments-paymentsBalance.accountBalanceLoader{
    background:url("../img/preloaderOrbit.gif")no-repeat 50% 50%;
    background-size:26px 26px;
}
.payments-paymentsBalance strong{
    opacity:1;
    -webkit-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition: all .5s cubic-bezier(0, 0, 0, 1);
    transition: all .5s cubic-bezier(0, 0, 0, 1) !important;
}
.payments-paymentsBalance strong.accountBalanceHidden{
    opacity:0;
}
.payments-paymentsCaption{
    font-size:14px;
    color:#aacce0;
}
.payments-paymentsActiveMachines{
    padding:20px 20px 20px 20px;
    width:100%;
    height:auto;
    text-align:center;
    font-size:16px;
    background:#354371;
}
.payments-paymentsStatus .statusLoader{
    background:url("../img/preloaderOrbit.gif")no-repeat 50% 50%;
    background-size:40px 40px;
    height: 40px;
}
.payments-paymentsStatus .statusInfo{
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
form#editFreeMonths .custom-control{width:29%;}

/* DEV STYLES */
.navbarDev{
    background: #7a79fe !important; 
    background: -moz-linear-gradient(left, #252d47 0%, #a758f5 40%, #252d47 100%) !important; 
    background: -webkit-linear-gradient(left, #252d47 0%, #a758f5 40%, #252d47 100%) !important; 
    background: linear-gradient(to right, #252d47 0%, #a758f5 40%, #252d47 100%) !important;
}
.navbarWifi{
    background: #3774b3 !important; 
    background: -moz-linear-gradient(left, #252d47 0%, #3774b3  40%, #252d47 100%) !important; 
    background: -webkit-linear-gradient(left, #252d47 0%, #3774b3  40%, #252d47 100%) !important; 
    background: linear-gradient(to right, #252d47 0%, #3774b3  40%, #252d47 100%) !important;
}
/* SUSPENSION STYLES */
.accountSuspensionBar{background:#ff6262 !important;}
.accountSuspensionJ, .accountSuspensionM{color:#ffffff !important;}
.servicePartImage{
    position: relative;
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff;
}
.servicePartImage span{
    position: absolute;
    margin: auto;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    width: 32px;
    height: 32px;
    display: block;
}
/* DEMO STYLES */
.navbarDemo{
    background: #2dc1c9 !important;
    background: -moz-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%) !important;
    background: -webkit-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%) !important;
    background: linear-gradient(to right, #2dc1c9 0%, #2194c1 30%, #252d47 100% !important);
}
.navbarDemoJ, .navbarDemoM{color:#ffffff !important;}
.navbarDemoVer{color:#405ae2 !important;}



#simpleCart .dropdown-item{
    width: auto;
    border-top: solid 1px #e0e0e0 !important;
    overflow: hidden;
}
#simpleCart .dropdown-item:hover{
    background: none;
    color: #000000 !important;
    cursor: auto;
}
#simpleCart .servicePartCartItem{
    width: auto;
    display: inline-block;
}
#simpleCart .dropdown-item .fa{
    margin-top:3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
#simpleCart .servicePartImageCart{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
}
#simpleCart .quantity{
    width: 65px;
    display: inline-block;
    vertical-align: top;
}
#simpleCart .quantity .input-group .input-group-addon{
    height: 10px;
    padding: 5px 5px 10px;
    color: #fff;    
}
#simpleCart .quantity .input-group input[type='text']{
    width: 10px;
    padding: 0px;
    font-size: 11px;
    color: #000;
    font-weight: 900;   
}
#simpleCart .servicePartNameCart{
    display: inline-block;
    overflow: hidden;
}
#simpleCart .dropdown-menu{
    min-width:290px !important;
}
.servicePartName{
    display: block;
    overflow: hidden;
}



.alerts-container{
    /* background: #1e253a; */
    color: #ffffff;
    background:rgba(37, 45, 71, 0.7) !important;
    backdrop-filter: blur(5px);
}
.alerts-container .dynamicTabNavAlerts {
    text-align: center;
    height:46px;
}
.alerts-container .dynamicTabNavAlerts .nav-item{
    margin: auto;
    display: inline-block;
    width: 32%;
}
.alerts-container .dynamicTabNavAlerts .nav-link{
    background: none;
}
.alerts-container .dynamicTabNavAlerts .active{
    background: none;
}

.alerts-container .dynamicTabNavAlerts .bellBadge{
    position: relative;
    webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important;
}
.alerts-container .dynamicTabNavAlerts .bellBadge .badge-number{
    top: -3px;
    right: -7px;
}
.alerts-container .dynamicTabNavAlerts .bellBadge .badge-number::after{
    top: -1px;
    right: -3.5px;
}
.alerts-container .dynamicTabNavAlerts .active .bellBadge.text-warning{
    background: red;
    padding: 5px;
    border-radius: 100%;
    color:#fff !important;
    background: #f0ad4e !important;
}
.alerts-container .dynamicTabNavAlerts .active .bellBadge.text-danger{
    background: red;
    padding: 5px;
    border-radius: 100%;
    color:#fff !important;
    background: #ff6262 !important;
}
.alerts-container .dynamicTabNavAlerts .active .bellBadge.text-success{
    background: red;
    padding: 5px;
    border-radius: 100%;
    color:#fff !important;
    background: #15d4be !important;
}
.alerts-container.message-container .media{
    flex-wrap: wrap;
}
.alerts-container #dangerAlert .media:hover, .alerts-container #dangerAlert .media.active{ 
    background: #e36481 ; background: -moz-linear-gradient(left, #e36481 0%, #252d47 100%); background: -webkit-linear-gradient(left, #e36481  0%, #252d47 100%); background: linear-gradient(to right, #e36481  0%, #252d47 100%); color: white;
}
.alerts-container #warningAlert .media:hover, .alerts-container #warningAlert .media.active{ 
    background: #eaa038; 
    background: -moz-linear-gradient(left, #eaa038 0%, #252d47 100%); 
    background: -webkit-linear-gradient(left, #eaa038  0%, #252d47 100%); 
    background: linear-gradient(to right, #eaa038  0%, #252d47 100%); 
    color: white;
}
.alerts-container #infoAlert .media:hover, .alerts-container #infoAlert .media.active{
    background: #18cab5 ; 
    background: -moz-linear-gradient(left, #18cab5 0%, #252d47 100%); 
    background: -webkit-linear-gradient(left, #18cab5  0%, #252d47 100%); 
    background: linear-gradient(to right, #18cab5  0%, #252d47 100%); 
    color: white;
}
.alerts-container.message-container .media.marked .media-body{
    opacity:0.4; 
    webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important
}
.alerts-container.message-container .media.marked .alert-block{
    opacity:0.4; 
    webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important
}
.alerts-container.message-container .alert-additional{
    padding-top: 10px;
    width: 100%;
    display: none;
} 
.alerts-container.message-container .alert-additional span{
    font-size: 14px; 
    padding-top: 5px;
} 
.alerts-container.message-container .alert-additional .alert-date{
    color: #e4e4e4;
    padding: 10px 0px 0px 45px;
    font-size: 12px;
} 
.alerts-container.message-container .alert-additional .alert-action{
    float: right;
    line-height: 1.0;
    border-radius: 15px;
    padding: 2px 10px 5px;
    margin: 5px;
    font-size: 11px;
}
.alerts-container.message-container .alert-additional .alert-action small{
    font-size: 11px;
} 
.alerts-container.message-container .media-body{
    color: #ffffff !important;
    font-size: 12px;
}
.alerts-container div{
    max-height: 500px !important;
}
.alerts-container .list-unstyled{
    max-height: 400px !important;
}
.alerts-container div .media{
    border-bottom: solid 1px #252d47 !important;
}
.monthPicker .ui-datepicker-calendar{
    display: none;
}
.max60p {width: 60% !important;}
.max40p {width: 40% !important;}
.dataTablePreloader{
    position: absolute;
    width: 100%;
    height: 150px;
    background:url("../img/preloaderOrbit.gif")no-repeat 50% 50%;
    background-size:40px 40px;
}
#dataTables-seller-sales_filter{
    width:100%;
}
.sellerHeaderH{
    font-size:1.1rem !important;
}
table.table tr{-webkit-transition: all .5s cubic-bezier(0, 0, 0, 1); -moz-transition: all .5s cubic-bezier(0, 0, 0, 1); -o-transition: all .5s cubic-bezier(0, 0, 0, 1); -ms-transition: all .5s cubic-bezier(0, 0, 0, 1); transition: all .5s cubic-bezier(0, 0, 0, 1) !important;}
table.table tr:hover{background:#485990;}
table.table tr:hover td{ color:#ffffff !important;}

.dataTablesLoader{
    width:100%;
    height:auto;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
.dataTablesLoader.loading{
    opacity:0 !important;
    height:0 !important;
    overflow:hidden;
}
.dataTablesPreloader, .deviceCorrectionPreloader{
    width: 100%;
    height: 150px;
    background:url("../img/preloaderOrbit.gif")no-repeat 50% 50%;
    background-size:40px 40px;
}
.ajaxModule-devicesAccessCorrection a {
    color: #fff !important;
}

/* */
.totalPaymentStatusArea{
    position:relative;
}
.totalPaymentStatusSide{
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1); 
}
.totalPaymentStatusBack{
    position:absolute;
    margin:auto auto auto auto;
    top:0;
    bottom:0;
    opacity:0;
    visibility:hidden;
    display:table;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
@media screen and (max-width: 1279px) {.totalPaymentStatusBack{position:static; margin:10px auto auto 0px; opacity:1; visibility:visible;}}
.totalPaymentStatusArea:hover > .totalPaymentStatusSide{
    opacity:0;
    visibility:hidden;
}
.totalPaymentStatusArea:hover > .totalPaymentStatusBack{
    opacity:1;
    visibility:visible;
}
.activity-block.machineLocked{
    background: #ff6262;
    background: -moz-linear-gradient(left, #ff6262 0%, #de4f4f 30%, #712828 100%);
    background: -webkit-linear-gradient(left, #ff6262 0%, #de4f4f 30%, #712828 100%); 
    background: linear-gradient(to right, #ff6262 0%, #de4f4f 30%, #712828 100%;);
}
.activity-block.machineTransport{
    background: #ffba00;
    background: -moz-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%);
    background: -webkit-linear-gradient(left, #ffba00 0%, #fc9244 30%, #252d47 100%);
    background: linear-gradient(to right, #ffba00 0%, #fc9244 30%, #252d47 100%);
}
.activity-block.subaccountBlock{
    background: #7a79fe;
    background: -moz-linear-gradient(left, #d867aa 0%, #bb498d 30%, #342547 100%);
    background: -webkit-linear-gradient(left, #d867aa 0%, #bb498d 30%, #342547 100%);
    background: linear-gradient(to right, #d867aa 0%, #bb498d 30%, #342547 100%);
}
.activity-block.subaccountDeactivated{
    background: -moz-linear-gradient(left, #5f4654 0%, #563e4e 30%, #392d42 100%);
    background: -webkit-linear-gradient(left, #5f4654 0%, #563e4e 30%, #392d42 100%);
    background: linear-gradient(to right, #5f4654 0%, #563e4e 30%, #392d42 100%);
    opacity: 0.5;
}
.activity-block.arcadeStationBlock{
    background: #293767 !important; 
    background: -moz-linear-gradient(left, #293767 0%, #3774b3  50%, #252d47 100%) !important; 
    background: -webkit-linear-gradient(left, #293767 0%, #3774b3  50%, #252d47 100%) !important; 
    background: linear-gradient(to right, #293767 0%, #3774b3  50%, #252d47 100%) !important;
}
.activity-block .configSidebar{
    position:relative;
    float: right; 
    width: 15%; 
    height: 120px; 
    border-left: solid 1px #823a70; 
} 
.activity-block .configSidebar .configIcon{
    position:absolute; 
    margin-left:13px;
    top: 0; 
    right:0; 
    left:0; 
    cursor: pointer;
} 
.activity-block .configSidebar .visibilityIcon{
    position:absolute; 
    margin-left:13px;
    bottom: 0; 
    right:0; 
    left:0;  
    opacity: 0.5;
    cursor: pointer;
} 
.machineModes{
    position:absolute;
    top:0;
    right:0;
}
.machineModes ul{
    margin:7px;
    padding:0;
    width:auto;
    height:auto;
    text-align:center;
    list-style-type: none;
}
.machineModes ul li{
    margin:auto 3px 0px 0px;
    width:auto;
    height:auto;
    display:inline-block;
}
.machineModes .machineModes-freeplayMode{
    width:13px;
    height:13px;
    background:url("../img/freeplay.png")no-repeat;
    background-size:13px 13px;
}
.machineModes .machineModes-ticketsMode{
    width:13px;
    height:13px;
    background:url("../img/ticketMode.png")no-repeat;
    background-size:13px 13px;
}
.machineModes .machineModes-securityMode{
    width:20px;
    height:20px;
    background:url("../img/securityMode.png")no-repeat;
    background-size:20px 20px;
}
.ticketsCounterIcon{
    width:13px;
    height:13px;
    background:url("../img/ticketMode.png")no-repeat;
    background-size:13px 13px;
    display:inline-block;
}
.jackpotsCounterIcon{
    width:15px;
    height:15px;
    background:url("../img/jackpotMode.png")no-repeat;
    background-size:15px 15px;
    display:inline-block;
}
.loginServerSwitch, .backToRetailServer{
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:0;
}
.loginServerSwitch input,  .backToRetailServer input{
    margin:0;
    padding:5px 10px 5px 10px;
    width:auto;
    min-width:0px !important; 
    font-size:10px;
    font-weight:bold;
    cursor:pointer;
    outline:none !important; 
    border:none !important;
}
.loginServerSwitch input:first-child{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.loginServerSwitch input:nth-child(2){
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/* IN OUT STYLES */
.tile-infoInOut{
    padding:2px 0px 1px 0px;
    font-size:13px;
    font-weight:bold;
}
.tile-infoProfitShare{
    font-size:13px;
    font-weight:bold;
    line-height:13px;
}
.tile-infoSharePercantage{
    font-size:12px;
}
.tile-icons{
    padding:0px 2px 0px 2px;
    font-size:8px !important; 
    vertical-align:middle;
    opacity:0;
    width:1px
}
.tile-machineNumber{
    font-size:13px;
    opacity:0.5;
    text-align:center;
    color:#ffffff;
}
/* BRANCH FILTER STYLES */
.branchSwitch{
    padding: 15px 5px 10px 0px;
}
.branchSwitchNav{
    padding: 0.5em 1em;
    padding-top: 1px;
    font-size: 13px; 
    line-height: 24px;
    border-radius: 2px;
    border: none;
    background: #666666;
    background: -moz-linear-gradient(left, #666666 0%, #505050 100%);
    background: -webkit-linear-gradient(left, #666666 0%, #505050 100%);
    background: linear-gradient(to right, #666666 0%, #505050 100%);
    color:#ffffff !important;
    vertical-align: middle;
    display: inline-block;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1); 
}
.branchSwitchNav:hover{
    cursor:pointer;
}
.branchSwitchNav small{
    line-height: 5px;
    font-weight: bold;
}
.branchForeignActive{
    background: #bb498d;
    color:#ffffff;
}
.branchOwnActive{
    background: #7a79fe;
    color:#ffffff;
}
.branchTestActive{
    background: #3b53a0 !important; 
    color:#ffffff;
}
.branchesActiveSwitch:hover{
    color:#ffffff !important;
    cursor:pointer;
}
.branchFilterNotification{
    display:none;
}
#stationEdit .addNewWorker{
    display: none;
}
.tabReports .table td{
    padding: 0.75rem 0.5rem;
}
.stationCollectionNotActive{
    background:#4a4a4a !important;
}
.stationCollectionIdling{
    float:right;
    width:20px;
    height: 20px;
    background: url(../img/preloaderOrbit.gif)no-repeat 50% 50%;
    background-size: 20px 20px;
}

.bg-danger-o{background:#6d454c; vertical-align: middle !important;}
.bg-warning-o{background:#6d5945; vertical-align: middle !important;}
.bg-info-o{background:#2f5f82; vertical-align: middle !important;}

/* STEALTH MODE CSS */
#stealthModeSwitch{
    position: absolute !important;
    margin:auto auto auto auto;
    top: 73px;
    left:0;
    right: 0;
    background: #161c2b;
    border: solid 1px #325f93;
    border-radius: 10px;
    width: 170px;
    padding: 10px 0px 5px 10px;
    z-index: 9999;
}
#stealthModeSwitch .can-toggle__label-text{
    padding-left: 10px !important;
    font-size: 11px !important;
}
#stealthModeSwitch .can-toggle.demo-rebrand-2.small label .can-toggle__switch{
    height: 25px !important;
}
.can-toggle.demo-rebrand-2.small label .can-toggle__switch:before{
    line-height: 25px !important;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2.small label .can-toggle__switch:after{
    line-height: 21px !important;
}
.bottomMenuButton:hover{
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
#restrictedArea{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.interiorSingleAlert{
    position:relative;
    overflow:hidden;
}
.interiorSingleAlert .alert.marked{
    opacity:0.5;
}
.interiorSingleAlert:hover .interiorAlertsButtons{
    right:0;
    opacity:1;
}
.interiorAlertsButtons{
    position:absolute;
    padding:10px 20px 10px 60px;
    top:0;
    right:-100%;
    width:auto;
    height:100%;
    overflow:hidden;
    opacity:0;
    background:#464c61;
    border:solid 1px #4c5673;
    border-right:none;
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -ms-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
}
.interiorAlertsButtons .actionButton{
    float: right;
    line-height: 1.0;
    border-radius: 15px;
    padding: 2px 10px 5px;
    margin: 5px;
    font-size: 11px;
}
.interiorAlertsButtons .actionButton small{
    font-size: 11px;
}
.markAllAlertsMenu{
    margin-top: 5px !important;
    position: absolute !important;
    top:20px !important;
    right: 0 !important;
    margin-right: 0 !important;
    width:270px !important;
}
.fs-inherit{
    font-size:inherit !important;
}
.z-index-1{
    z-index: 1;
}
.z-index-2{
    z-index: 2;
}
.text-mint{
    color:#01f987;
}
.mb-c5{
    margin-bottom: 3.5rem !important;
}

/* PUSHER EXCHANGER */
.pusherExchangerTileArea{
    position:absolute !important;
    padding-left:inherit !important;
    padding-right:inherit !important;
    bottom:-45px;
    left:0;
    right:0;
    box-sizing:border-box;
    z-index:1;
}
.pusherExchangerTile{
    position:relative;
    padding-top:10px !important;
    height:50px;
    background:#244e6e !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}
.pusherExchangerTile:hover{
    transform: none;
}
.pusherExchangerTile.active:hover h3{
    transform: translateY(-30px); 
}
.pusherExchangerTile.active:hover h4{
    font-size: 1.2rem;
    transform: translateY(-10px); 
}
.pusherExchangerCondition.active:hover i{
    padding-right:5px;
    font-size:1rem;
    opacity:1;
}
.pusherExchangerProgressBarArea{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:inherit;
}
.pusherExchangerProgressBar{
    width:100%;
    height:50%;
    background: #4d91c5;
    /*background: -moz-linear-gradient(left, #58a3e6 0%, #157094 30%, #25325a 100%) !important;
    background: -webkit-linear-gradient(left, #58a3e6 0%, #157094 30%, #25325a 100%) !important;
    background: linear-gradient(to right, #58a3e6 0%, #157094 30%, #25325a 100%) !important; */
    opacity:0.8;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
.pusherExchangerProgressBar:nth-child(1){
    height:calc(50% + 2px);
}
.pusherExchangerProgressBar:nth-child(2){
    margin-top:1px;
    height:calc(50% - 2px);
}
.pusherExchangerCondition{
    position:relative;
    text-align:center;
    font-size: 0.9rem;
    z-index:3;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
.pusherExchangerCondition i{
    font-size:0.1rem;
    opacity:0;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
.pusherExchangerCondition h3{
    font-size: 0.84rem;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
/* VERY SMALL SCREEN */
@media screen and (max-width: 346px) { 
    .pusherExchangerCondition h3 {font-size: 0.6rem;}
}


.pusherExchangerCondition h4{
    margin-top:4px;
    font-size: 0.88rem;
    -webkit-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition:all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition:all .5s cubic-bezier(0, 0, 0, 1);
    transition:all .5s cubic-bezier(0, 0, 0, 1);
}
.exchanger-coinInfoArea{
    position:relative;
    float:right;
    width:80px;
    height:80px;
    border:solid 5px #ffffff;
    border-radius:100%;
    background:#454f6f;
    display:table;
}
.exchanger-coinInfoValue{
    font-size:32px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    line-height: 36px;
}
.exchanger-coinInfoISO{
    margin-top:-10px;
    font-size:13px;
    text-align:center;
}
.wrapper-content:not(.noAnimationWrapperContent){
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
table tr.even{
    background:#343f65;
}

#announcement{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    background: #28355f;
    z-index:8;
}
#announcement .announcementArea{
    position: relative;
    margin:100px 0 0 0;
    width: 100%;
    height: calc(100% - 100px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align: center;
    overflow-y:scroll;
}
#announcement .announcementArea img{
    margin-bottom: 20px;
    width: 60%;
    max-width: 220px;
}
#announcement .announcementArea .announcementTitle{
    width:75%;
    max-width: 800px;
    text-align: center;
    align-self: center;
    font-family: Conv_sofachrome rg it;
    font-size: 20px;
}
#announcement .announcementArea .announcementTitle small{
    color:#908adc;
}
#announcement .announcementArea .announcementContent{
    padding: 30px 0;
    width:75%;
    max-width: 800px;
    text-align: center;
    align-self: center;
    line-height:22px;
}
#announcement .announcementArea .announcementContent small{
    font-size:13px;
}
#announcement .announcementArea .announcementContent span{
    color: #afafaf; 
}
#announcement .announcementAltContent{
    color: #afafaf;   
}
#announcementReadForm{
    padding-bottom:15px;
}

.animatedBezier{
    -webkit-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(0, 0, 0, 1);
    -ms-transition: all .5s cubic-bezier(0, 0, 0, 1);
    transition: all .5s cubic-bezier(0, 0, 0, 1) !important;
}

.payoutDateForm input{
    width:90%;
    max-width: 250px;
    display: inline-block;
}

.rightTableHeaderLabel th{
    text-align: right !important;
    padding-right: 5px !important;
    padding-left: 30px !important;
}
.rightTableHeaderLabel th:before{
    left: 1em !important;
    right: auto !important;
}
.rightTableHeaderLabel th:after{
    left: 0.5em !important;
    right: auto !important;
}
.mainPayoutTable td, .summaryPayoutTable td{
    vertical-align: bottom;
}
.mainPayoutTable td:first-child, .mainPayoutTable td:last-child, .summaryPayoutTable td:first-child, .summaryPayoutTable td:last-child{
    vertical-align: middle;
}
.mainPayoutTable td small, .summaryPayoutTable td small{
    opacity: 0.6;
}
.mainPayoutTable td:first-child small, .mainPayoutTable td:last-child small, .summaryPayoutTable td:first-child small, .summaryPayoutTable td:last-child small{
    opacity: 1.0;
}

.modernNav{
    width:calc(100% + 50px);
    background: #27304c;
}
.modernNav .dropdown-item{
    color:#ffffff;
}

.modernNavbar{
    background: linear-gradient(90deg, rgb(45 56 95) 0%, rgb(31 38 60) 60%, rgb(255 0 82 / 86%) 100%) !important;
}
.overflow-visible{
    overflow: visible !important;
}

.canvasOverlay{
    position: relative;
    width: 100%;
    aspect-ratio: auto 800 / 600;
    margin-bottom: 5px;
    background: url(../img/preloaderOrbit.gif)no-repeat 50% 50%, #000;
    background-size: 40px 40px;
}
.canvasOverlay .canvas {
    display: block;
    width: 100%;
    z-index: 100;
}

#kioskActions table td{
    padding: 10px;
}
#kioskActions table td.shutterCell{
    text-align: right;
}
#kioskActions .shutterHeader{
    width: 100%;
    display: block;
    overflow: hidden;
}
#kioskActions .shutterHeader hr{
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
#kioskActions .shuterAllButtons{
    padding-left: 8px;
    display: inline-block;
    vertical-align: top;
}
#kioskActions .shutterButtons{
    width: 50px;
    display: inline-block;
    vertical-align: top;
}
#kioskActions .shutterButtons.shutterDescription{
    position: relative;
    text-align: left;
    float: left;
    width: auto;
}
#kioskActions .shutterButtons.shutterDescription .actionTitle{
    position: absolute;
    left:0;
    top:0;
    padding-top: 0;
}

#kioskActions .shutterButtons .toggleInfo{
    height:30px;
}
#kioskActions .kioskSection{
    display: block;
    clear:both;
    margin-bottom: 10px;
    text-align: center;
}
#kioskActions .kioskSectionHeader{
    padding-top: 3px;
}
#kioskActions .actionTitle{
    padding-top: 5px;
    float: left;
    font-size: 16px;
}
#kioskActions .shutterButtons .machineOnlineStatus{
    margin: auto;
}
#kioskActions .shutterHeader .machineOnlineStatus
{
    margin: 8px 0px 0px 5px;
}
#kioskActions .toggleInput{
    float: right;
}
#kioskActions button{
    width: 100px;
    margin-bottom: 10px;
}
#kioskActions .shutterButtons button{
    width: 45px;
}
#kioskActions input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}
  
#kioskActions label {
    cursor: pointer;
    text-indent: -9999px;
    width: 80px;
    height: 34px;
    background: #ff6262 ;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    box-shadow: inset 0 1px 1px 0px rgb(255 255 255 / 50%);
    margin-bottom: 0;
  }
  
#kioskActions label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 45px;
    transition: 0.3s;
}
  
#kioskActions input:checked + label {
    background: #15d4be;
}
#kioskActions input:disabled + label {
    background: grey;
}
  
#kioskActions input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
  }
  
#kioskActions label:active:after {
    width: 40px;
  }
  

@media screen and (max-width: 768px) {
    #kioskActions .shutterButtons{
        width: 40px;
    }
    #kioskActions .shutterButtons button{
        width: 34px;
    }
    .kioskCameraCard .card{
        margin-bottom: 5px;
    }
    .kioskActionsCard .card{
        margin-top: 0px;
    }
    .kioskActionsCard .card-block{
        padding: 0.8rem;
    }
    .kioskActionsCard .card-header{
        display: none;
    }
    .reportsPCvisible {
        display: none;
    }
}

.tile-background{
    background: #2dc1c9 !important;
    background: -moz-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%) !important;
    background: -webkit-linear-gradient(left, #2dc1c9 0%, #2194c1 30%, #252d47 100%) !important;
    background: linear-gradient(to right, #2dc1c9 0%, #2194c1 30%, #252d47 100%) !important;
}

.ov-x-scroll{
    overflow-x: scroll !important;
}


.tableLocationCollections td:nth-child(2), .tableLocationCollections th:nth-child(2), .tableLocationCollections td:nth-child(3), .tableLocationCollections th:nth-child(3),.tableLocationCollections td:last-child, .tableLocationCollections th:last-child {
    display: table-cell;
 }
 .tableLocationCollections .tableLocationCollections-earnings{
    text-align: center;
 }
 .tableLocationCollections .tableLocationCollections-earnings button {
    display: none; margin-top: 5px;
 }

 @media screen and (max-width: 768px) {
    .tableLocationCollections td:nth-child(2), .tableLocationCollections th:nth-child(2), .tableLocationCollections td:nth-child(3), .tableLocationCollections th:nth-child(3), .tableLocationCollections td:last-child, .tableLocationCollections th:last-child  { display: none; }
    .tableLocationCollections .tableLocationCollections-earnings{
        text-align: right;
     }
     .tableLocationCollections .tableLocationCollections-earnings button{display: block;}
 }

 #dataTables-wifiSensors_wrapper table{
    overflow-x:scroll;
    min-width: 600px;
 }



 .dataTablesLoader .hiddenRow{
    display: none;
 }
 .dataTablesLoader .visibleColumn{
    display: block !important;
 }
.gridMachineTypes{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.exchangerText{
    font-size: 70%;
}

#getEvents a{
    font-family: sans-serif;
}

.transferStatus-tileLabel{
    font-size: 11px;
    display: block;
}

.altDisStyle:disabled,
.altDisStyle[disabled]{
    background: #999;
}

.ticketsArea,.rewardsArea,.separatorArea{
    display: inline-block;
}
.separatorArea{
    padding-left: 5px;
    padding-right: 5px;
    opacity:0.5;
}