.small_svg_100h svg {
height: 80px;
width: auto;
}
.fix {
clear: both;
}
langsinfowrap {
margin-left: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 100;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
h3,
h4,
h5 {
margin-top: 5px;
font-weight: 600;
}
ul.nav.tabs.row {
margin-left: -30px;
}
.ul.tabs.row.nav li a:focus,
.ul.nav.tabs.row li a:hover {
text-decoration: none;
background-color: red;
}
.nav>li>a {
color: #a7b1c2;
/*font-weight: 600;*/
padding: 14px 20px 14px 25px;
border-radius: 0.25rem;
margin: 1px 0;
}
.nav.navbar-right>li>a {
color: #545459;
}
.nav>li.active>a {
color: #ffffff;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
color: var(--nav-font-active-color);
background: var(--nav_active-bg-color)
}
#miniGrid .navbar-default .nav>li>a,
#miniGrid .navbar-default .nav>li>a {
background-color: #293846;
color: white;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background: #fff;
}
.nav.navbar-top-links>li>a:hover,
.nav.navbar-top-links>li>a:focus {
background-color: transparent;
}
.nav>li>a i {
margin-right: 6px;
}
.navbar {
border: 0;
}
.navbar-default {
background-color: transparent;
border-color: rgb(26, 40, 52);
}
.navbar-top-links li {
display: inline-block;
}
.navbar-top-links li:last-child {
/*margin-right: 40px;*/
}
.body-small .navbar-top-links li:last-child {
margin-right: 0;
}
.navbar-top-links li a {
padding: 20px 15px 20px 5px;
min-height: 50px;
}
.dropdown-menu {
border: medium none;
border-radius: 3px;
box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
display: none;
float: left;
font-size: 12px;
left: 0;
list-style: none outside none;
padding: 0;
position: absolute;
text-shadow: none;
top: 100%;
z-index: 10000;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.DMs_grid_table .dropdown-menu-right {
right: 0;
left: auto !important;
}
.dropdown-menu>li>a {
border-radius: 3px;
color: inherit;
line-height: 25px;
margin: 0px;
text-align: left;
font-weight: normal;
display: block;
padding: 3px 20px;
clear: both;
white-space: nowrap;
text-decoration: none;
font-size: 1em;
padding-left: 15px !important;
font-size: 1.1em !important;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu>li>a.btn-success:focus,
.dropdown-menu>li>a.btn-success:hover {
background-color: #6ed3a1;
}
.dropdown-menu>li>a.font-bold {
font-weight: 600;
}
.navbar-top-links .dropdown-menu li {
display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
width: 310px;
min-width: 0;
}
.navbar-top-links .dropdown-messages {
margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}
.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}
.dropdown-messages,
.dropdown-alerts {
padding: 10px 10px 10px 10px;
}
.dropdown-messages li a,
.dropdown-alerts li a {
font-size: 12px;
}
.dropdown-messages li em,
.dropdown-alerts li em {
font-size: 10px;
}
.nav.navbar-top-links .dropdown-alerts a {
font-size: 12px;
}
.nav-header {
padding: 33px 25px;
background-color: rgb(26, 40, 52);
}
.pace-done .nav-header {
transition: all 0.4s;
}
ul.nav-second-level {
/*background: #293846;*/
}
.nav>li.active {
/*border-left: 4px solid var(--primary);
background: #293846;*/
}
.nav li ul{
position: relative;
padding: .5em 0 0 2rem;
}
.nav li ul.dropdown-menu {
position: absolute;
}
.nav li ul.dropdown-messages, .nav li ul.dropdown-alerts {
padding: 10px 10px 10px 10px;
}
.load_notify .dropdown-menu.dropdown-messages.show {
left: -110px;
top: 32px;
right: 0;
}
@media (max-width: 768px) {
.load_notify .dropdown-menu.dropdown-messages.show {
left: -190px;
top: 32px;
right: 0;
}
}
.nav > li.active > ul::before {
content: '';
height: 100%;
opacity: 1;
width: 3px;
background: #e0f3ff;
position: absolute;
left: 20px;
top: 0;
border-radius: 15px;
}
.nav.nav-second-level>li.active {
border: none;
}
.nav.nav-second-level.collapse[style] {
height: auto !important;
}
/*ul.nav.nav-third-level.collapse.in {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}*/
.nav-category-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 34px;
}
.nav-catedgory-second-level li .nav-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 52px;
}
.nav>li.active .nav-category-second-level>li.active {
border-left: 4px solid rgb(33, 218, 30);
margin-left: -4px;
}
.nav-category-second-level .nav-category-second-level{
margin-left: 20px;
}
.nav ul li a span.nav-label{
display: inline-block;
width: 80%;
}
.nav ul li a i{
float: left;
}
.nav-header a {
color: #DFE4ED;
}
.nav-header .text-muted {
color: #8095a8;
}
.minimalize-styl-2 {
padding: 4px 12px;
margin: 14px 5px 5px 20px;
font-size: 14px;
float: left;
}
.navbar-form-custom {
float: left;
height: 50px;
padding: 0;
width: 200px;
display: block;
}
.navbar-form-custom .form-group {
margin-bottom: 0;
}
.nav.navbar-top-links a {
font-size: 14px;
}
.navbar-form-custom .form-control {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font-size: 14px;
height: 60px;
margin: 0;
z-index: 2000;
}
.count-info .label {
line-height: 12px;
padding: 2px 5px;
position: absolute;
right: 6px;
top: 12px;
}
.arrow {
float: right;
}
.fa.arrow:before {
content: "\f104";
}
.active>a>.fa.arrow:before {
content: "\f107";
}
.nav-second-level li
/*,.nav-third-level li*/
{
border-bottom: none !important;
}
.nav-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 52px;
}
/*.nav-third-level li a {
padding-left: 62px;
}*/
/*.nav-third-level0 li a {
padding-left: 72px;
}*/
.nav-third-level1 li a {
padding-left: 72px;
}
.nav-third-level2 li a {
padding-left: 77px;
}
.nav-third-level3 li a {
padding-left: 82px;
}
.nav-second-level li:last-child {
margin-bottom: 10px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
display: block;
border-radius: 0 2px 2px 0;
min-width: 140px;
height: auto;
}
body.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
font-size: 12px;
border-radius: 3px;
}
.fixed-nav .slimScrollDiv #side-menu {
padding-bottom: 60px;
}
.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}
.mini-navbar .nav .nav-second-level {
position: fixed;
left: 70px;
margin-top: -45px;
background-color: #FFFFFF; /*rgb(41 56 70);*/
padding: 10px 10px 10px 10px;
font-size: 12px;
}
.canvas-menu.mini-navbar .nav-second-level {
background: #293846;
}
.mini-navbar li.active .nav-second-level {
left: 65px;
}
.logo-element {
text-align: center;
font-size: 18px;
font-weight: 600;
color: white;
display: none;
padding: 18px 0;
}
.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.navbar-fixed-top {
background: #fff;
transition-duration: 0.4s;
border-bottom: 1px solid #e7eaec !important;
z-index: 2030;
}
/* .navbar-fixed-top,
.navbar-static-top,
.title-under-nav {
background-color: #FFFFFF;
box-shadow: 0 0.46875rem 2.1875rem #04091408,0 0.9375rem 1.40625rem #04091408,0 0.25rem 0.53125rem #0409140d,0 0.125rem 0.1875rem #04091408;
} */
.navbar-fixed-top,
.navbar-static-top,
.title-under-nav {
background-color: transparent;
box-shadow: none;
}
.fixed-nav #wrapper {
margin-top: 0;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none;
border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
border-bottom: #f3f3f4;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555555;
cursor: default;
}
.nav.nav-tabs li {
background: none;
border: none;
}
body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
margin-top: 60px;
}
body.top-navigation.fixed-nav #wrapper #page-wrapper {
margin-top: 0;
}
body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
left: 220px;
}
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
left: 70px;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
left: 0;
}
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side {
margin-top: 0;
}
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top {
left: 0;
}
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
left: 220px;
}
.fixed-nav .minimalize-styl-2 {
margin: 14px 5px 5px 15px;
}
.body-small .navbar-fixed-top {
margin-left: 0;
}
body.mini-navbar .navbar-static-side {
width: 70px;
}
body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
display: none;
}
.nav-second-level li a span {
display: inline-block !important;
}
body.mini-navbar .navbar-default .nav li a span.langs-popover-editor {
display: block;
}
body.canvas-menu .profile-element {
display: block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
display: none;
}
body.mini-navbar .navbar-default .nav>li>a {
font-size: 16px;
text-align:center;
}
/*body.mini-navbar .logo-element {
display: block;
}*/
body.canvas-menu .logo-element {
display: none;
}
body.mini-navbar .nav-header {
padding: 0;
background-color: var(--primary);
}
body.canvas-menu .nav-header {
padding: 33px 25px;
}
body.mini-navbar #page-wrapper {
margin: 0 0 0 70px;
}
body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0 !important;
}
body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
margin: 0 0 0 0;
}
body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
position: fixed;
width: 220px;
z-index: 2001;
height: 100%;
}
body.fixed-sidebar.mini-navbar .navbar-static-side {
width: 0;
}
body.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 0;
}
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 220px;
}
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
width: 220px;
}
.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level,
.canvas-menu.mini-navbar .nav li:focus>.nav-second-level {
display: block;
height: auto;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
font-size: 12px;
border-radius: 3px;
}
body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
font-size: 13px;
border-radius: 3px;
}
.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
position: relative;
padding: 0;
font-size: 13px;
}
.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
left: 0;
}
body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a,
body.canvas-menu.mini-navbar .navbar-default .nav>li>a {
font-size: 13px;
}
body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
display: inline;
}
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
display: block;
}
.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
padding: 7px 10px 7px 52px;
}
.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
left: 0;
}
body.canvas-menu nav.navbar-static-side {
z-index: 2001;
background: rgb(26, 40, 52);
height: 100%;
position: fixed;
display: none;
}
body.canvas-menu.mini-navbar nav.navbar-static-side {
display: block;
width: 220px;
}
.top-navigation #page-wrapper {
margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu>.active>a {
background: white;
color: var(--primary);
font-weight: bold;
}
.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
background: #fff;
}
.top-navigation .navbar {
margin-bottom: 0;
}
.top-navigation .nav>li>a {
padding: 15px 20px;
color: #676a6c;
}
.top-navigation .nav>li a:hover,
.top-navigation .nav>li a:focus {
background: #fff;
color: var(--primary);
}
.top-navigation .navbar .nav>li.active {
background: #fff;
border: none;
}
.top-navigation .nav>li.active>a {
color: var(--primary);
}
.top-navigation .navbar-right {
margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
box-shadow: none;
border: 1px solid #e7eaec;
}
.top-navigation .dropdown-menu>li>a {
margin: 0;
padding: 7px 20px;
}
.navbar .dropdown-menu {
margin-top: 0;
}
.top-navigation .navbar-brand {
background: var(--primary);
color: #fff;
padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
margin-right: 0;
}
.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
margin: 0;
}
.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
margin-top: 50px;
}
.top-navigation .footer.fixed {
margin-left: 0 !important;
}
.top-navigation .wrapper.wrapper-content {
padding: 40px;
}
.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
padding: 40px 0 40px 0;
}
.navbar-toggle {
background-color: var(--primary);
color: #fff;
padding: 6px 12px;
font-size: 14px;
}
.top-navigation .navbar-nav .open .dropdown-menu>li>a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 20px;
}
@media (max-width: 768px) {
.top-navigation .navbar-header {
display: block;
float: none;
}
}
.menu-visible-lg,
.menu-visible-md {
display: none !important;
}
@media (min-width: 1200px) {
.menu-visible-lg {
display: block !important;
}
}
@media (min-width: 992px) {
.menu-visible-md {
display: block !important;
}
}
@media (max-width: 767px) {
.menu-visible-md {
display: block !important;
}
.menu-visible-lg {
display: block !important;
}
}
.btn {
/*border-radius: 3px;*/
}
.float-e-margins .btn {
/*margin-bottom: 5px;*/
}
.btn-w-m {
min-width: 120px;
}
.btn-primary.btn-outline {
color: var(--primary);
}
.btn-success.btn-outline {
color: #1c84c6;
}
.btn-info.btn-outline {
color: rgb(18, 162, 198);
}
.btn-warning.btn-outline {
color: rgb(242, 184, 59);
}
.btn-danger.btn-outline {
color: rgb(231, 94, 84);
}
.btn-outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color: #868e96;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff;
}
.btn-primary {
background-color: #3f71da;
border-color: #3f71da;
color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
background-color: #6597ff;;
border-color: #6597ff;;
color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #1dc5a3;
border-color: #1dc5a3;
}
/*.btn-success {
background-color: #1c84c6;
border-color: #1c84c6;
color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
background-color: #1a7bb9;
border-color: #1a7bb9;
color: #FFFFFF;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #1f90d8;
border-color: #1f90d8;
}*/
.btn-info {
background-color: rgb(18, 162, 198);
border-color: rgb(18, 162, 198);
color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.active:focus {
background-color: #21b9bb;
border-color: #21b9bb;
color: #FFFFFF;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #26d7d9;
border-color: #26d7d9;
}
.btn-default {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus {
color: inherit;
border: 1px solid #d2d2d2;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
color: #cacaca;
}
.btn-warning {
background-color: rgb(242, 184, 59);
border-color: rgb(242, 184, 59);
color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
background-color: #f7a54a;
border-color: #f7a54a;
color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f9b66d;
border-color: #f9b66d;
}
.btn-danger {
background-color: rgb(231, 94, 84);
border-color: rgb(231, 94, 84);
color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.active:focus {
background-color: #ec4758;
border-color: #ec4758;
color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #ef6776;
border-color: #ef6776;
}
.btn-link {
color: inherit;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
color: var(--primary);
text-decoration: none;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
background-image: none;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
color: #cacaca;
}
.btn-white {
color: inherit;
background: white;
border: 1px solid #e7eaec;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:hover,
.btn-white.active:focus {
color: inherit;
border: 1px solid #d2d2d2;
}
.btn-white:active,
.btn-white.active {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
background-image: none;
}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
color: #cacaca;
}
.btn-primary-dark {
background-color: #1d396d;
border-color: #385790;
color: #FFFFFF;
font-size: 14px;
padding: 10px 20px;
font-weight: 600;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active,
.btn-primary-dark.active,
.open .dropdown-toggle.btn-primary-dark {
background-color: #1d396d;
border-color: #3459ac;
color: #FFFFFF;
}
.btn-primary-dark:active,
.btn-primary-dark.active,
.open .dropdown-toggle.btn-primary-dark {
background-image: none;
}
.btn-primary-dark.disabled,
.btn-primary-dark.disabled:hover,
.btn-primary-dark.disabled:focus,
.btn-primary-dark.disabled:active,
.btn-primary-dark.disabled.active,
.btn-primary-dark[disabled],
.btn-primary-dark[disabled]:hover,
.btn-primary-dark[disabled]:focus,
.btn-primary-dark[disabled]:active,
.btn-primary-dark.active[disabled],
fieldset[disabled] .btn-primary-dark,
fieldset[disabled] .btn-primary-dark:hover,
fieldset[disabled] .btn-primary-dark:focus,
fieldset[disabled] .btn-primary-dark:active,
fieldset[disabled] .btn-primary-dark.active {
background-color: #1d396d;
border-color: #1dc5a3;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
box-shadow: none;
}
.popover-content {
color: black;
}
.langs-helper {
cursor: pointer;
}
.popover {
z-index: 3060;
}
.btn-outline {
color: inherit;
background-color: transparent;
transition: all .5s;
}
.btn-rounded {
border-radius: 50px;
}
.btn-large-dim {
width: 90px;
height: 90px;
font-size: 42px;
}
button.dim {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding-top: 6px;
margin-right: 10px;
position: relative;
cursor: pointer;
border-radius: 5px;
font-weight: 600;
margin-bottom: 20px !important;
}
button.dim:active {
top: 3px;
}
button.btn-primary.dim {
box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
}
button.btn-primary.dim:active {
box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
}
button.btn-default.dim {
box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
}
button.btn-default.dim:active {
box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
}
button.btn-warning.dim {
box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
}
button.btn-warning.dim:active {
box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
}
button.btn-info.dim {
box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
}
button.btn-info.dim:active {
box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
}
button.btn-success.dim {
box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
}
button.btn-success.dim:active {
box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
}
button.btn-danger.dim {
box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}
button.btn-danger.dim:active {
box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
}
button.dim:before {
font-size: 50px;
line-height: 1em;
font-weight: normal;
color: #fff;
display: block;
padding-top: 10px;
}
button.dim:active:before {
top: 7px;
font-size: 50px;
}
.btn:focus {
outline: none !important;
}
.label {
background-color: #d1dade;
color: #5e5e5e;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 600;
padding: 3px 8px;
text-shadow: none;
}
.nav .label,
.dmbox .label {
font-size: 10px;
}
.badge {
background-color: #d1dade;
color: #5e5e5e;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
text-shadow: none;
}
.label-primary,
.badge-primary {
background-color: var(--primary);
color: #FFFFFF;
}
.label-success,
.badge-success {
background-color: #1c84c6;
color: #FFFFFF;
}
.label-warning,
.badge-warning {
background-color: rgb(242, 184, 59);
color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
background-color: rgb(242, 184, 59);
color: #ffffff;
}
.label-danger,
.badge-danger {
background-color: rgb(231, 94, 84);
color: #FFFFFF;
}
.label-info,
.badge-info {
background-color: rgb(18, 162, 198);
color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
background-color: #262626;
color: #FFFFFF;
}
.label-white,
.badge-white {
background-color: #FFFFFF;
color: #5E5E5E;
}
.label-white,
.badge-disable {
background-color: #2A2E36;
color: #8B91A0;
}
/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
background: #ffffff;
box-shadow: none;
-moz-box-sizing: border-box;
border-radius: 2px;
cursor: text;
/*height: auto !important;*/
margin: 0;
min-height: 22px;
height:27px;
overflow: hidden;
padding: 0px 12px;
position: relative;
width: 100%;
font-size: 13px;
}
.chosen-container-single .chosen-single div b {
background: url(chosen-sprite.png) no-repeat 0 0px;
}
.chosen-container-multi .chosen-choices li.search-choice {
background: #f1f1f1;
border: 1px solid #e5e6e7;
border-radius: 2px;
box-shadow: none;
color: #333333;
cursor: default;
line-height: 13px;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
position: relative;
}
/* TOOLTIPS */
.tooltip-inner {
background-color: rgb(26, 40, 52);
}
.tooltip.top .tooltip-arrow {
border-top-color: rgb(26, 40, 52);
}
.tooltip.right .tooltip-arrow {
border-right-color: rgb(26, 40, 52);
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: rgb(26, 40, 52);
}
.tooltip.left .tooltip-arrow {
border-left-color: rgb(26, 40, 52);
}
.ui-tooltip {
opacity: 1;
}
/* FULLCALENDAR */
.fc-state-default {
background-color: #ffffff;
background-image: none;
background-repeat: repeat-x;
box-shadow: none;
color: #333333;
text-shadow: none;
}
.fc-state-default {
border: 1px solid;
}
.fc-button {
color: inherit;
border: 1px solid #e7eaec;
cursor: pointer;
display: inline-block;
height: 1.9em;
line-height: 1.9em;
overflow: hidden;
padding: 0 0.6em;
position: relative;
white-space: nowrap;
}
.fc-state-active {
background-color: var(--primary);
border-color: var(--primary);
color: #ffffff;
}
.fc-header-title h2 {
font-size: 16px;
font-weight: 600;
color: inherit;
}
.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
border-color: #e7eaec;
font-weight: normal;
}
.fc-border-separate tbody {
background-color: #F8F8F8;
}
.fc-state-highlight {
background: none repeat scroll 0 0 #FCF8E3;
}
.external-event {
padding: 5px 10px;
border-radius: 2px;
cursor: pointer;
margin-bottom: 5px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-radius: 2px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a:not(.btn) {
padding: 4px 6px;
background-color: var(--primary);
/* background color */
border-color: var(--primary);
/* border color */
}
.fc-event-time,
.fc-event-title {
color: #717171;
padding: 0 1px;
}
.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
color: #fff;
}
/* CIRCLE */
.img-circle {
border-radius: 50%;
}
.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
line-height: 18px;
}
a.btn.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
line-height: 30px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
border-radius: 25px;
font-size: 18px;
line-height: 1.33;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
}
.show-grid {
margin: 15px 0;
}
/* INPUTS */
.inline {
display: inline-block !important;
}
.input-s-sm {
width: 120px;
}
.input-s {
width: 200px;
}
.input-s-lg {
width: 250px;
}
.i-checks {
padding-left: 0;
}
.form-control,
.single-line {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #e5e6e7;
border-radius: 1px;
color: inherit;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-control:focus,
.single-line:focus {
border-color: var(--primary);
}
.has-success .form-control,
.has-success .form-control:focus {
border-color: var(--primary);
}
.has-warning .form-control,
.has-warning .form-control:focus {
border-color: rgb(242, 184, 59);
}
.has-error .form-control,
.has-error .form-control:focus {
border-color: rgb(231, 94, 84);
}
.has-success .control-label {
color: var(--primary);
}
.has-warning .control-label {
color: rgb(242, 184, 59);
}
.has-error .control-label {
color: rgb(231, 94, 84);
}
.input-group-addon {
background-color: #fff;
border: 1px solid #E5E6E7;
border-radius: 1px;
color: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 6px 12px;
text-align: center;
max-height: 30px;
}
.spinner-buttons.input-group-btn .btn-sm {
line-height: 1.13;
}
.spinner-buttons.input-group-btn {
width: 20%;
}
.noUi-connect {
background: none repeat scroll 0 0 var(--primary);
box-shadow: none;
}
.slider_red .noUi-connect {
background: none repeat scroll 0 0 rgb(231, 94, 84);
box-shadow: none;
}
/* UI Sortable */
.ui-sortable .dmbox-title {
cursor: move;
}
.ui-sortable-placeholder {
border: 1px dashed #cecece !important;
visibility: visible !important;
background: #e7eaec;
}
.dmbox.ui-sortable-placeholder {
margin: 0 0 23px !important;
}
/* jqGrid */
.ui-jqgrid {
-moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
border-collapse: separate;
}
.ui-jqgrid-htable {
border-collapse: separate;
}
.ui-jqgrid-titlebar {
height: 40px;
line-height: 15px;
color: #676a6c;
background-color: #F9F9F9;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
float: left;
margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
position: relative;
border-left: 0 solid;
border-right: 0 solid;
border-top: 0 solid;
}
.ui-widget-header {
background: none;
background-image: none;
background-color: #f5f5f6;
text-transform: uppercase;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-jqgrid tr.ui-row-ltr td {
border-right-color: inherit;
border-right-style: solid;
border-right-width: 1px;
text-align: left;
border-color: #DDDDDD;
background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
font-size: 12px;
height: 15px;
border: 1px solid #CCCCCC;
border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: #F9F9F9;
border: 1px solid #DDDDDD;
line-height: 15px;
font-weight: bold;
color: #676a6c;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
box-sizing: content-box;
}
.ui-icon-triangle-1-n {
background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
border-top-width: 0 !important;
border-top-color: inherit !important;
border-top-style: ridge !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #f5f5f5;
border-collapse: separate;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #f2fbff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #dddddd;
background: #ffffff;
font-weight: normal;
color: #212121;
}
.ui-jqgrid .ui-pg-input {
font-size: inherit;
width: 50px;
border: 1px solid #CCCCCC;
height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
display: block;
font-size: 1em;
height: 25px;
line-height: 18px;
margin: 0;
width: auto;
}
.ui-jqgrid .ui-pager-control {
position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
height: 32px;
position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
border-radius: 0;
}
.ui-jqgrid .ui-pg-button:hover {
padding: 1px;
border: 0;
}
.ui-jqgrid .loading {
position: absolute;
top: 45%;
left: 45%;
width: auto;
height: auto;
z-index: 101;
padding: 6px;
margin: 5px;
text-align: center;
font-weight: bold;
display: none;
border-width: 2px !important;
font-size: 11px;
}
.ui-jqgrid .form-control {
height: 10px;
width: auto;
display: inline;
padding: 10px 12px;
}
.ui-jqgrid-pager {
height: 32px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0;
}
.ui-widget-content {
border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
padding: 6px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
float: none !important;
}
.ui-jqdialog>.ui-resizable-se {
position: absolute;
}
/* Nestable list */
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
line-height: 20px;
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.dd-list .dd-list {
padding-left: 30px;
}
.dd-collapsed .dd-list {
display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px;
}
.dd-handle {
display: block;
margin: 5px 0;
padding: 5px 10px;
color: #333;
text-decoration: none;
border: 1px solid #e7eaec;
background: #f5f5f5;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-handle span {
font-weight: bold;
}
.dd-handle:hover {
background: #f0f0f0;
cursor: pointer;
font-weight: bold;
}
.dd-item>button {
display: block;
position: relative;
cursor: pointer;
float: left;
width: 25px;
height: 20px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold;
}
.dd-item>button:before {
content: '+';
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0;
}
.dd-item>button[data-action="collapse"]:before {
content: '-';
}
#nestable2 .dd-item>button {
font-family: FontAwesome;
height: 34px;
width: 33px;
color: #c1c1c1;
}
#nestable2 .dd-item>button:before {
content: "\f067";
}
#nestable2 .dd-item>button[data-action="collapse"]:before {
content: "\f068";
}
.dd-placeholder,
.dd-empty {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel {
position: absolute;
z-index: 9999;
pointer-events: none;
}
.dd-dragel>.dd-item .dd-handle {
margin-top: 0;
}
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/
.nestable-lists {
display: block;
clear: both;
padding: 30px 0;
width: 100%;
border: 0;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
#nestable-menu {
padding: 0;
margin: 10px 0 20px 0;
}
#nestable-output,
#nestable2-output {
width: 100%;
font-size: 0.75em;
line-height: 1.333333em;
font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
color: inherit;
border: 1px dashed #e7eaec;
background: #f3f3f4;
padding: 10px;
}
#nestable2 span.label {
margin-right: 10px;
}
#nestable-output,
#nestable2-output {
font-size: 12px;
padding: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* CodeMirror */
.CodeMirror {
border: 1px solid #eee;
height: auto;
}
.CodeMirror-scroll {
overflow-y: hidden;
overflow-x: auto;
}
/* Google Maps */
.google-map {
height: 300px;
}
/* Validation */
label.error {
color: #cc5965;
display: inline-block;
margin-left: 5px;
}
.form-control.error {
border: 1px dotted #cc5965;
}
input.form-control.error,
textarea.form-control.error,
select.form-control.error,
.simple_connection.error {
border-width: 0;
box-shadow: 0 0 5px 1px #ff0000 inset;
}
/* ngGrid */
.gridStyle {
border: 1px solid #d4d4d4;
width: 100%;
height: 400px;
}
.gridStyle2 {
border: 1px solid #d4d4d4;
width: 500px;
height: 300px;
}
.ngH eaderCell {
border-right: none;
border-bottom: 1px solid #e7eaec;
}
.ngCell {
border-right: none;
}
.ngTopPanel {
background: #F5F5F6;
}
.ngRow.even {
background: #f9f9f9;
}
.ngRow.selected {
background: #EBF2F1;
}
.ngRow {
border-bottom: 1px solid #e7eaec;
}
.ngCell {
background-color: transparent;
}
.ngHeaderCell {
border-right: none;
}
/* Toastr custom style */
#toast-container>.toast {
background-image: none !important;
}
#toast-container>.toast:before {
position: fixed;
font-family: 'Font Awesome 5 Pro';
font-size: 24px;
line-height: 24px;
float: left;
color: #FFF;
padding-right: 0.5em;
margin: auto 0.5em auto -1.5em;
}
#toast-container>.toast-warning:before {
content: "\f0e7";
}
#toast-container>.toast-error:before {
content: "\f071";
}
#toast-container>.toast-info:before {
content: "\f005";
}
#toast-container>.toast-success:before {
content: "\f00C";
}
#toast-container>div {
-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;
opacity: .9;
-ms-filter: alpha(opacity=90);
filter: alpha(opacity=90);
}
#toast-container> :hover {
-moz-box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 4px #999;
box-shadow: 0 0 4px #999;
opacity: 1;
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
.toast {
background-color: var(--primary);
}
.toast-success {
background-color: var(--primary);
/*#51a351*/
}
.toast-error {
background-color: rgb(231, 94, 84);
}
.toast-info {
background-color: rgb(18, 162, 198);
}
.toast-warning {
background-color: rgb(242, 184, 59);
}
.toast-top-full-width {
margin-top: 20px;
}
.toast-bottom-full-width {
margin-bottom: 20px;
}
/* Image cropper style */
.img-container,
.img-preview {
overflow: hidden;
text-align: center;
width: 100%;
}
.img-preview-sm {
height: 130px;
width: 200px;
}
/* Tabs */
.tabs-container .panel-body {
background: #fff;
border: 1px solid #e7eaec;
border-radius: 2px;
padding: 20px;
position: relative;
}
.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:hover,
.tabs-container .nav-tabs>li.active>a:focus {
border: 1px solid #e7eaec;
border-bottom-color: transparent;
background-color: #fff;
}
.tabs-container .nav-tabs>li.separator>a,
.tabs-container .nav-tabs>li.separator>a:hover,
.tabs-container .nav-tabs>li.separator>a:focus {
border-bottom-color: transparent;
background-color: #fff;
}
.tabs-container .nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.tabs-container .tab-pane .panel-body {
border-top: none;
}
.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:hover,
.tabs-container .nav-tabs>li.active>a:focus {
border: 1px solid #e7eaec;
border-bottom-color: transparent;
}
.tabs-container .nav-tabs {
border-bottom: 1px solid #e7eaec;
}
.tabs-container .tabs-top.tabs.wide-tabs .nav-tabs {
/*padding-left: 15px;*/
padding-left: 0;
margin: 20px 4px 0 4px;
}
.tabs-container .tab-pane .panel-body {
border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .panel-body {
border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-left .tab-pane .tabs-container .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .tabs-container .tab-pane .panel-body {
border-top-width: 0;
}
.tabs-left {
background: #f3f4f4;
}
.tabs-container .nav-tabs>li a:hover {
/*background: transparent;
border-color: transparent;*/
}
.tabs-container .tabs-below>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs,
.tabs-container .tabs-left>.nav-tabs {
border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
position: static;
}
.tabs-container .tabs-left>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs {
width: 12%;
}
.tabs-container .tabs-left .panel-body {
width: 88%;
margin-left: 12%;
}
.tabs-container .tabs-left .panel-body .panel-body,
.tabs-container .tabs-left.wide-tabs .panel-body .panel-body {
width: auto;
margin-left: 0% !important;
}
.tabs-container .tabs-left .note-editor .panel-body {
width: 100%;
margin-left: 0;
}
.tabs-left.wide-tabs .nav {
padding-left:15px;
}
.tabs-container .tabs-right .panel-body {
width: 80%;
margin-right: 20%;
}
.tabs-container .tab-content>.tab-pane,
.tabs-container .pill-content>.pill-pane {
display: none;
}
.tabs-container .tab-content>.active,
.tabs-container .pill-content>.active {
display: block;
}
.tabs-container .tabs-below>.nav-tabs {
border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below>.nav-tabs>li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-container .tabs-below>.nav-tabs>li>a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below>.nav-tabs>li>a:hover,
.tabs-container .tabs-below>.nav-tabs>li>a:focus {
border-top-color: #e7eaec;
border-bottom-color: transparent;
}
.tabs-container .tabs-left>.nav-tabs>li,
.tabs-container .tabs-right>.nav-tabs>li {
float: none;
background: #f3f4f4;
}
.tabs-container .tabs-left>.nav-tabs>li>a,
.tabs-container .tabs-right>.nav-tabs>li>a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-container .tabs-left>.nav-tabs {
float: left;
margin-right: 19px;
}
.tabs-container .tabs-left>.nav-tabs>li>a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left>.nav-tabs .active>a,
.tabs-container .tabs-left>.nav-tabs .active>a:hover,
.tabs-container .tabs-left>.nav-tabs .active>a:focus {
border-color: #e7eaec transparent #e7eaec #e7eaec;
}
.tabs-container .tabs-right>.nav-tabs {
float: right;
margin-left: 19px;
}
.tabs-container .tabs-right>.nav-tabs>li>a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right>.nav-tabs .active>a,
.tabs-container .tabs-right>.nav-tabs .active>a:hover,
.tabs-container .tabs-right>.nav-tabs .active>a:focus {
border-color: #e7eaec #e7eaec #e7eaec transparent;
z-index: 1;
}
@media (max-width: 767px) {
.tabs-container .nav-tabs>li {
float: none !important;
}
.tabs-container .nav-tabs>li.active>a {
border-bottom: 1px solid #e7eaec !important;
margin: 0;
}
}
body {
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #F1F4F6;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
}
html,
body {
height: 100%;
}
body#tinymce {
height: auto;
}
body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
height: 100%;
}
#page-wrapper {
min-height: auto;
}
body.boxed-layout #wrapper {
background-color: rgb(26, 40, 52);
max-width: 1200px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
.top-navigation.boxed-layout #wrapper,
.boxed-layout #wrapper.top-navigation {
max-width: 1300px !important;
}
.block {
display: block;
}
.clear {
display: block;
overflow: hidden;
}
a {
cursor: pointer;
}
a:hover,
a:focus {
text-decoration: none;
}
#tinymce_insert_image_outer .modal-dialog.modal-lg {
width: 80%;
}
/* FOOTER */
.footer {
background: none repeat scroll 0 0 white !important;
border-top: 1px solid #e7eaec;
bottom: 0;
left: 0;
padding: 10px 20px !important;
position: fixed;
right: 0;
z-index: 1000;
background-color: #f0f0f0;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.column_content .footer {
background: inherit !important;
border-top: inherit !important;
bottom: inherit !important;
left: inherit !important;
padding: inherit !important;
position: inherit !important;
right:inherit !important;
z-index: inherit !important;
background-color: inherit !important;
padding-top: inherit !important;
padding-bottom: inherit !important;
}
/*DM*/
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background: #fff;
}
.nav.navbar-top-links>li>a:hover,
.nav.navbar-top-links>li>a:focus {
background-color: transparent;
}
.nav>li>a i {
margin-right: 5px;
opacity: 0.3;
font-size: 1rem;
}
.nav>li>a:hover>i {
opacity: 0.6;
color: var(--nav-font-color);
}
/*ul.nav.nav-third-level.collapse.in {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}*/
.nav-category-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 34px;
}
.nav-catedgory-second-level li .nav-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 52px;
}
.nav>li.active .nav-category-second-level>li.active {
border-left: 4px solid rgb(33, 218, 30);
margin-left: -4px;
}
.nav-category-second-level .nav-category-second-level{
margin-left: 20px;
}
.nav ul li a span.nav-label{
display: inline-block;
width: 65%;
}
.nav ul li a i{
float: left;
}
.navbar-default .landing_link_mirror a {
background: var(--primary);
color: white;
}
.navbar-default .showall_link a {
background-color: rgb(242, 184, 59);
border-color: rgb(242, 184, 59);
color: white;
}
.navbar-default .showall_errors a {
color: white;
background-color: #a94442;
border-color: #ebccd1;
}
.navbar-default .required_login a {
color: white;
background-color: #4442a9;
border-color: #4442a9;
}
.navbar-default .only_admin a {
color: white;
background-color: #4288a9;
border-color: #4288a9;
}
.navbar-default .landing_link_mirror a:hover {
background: rgb(60, 176, 136) !important;
color: white;
}
.nav-second-level li a span {
display: inline-block !important;
}
body.mini-navbar .navbar-default .nav li a span.langs-popover-editor {
display: block;
}
.popover-content {
color: black;
}
.langs-helper {
cursor: pointer;
}
.popover {
z-index: 3060;
}
.dmbox-not-collapsed > .dmbox-title .dmbox-title-description{
display: none;
}
.excerpt {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*.excerpt:hover {
overflow: auto;
text-overflow: auto;
white-space: normal;
}*/
/* pricing start */
.prices5 {
margin: 0;
/*border-top: 10px solid #FC6F29;*/
}
.prices:nth-child(1) .prices5 {
border-top: 10px solid #106eb2;
}
.prices:nth-child(2) .prices5 {
border-top: 10px solid #75ac3d;
}
.prices:nth-child(3) .prices5 {
border-top: 10px solid #ef982d;
}
.prices:nth-child(1) .prices5 .pricetable .price h2 {
color: #106eb2;
}
.prices:nth-child(2) .prices5 .pricetable .price h2 {
color: #75ac3d;
}
.prices:nth-child(3) .prices5 .pricetable .price h2 {
color: #ef982d;
}
.btn-price {
color: #000;
background: #EEEEEE;
text-transform: uppercase;
padding: 8px 20px;
font-size: 14px;
margin-top: 0px;
display: inline-block;
text-align: center;
/* display: block; */
margin: 17px 3px;
}
.btn-price:hover {
background: #75ac3d;
color: white;
text-decoration: none;
}
.prices5 .pricetable {
overflow: hidden;
padding: 0 0 3rem;
position: relative;
}
.prices5 .pricetable.popular {
margin: 0;
z-index: 1;
}
.prices5 .pricetable .price h2 {
margin-top: 0px;
}
.prices5 .pricetable .price sup,
.prices5 .pricetable .price sub {
color: #fff;
position: relative;
}
.prices5 .pricetable .price sub {
top: 0;
}
.prices5 .pricetable .price sup,
.prices5 .pricetable .price sub {
color: #fff;
position: relative;
}
.prices5 .pricetable ul {
list-style: none;
margin: 2rem 1rem;
padding: 0;
}
.prices5 .pricetable ul li {
line-height: 3rem;
padding-left: 1.3em;
border-bottom: 1px solid #eeefef;
}
.prices5 .pricetable ul li:before {
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
color: #38b5e9;
}
.prices5 .pricetable.popular .price {
background: #f3f4f4;
}
.prices5 .pricetable .price {
background: #f3f4f4;
}
.prices5 .pricetable .price {
background: #f3f4f4;
color: #222;
font-family: "Economica", sans-serif;
padding: 1.5rem 0;
text-transform: uppercase;
}
@media (min-width: 992px) {
.modal-lg.modal-xl {
width: 95%;
min-width: 400px;
max-width: 95%;
}
}
.modal-xl .modal-body{
min-height: 375px;
}
body.sk-loading:after {
content: " ";
display: block;
z-index: 9999999;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.8);
}
.inline_radio_buttons label.control-label,
.inline_radio_buttons div {
display: inline-block;
float: none;
width: auto;
}
body.simple-admin-panel #page-wrapper {
margin: 0;
padding: 0 0 30px 0;
min-height: 0;
}
body.simple-admin-panel #wrapper {
margin-bottom: 40px;
}
body.simple-admin-panel .footer {
position: fixed;
}
.form-horizontal .col-xs-12.control-label,
.form-horizontal .col-sm-12.control-label,
.form-horizontal .col-md-12.control-label,
.form-horizontal .col-ld-12.control-label {
text-align: left;
}
@media (max-width: 1170px) {
.tabs-container .tabs-left>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs {
width: 20%;
}
.tabs-container .tabs-left .panel-body {
width: 80%;
margin-left: 20%;
}
}
@media (max-width: 991px) {
.tabs-container .tabs-left>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs {
width: 25%;
}
.tabs-container .tabs-left .panel-body {
width: 75%;
margin-left: 25%;
}
}
@media (max-width: 768px) {
.nav.nav-tabs .btn {
white-space: normal;
}
}
@media (max-width: 600px) {
.tabs-container .tabs-left>.nav-tabs,
.tabs-container .tabs-right>.nav-tabs {
width: 100%;
float: left;
}
.tabs-container .tabs-left .panel-body {
width: 100%;
margin-left: 0%;
float: left;
}
.details_update_buttons .col-sm-12.text-right {
position: inherit;
}
}
.dm_small_gear {
margin: 0px;
padding: 0px;
display: inline-block;
}
.dm_small_gear li {
list-style: none;
}
.jstree li[aria-level="1"]>a {
font-weight: 800;
}
.jstree li[aria-level="2"]>a {
font-weight: 800;
}
.DMs_grid_table td.column_id {
min-width: 50px;
}
.DMs_grid_table tr.record:hover {
background: #f3f3f4;
}
.md_icon {
font-size: 1.4em;
}
.record.vitrutal_record td {
opacity: 0.2;
}
.record.vitrutal_record td.invoice_column {
opacity: 1;
}
.btn-gray {
background-color: rgb(221, 221, 221) !important;
border-color: rgb(221, 221, 221) !important;
}
.table>tbody>tr>td.column_id_text {
white-space: nowrap;
}
.tabs-container .tabs-left.wide-tabs {
position: relative;
}
.tabs-container .tabs-left.wide-tabs>.nav-tabs,
.tabs-container .tabs-right.wide-tabs>.nav-tabs {
width: 30%;
/*margin-right: 15px;*/
margin-right: 0;
transition: all 0.4s ease 0s;
}
.tabs-container .tabs-left.wide-tabs>.nav-tabs li,
.tabs-container .tabs-right.wide-tabs>.nav-tabs li {
display: block;
width: 100%;
}
.tabs-container .wide-tabs .panel-body {
width: auto;
background: none;
border-width: 0;
padding: 0;
transition: all 0.4s ease 0s;
}
.tabs-container .tabs-left.wide-tabs .panel-body {
margin-left: 30%;
padding: 0 0 0 0;
}
.tabs-container .tabs-left.wide-tabs .panel-body .edit-details-area .panel-body {
padding: 0;
}
.tabs-container .tabs-left.wide-tabs .panel-body .edit-details-area .panel-body > .col-xs-12 {
padding: 0;
}
.tabs-container .tabs-left.wide-tabs>.nav-tabs>li>a {
/*margin: 15px 15px 0px 0;*/
padding: 15px;
}
.tabs-container .wide-tabs .nav-tabs>li>a,
.tabs-container .wide-tabs .nav-tabs>li>a:hover,
.tabs-container .wide-tabs .nav-tabs>li>a:focus {
background-color: #FFFFFF;
/*border: #e7eaec;*/
}
.tabs-container .tabs-left.wide-tabs .nav-tabs>li>a big {}
.tabs-container .tabs-left.wide-tabs .nav-tabs>li>a small {
float: right;
line-height: 25px;
}
.tabs-container .tabs-left.wide-tabs .nav-tabs>li.active>a small,
.tabs-container .tabs-left.wide-tabs .nav-tabs>li>a:hover small {
color: #337ab7;
}
.tabs-container .tabs-top.wide-tabs .nav-tabs>li>a big {
font-size: inherit;
}
.tabs-container .tabs-top.wide-tabs .nav-tabs>li>a small {
display: none;
}
.tabs-container .tabs-top.wide-tabs>.nav-tabs>li>a {
/*margin: 0 5px 15px 0;
border-radius: 4px;
border: 1px solid #e7eaec;
padding: 8px 20px;*/
}
.tabs-container .tabs-top.wide-tabs .tab-pane .panel-body,
.tabs-container .tabs-left.wide-tabs .tab-pane .panel-body {
border-top-width: 0;
}
#toast-container>.toast-warning:before {
content: "\f110";
color: white;
}
.container-xl {
width: 99%;
max-width: 1400px;
}
.bg-danger.highlight,
.bg-warning.highlight {
color: rgb(103, 106, 108);
}
.bg-danger-light {
background-color: #F9ECEC !important;
}
.bg-success-light {
background-color: #b6e5c1 !important;
}
.bg-warning-light {
background-color: #fde9ab !important;
}
@media (min-width:800px) and (max-width:991px) {
.tabs-left .panel-body .white-bg.p-sm.mb-3.clearfix>.col-md-12 {
float: left;
}
.tabs-left .panel-body>.col-md-12 {
float: left;
width: 100%;
}
}
@media (max-width:800px) {
.form-inline.input-group {
display: block;
padding: 10px;
}
.tabs-container .tabs-left.wide-tabs .panel-body {
margin-left: 0;
padding: 0;
}
.tab-content .panel-body {
margin-left: 0 !important;
}
.tab-content {
/*float: left;*/
display: block;
max-width: 100%;
min-width: 100%;
}
.details-col-slider {
display: none;
}
.tabs-container .tabs-left.wide-tabs>.nav-tabs {
width: 100% !important
}
.tabs-container .tabs-left.wide-tabs>.nav-tabs>li>a {
margin: 0 0 15px 0;
padding: 15px;
}
.tabs-container .tabs-left .panel-body {
width: 100%;
margin-left: 0%;
float: none;
}
.form-horizontal.white-bg.p-sm.mb-3,
.dmbox-content {
padding: 15px 0;
padding-bottom: 50px;
}
.col-md-12>.form-group.col-md-12,
.col-md-12>.form-group.col-md-12>.col-md-8,
.panel-body>.col-md-12 {
padding-right: 0;
padding-left: 0;
}
.mce-btn-group .mce-btn {
border-width: 1px;
margin: 0;
margin-left: 2px;
float: left;
}
.show_list_filters_top_search>div,
.DMs_grid_top_buttons {
padding: 15px !important
}
.col-list-grid .dmbox-content.mb-2 h2.inline.mr-3 {
margin-bottom: 15px;
padding: 15px
}
.form-horizontal.white-bg.p-sm.mb-3,
.dmbox-content {
padding: 15px 8px;
padding-bottom: 50px;
}
#grid tbody td {
padding-left: 52%;
}
}
@media only screen and (max-width: 800px) {
.responsive-table {
width: 100%;
float: left;
}
.responsive-table table,
.responsive-table thead,
.responsive-table tbody,
.responsive-table th,
.responsive-table td,
.responsive-table tr {
display: block;
}
.responsive-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsive-table tbody tr {
border-top: 1px solid #ccc;
}
.responsive-table tbody td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
white-space: normal;
text-align: left;
}
.responsive-table tbody td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.responsive-table tbody td:before {
content: attr(data-title);
}
.responsive-table tbody td.column_html_preview {
padding-left: 0 !important;
}
.responsive-table tbody td.column_html_preview:before {
content: none !important;
}
.responsive-table tbody td.column_html_preview .co_items_list td {
padding-left: 0 !important;
}
.responsive-table tbody td.column_html_preview:before {
content: none !important;
}
.responsive-table tbody td.empty_column_data {
display: none;
}
.responsive-table .table>tbody>tr>td.active {
background-color: transparent;
}
.responsive-table tbody td:before {
content: attr(data-title);
}
}
@media (max-width:800px) {
.btn.btn-sm.btn-primary {
white-space: normal;
}
.agile-list.flex {
display: block !important;
}
.milestones_info {
min-width: auto !important;
}
/* .outer_grid_box .input-group-btn,
.outer_grid_box .input-group {
display: block;
}
.outer_grid_box .input-group-btn,
.outer_grid_box .input-group {
width: 100%;
float: left;
margin-bottom: 10px;
}*/
/* .outer_grid_box .input-group-btn button.hide-tree-grid-btn-local, .outer_grid_box .input-group-btn button.btn_createNew {
width: 50%;
}*/
/* .outer_grid_box .input-group-btn button {
width: 100%;
}*/
.outer_grid_box .grid_search {
width: 100%;
float: left;
}
}
@media (max-width: 600px) {
.modal-body {
padding: 5px;
}
.panel-body {
padding: 5px;
}
.p-sm {
padding: 5px;
}
.container-fluid {
padding-right: 5px;
padding-left: 5px;
margin-right: auto;
margin-left: auto;
}
.tab-content {
float: left;
}
.col-list-grid .dmbox-content.mb-2 h2.inline.mr-3 {
padding: 5px;
top: 0 !important;
}
.form-inline.input-group {
display: block;
padding: 10px 0;
}
.hide-tree-grid-btn {
margin-top: -14px;
}
.show_list_filters_top_search > div,
.DMs_grid_top_buttons {
min-height:15px;
padding: 0px !important;
}
.show_list_filters_top_search .col-sm-4.col-md-2 {
width: 100%;
}
.DMs_grid_table .checkbox {
padding: 0px 20px;
}
.DMs_grid_table .column_active {
padding: 0px 20px;
}
.dm_grid_to_load tbody td > div {
margin-top: 0px;
}
.modal-md {
width: 95%;
}
.form-control {
height: 36px;
padding: 6px 12px;
font-size: 15px;
}
.btn {
font-size: 13px;
}
}
@media (max-width:400px) {
.outer_grid_box .input-group-btn,
.outer_grid_box .input-group {
display: grid;
}
.outer_grid_box .input-group-btn,
.outer_grid_box .input-group {
width: 100%;
float: left;
/* margin-bottom: 10px; */
}
.outer_grid_box .input-group-btn:last-child {
margin-top: 10px;
}
.outer_grid_box .input-group-btn:last-child>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-radius: 4px;
}
}
@media print {
.footer_login_logout {
display: none !important;
}
a[href]:after {
content: none !important;
}
}
.form-control-small,
.single-line-small {
padding: 0px 3px;
height: auto;
line-height: normal;
font-size: 11px;
}
body.dmbox-content.sk-loading {
padding: 0;
}
.table-responsive.disable-overflow {
/*overflow: visible;*/
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
/*overflow-y: hidden !important;*/
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabs-container .tabs-left.wide-tabs .nav-tabs>li.active>a
/*,
.tabs-container .tabs-left.wide-tabs .nav-tabs>li.active>a:hover,
.tabs-container .tabs-left.wide-tabs .nav-tabs>li.active>a:focus*/
{
color: #FFFFFF;
background-color: #1EB4DA;
}
.tabs-container .tabs-left.wide-tabs .nav-tabs>li.active>a * {
color: #FFFFFF !important;
}
.details_update_buttons a {
margin-left: 5px;
}
.details_update_buttons button {
margin-left: 2px;
}
.details_update_buttons a.btn {
line-height: 1.42857143;
}
.filter_search_item {
clear: both;
border-bottom: 1px solid #E5E6E7;
margin-bottom: 2px;
padding: 4px;
}
.modal-md {
width: 450px;
}
.show_list_filters_top_search .col-md-2,
.show_list_filters_top_search .col-sm-4 {
display: inline-block;
float: none;
vertical-align: top;
}
.modal-header {
background-color: var(--primary) !important;
}
.modal-header .modal-title {
color: white;
font-size: 18px;
font-weight: 400;
}
.modal-header button {
color: white;
opacity: 1;
line-height: 26px;
font-weight: 400;
}
.modal-dialog .modal-footer .btn {
/* border: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;*/
padding: 8px 25px;
margin: 26px 5px 0 5px;
margin-top: 10px;
}
.dmbox.dmbox-column {
clear: none;
}
.dmbox-connected-controllers-content.dmbox-column {
background: none;
}
/** Z Index Section **/
.colorpicker.colorpicker-with-alpha.colorpicker-right.colorpicker-visible {
z-index: 16777271!important;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top, .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
z-index: 16777271 !important;
}
/** Z Index Section **/
tr.record .column_svg svg {
max-height: 150px;
}
.navbar-default .for_superadmin a {
background-color: #F4E1F1;
}
.dropdown-menu .messages_item {
border-bottom: 1px solid lightgray;
padding: 2px 5px;
}
/* dmbox in dmbox borders*/
.dmbox-column .dmbox-content .dmbox {
border-style: solid;
border-width: 0px;
outline: 1px solid #dfe2e4;
}
.dmbox-column .dmbox-content .dmbox-content {
border-style: solid;
border-width: 1px;
border-bottom-width: 5px;
border-color: #f2f2f3;
}
.dmbox-column .dmbox-content .dmbox.step-actions{
border-style: solid;
border-width: 0px;
outline: none;
}
.dmbox-column .dmbox-content .step-actions .dmbox-content {
border-style: none;
border-width: 1px;
border-bottom-width: 0px;
border-color: none;
}
.dmbox-column .dmbox-content .step-actions {
margin: 0;
}
.main_details_bottom_buttons{
text-align: right;
margin-bottom: 20px;
}
.dmbox-content .panel-body, .dmbox-content .white-bg.p-sm , .dmbox-column .dmbox-content{
padding: 5px;
}
.white-bg-.edit-details-area-box.clearfix.m-t.mb-3 {
/*margin: 0 -15px 15px -15px;*/
}
.dmbox-column .dmbox-content .dmbox {
border-style: solid;
border-width: 0px;
outline: none;
}
.dmbox-title {
border-color: #f2f2f3;
border-style: solid;
border-width: 2px 1px 0;
}
.dmbox-title h5 {
display: inline-block;
font-size: 14px;
margin: 0 0 7px;
padding: 0;
text-overflow: ellipsis;
float: left;
}
.dmbox-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
border-color: #e7eaec;
border-image: none;
border-style: solid solid none;
border-width: 0px 0 0;
color: inherit;
margin-bottom: 0;
padding: 15px 15px 7px;
/*min-height: 48px;*/
/*display: inline-block;*/
width: 100%;
}
.dmbox-title:after {
content: "";
display: block;
float: none;
clear: both;
}
#tools_section .dmbox-title:after {
content: "";
display: block;
float: none;
clear: none;
}
body .dmbox .dmbox-title.dmbox-title-inline {
display: inline-block;
padding-bottom: 0;
}
.col-lg-12>.form-horizontal {
/*margin-right: -15px;
margin-left: -15px;*/
}
.virtual .white-bg.p-sm.mb-3.clearfix,
.virtual .dmbox-content {
background-color: #eceff2
}
.white-bg.p-sm.mb-3.clearfix .white-bg {
background-color: #ffffff;
}
/*.dmbox-content .panel-body,
.dmbox-content .white-bg.p-sm,
.dmbox-column .dmbox-content {
padding: 10px;
}*/
.dmbox-content .non-virtual .dmbox-content {
background-color: #ffffff;
}
.virtual .virtual > .dmbox-content {
background-color: white;
}
.dmbox-title h2 {
color: var(--primary);
font-weight: 700;
float: left;
font-size: 17px;
}
.dmbox .dmbox .dmbox-title h2 {
color: #2E6EE6;
font-weight: 700;
float: left;
font-size: 16px;
margin: 5px 0;
}
.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:hover {
color: #fff;
background-color: #6ed3a1;
border-color: #6ed3a1;
}
.check.uncheck1 .check,
.check .check {
color: #6ed3a1;
}
.check.uncheck0 .check,
.check.uncheck .check {
color: #eeeef0;
}
.check .circle {
display: inline-block;
border-radius: 60px;
padding: 0.5em 0.6em;
color: white;
}
.circle_fa {
display: inline-block;
border-radius: 60px;
padding: 0.7em 1em;
color: white;
}
.check_b.uncheck1 .circle,
.check_b .circle {
background: #6ed3a1;
}
.check_b.uncheck0 .circle,
.check_b.uncheck .circle {
background: #eeeef0;
}
.section_head-top-left {
line-height: 34px;
margin-left: 30px;
float: left;
}
.section_head-top-right {
line-height: 34px;
margin-left: 20px;
float: left;
font-size: 32px;
font-weight: bold;
color: #000000;
}
.section_head-top-right small{
font-size: 14px;
vertical-align: baseline;
line-height: normal;
}
.section_head-bottom {
display: block;
float: none;
clear: both;
background-color: #449D44;
color: #FFFFFF;
border-radius: 17px;
line-height: 34px;
margin-left: 20px;
padding: 0 15px;
font-size: 14px;
}
h2 .langs-helper {
color:#dadcde;
font-size:15px
}
.dmbox-title h2 > i {
font-size: 30px;
margin-right: 10px
}
.title-under-navigation .l-col a .langs-helper, .title-under-navigation .l-col strong .langs-helper {
display:none;
}
.charts_area.mb-3 {
background: white;
}
.alaDisabledField {
background: #f6f6f6;
color: #959595;
padding: 6px 40px;
margin-right: 15px;
}
.col-list-tree, .col-list-tree .show_list_left_filters {
padding:0;
}
.col-list-tree .dmbox-content.mb-2 {
padding: 0px;
border:none;
}
/*17976*/
.tabs-container .tabs-top.wide-tabs > .nav-tabs > li.connected_controllers > a, .tabs-container .tabs-top.wide-tabs > .nav-tabs > li.edit-tab > a {
/* padding: 6px 28px; */
margin: 0 3px;
}
.tabs-container .tabs-top.wide-tabs > .nav-tabs > li.connected_controllers.active > a,
.tabs-container .tabs-top.wide-tabs > .nav-tabs > li.edit-tab.active > a {
background-color: #2E6EE6;
color: white;
padding: 14px 28px;
}
.tabs-container .tabs-top.wide-tabs > .nav-tabs > li > big, .tabs-container .tabs-top.wide-tabs > .nav-tabs > li > small {
display: none;
}
.virtual .white-bg.p-sm.mb-3.clearfix, .virtual .dmbox-content {
background-color: white;/*#f5fafb;*/
}
.dmbox-column .dmbox-content .dmbox-connected-controllers-content-133 .dmbox-content{
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-color: #4690ee;
}
/*17976*/
/*body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-third-level, .mini-navbar .nav li:focus>.nav-third-level{
display: block;
border-radius: 0 2px 2px 0;
min-width: 140px;
height: auto;
left: 45px;
max-height: initial;
}
.mini-navbar .nav .nav-third-level {
position: absolute;
left: 70px;
top: 0;
background-color: rgb(26, 40, 52);
padding: 10px 10px 10px 10px;
font-size: 12px;
}*/
#edit_structure_in_popup_simple_view_outer .arr_border {
width:100%;
}
#edit_structure_in_popup_simple_view_outer #added_images, #edit_structure_in_popup_simple_view_outer .images_structure {
width:85%;
}
#edit_structure_in_popup_simple_view_outer .hide_on_drag {
max-width:250px;
}
#contents_for_structure_items_simple .arr_border {
width:100%
}
#contents_for_structure_items_simple #added_images, #edit_structure_in_popup_simple_view_outer .images_structure {
width:70%;
}
#contents_for_structure_items_simple .hide_on_drag {
max-width:250px;
}
.move_buttons_to_header .btn-connected{
margin-right:5px;
left:5px;
}
legend {
border-bottom: none;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size: inherit;
color: inherit;
}
.edit-details-area .tab-pane.col-lg-12, .edit-details-area .tab-pane .panel-body > div {
padding: 0;
}
@media (max-width: 600px) {
.dmbox-content_for_moveed .connected_grid_search {
min-width: 100%;
}
.dmbox-content_for_moveed .input-group-btn {
min-width: 100%;
width: 100%;
float: left;
}
.dmbox-content_for_moveed.mb-2.pull-left {
float: none!important;
width: 100%!important;
}
.dmbox-content_for_moveed .input-group {
position: relative;
display: block;
}
.file_name_type .input-group-btn {
min-width: 100%;
width: 100%;
float: left;
}
.file_name_type .input-group-btn button {
min-width: 100%;
width: 100%;
float: left;
}
.file_name_type .input-group {
position: relative;
display: block;
}
}
.radio + .radio.radio-inline {
margin-top: 0;
}
.toggler {
cursor: pointer;
}
.notify_description{
margin: 20px 20px 50px 20px;
}
/*body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-third-level,
.mini-navbar .nav li:focus > .nav-third-level {
display: block;
border-radius: 0 2px 2px 0;
min-width: auto;
height: auto;
margin-left: -8px;
left: 70px;
max-height: initial;
}*/
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav > li.active .nav-category-second-level > li.active {
border-left: 4px solid rgb(33, 218, 30);
margin-left: 0px;
max-width: 63px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav .nav.metismenu .nav-category-second-level.collapse.in {
border-radius: 0 2px 2px 0;
max-width: 63px;
min-width: 63px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav .nav-category-second-level li a {
padding: 7px 10px 7px 10px;
padding-left: 24px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav .nav-category-second-level .nav-category-second-level2.level--3 {
left: 58px;
width: min-content;
margin-left: 0px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav .nav-category-second-level .nav-category-second-level2.level--3 li a {
padding-left: 10px;
padding-right: 24px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav .nav-category-second-level .nav-category-second-level2.level--3 span.nav-label {
display: inline-block;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav.metismenu .collapse.in {
border-radius: 0 2px 2px 0;
min-width: auto;
}
.nav.nav-tabs.special_tabs li:only-child {
display: none;
}
.form-control.form-control-print {
min-height: 20px;
height: auto;
background-color: rgba(255,255,255,0.3);
border-width: 0;
padding: 5px;
font-size: 16px;
box-shadow: 0px 0px 5px 0 #DDDDDD;
word-break: break-all;
}
.span-label.form-label-print{
font-weight: normal;
}
/***************** from navbar dropdown ****************/
.modal-lg.modal-full-xl{
width: 96vw;
max-width: 96vw;
height: 96vh;
max-height: 96vh;
}
.modal-lg.modal-full-xl .modal-content{
height: 100%;
overflow: visible;
}
.modal-lg.modal-full-xl .modal-content .modal-header{
box-sizing: border-box;
height: 50px;
}
.modal-lg.modal-full-xl .modal-content .modal-body{
position: relative;
left: 0;
right: 0;
/*top: 0;*/
bottom: 0;
overflow: auto;
overflow: auto;
height: calc(96vh - 140px);
margin-top: 0px;
}
#grid_edit_content_div_outer .modal-lg.modal-full-xl .modal-content .modal-body{
position: relative;
}
.modal-lg.modal-full-xl .modal-content .modal-footer{
/*display: none;*/
}
.modal-lg.modal-full-xl-footer{
width: 96vw;
max-width: 96vw;
height: 96vh;
max-height: 96vh;
}
.modal-lg.modal-full-xl-footer .modal-content{
height: 100%;
}
.modal-lg.modal-full-xl-footer .modal-content .modal-header{
box-sizing: border-box;
height: 50px;
}
.modal-lg.modal-full-xl-footer .modal-content .modal-body{
position: absolute;
left: 0;
right: 0;
top: 50px;
bottom: 60px;
overflow: auto;
}
.modal-lg.modal-full-xl-footer .modal-content .modal-footer{
box-sizing: border-box;
height: 60px;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}
.form-control.textarea_inline {
height: auto;
min-height: 80px;
}
.textarea_inline_out .form-control.textarea_inline {
background: transparent;
}
.textarea_inline img {
max-width: 100%;
}
.form-control.alert-danger , .form-control.alert-danger.select_picker + .chosen-container a{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.col-md-3 .logonscms.img-responsive {
max-height: 125px !important;
}
.span-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
/***
****
**
** Print
**
****
***/
@media print {
body.mini-navbar #page-wrapper {
margin: 0;
}
body #page-wrapper {
margin: 0;
}
.nav.nav-tabs,
.title-under-navigation,
.navbar.navbar-static-top,
.navbar-default.navbar-static-side,
.top-info-box,
.btn{
display: none;
}
h1 {
font-size: 18pt;
}
h2 {
font-size: 16pt;
}
h3 {
font-size: 14pt;
}
h4 {
font-size: 12pt;
}
#wrapper,
#page-wrapper {
width: 100%;
margin: 0;
float: none;
padding: 0;
}
#wrapper,
#page-wrapper {
background: transparent;
}
body {
background: white;
}
p {
font-size: 12pt;
}
}
/***
****
**
** Print
**
****
***/
#tab-connected_275,#tab-connected_274 {
width: 100%;
}
body .dmbox, body .dmbox-column .dmbox-content .dmbox{
border-width: 0px;
border-color: #D9D9D9;
border-style: solid;
padding: 0;
/*margin: 0 20px 20px 20px;*/
margin: 0 0 10px 0;
background-color: #FFFFFF;
box-shadow: 0 0.46875rem 2.1875rem #04091408,0 0.9375rem 1.40625rem #04091408,0 0.25rem 0.53125rem #0409140d,0 0.125rem 0.1875rem #04091408;
}
body .dmbox .jsonTreeBox .dmbox,
body .dmbox-column .dmbox-content .dmbox .jsonTreeBox .dmbox,
.modal-body .dmbox{
box-shadow: none;
}
.simple_editor_text {
line-break: anywhere;
}
.simple_editor_text {
line-break: normal;
text-align: justify;
}
form.autosave {
margin-bottom: 25px;
}
body .dmbox.autosave_form, body .dmbox-column .dmbox-content .dmbox.autosave_form {
border-color:#3f71da;
}
body .dmbox .dmbox-title, body .dmbox-column .dmbox-content .dmbox .dmbox-title{
background-color: #FFFFFF;
padding: 10px;
border-width: 0;
}
body .dmbox .dmbox-content, body .dmbox-column .dmbox-content .dmbox .dmbox-content{
background-color: #FFFFFF;
border-width: 0px 0 0 0;
border-color: #D9D9D9;
border-style: solid;
}
body .dmbox-noborder, body .dmbox-column .dmbox-content .dmbox-noborder{
border-width: 0;
}
body .dmbox-noborder .dmbox-content, body .dmbox-column .dmbox-content .dmbox-noborder .dmbox-content{
border-width: 0;
}
/***************** full-xl-width dropdown ****************/
.modal-lg.modal-full-xl-width{
width: 96vw;
max-width: 96vw;
height: auto;
max-height: 96vh;
}
.modal-lg.modal-full-xl-width .modal-content{
height: 100%;
overflow: visible;
}
.modal-lg.modal-full-xl-width .modal-content .modal-header{
box-sizing: border-box;
height: 50px;
}
.modal-lg.modal-full-xl-width .modal-content .modal-body{
position: relative;
left: 0;
right: 0;
/*top: 0;*/
bottom: 0;
overflow: auto;
overflow: auto;
height: auto;
margin-top: 0px;
}
#grid_edit_content_div_outer .modal-lg.modal-full-xl-width .modal-content .modal-body{
position: relative;
}
.modal-lg.modal-full-xl-width .modal-content .modal-footer{
/*display: none;*/
}
.modal-lg.modal-full-xl-width-footer{
width: 96vw;
max-width: 96vw;
height: 96vh;
max-height: 96vh;
}
.modal-lg.modal-full-xl-width-footer .modal-content{
height: 100%;
}
.modal-lg.modal-full-xl-width-footer .modal-content .modal-header{
box-sizing: border-box;
height: 50px;
}
.modal-lg.modal-full-xl-width-footer .modal-content .modal-body{
position: absolute;
left: 0;
right: 0;
top: 50px;
bottom: 60px;
overflow: auto;
}
.modal-lg.modal-full-xl-width-footer .modal-content .modal-footer{
box-sizing: border-box;
height: 60px;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}
.dmbox-title h2 + a {
margin-left: 15px;
}
/*.autosave_loding_dots{
font-size: 24px;
display: none;
position: absolute;
right: 10px;
bottom: 0px;
color:white;
background: #398439;
border-radius: 10px;
padding: 5px 10px;
}*/
.box-edited .autosave_loding_dots{
display: block;
}
/*.autosave_loding_dots{
font-size: 17px;
}*/
.autosave_loding_dots{
font-size: 13px;
display: none;
position: absolute;
right: 0;
bottom: 0;
/*opacity: 0.6;*/
color:#398439;
border-radius: 10px;
padding: 3px;
}
/*.autosave_idle_dots{
font-size: 17px;
display: block;
position: relative;
right: 0px;
bottom: 0px;
background: #F3F3F3;
border-radius: 10px;
padding: 10px;
color: black;
margin: 10px 15px 0 15px;
border-radius: 0;
}*/
.autosave_idle_dots{
font-size: 13px;
display: block;
position: absolute;
right: 0px;
bottom: 0px;
border-radius: 10px;
padding: 2px;
color: #BBBBBB;
margin: 0px 15px 0 15px;
border-radius: 0;
}
.top_save.autosave_idle_dots{
font-size: 17px;
display: block;
position: relative;
right: 10px;
bottom: 0px;
/*opacity: 0.6;*/
background: #F3F3F3;
border-radius: 10px;
padding: 5px 10px;
color: black;
border:1px solid white;
}
.box-edited .autosave_idle_dots{
display: none;
}
.top_save.autosave_loding_dots{
position: relative;
}
.lds-ellipsis-center {
display: block;
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
}
.lds-ellipsis-center div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #098ae4;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis-center div:nth-child(1) {
left: 8px;
animation: lds-ellipsis-center1 0.6s infinite;
}
.lds-ellipsis-center div:nth-child(2) {
left: 8px;
animation: lds-ellipsis-center2 0.6s infinite;
}
.lds-ellipsis-center div:nth-child(3) {
left: 32px;
animation: lds-ellipsis-center2 0.6s infinite;
}
.lds-ellipsis-center div:nth-child(4) {
left: 56px;
animation: lds-ellipsis-center3 0.6s infinite;
}
@keyframes lds-ellipsis-center1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis-center3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis-center2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
body.mini-navbar .navbar-static-side {
width: 70px;
}
body.mini-navbar #page-wrapper {
margin: 0 0 0 70px;
}
/*.mini-navbar .nav .nav-third-level {
left: 62px;
}*/
body.mini-navbar .nav>li>a {
padding: 14px;
}
/*
body.mini-navbar .navbar-default ul.nav-third-level.nav>li>a {
font-size: 13px;
}*/
.mini-navbar li.active .nav-second-level {
left: 65px;
width: 160px;
}
body.mini-navbar .navbar-default .nav>li>.nav-second-level li a{
padding: 5px;
}
body.mini-navbar .navbar-default .nav>li>.nav-second-level li a span.nav-label {
display: inline-block;
width: 70%;
max-width: 70px;
}
.btn-xl{
font-size: 18px !important;
line-height: 1.33333 !important;
padding: 10px 16px !important;
font-size: 18px !important;
line-height: 1.42857;
}
.sweet-alert.swal-wide{
width: 600px;
margin-left: -300px;
}
.filter_search_item label {
overflow: hidden;
text-overflow: ellipsis;
}
#jsonTree_contents_structure_manage_add span.js_tree_lp{
margin: 0 !important;
float: none !important;
}
.jstree-anchor small{
white-space: pre-wrap;
}
.jstree-default .jstree-anchor {
min-height: 24px;
height:auto !important;
}
.tabs-container .nav-tabs>li>a.grayed,
.tabs-container .nav-tabs>li>a.grayed small,
.tabs-container .tabs-left.wide-tabs .nav-tabs > li.active > a.grayed small,
.tabs-container .tabs-left.wide-tabs .nav-tabs > li > a.grayed:hover small{
color: #CCCCCC;
}
.tabs-container .nav-tabs>li>a.grayed.disabled{
cursor: default;
}
fieldset.fieldset-border {
border: 1px solid #ddd !important;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.fieldset-border {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
}
.tabs-container .wide-tabs .nav-tabs > li >ul >li{
list-style: none;
}
.nav-tabs > li >ul >li > a{
color: #545459;
font-weight: 600;
}
.tabs-container .wide-tabs .nav-tabs > li >ul >li > a:hover, .tabs-container .wide-tabs .nav-tabs > li >ul >li > a:focus{
}
.tabs-container .tabs-left.wide-tabs .nav-tabs > li >ul >li > a.active {
color: #FFFFFF;
background-color: #1EB4DA;
}
.nav-tabs > li >ul >li.tabmaininfo{
display:none !important;
}
.tabs-container .wide-tabs .nav-tabs > li:first-child > a{
margin-top:0px;
}
.tabs-container .wide-tabs .nav-tabs > li >ul >li > a{
background-color: #FFFFFF;
border: #e7eaec;
padding: 2px 10px;
position: relative;
display: block;
margin: 3px 15px 0px 0px;
font-size: 11px;
}
.show_full_width .tabs-left > .tab-content > .tab-pane > .panel-body{
margin-left: 0px !important;
}
@media (max-width: 768px) {
.typeahead.dropdown-menu{
min-width: 0;
left: 0;
right: 0;
}
.typeahead.dropdown-menu>li>a{
white-space: normal;
}
}
.tabs-container .tabs-left.wide-tabs.hidden-tabs .nav.nav-tabs{
display: none;
}
.tabs-container .tabs-left.wide-tabs.hidden-tabs .tab-content>.tab-pane>.panel-body{
margin-left: 0 !important;
}
.navbar-minimalize.minimalize-styl-2.small_Screen {
display: none;
}
@media (max-width: 768px) {
/* body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
display: inline-block;
}
body.mini-navbar #page-wrapper {
margin: 0 0 0 0px;
}
.navbar-minimalize.minimalize-styl-2.big_Screen {
display: block;
}
.navbar-minimalize.minimalize-styl-2.small_Screen {
display: none;
}
.body-small.mini-navbar .navbar-static-side {
width: 100%;
position: relative;
}
.mini-navbar .navbar-minimalize.minimalize-styl-2.big_Screen {
display: none !important;
}
.mini-navbar .navbar-minimalize.minimalize-styl-2.small_Screen {
display: block;
padding: 10px 14px;
}
body.mini-navbar .navbar-default .nav>li>a {
font-size: 14px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level.collapse.in {
position: relative;
display: block;
left: 0;
width: 100%;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level.collapse.in {
position: relative;
display: block;
left: 0;
width: 100%;
opacity: 1;
}
.mini-navbar .nav .nav-second-level {
position: relative;
left: 0px;
top: 0;
background-color: rgb(26, 40, 52);
padding: 10px 10px 10px 10px;
font-size: 12px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level a {
display: inherit;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level {
opacity: 0;
display: none;
}
.mini-navbar li.active .nav-second-level {
left: 0;
width: 100%;
}*/
}
body .modal-body .dmbox, body .modal-body .dmbox-column .dmbox-content .dmbox, body .modal-body .dmbox .dmbox-content, body .modal-body .dmbox-column .dmbox-content .dmbox .dmbox-content {
border-width: 0px;
border-color: #D9D9D9;
border-style: solid;
padding: 0;
}
.modal-body {
padding: 10px;
}
.modal-body .dmbox-content .panel-body, .modal-body .dmbox-content .white-bg.p-sm, .modal-body .dmbox-column .dmbox-content {
padding: 0px;
}
.modal-body .tab-pane {
padding: 15px;
}
.modal-body .tab-pane label{
}
.modal-body .connected_res_create_new {
padding: 0 20px;
}
.modal-body .connected_res_create_new h2 {
padding: 0 5px;
font-size: 13px;
}
/* smallers paddings account manage */
.body_wrap .main_edit_box_account_manage #users_manage_form > .dmbox > .dmbox-content {
padding: 5px;
}
.body_wrap .main_edit_box_account_manage #users_manage_form .dmbox-content > .col-md-12 {
padding-right: 5px;
padding-left: 5px;
}
.body_wrap .main_edit_box_account_manage #users_manage_form > .dmbox > .dmbox-content .panel-body {
padding: 5px;
}
.body_wrap .main_edit_box_account_manage #users_manage_form .dmbox-content .panel-body,
.body_wrap .main_edit_box_account_manage #users_manage_form .dmbox-content .white-bg.p-sm,
.body_wrap .main_edit_box_account_manage #users_manage_form .dmbox-column .dmbox-content {
padding: 5px;
}
.body_wrap .main_edit_box_account_manage #users_manage_form .tab-pane.col-lg-12 {
padding-right: 5px;
padding-left: 5px;
}
.body_wrap .main_edit_box_account_manage #users_manage_form .panel-body > .col-xs-12 {
padding-right: 5px;
padding-left: 5px;
}
/* smallers paddings account manage */
.label-left {
line-height: 30px;
}
.saved_searches .saved_search_button .btn{
white-space: normal;
}
textarea.grid_edit_textarea {
width: 100%;
}
.fa-clock-o:before {
/*content: "\f017";*/
}
/*!DM!*/
/*
* metismenu - v2.0.2
* A jQuery menu plugin
* https://github.com/onokumus/metisMenu
*
* Made by Osman Nuri Okumus
* Under MIT License
*/
.metismenu .plus-minus,
.metismenu .plus-times {
float: right;
}
.metismenu .arrow {
float: right;
line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
content: "\e079";
}
.metismenu .active>a>.glyphicon.arrow:before {
content: "\e114";
}
.metismenu .fa.arrow:before {
content: "\f104";
}
.metismenu .active>a>.fa.arrow:before {
content: "\f107";
}
.metismenu .ion.arrow:before {
content: "\f3d2";
}
.metismenu .active>a>.ion.arrow:before {
content: "\f3d0";
}
.metismenu .fa.plus-minus:before,
.metismenu .fa.plus-times:before {
content: "\f067";
}
.metismenu .active>a>.fa.plus-times {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.metismenu .active>a>.fa.plus-minus:before {
content: "\f068";
}
.metismenu .collapse {
display: none;
}
.metismenu .collapse.in {
display: block;
}
.metismenu .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
}
.mini-navbar .metismenu .collapse {
opacity: 0;
}
.mini-navbar .metismenu .collapse.in {
opacity: 1;
}
.mini-navbar .metismenu .collapse a {
display: none;
}
.mini-navbar .metismenu .collapse.in a {
display: block;
}
.mini-navbar .metismenu li a {
line-height: 16px;
min-height: 32px;
}
.mini-navbar .nav-category-second-level .nav-category-second-level {
margin-left: 0px;
}
/*
* Usage:
*
*
*
*/
.sk-spinner-rotating-plane.sk-spinner {
width: 60px;
height: 60px;
background-color: var(--primary);
margin: 0 auto;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-double-bounce.sk-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--primary);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-wave.sk-spinner {
margin: 0 auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.sk-spinner-wave div {
background-color: var(--primary);
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-wandering-cubes.sk-spinner {
margin: 0 auto;
width: 32px;
height: 32px;
position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
background-color: var(--primary);
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-pulse.sk-spinner {
width: 40px;
height: 40px;
margin: 0 auto;
background-color: var(--primary);
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-chasing-dots.sk-spinner {
margin: 0 auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: var(--primary);
border-radius: 100%;
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-three-bounce.sk-spinner {
margin: 0 auto;
width: 70px;
text-align: center;
}
.sk-spinner-three-bounce div {
width: 18px;
height: 18px;
background-color: var(--primary);
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/
.sk-spinner-wordpress.sk-spinner {
background-color: var(--primary);
width: 30px;
height: 30px;
border-radius: 30px;
position: relative;
margin: 0 auto;
-webkit-animation: sk-innerCircle 1s linear infinite;
animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
display: block;
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
border-radius: 8px;
top: 5px;
left: 5px;
}
@-webkit-keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*
* Usage:
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*