@charset "utf-8";

/*
------------------------------------------------------------
Project Name : Template Editor Application ;
------------------------------------------------------------
*/
/* Must import all other css files here instead of HTML Pages */
@import url("bootstrap.css");
@import url("font-awesome.css");
@import url("xenon-components.css");
@import url("xenon-core.css");
@import url("xenon-forms.css");
@import url("xenon-skins.css");
@import url("select2.css");
@import url("jquery.dataTables.css");
@import url("dropzone.css");

/* Css Clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* General 
--------------------------------------------------------------------------------------------------------*/
*{outline:none!important;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
html,body{height:100%;}
body{font-family:Arimo,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; line-height: 1.42857143; background-color: #eee;}
a{text-decoration:none!important;}

.page-container { display: table; width: 100%; height: 100%; vertical-align: top; border-collapse: collapse; border-spacing: 0; table-layout: fixed }
.page-container .main-content { display: table-cell; position: relative; z-index: 1; padding: 30px; padding-bottom: 0; vertical-align: top; word-break: break-word; width: 100%; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out }
.ps-container .ps-scrollbar-x-rail { position: absolute; bottom: 3px; height: 5px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear }
.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { zoom: 1; filter: alpha(opacity=60); -webkit-opacity: .6; -moz-opacity: .6; opacity: .6 }
.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: rgba(255, 255, 255, .5) }
.ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: rgba(255, 255, 255, .9) }
.ps-container .ps-scrollbar-y-rail { position: absolute; right: 2px; width: 5px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear }
.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { zoom: 1; filter: alpha(opacity=60); -webkit-opacity: .6; -moz-opacity: .6; opacity: .6 }
.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: rgba(255, 255, 255, .5) }
.ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; zoom: 1; filter: alpha(opacity=90); -webkit-opacity: .9; -moz-opacity: .9; opacity: .9 }
.ps-container .ps-scrollbar-x { position: absolute; bottom: 0; height: 5px; background-color: #aaa; -o-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear }
.ps-container.ie6 .ps-scrollbar-x { font-size: 0 }
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999 }
.ps-container .ps-scrollbar-y { position: absolute; right: 0; width: 5px; background-color: #aaa; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear }
.ps-container.ie6 .ps-scrollbar-y { font-size: 0 }
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #FAFAFA }
.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden }
.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible }


/* Header
--------------------------------------------------------------------------------------------------------*/
.header{}
.logo{}
.settings-pane { background: #27292a; color: #fff; display: none; position: relative; overflow: hidden; -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom }
.settings-pane .settings-pane-inner { position: relative; padding: 50px }
.settings-pane .settings-pane-inner.with-animation { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); -moz-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); -o-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); transition: all 350ms cubic-bezier(0.785, .135, .15, .86) }
.settings-pane .settings-pane-inner.with-animation.visible { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms }
.settings-pane .settings-pane-inner.with-animation.closing { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms }
.settings-pane>a[data-toggle=settings-pane] { display: block; color: #979898; position: absolute; right: 0; top: 0; padding: 10px 12px; font-size: 18px; line-height: 1; z-index: 100 }
.settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF }
.settings-pane .user-info { display: table; width: 100%; border-spacing: 0; border-collapse: collapse }
.settings-pane .user-info .user-image, .settings-pane .user-info .user-details { display: table-cell; vertical-align: middle }
.settings-pane .user-info .user-image { width: 130px }
.settings-pane .user-info .user-image a { display: block; position: relative }
.settings-pane .user-info .user-details { padding-left: 20px }
.settings-pane .user-info .user-details h3 { margin: 0 }
.settings-pane .user-info .user-details h3 a { color: #fff }
.settings-pane .user-info .user-details h3 .user-status { position: relative; display: inline-block; background: #FFF; top: -3px; margin-left: 5px; width: 8px; height: 8px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box }
.settings-pane .user-info .user-details h3 .user-status.is-online { background-color: #8dc63f }
.settings-pane .user-info .user-details h3 .user-status.is-idle { background-color: #ffba00 }
.settings-pane .user-info .user-details h3 .user-status.is-busy { background-color: #d5080f }
.settings-pane .user-info .user-details h3 .user-status.is-offline { background-color: #CCC }
.settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65); margin: 0; margin-top: 5px }
.settings-pane .user-info .user-details .user-links { margin-top: 15px }
.settings-pane .user-info .user-details .user-links a { display: inline-block }
.settings-pane .user-info .user-details .user-links a+a { margin-left: 8px }
.settings-pane .links-block { display: inline-block; padding-right: 85px; text-align: left }
.settings-pane .links-block h4 { color: #fff; margin: 0; margin-bottom: 15px }
.settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #323435; padding-bottom: 5px }
.settings-pane .links-block h4 a { color: #fff }
.settings-pane .links-block h4 a:hover { color: #979898 }
.settings-pane .links-block ul li label { display: inline-block; padding-left: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.settings-pane .links-block ul li a { color: #979898; display: block }
.settings-pane .links-block ul li a:hover { color: #fff }
.settings-pane .links-block ul li+li a { margin-top: 5px }
.settings-pane .links-block.left-sep { border-left: 1px solid #323435; padding-left: 75px }
.settings-pane .link-blocks-env { text-align: center }
.settings-pane-open .settings-pane { display: block }
.settings-pane-open .sidebar-menu .sidebar-menu-inner { position: relative !important }
.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #27292a; -webkit-box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a; -moz-box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a; box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a }
.cbr-replaced { position: relative; display: inline-block; vertical-align: middle; top: -1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.cbr-replaced .cbr-input { display: none }
.cbr-replaced .cbr-state { position: relative; display: block; background: #FFF; border: 1px solid #ddd; line-height: 1; width: 15px; height: 15px }
.cbr-replaced .cbr-state span { display: block; background: url(../images/ok.png) no-repeat center center; background-image: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer }
.cbr-replaced.cbr-checked span { background-image: url(../images/ok.png) }
.cbr-replaced.cbr-disabled { zoom: 1; filter: alpha(opacity=40); -webkit-opacity: .4; -moz-opacity: .4; opacity: .4 }
.cbr-replaced.cbr-radio .cbr-state { -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box }
.cbr-replaced.cbr-radio .cbr-state span { background: #FFF; left: 2px; right: 2px; top: 2px; bottom: 2px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box }
.cbr-replaced.cbr-radio.cbr-checked .cbr-state span { background: #ddd }
.cbr-replaced.cbr-primary .cbr-state { background: #2c2e2f; border-color: #323435 }
.cbr-replaced.cbr-primary.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-primary.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-primary.cbr-radio .cbr-state span { background-color: #fff }
.cbr-replaced.cbr-primary.cbr-radio.cbr-checked .cbr-state span { background: #2c2e2f }
.cbr-replaced.cbr-secondary .cbr-state { background: #68b828; border-color: #68b828 }
.cbr-replaced.cbr-secondary.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-secondary.cbr-checked.cbr-radio .cbr-state span { background: #68b828 }
.cbr-replaced.cbr-secondary.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-success .cbr-state { background: #8dc63f; border-color: #8dc63f }
.cbr-replaced.cbr-success.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-success.cbr-checked.cbr-radio .cbr-state span { background: #8dc63f }
.cbr-replaced.cbr-success.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-info .cbr-state { background: #40bbea; border-color: #40bbea }
.cbr-replaced.cbr-info.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-info.cbr-checked.cbr-radio .cbr-state span { background: #40bbea }
.cbr-replaced.cbr-info.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-danger .cbr-state { background: #cc3f44; border-color: #cc3f44 }
.cbr-replaced.cbr-danger.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-danger.cbr-checked.cbr-radio .cbr-state span { background: #cc3f44 }
.cbr-replaced.cbr-danger.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-warning .cbr-state { background: #ffba00; border-color: #ffba00 }
.cbr-replaced.cbr-warning.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-warning.cbr-checked.cbr-radio .cbr-state span { background: #ffba00 }
.cbr-replaced.cbr-warning.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-red .cbr-state { background: #d5080f; border-color: #d5080f }
.cbr-replaced.cbr-red.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-red.cbr-checked.cbr-radio .cbr-state span { background: #d5080f }
.cbr-replaced.cbr-red.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-blue .cbr-state { background: #0e62c7; border-color: #0e62c7 }
.cbr-replaced.cbr-blue.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-blue.cbr-checked.cbr-radio .cbr-state span { background: #0e62c7 }
.cbr-replaced.cbr-blue.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-purple .cbr-state { background: #7c38bc; border-color: #7c38bc }
.cbr-replaced.cbr-purple.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-purple.cbr-checked.cbr-radio .cbr-state span { background: #7c38bc }
.cbr-replaced.cbr-purple.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-pink .cbr-state { background: #ff6264; border-color: #ff6264 }
.cbr-replaced.cbr-pink.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-pink.cbr-checked.cbr-radio .cbr-state span { background: #ff6264 }
.cbr-replaced.cbr-pink.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-orange .cbr-state { background: #f7aa47; border-color: #f7aa47 }
.cbr-replaced.cbr-orange.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-orange.cbr-checked.cbr-radio .cbr-state span { background: #f7aa47 }
.cbr-replaced.cbr-orange.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-turquoise .cbr-state { background: #00b19d; border-color: #00b19d }
.cbr-replaced.cbr-turquoise.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-turquoise.cbr-checked.cbr-radio .cbr-state span { background: #00b19d }
.cbr-replaced.cbr-turquoise.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-yellow .cbr-state { background: #fcd036; border-color: #fcd036 }
.cbr-replaced.cbr-yellow.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-yellow.cbr-checked.cbr-radio .cbr-state span { background: #fcd036 }
.cbr-replaced.cbr-yellow.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-gray .cbr-state { background: #c8c8c8; border-color: #c8c8c8 }
.cbr-replaced.cbr-gray.cbr-checked span { background-image: url(../images/ok-white-full.png) }
.cbr-replaced.cbr-gray.cbr-checked.cbr-radio .cbr-state span { background: #c8c8c8 }
.cbr-replaced.cbr-gray.cbr-radio .cbr-state { background: #fff }
.cbr-replaced.cbr-gray.cbr-checked span { background-image: url(../images/ok.png) }
.cbr-replaced+label { padding-left: 5px }
label .cbr-replaced { margin-right: 4px }
label.cbr-inline { padding-top: 7px }
label.cbr-inline+.cbr-inline { margin-left: 10px }

.user-info-navbar { background-color: #fff; min-height: 0; border: 0; padding: 0; margin: -30px; margin-bottom: 30px }
.user-info-navbar .user-info-menu { margin: 0 }
.user-info-navbar .user-info-menu.left-links { float: left }
.user-info-navbar .user-info-menu.right-links { float: right }
.user-info-navbar .user-info-menu li { line-height: 1 }
.user-info-navbar .user-info-menu li a { line-height: 1 }
.user-info-navbar .user-info-menu li a img { line-height: 1 }
.user-info-navbar .user-info-menu>li { position: relative; margin: 0; padding: 0; border: 1px solid #fff; border-top: 0; border-bottom: 0; display: block; float: left }
.user-info-navbar .user-info-menu>li.hover-line:before { content: ''; position: absolute; display: block; height: 2px; top: 0; left: 0; right: 0; background: #68b828; display: none }
.user-info-navbar .user-info-menu>li.hover-line:hover:before, .user-info-navbar .user-info-menu>li.hover-line.open:before { display: block }
.user-info-navbar .user-info-menu>li>a { position: relative; display: block; padding: 30px 20px; color: #979898; border-bottom: 1px solid #fff; top: 1px; z-index: 5; text-decoration: none }
.user-info-navbar .user-info-menu>li>a i { font-size: 15px; line-height: 1 }
.user-info-navbar .user-info-menu>li>a:hover { color: #606161 }
.user-info-navbar .user-info-menu>li>a .badge { font-size: 9px; position: absolute; top: 20px; right: 10px; padding: 4px; min-width: 18px; font-weight: 400; line-height: 1 }
.user-info-navbar .user-info-menu>li>form { position: relative; display: block; padding: 30px 20px; padding-bottom: 26px; margin: 0; border-bottom: 1px solid #fff }
.user-info-navbar .user-info-menu>li a[data-toggle=sidebar] { padding-left: 25px }
.user-info-navbar .user-info-menu>li.fullscreen { position: relative; z-index: 1 }
.user-info-navbar .user-info-menu>li.fullscreen:hover a { background-color: #fafafa; color: #2c2e2f }
.user-info-navbar .user-info-menu>li.search-form, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form { position: relative; z-index: 5 }
.user-info-navbar .user-info-menu>li.search-form .btn, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn { position: relative; padding: 0; margin: 0; height: auto; color: #979898; z-index: 2 }
.user-info-navbar .user-info-menu>li.search-form .btn:hover, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:hover { color: #606161 }
.user-info-navbar .user-info-menu>li.search-form .btn:active, .user-info-navbar .user-info-menu>li.search-form .btn:focus, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:active, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.user-info-navbar .user-info-menu>li.search-form .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field { position: absolute; top: 50%; right: 15px; margin-top: -15.5px; line-height: 1; height: 31px; border: 1px solid #ddd; border: 0; padding: 0 10px; width: 170px; padding-right: 30px; font-size: 12px; z-index: 1; visibility: hidden; background: #f3f3f3; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 ; box-shadow:none; border-radius:0;}
.user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 }
.user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-ms-input-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-webkit-input-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-webkit-input-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-moz-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-moz-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-ms-input-placeholder { color: #979898 }
.user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:focus+.btn { color: #606161 }
.user-info-navbar .user-info-menu>li.search-form.focused .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form.focused .search-field { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out }
.user-info-navbar .user-info-menu>li.search-form.always-visible .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form.always-visible .search-field { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 }
.user-info-navbar .user-info-menu>li.user-profile>a, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a { text-decoration: none }
.user-info-navbar .user-info-menu>li.user-profile>a>img, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>img { position: relative }
.user-info-navbar .user-info-menu>li.user-profile>a>img+span, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>img+span { margin-left: 5px }
.user-info-navbar .user-info-menu>li.user-profile>a span, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { display: inline-block }
.user-info-navbar .user-info-menu>li.user-profile .userpic-32, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile .userpic-32 { margin-top: -17px; top: 8px }
.user-info-navbar .user-info-menu>li.language-switcher a>img { display: inline-block; margin-right: 5px; position: relative; top: -2px }
.user-info-navbar .user-info-menu>li.open { border-left-color: #ddd; border-right-color: #ddd; z-index: 15 }
.user-info-navbar .user-info-menu>li.open>a { color: #606161 }
.user-info-navbar .user-info-menu>li .dropdown-menu, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu { margin: 0; padding: 0; margin-top:0; margin-left: -1px; z-index: 3; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) ; border-radius: 0; border:solid 1px #ddd;}
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list { position: relative; max-height: 300px; overflow: auto }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list.ps-scrollbar, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list.ps-scrollbar { overflow: hidden }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li { position: relative }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a { position: relative; display: block; padding: 20px 30px; color: #979898 }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line { display: block }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.desc, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.desc { margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-right: 10px }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line .light, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line .light { zoom: 1; filter: alpha(opacity=60); -webkit-opacity: .6; -moz-opacity: .6; opacity: .6 }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.small, .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line .small, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.small, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line .small { font-size: 12px }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.time, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.time { font-size: 11px; margin-top: 5px }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a:after { content: ''; display: block; position: absolute; height: 1px; background: #ededed; bottom: 0; left: 30px; right: 30px }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a:hover { color: #606161 }
.user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li.active a { color: #606161 }
.user-info-navbar .user-info-menu>li .dropdown-menu>.top, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top { padding: 20px 30px; padding-bottom: 0 }
.user-info-navbar .user-info-menu>li .dropdown-menu>.top a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top a { color: #979898 }
.user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top a:hover { color: #606161 }
.user-info-navbar .user-info-menu>li .dropdown-menu>.top p, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top p { margin: 0; color: #979898; padding-bottom: 15px; border-bottom: 1px solid #ededed }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external { position: relative }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: -1px; background-color: none; height: 1px; background-color: #ededed }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a { display: block; padding: 20px 30px; color: #979898; background-color: #f5f5f5 }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external a span, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a span { float: left }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external a i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a i { float: right }
.user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a:hover { color: #6a6b6c }
.user-info-navbar .user-info-menu>li .dropdown-menu.messages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages { width: 370px }
.user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages .dropdown-menu-list li:after { content: ''; display: block; position: absolute; background-color: #ccc; top: 50%; margin-top: -2.5px; right: 30px; width: 5px; height: 5px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box }
.user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications { width: 370px }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { float: left; background: #ddd; color: #FFF; padding: 5px; line-height: 17px; width: 27px; text-align: center; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-primary>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-primary>a>i { background-color: #2c2e2f }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-success>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-success>a>i { background-color: #8dc63f }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-danger>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-danger>a>i { background-color: #cc3f44 }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-warning>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-warning>a>i { background-color: #ffba00 }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-info>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-info>a>i { background-color: #40bbea }
.user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu { right: -1px; left: auto; width: 250px }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li { position: relative; display: block; padding: 0; margin: 0; padding: 15px 20px; padding-bottom: 0 }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a { display: block; color: #979898; padding: 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0 }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a:hover { background: 0 0 }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a:hover { color: #606161 }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last { background: #fafafa }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last:after { content: ''; display: block; position: absolute; height: 1px; background: #f0f0f0; top: -1px; left: 0; right: 0 }
.user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 }
.user-info-navbar .user-info-menu>li .dropdown-menu.languages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages { width: 200px }
.user-info-navbar .user-info-menu>li .dropdown-menu.languages li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li a { padding-top: 10px; padding-bottom: 10px; color: #777879 }
.user-info-navbar .user-info-menu>li .dropdown-menu.languages li:hover a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li:hover a { background-color: #fbfbfb }
.user-info-navbar .user-info-menu>li .dropdown-menu.languages li.active a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li.active a { background-color: #f6f6f6; color: #2c2e2f }
.user-info-navbar .user-info-menu>li .dropdown-menu.languages li+li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li+li { border-top: 1px solid #eee }
[class*=fa-] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.dropdown-menu>li>a { padding: 5px 12px }
.dropdown-menu>li>a>i { display: inline-block; margin-right: 5px }
.left-dropdown .btn { float: right }
.left-dropdown .btn.dropdown-toggle { float: left }

/* MainNavigation
--------------------------------------------------------------------------------------------------------*/
.sidebar-menu { display: table-cell; position: relative; width: 340px; background: #2c2e2f; z-index: 1 }
.sidebar-menu .logo-env { padding: 20px 25px 20px 45px; border-bottom: 1px solid #313437 }
.sidebar-menu .logo-env .logo { float: left }
.sidebar-menu .logo-env .logo .logo-collapsed { display: none }
.sidebar-menu .logo-env .settings-icon { float: right; position: relative; top: 1px }
.sidebar-menu .logo-env .settings-icon a { color: #979898; line-height: 1 }
.sidebar-menu .logo-env .settings-icon a i { line-height: 1; font-size: 18px }
.sidebar-menu .logo-env .settings-icon a:hover { color: #fff }
.sidebar-menu .main-menu { padding-left: 40px; padding-right: 40px; margin-top: 20px; margin-bottom: 20px; list-style: none }
.sidebar-menu .main-menu a { color: #979898; text-decoration: none; display: block; padding: 13px 5px; border-bottom: 1px solid #313437 }
.sidebar-menu .main-menu a>i { display: inline-block; margin-right: 10px;}
.sidebar-menu .main-menu a>i+span { padding-right: 10px }
.sidebar-menu .main-menu a>span { display: inline-block }
.sidebar-menu .main-menu a>.label { margin-top: 1px }
.sidebar-menu .main-menu a>.badge { font-size: 75%; line-height: 1.2 }
.sidebar-menu .main-menu a:hover { color: #fff }
.sidebar-menu .main-menu li.active>a { color: #fff }
.sidebar-menu .main-menu li.has-sub>a:before { position: relative; display: inline-block; font-family: FontAwesome; content: '\f107'; float: right; color: #6d747a; margin-left: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out }
.sidebar-menu .main-menu li.has-sub.opened>a:before, .sidebar-menu .main-menu li.has-sub.expanded>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) }
.sidebar-menu .main-menu>li.opened>ul { display: block }
.sidebar-menu .main-menu>li.opened .opened>ul { display: block }
.sidebar-menu .main-menu ul { display: none; margin: 0; padding: 0; overflow: hidden; list-style: none }
.sidebar-menu .main-menu ul li { position: relative }
@media (min-width: 768px){	
	.sidebar-menu .main-menu ul li.is-hidden { left: -20px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 }
}
.sidebar-menu .main-menu ul li.is-shown { left: 0; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out }
.sidebar-menu .main-menu ul li.is-shown+.is-shown { -webkit-transition-delay: 80ms; -moz-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 160ms; -moz-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 320ms; -moz-transition-delay: 320ms; -o-transition-delay: 320ms; transition-delay: 320ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms }
.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 440ms; -moz-transition-delay: 440ms; -o-transition-delay: 440ms; transition-delay: 440ms }
.sidebar-menu .main-menu ul li.hidden-item { visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out }
.sidebar-menu .main-menu ul li a { padding-left: 35px }
.sidebar-menu .main-menu ul li ul li a { padding-left: 60px }
.sidebar-menu .main-menu ul li ul li ul li a { padding-left: 85px }
.sidebar-menu .main-menu ul li ul li ul li ul li a { padding-left: 110px }
.sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: rgba(255, 255, 255, .6) }
.sidebar-menu.fixed .sidebar-menu-inner { position: fixed; left: 0; top: 0; bottom: 0; width: inherit; overflow: hidden }
.page-body.right-sidebar .sidebar-menu.fixed .sidebar-menu-inner { left: auto; right: 0 }
.page-body.right-sidebar .page-container { direction: rtl }
.page-body.right-sidebar .page-container>* { direction: ltr }
label {	font-weight: 400;}
.label { position: relative; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box }
.label.pull-right { margin-top: 4px }
.label.pull-left { margin-top: 4px; margin-right: 5px }
.label.label-primary { background-color: #2c2e2f; color: #fff }
.label.label-secondary { background-color: #68b828; color: #fff }
.label.label-success { background-color: #8dc63f; color: #fff }
.label.label-danger { background-color: #cc3f44; color: #fff }
.label.label-info { background-color: #40bbea; color: #fff }
.label.label-warning { background-color: #ffba00; color: #fff }
.label.label-red { background-color: #d5080f; color: #fff }
.label.label-purple { background-color: #7c38bc; color: #fff }
.label.label-pink { background-color: #ff6264; color: #fff }
.label.label-yellow { background-color: #fcd036; color: #fff }
.label.label-orange { background-color: #f7aa47; color: #fff }
.label.label-turquoise { background-color: #00b19d; color: #fff }
.label.label-blue { background-color: #0e62c7; color: #fff }
.label.label-black { background-color: #222; color: #fff }
.label.label-white { color: #333; -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd }



/* Main Content
--------------------------------------------------------------------------------------------------------*/
.page-container .main-content .page-title { background: #f8f8f8; margin-bottom: 15px; padding: 20px 0; -webkit-box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed; -moz-box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed; box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed }
.page-container .main-content .page-title.full-width .title-env { width: 100%; padding-right: 30px }
.page-container .main-content .page-title .title-env, .page-container .main-content .page-title .breadcrumb-env { display: block }
.page-container .main-content .page-title .title-env { float: left; padding-left: 30px }
.page-container .main-content .page-title .title-env .title { margin: 0; font-size: 27px }
.page-container .main-content .page-title .title-env .title+p { margin: 0; margin-top: 5px; color: #979898 }
.page-container .main-content .page-title .breadcrumb-env { float: right; padding-right: 30px }
.page-container .main-content .page-title .breadcrumb-env .breadcrumb { margin-bottom: 0; margin-top: 8px }
.breadcrumb { background: 0 0 }
.breadcrumb li i { margin-right: 4px }
.breadcrumb li a { color: #979898 }
.breadcrumb li.active>* { color: #646565 }
.breadcrumb.bc-2 { background-color: #eee }
.breadcrumb.bc-3 { border: 1px solid #ddd }
.breadcrumb.auto-hidden li { display: block; float: left }
.breadcrumb.auto-hidden li:before { display: block; float: left }
.breadcrumb.auto-hidden li a { display: block; float: left; white-space: nowrap; overflow: hidden }
.breadcrumb.auto-hidden li a.collapsed { width: 45px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% }

/* Footer
--------------------------------------------------------------------------------------------------------*/
.copyright{padding:20px; font-size:14px; line-height:18px; margin:0; min-height:58px; margin-top:-58px; color:#8b8b8b; max-width:340px; text-align:center;}


/* Login Page
--------------------------------------------------------------------------------------------------------*/
.login-page{background: #eee; padding: 0;}
.login-page .login-wrapper{display:table; width: 100%; height: 100%;}
.login-page .login-sidebar{display:table-cell; width:340px; background:#2c2e2f; vertical-align:middle; text-align:center; padding:20px;}
.login-page .login-body{vertical-align:middle; display:table-cell; padding:20px;}
.login-page .login-form{max-width:300px; text-align:left; margin:0 auto; color:#2c2e2f; padding:0;}
.login-form h3{font-size:20px; line-height:24px; margin:0 0 15px; padding:0;}
.login-form .form-control{border-radius:0; box-shadow:none!important; background: #ffffff; border:solid 1px #e4e4e4; font-size:14px; height: 40px; padding:9px;}
.login-form .form-control:focus{border-color:#c1bfbf;}
.login-form .input-validation-error{border-color:#dd4b39; background: #fff5f4; color: #dd4b39;}
.login-form .field-validation-error{color: #dd4b39; }
.login-form .has-error .error-msg{display: block;}
.login-form .remember-check-outer{float: left; position:relative;}
.login-form input[type="checkbox"]{opacity: 0; visibility: hidden; height: 0; width: 0; position:absolute;}
.login-form input[type="checkbox"] + label{cursor: pointer; font-size:14px; color:#5b5b5b; padding:0 0 0 24px;}
.login-form input[type="checkbox"] + label:before{content:""; width: 18px; height: 18px; background:#fff; border:solid 1px #e4e4e4; position:absolute; left:0; top: 1px;}
.login-form input[type="checkbox"]:checked + label:after{position:absolute; left:0; top: 1px; height: 18px; width:18px; content:""; background: url(../images/check.png) center center no-repeat;}
.login-form .forgot-psw{float: right; font-size:14px; color:#2a89c0; }
.login-form .forgot-psw:hover{color:#42b3f5;}

.login-form .or-heading{text-align: center; position: relative; padding:0; margin-bottom:20px; color: #5b5b5b;}
.login-form .or-heading span{display: inline-block; position: relative;z-index: 2; text-transform: uppercase; background: #eee; padding:0 10px;}
.login-form .or-heading:before{position: absolute; content:""; width: 100%; top: 0; left: 0; border-bottom: solid 1px #5b5b5b; top: 50%;}
.login-page .external-login{padding:0; margin:0;}
.login-form .back-to-login{float: left; font-size:14px; color:#2a89c0; margin-top: 13px;}
.login-form .back-to-login:hover{color:#42b3f5;}
.login-form .value-label{margin:0;}

.add-icon-block{margin-top: 20px; position: relative; max-width: 500px;}
.add-icon-block .btn{width: 100%; background: #E9E9E9; border-color: #E9E9E9; color: #88898B; padding: 15px; font-size: 20px;}
.add-icon-block .btn:hover{ background: #88898B; border-color: #88898B; color: #E9E9E9;}
.add-icon-block .add-panel{width: 100%; position: absolute; left: 0; bottom: 100%; margin-bottom: 20px; border-radius: 4px; padding: 10px; background:rgba(80,86,89,.95); display: none;}
.add-icon-block.open .add-panel{display: block;}
.add-icon-block .add-panel h5{color:#fff; border-bottom: solid 1px #fff; padding: 0 0 5px;}
.add-icon-block .add-panel:before{position: absolute; content: ""; border-top: solid 10px rgba(80,86,89,.95); border-left: solid 10px transparent; border-right: solid 10px transparent; left: 50%; top: 100%; margin-left: -10px;}
.add-icon-block .add-panel a{color:#fff; float: left; margin-right:10px; font-size: 30px; line-height: 34px;}
.add-icon-block .add-panel a:hover{opacity: 0.9;}

[data-tooltip] {
      position: relative;
    }
    
    [data-tooltip]::after {
  font-family: Helvetica, sans-serif;
  background: rgba(51, 51, 51, 0.9);
  background: rgba(55, 61, 73, 0.9);
  border-radius: 3px;
  bottom: 100%;
  color: #fff;
  content: attr(data-tooltip);
  display: block;
  font-size: 12px;
  left: 50%;
  line-height: normal;
  max-width: 620rem;
  opacity: 0;
  overflow: hidden;
  padding: 0.6rem 1rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.216s ease;
  z-index: 99;
  text-wrap:none; 
  width: max-content;   
}
    
    [data-tooltip]:hover::after {
      opacity: 1;
      -webkit-transform: translate(-50%, -0.5rem);
      -ms-transform: translate(-50%, -0.5rem);
      transform: translate(-50%, -0.5rem);
    }
    
    [data-tooltip][disabled],
    [data-tooltip].disabled {
      pointer-events: auto;
    }
    
    [data-tooltip-pos=right]::after {
      bottom: 50%;
      left: 100%;
      -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
    }
    
    [data-tooltip-pos=right]:focus::after,
    [data-tooltip-pos=right]:hover::after {
      -webkit-transform: translate(0.5rem, 50%);
      -ms-transform: translate(0.5rem, 50%);
      transform: translate(0.5rem, 50%);
    }
    
    [data-tooltip-pos=bottom]::after {
      bottom: auto;
      top: 100%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
    }
    
    [data-tooltip-pos=bottom]:focus::after,
    [data-tooltip-pos=bottom]:hover::after {
      -webkit-transform: translate(-50%, 0.5rem);
      -ms-transform: translate(-50%, 0.5rem);
      transform: translate(-50%, 0.5rem);
    }
    
    [data-tooltip-pos=left]::after {
      bottom: 50%;
      left: auto;
      right: 100%;
      -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
    }
    
    [data-tooltip-pos=left]:focus::after,
    [data-tooltip-pos=left]:hover::after {
      -webkit-transform: translate(-0.5rem, 50%);
      -ms-transform: translate(-0.5rem, 50%);
      transform: translate(-0.5rem, 50%);
    }

/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
.panel-custom{padding:0;}
.panel-custom .panel-heading{border-bottom: solid 1px #e1e1e1; padding:20px 30px;}
.panel-custom .panel-heading .panel-title{line-height: 27px;}
.panel-custom .panel-heading>.panel-options.left .btn{padding:11px 12px;}
.panel-custom .panel-heading>.panel-options.left{float: left;}
.panel-custom .panel-heading>.panel-options a{margin-bottom:0; color: #fff;}
.panel-custom .panel-heading>.panel-options .btn-gray, .panel-custom .panel-heading>.panel-options .btn-white{color:#333;}

.panel-custom .toggle-btn .btn{float: left; margin:0!important;}
.panel-custom .panel-body{padding:20px 30px;}
.panel-custom .form-inline .form-group{float: left; margin:0 15px 15px 0!important;}
form.form-inline .form-group:last-child{margin-right: 0!important;}

.mb-20{margin-bottom: 20px;}
.select2-container.form-control{border:0; padding: 0; width: 100%;}
.select2-container .select2-choice{height: 32px!important;}
.select2-search{display: none;}
.w-180{width: 180px;}
.w-250{width: 250px;}
.select2-container .select2-choice > .select2-chosen, .select2-container .select2-choice .select2-arrow{line-height: 32px!important;}
.action-links{white-space: nowrap;}
.action-links>a{font-size: 16px; color: #999;display:inline-block;vertical-align:middle;}
.action-links>a:hover{color: #666;}
.action-links>a + a{margin-left: 5px;}
.action-links .dropdown-wrapper{display:inline-block;vertical-align:middle;margin-left:10px;text-align:center;}

table.dataTable{border:solid 1px #ddd; border-bottom: 0!important; margin:0!important; min-width:100%;}
.dataTables_scrollHeadInner{min-width:100%;}

table.dataTable>thead>tr>th{background: #f6f6f6!important; border-color:#dddddd; padding:13px 20px 13px 10px!important; white-space: nowrap;}
table.dataTable>thead>tr>th.no-sorting{padding-right: 10px!important;}
table.dataTable>tbody>tr>td{border-color:#dddddd;}
table.dataTable>thead>tr>td:after, table.dataTable>thead>tr>th:after{display: none;}
.dataTables_wrapper .dataTables_info{color: #989898;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 0;}
.dataTables_wrapper .dataTables_paginate{border:solid 1px #dddddd; padding:0; margin-top: 10px;}
.dataTables_wrapper .dataTables_paginate a{float: left!important; margin:0!important; border:0!important;border-left: solid 1px #dddddd!important;}
.dataTables_wrapper .dataTables_paginate a.previous {border-left: none!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate a:not(.disabled):hover{background: #2c2e2f!important; color: #fff!important;}
.dataTables_wrapper .dataTables_length{display: block; float: none; text-align:center; padding-top:10px; color: #989898;}
.dataTables_wrapper .dataTables_length label select{border:solid 1px #e4e4e4; height: 30px;}
/*.dataTables_wrapper .table thead>tr .sorting:before, .dataTables_wrapper .table thead>tr .sorting_asc:before, .dataTables_wrapper .table thead>tr .sorting_desc:before{margin-right: -20px;}*/
.dataTables_wrapper .table thead>tr .sorting:before, .dataTables_wrapper .table thead>tr .sorting_asc:before, .dataTables_wrapper .table thead>tr .sorting_desc:before{margin-right: -10px;}
.dataTables_wrapper .dataTables_scrollBody  .table thead>tr th{padding-top:0!important; padding-bottom:0!important;}
.dataTables_wrapper .dataTables_scrollBody  .table thead>tr .sorting:before, .dataTables_wrapper .dataTables_scrollBody  .table thead>tr .sorting_asc:before, .dataTables_wrapper .dataTables_scrollBody  .table thead>tr .sorting_desc:before{display: none!important; padding:0!important;}
.dataTables_wrapper.no-dom > .row {display: none;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-right: 1px solid #dddddd; }
.tab-outer .nav-tabs{border-bottom: solid 1px #e1e1e1; background: #f4f4f4;}
.tab-outer .nav-tabs li{margin-bottom: -1px;border:solid 1px transparent;}
.tab-outer .nav-tabs li.active{border-color:#e1e1e1; border-bottom-color: #fff;}
.tab-outer .nav-tabs li a{margin:0; color: #555555; font-size: 13px; line-height: 17px;}
.tab-outer .tab-content{border:solid 1px #e1e1e1; border-top: 0;}
.panel-title{font-size: 17px; line-height: 21px; color: #2e2e2f; padding-bottom: 15px;}
.panel-heading .panel-title{padding:0;}

.btn-outer .btn{float: left;}
.btn-outer .btn.btn-icon{padding:4px 12px 3px;}
.label-outer label{margin:0; padding:9px 0;}

hr{border-color: #e4e4e4;}

/*.logo-block-wrapper{margin-right:-15px;}
.logo-block-wrapper .logo-block,.logo-block-wrapper .logo-block-outer{display:inline-block;margin-right:11px;margin-bottom:15px;vertical-align:top;}
.logo-block{border:1px solid #e9e9e9; background: rgba(0,0,0,0.03); width: 225px;;padding:15px;position:relative;}
.logo-block .logo-img{vertical-align: middle; text-align:center;padding:24px 0;}
.logo-block .logo-img img{max-width: 100%;max-height:104px;}
.logo-block.video-wrapper{height:auto!important;padding:0;width:auto;}
.logo-block.video-wrapper .logo-img{display:block;padding:15px;}
.logo-block.video-wrapper .logo-img .logo-img-detail h4{position:static;}
.logo-block.video-wrapper .logo-img input{height:0;border:0;padding:0;}
.logo-block.video-wrapper .logo-img .logo-img-detail p{text-overflow:inherit;white-space:normal;}
form.has-space{padding:15px;}
.row>.has-space{margin-bottom:20px;}*/

.logo-block{border:1px solid #e9e9e9; background: rgba(0,0,0,0.03); width: 100%; display: table; height: 125px;}
.logo-block .logo-img{display: table-cell; padding:20px; vertical-align: middle; text-align:center;}
.logo-block .logo-img img{max-width: 100%;}
.logo-block .logo-img img.videoSnapshot{max-height:104px;}
.ml-20{margin-left: 20px;}
.user-name{position: relative; padding-left: 50px; min-height:32px;}
.user-name img{position: absolute; left: 0; top: 0; width:32px; height: 32px; border-radius: 32px;}
.user-name h4{ margin:0; font-size: 16px; line-height: 18px;}
.user-name h4 span{display: block; color: #979898; font-size: 14px; line-height: 14px;}

/* Admin User Page
--------------------------------------------------------------------------------------------------------*/
.user-listing{list-style: none; margin:0; padding:0;}
.user-listing .user-block{text-align: center; padding:15px; border:solid 1px #e1e1e1; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 30px;}
.user-listing .user-block h4{margin:-15px -15px 15px; background: #f8f8f8; padding:15px; color: #2c2e2f; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.user-listing .user-block .user-icon{display: block; margin:0 auto 15px; width: 128px; height: 128px; border-radius: 128px;}
.user-listing .user-block .label{font-size: 14px; line-height: 18px; font-weight: normal; border-radius: 2px;}
.user-listing .user-block span i{margin-right: 5px;}

.user-listing .hover-panel{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: all 0.3s;}
.user-listing .user-block:hover .hover-panel{opacity: 1; visibility: visible;}
.user-listing .hover-panel .hover-panel-inner{display: table; width: 100%; height: 100%;}
.user-listing .hover-panel .btn-listing{display: table-cell; vertical-align: middle; list-style: none; padding:15px; margin:0;}
.user-listing .btn-listing li{display: inline-block; padding:3px;}
.user-listing .btn-listing li a{display: block; background: #f5f5f5; border:solid 1px #e4e4e4; width: 30px; line-height: 28px; border-radius: 4px;}
.user-listing .btn-listing li a:hover{background: #e4e4e4;}
.user-listing .btn-listing li a.red-btn{background: #cc3f44; color: #fff; border-color:#bd3439;}
.user-listing .btn-listing li a.red-btn:hover{background: #bd3439;}

#edit-modal .modal-header{position: relative;}
#edit-modal .modal-title img{width: 64px; height: 64px; display: block; margin:0 auto 10px; border-radius: 64px;}
#edit-modal .modal-header .close{position: absolute; right: 0;}
.main-user-img{margin:0 auto 30px; display: block; width: 128px; height: 128px; border-radius: 128px;}
.btn.mt-15{margin-top: 15px;}
.campaigns-listing-block{position: relative;}
.campaigns-listing-block .fa-angle-right{position: absolute; left: 50%; top: 50%; font-size: 20px; margin-left: -3px;}
.campaigns-listing-outer{height: 200px; overflow: auto; border:solid 1px #e1e1e1; margin-bottom: 30px;}
.campaigns-listing{list-style: none; margin:0; padding:0;}
.campaigns-listing li{border-bottom: solid 1px #e1e1e1;}
.campaigns-listing li:last-child{border-bottom: 0;}
.campaigns-listing li a{display: block; padding:8px 10px 8px 30px; position: relative;}
.campaigns-listing li a i{position: absolute; left: 10px; top: 10px;}

#edit-modal .table-responsive{ border-color:#dddddd;}
#edit-modal .table>thead>tr>th{background: #f6f6f6!important; border-color:#dddddd; padding:13px 20px 13px 10px!important; white-space: nowrap;}
#edit-modal .table>thead>tr>th.no-sorting{padding-right: 10px!important;}
#edit-modal .table>tbody>tr>td{border-color:#dddddd;}
#edit-modal .table>thead>tr>td:after, #edit-modal .table>thead>tr>th:after{display: none;}


input[type="checkbox"].ios8-switch { position: absolute; margin: 8px 0 0 16px; opacity: 0;}
input[type="checkbox"].ios8-switch + label { position: relative; padding: 24px 0 0 40px; line-height: 2.0em; cursor: pointer; margin:0;}
input[type="checkbox"].ios8-switch + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; /* x*5 */ height: 24px; /* x*3 */ border-radius: 16px; /* x*2 */ background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; /* x*3 */ height: 24px; /* x*3 */ border-radius: 16px; /* x*2 */ background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch + label:hover:after { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
input[type="checkbox"].ios8-switch:checked + label:after { margin-left: 16px; }
input[type="checkbox"].ios8-switch:checked + label:before { background: #55D069; }

/* Journey category
--------------------------------------------------------------------------------------------------------*/
.Journey-category .custom-radio .custom-control-input{position:absolute;left:0;z-index:0;width:1rem;height:1.25rem;opacity:0;}
.Journey-category .custom-control-label{font-size:14px;text-align:center;font-weight:600;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.125);padding:60px 10px 10px;width:100%;position:relative;}
.Journey-category .custom-control-label .desc{font-size:15px;text-align:center;font-weight:300;padding:0px;display:block;}
.Journey-category .custom-control-label span{display:block;font-size:13px;font-weight:400;}
.Journey-category .custom-control-label::before,.custom-control-label::after{font:normal normal normal 14px/1 FontAwesome;position:absolute;left:50%;margin-left:-19px;top:15px;width:38px;height:38px;border-radius:50%;}
.Journey-category .custom-control-label::before{content:"";background-color:#fff;border:#adb5bd solid 1px;}
.Journey-category .custom-radio .custom-control-input:checked ~ .custom-control-label{border-color:#3297e3;color:#3297e3;}
.Journey-category .custom-control-input:checked ~ .custom-control-label::before{border-color:#007bff;background-color:#007bff;}
.Journey-category .custom-radio .custom-control-input:checked ~ .custom-control-label::after{content:"\f00c";color:#fff;line-height:39px;font-size:18px;}

.btn.btn-icon span {vertical-align: middle;padding:0 5px;}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.align-content-end {-ms-flex-line-pack: end !important; align-content: flex-end!important;}
.justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important;}

.condition-list .condition-card  {margin-bottom: 10px;}
.condition-list .condition-card span {width:auto; padding-right:15px; padding-top:3px;}
.condition-list .condition-card {border-bottom:1px solid #f3eded; padding:10px 0;} 

    /* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
 @media (max-width: 1199px){
    .dataTables_wrapper .dataTables_length{text-align:right;}
	.dataTables_wrapper .dataTables_paginate{margin:10px auto; float: none; display: inline-block;}
}

@media (max-width: 991px){	
	.user-info-navbar .user-info-menu>li .dropdown-menu.languages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages { width: auto }
	.settings-pane .links-block { padding-right: 40px; margin-top: 10px }
	.settings-pane .links-block.left-sep { padding-left: 40px }
	.settings-pane .links-block.left-sep:first-child { border-left: 0 }
}

@media (min-width: 768px){
	.user-info-navbar{min-height:77px;}
	.page-body.right-sidebar .sidebar-menu.collapsed .main-menu>li>ul { left: auto; right: 100% }
}

@media screen and (min-width:768px) and (max-width:992px) {
	.settings-pane .user-info { width: auto; margin: 0 auto; margin-bottom: 20px }
}

@media (max-width: 767px){	
	.settings-pane { padding: 30px }
	.settings-pane .user-info { width: auto; margin: 0 auto; margin-bottom: 20px }
	.settings-pane .settings-pane-inner { padding: 0 }
	.sidebar-menu .main-menu { margin-top: 10px; margin-bottom: 10px }

	.page-container { display: block }
	.page-container .main-content .navbar.user-info-navbar { display: block !important }
	.page-container .main-content .navbar.user-info-navbar.mobile-is-visible { display: block }
	.page-container .main-content .navbar.user-info-navbar .user-info-menu>li { min-height: 0 !important }
	.page-container .main-content .navbar.user-info-navbar .user-info-menu>li>a, .page-container .main-content .navbar.user-info-navbar .user-info-menu>li>form { padding-top: 20px; padding-bottom: 20px }
	.page-container .main-content .navbar.user-info-navbar .user-info-menu>li.user-profile>a>span, .page-container .main-content .navbar.navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>span { display: none }
	.page-container .main-content .navbar.user-info-navbar .user-info-menu>li a>.badge { top: 10px }
	.page-container .main-content .main-footer { position: relative; left: 0; right: auto; margin-left: -30px; margin-right: -30px }
	.page-container { position: relative }
	.page-container #chat { left: auto; margin: 0; width: 340px }
	.page-container #chat .chat-conversation { bottom: auto; position: absolute; left: 0; top: 0 }
	.chat-open .page-container { left: -340px }

	.page-container .main-content .page-title { padding: 15px 0 }
	.page-container .main-content .page-title .title-env .title { font-size: 23px }
	.page-container .main-content .page-title .title-env .title+p { font-size: 12px }
	.page-container .main-content .page-title .breadcrumb-env .breadcrumb { margin-top: 4px }
	.page-container .main-content .page-title .breadcrumb-env .breadcrumb li a { font-size: 12px }

	.sidebar-menu .logo-env .logo .logo-expanded img{width: 200px;}

	.page-container .sidebar-menu, .page-container .main-content { display: block; width: 100%; height: auto }
	.page-container .sidebar-menu { position: relative }
	.page-container .sidebar-menu .sidebar-menu-inner { position: relative }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env, .page-container .sidebar-menu .sidebar-menu-inner .main-menu { padding-left: 20px; padding-right: 20px }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle { float: right }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a { position: relative; display: inline-block; color: #979898; line-height: 1; margin-left: 20px }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i { line-height: 1; font-size: 18px; position: relative; top: 1px }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:hover, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:active, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:focus { color: #fff }
	.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a .badge { position: absolute; right: -3px; top: -8px; font-size: 8px; padding: 1px 2px; min-width: 14px }
	.page-container .sidebar-menu .sidebar-menu-inner .main-menu { display: none; margin-bottom: 0 }
	.page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible { display: block }
	.page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible.both-menus-visible { margin-top: 0; padding-top: 0 }
	.page-container .sidebar-menu .sidebar-menu-inner .main-menu>li:last-child>a { border-bottom: 0 }
}

@media (max-width: 767px){	
	.login-page .login-wrapper{padding-bottom:38px;}
	.login-page .login-sidebar, .login-page .login-body{display:block; width:auto;}
	.copyright{max-width:inherit; padding:10px; margin-top:-38px; min-height:38px;}
	.dataTables_wrapper .dataTables_length{text-align:center;}
	.table tbody.middle-align>tr>td{white-space: nowrap;}
    /*.modal .modal-dialog .modal-content{padding:15px;}*/
	.nav.nav-tabs+.tab-content{padding:15px;}
	.campaigns-listing-block .fa-angle-right{margin-left: 0; margin-top: -10px; transform:rotate(90deg);}
}

@media screen and (max-width:599px) {
	.settings-pane .links-block.left-sep { padding: 0 25px }
}
@media screen and (max-width:480px) {
	.page-container .main-content .page-title .title-env .title { font-size: 19px }
	.page-container .main-content .page-title .breadcrumb-env { clear: both; float: none; padding: 0 10px }
	.panel-custom .panel-heading>.panel-options.left{width: 100%; margin-bottom: 10px;}
}