@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');
html,
body {
height: 100% !important;
}
#windowDiv {
/*min-height: 100% !important;*/
position: relative;
}
#bodyContainer,
.col-lg-12 {
padding: 0 !important
}
#bodyContainer {
margin-left: auto;
margin-right: auto;
}
.rtl {
direction: rtl;
text-align: right;
}
.rtl .nav-tabs {
padding-right: 0px;
}
.rtl .nav-tabs>li {
float: right;
}
.rtl .nav-tabs>li>a {
margin-left: 2px;
margin-right: 0;
}
.rtl [class*="col-xs-"] {
float: right
}
.rtl .radio label input,
.rtl .checkbox label input {
float: right;
}
.rtl .radio label,
.rtl .checkbox label {
padding-left: 0px;
padding-right: 20px;
}
.rtl .radio input[type="radio"],
.rtl .radio-inline input[type="radio"],
.rtl .checkbox input[type="checkbox"],
.rtl .checkbox-inline input[type="checkbox"] {
margin-left: 0;
margin-right: -20px;
float: right;
}
.rtl .radio-inline,
.rtl .checkbox-inline {
padding-left: 0;
padding-right: 20px;
}
.rtl .radio-inline+.radio-inline,
.rtl .checkbox-inline+.checkbox-inline {
margin-right: 10px;
padding-left: 0px;
margin-left: 0;
}
.rtl .modal-footer {
text-align: left;
}
.dynamic-query .modal-dialog {
width: 650px;
max-width: 95%;
}
.dynamic-query.rtl .modal-footer button.btn.btn-warning {
float: right !Important;
}
.dynamic-query.rtl .modal-footer button.btn.btn-warning .fa {
transform: rotate(180deg);
}
@media (min-width: 768px) {
.rtl .navbar-nav>li {
float: right;
}
.rtl .navbar-nav {
float: right;
}
/*
.rtl .navbar-nav > li + li {
margin: 0 2px 0 0;
}
*/
.navbar-default {
background-color: transparent;
}
.navbar-collapse {
padding: 0px;
}
}
.textContainer blockquote {
border-left: 0px;
margin: 0;
padding: 0 20px;
}
.textContainer font a {
color: inherit;
text-decoration: underline;
}
#content {
position: absolute;
}
.openSiteForEditing {
margin: 10px auto !important;
width: 100px !important;
display: block !important;
}
#addEditWebsite {
padding: 0px;
}
#modal .widget-box {
margin: 0;
}
.paddingR-10 {
padding-right: 10px;
}
.paddingL-10 {
padding-left: 10px;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
width: 100%;
}
.carousel .item {
min-height: 30px;
}
img {
margin: auto;
display: block;
}
.simblaEL img:not([width]) {
max-width: 100%;
}
.textContainer img {
display: inline
}
.carousel {
margin: auto
}
.row {
margin-right: 0px !important;
margin-left: 0px !important;
}
.simblaHeader,
.simblaFooter {
width: 100%;
}
.simblaFooter {
position: absolute;
bottom: 0;
}
.sticky {
position: fixed !important;
z-index: 999;
}
header.sticky[data-slide-type="fade"],
header.sticky[data-slide-type="slide"] {
-webkit-transition: background-color .45s ease-out, top .35s ease-out, transform .35s ease-out, color .35s ease-out, margin-left 0s, width 0s;
-moz-transition: background-color .45s ease-out, top .35s ease-out, transform .35s ease-out, color .35s ease-out, margin-left 0s, width 0s;
-ms-transition: background-color .45s ease-out, top .35s ease-out, transform .35s ease-out, color .35s ease-out, margin-left 0s, width 0s;
-o-transition: background-color .45s ease-out, top .35s ease-out, transform .35s ease-out, color .35s ease-out, margin-left 0s, width 0s;
transition: background-color .45s ease-out, top .35s ease-out, transform .35s ease-out, color .35s ease-out, margin-left 0s, width 0s;
}
header.sticky {
position: relative !important;
max-width: 100%;
}
header.on-scroll {
width: 100%;
}
ul.navbar-nav {
padding: 0;
-webkit-padding-start: 0px;
-moz-padding-start: 0px;
}
.navbar-default {
border: 0px;
}
@media (min-width: 992px) {
.rtl .col-md-1,
.rtl .col-md-2,
.rtl .col-md-3,
.rtl .col-md-4,
.rtl .col-md-5,
.rtl .col-md-6,
.rtl .col-md-7,
.rtl .col-md-8,
.rtl .col-md-9,
.rtl .col-md-10,
.rtl .col-md-11 {
float: right
}
}
@media (min-width: 768px) {
.rtl .col-sm-1,
.rtl .col-sm-2,
.rtl .col-sm-3,
.rtl .col-sm-4,
.rtl .col-sm-5,
.rtl .col-sm-6,
.rtl .col-sm-7,
.rtl .col-sm-8,
.rtl .col-sm-9,
.rtl .col-sm-10,
.rtl .col-sm-11 {
float: right;
}
}
@media (min-width: 1200px) {
.rtl .col-lg-1,
.rtl .col-lg-2,
.rtl .col-lg-3,
.rtl .col-lg-4,
.rtl .col-lg-5,
.rtl .col-lg-6,
.rtl .col-lg-7,
.rtl .col-lg-8,
.rtl .col-lg-9,
.rtl .col-lg-10,
.rtl .col-lg-11 {
float: right;
}
}
.textContainer .simblaImg {
display: inline;
}
embed {
max-width: 100%;
}
video {
max-width: 100%;
}
video:not([height]) {
height: auto
}
.simblaEL.videoElm,
.simblaEL.flashElm,
.simblaEL.youtubeElm {
text-align: center;
}
.youtubeElm {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.simblaEL.flashElm embed:not([width]) {
width: 100%;
}
.youtubeElm iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rtl ul.nav[data-bgtype="divider"] li:last-child a {
border-left: none !important;
}
.rtl ul.nav[data-bgtype="divider"] li:first-child a {
border-right: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-bgtype="divider"] li:first-child a {
border-left: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-bgtype="divider"] li:last-child a {
border-right: none !important;
}
.navbar-default {
background-color: transparent;
}
.rtl ul.nav[data-hover-bgtype="divider"] li:last-child a:hover {
border-left: none !important;
}
.rtl ul.nav[data-hover-bgtype="divider"] li:first-child a:hover {
border-right: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-hover-bgtype="divider"] li:first-child a:hover {
border-left: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-hover-bgtype="divider"] li:last-child a:hover {
border-right: none !important;
}
.rtl ul.nav[data-current-bgtype="divider"] li:last-child a.current {
border-left: none !important;
}
.rtl ul.nav[data-current-bgtype="divider"] li:first-child a.current {
border-right: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-current-bgtype="divider"] li:first-child a.current {
border-left: none !important;
}
#windowDiv:not(.rtl) ul.nav[data-current-bgtype="divider"] li:last-child a.current {
border-right: none !important;
}
.carousel-caption {
height: auto;
bottom: 15%;
text-align: left;
}
.rtl .carousel-caption {
text-align: right;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
a:focus {
outline: 0;
/*removes the dotted border*/
}
a#linkToSimbla {
position: absolute;
text-decoration: none;
color: #fff !important;
left: 70%;
padding: 0 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
width: 118px;
background: linear-gradient(to left, #422d39 0%, #963062 25%, #963062 25%, #d7335b 50%, #ed5339 75%, #ed5339 75%, #eb9533 100%);
font-size: 14px !Important;
}
.rtl+a#linkToSimbla.he {
left: 30%;
width: 97px;
}
@media (max-width: 500px) {
a#linkToSimbla {
left: 50%;
}
.rtl+a#linkToSimbla.he {
left: 20%;
}
}
#linkToSimbla .main {
opacity: 0.8;
font-size: 10px;
font-family: Nexa-bold, Varenda !important;
background: transparent;
color: #fff;
}
#linkToSimbla .s {
opacity: 0.5;
font-size: 9px;
font-family: Nexa, Varenda;
color: #fff;
}
.iconElm {
text-align: center;
}
.simbla-form {
padding: 30px 0 0 0px;
text-align: center;
}
.simblaGallery[data-g-spacing="NONE"] .sDivider {
padding: 0;
}
.simblaGallery[data-g-spacing="NONE"] .elem {
overflow: hidden;
}
.simblaGallery[data-g-spacing="NONE"] figure {
width: calc(100% + 1px);
/*max-width: calc(100% + 1px);*/
/*overflow: inherit;*/
}
.simblaGallery[data-g-spacing="SMALL"] .sDivider {
padding: 7px;
}
.simblaGallery[data-g-spacing="NORMAL"] .sDivider {
padding: 15px;
}
/**************
gallery effect section
**************/
.simblaGallery figure {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
overflow: hidden;
text-align: center;
}
.simblaGallery figure img {
position: relative;
display: block;
opacity: 1;
}
.simblaGallery figure img:not([width]) {
min-height: 100%;
max-width: 100%;
}
/*https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/*/
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
.simblaGallery figure img:not([width]) {
min-height: initial;
}
}
@media not all and (min-resolution:.001dpcm) {
.simblaGallery figure img:not([width]) {
min-height: initial;
}
}
.simblaGallery figure figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em 0;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
/*-webkit-backface-visibility: hidden;
backface-visibility: hidden;*/
}
.simblaGallery[data-g-style="FADE"] figcaption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.simblaGallery[data-g-style="FADE"] figure img {
transition: opacity 0.35s;
}
.simblaGallery[data-g-style="FADE"] figure:hover img {
opacity: 0.6;
}
.simblaGallery[data-g-style="FADE"] figure:hover figcaption {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
.simblaGallery[data-g-style="SLIDE"] img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
.rtl .simblaGallery[data-g-style="SLIDE"] img {
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
.simblaGallery[data-g-style="SLIDE"] figure:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.simblaGallery[data-g-style="ZOOM"] figure {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.simblaGallery[data-g-style="ZOOM"] img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
.simblaGallery[data-g-style="ZOOM"] figure:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.simblaGallery[data-g-style="PUSH"] img {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
/*-webkit-backface-visibility: hidden;
backface-visibility: hidden;*/
}
.simblaGallery[data-g-style="PUSH"] figure:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0);
}
.simblaGallery[data-g-style="PUSH"] figure figcaption {
top: auto;
bottom: 0;
padding: 1em;
height: 80px;
text-align: left;
/* background: #fff;
color: #3c4a50;*/
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.rtl .simblaGallery[data-g-style="PUSH"] figure figcaption {
text-align: right;
}
.simblaGallery[data-g-style="PUSH"] figure:hover figcaption,
.simblaGallery[data-g-style="PUSH"] figure:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.simblaGallery[data-g-style="PUSH"] figure:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.simblaGallery[data-g-style="BORDER"] figure {
background: #fff;
}
.simblaGallery[data-g-style="BORDER"] img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.simblaGallery[data-g-style="BORDER"] figure:hover img {
-webkit-transform: scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
.simblaGallery[data-g-style="WASH"] img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.simblaGallery[data-g-style="WASH"] figure:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.simblaGallery[data-g-style="WASH"] figure figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.simblaGallery[data-g-style="WASH"] figure:hover figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
opacity: 1;
}
.simblaGallery[data-g-style="ZOOM OUT"] img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.simblaGallery[data-g-style="ZOOM OUT"] figure:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
/**************
END gallery effect section
**************/
.separatorElm {
z-index: 99;
}
/* menu spec style */
@media (min-width: 768px) {
.rtl nav[data-align="left"] ul,
.rtl nav[data-align="left"] ul.nav>li {
float: left;
}
.rtl nav[data-align="left"] ul li a {
text-align: left;
}
.rtl nav[data-align="left"] .dropdown-menu {
left: 0;
right: initial;
}
.rtl nav[data-align="left"] .dropdown-submenu>.dropdown-menu {
left: 100%;
}
.rtl nav[data-align="left"] .dropdown-submenu>a:after {
float: right;
border-left-color: #aaa;
border-right-color: transparent;
/* margin-right: 0; */
border-width: 5px 0px 5px 5px;
}
nav[data-align="right"] ul {
float: right;
}
nav[data-align="right"] ul li a {
text-align: right;
}
nav[data-align="right"] .dropdown-menu {
right: 0;
left: initial;
}
nav[data-align="right"] .dropdown-submenu>.dropdown-menu {
right: 100%;
}
nav[data-align="right"] .dropdown-submenu>a:after {
float: left;
border-right-color: #aaa;
border-left-color: transparent;
/* margin-right: 0; */
border-width: 5px 5px 5px 0px;
}
.rtl nav[data-align="center"] ul,
nav[data-align="center"] ul {
float: none;
/* display: inline; */
text-align: center;
/* margin: 0 auto; */
}
.rtl nav[data-align="center"] ul li,
nav[data-align="center"] ul li {
float: none;
display: inline-block;
/* text-align: center; */
}
nav[data-group-type="vertical"] ul li {
float: none !important;
display: block;
}
nav[data-group-type="collapse"] .navbar-header {
float: none;
}
nav[data-group-type="collapse"] .navbar-toggle {
display: block;
}
nav[data-group-type="collapse"] .collapse {
display: none !important;
}
nav[data-group-type="collapse"] .navbar-collapse,
nav[data-group-type="collapse"] .navbar-collapse.in {
border-top: 1px solid #e7e7e7;
overflow-y: inherit;
}
nav[data-group-type="collapse"] .navbar-nav {
float: none;
}
nav[data-group-type="collapse"] ul.nav>li {
position: relative;
display: block;
float: none;
}
}
.shadow-low.on-scroll {
-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.36);
-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.36);
box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.36);
}
.shadow-medium.on-scroll {
-webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.26);
}
.shadow-height.on-scroll {
-webkit-box-shadow: 0px 3px 55px 0px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 0px 3px 55px 0px rgba(0, 0, 0, 0.49);
box-shadow: 0px 3px 55px 0px rgba(0, 0, 0, 0.49);
}
.rtl a b.caret {
margin-left: 0;
margin-right: 5px;
}
.rtl .dropdown-menu:not(.pull-left) {
right: 0;
left: initial;
}
.rtl .dropdown-submenu>.dropdown-menu {
right: 100%;
}
.rtl .dropdown-submenu>a:after {
float: left;
border-right-color: #aaa;
border-left-color: transparent;
/* margin-right: 0; */
border-width: 5px 5px 5px 0;
}

[class*="minHeight"] {
overflow: visible;
}
.carouselHolderNew .carousel-indicators li {
display: inline-block;
width: 16px;
height: 16px;
margin: 0px 4px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel.pagin-square .carousel-indicators li {
border-radius: 0;
}
.carousel.pagin-minus .carousel-indicators li {
border-radius: 0;
max-height: 1px;
min-width: 30px;
/* margin: 0 1px !important; */
min-height: 6px;
}
.carousel.pagin-hidden .carousel-indicators {
display: none;
}
.carousel.indc-hidden a.carousel-control {
display: none;
}
.carousel a.carousel-control span:before {
color: #fff;
font-size: 20px;
}
.carousel.indc-caret a.carousel-control span:before,
.carousel.indc-angle a.carousel-control span:before {
font: normal normal normal 25px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* color: #000; */
}
.carousel.indc-caret a.carousel-control.left span:before {
content: "\f0d9";
}
.carousel.indc-caret a.carousel-control.right span:before {
content: "\f0da";
}
.carousel.indc-angle a.carousel-control span {
width: 40px;
height: 40px;
font-size: 43px;
font-weight: 100;
line-height: 0px;
border: 3px solid #fff;
border-radius: 50%;
box-sizing: border-box;
}
.carousel.indc-angle a.carousel-control.left span:before {
content: "\f104";
}
.carousel.indc-angle a.carousel-control.right span:before {
content: "\f105";
}
.carousel.indc-left .carousel-indicators {
left: 3%;
margin-left: 0;
z-index: 2;
padding: 10px 0;
}
.carousel.indc-left .carousel-indicators li {
display: block;
float: left;
margin-right: 3px !important;
}
.carousel.indc-right .carousel-indicators {
right: 3%;
margin-left: 0;
z-index: 2;
left: inherit;
padding: 10px 0;
}
.carousel.indc-right .carousel-indicators li {
display: block;
float: right;
margin-left: 3px !important;
}
.carouselHolderNew .carousel .item,
.center-bg-image {
background-position: 50% 50%;
}
.container-parallax {
background-attachment: fixed;
background-size: cover;
min-height: 752px!important;
}
@media (max-width: 767px) {
.container-parallax {
background-attachment: initial;
}
}
.carouselHolderNew .item {
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
video.fillWidth {
width: 100%;
}
.VideoBG .container-fluid {
position: relative;
overflow: auto;
}
.VideoBG .container-fluid>* {
position: relative;
}
.VideoBG .video-container {
overflow: hidden;
position: absolute !important;
z-index: 0;
top: 0;
height: 100%;
max-height: 100%;
width: 100%;
}
.VideoBG video.fillWidth {
position: absolute;
z-index: 0;
top: 0;
height: 100%;
max-height: 100%;
object-fit: cover;
}
.container::before,
.container-fluid::before {
clear: both;
content: "";
display: table;
/* margin-top: -1px; */
height: 0;
}
.container::after,
.container-fluid::after {
clear: both;
content: "";
display: table;
/* margin-top: -1px; */
height: 0;
}
.iconElm i.fa:not([style*=":"]) {
text-align: center;
border-radius: 50%;
}
body,
.basic {
background-color: #fff;
}
.carouselHolderNew .carousel.cssVer1BGCover .item {
background-size: cover;
}
/*support for stacky header posotion fixed, when address bar hides on mobile */
@media all and (max-device-width: 760px) {
#bodyContainer {
overflow: auto;
}
}
.accessibilityToolTip {
position: absolute;
padding: 0 15px 10px;
background-color: #fff;
border-radius: 4px;
min-width: 230px;
background: #fff;
z-index: 999999;
/* position: relative; */
/* transition: opacity .3s ease; */
opacity: 0.1;
}
.accessibilityToolTip .tooltip-title {
color: #bbb;
background-color: #fafafa;
text-align: center;
width: calc(100% + 30px);
left: -15px;
position: relative;
padding: 7px;
border-radius: 4px 4px 0 0;
margin-bottom: 10px;
}
.accessibilityToolTip.rtl .tooltip-title {
left: initial;
right: -15px;
}
.accessibilityToolTip .tooltip-title .close {
float: right;
background: url(../img/X.png);
height: 10px;
width: 10px;
opacity: 1;
}
.rtl.accessibilityToolTip .tooltip-title .close {
float: left;
}
.accessibilityToolTip .control {
padding: 3px 0;
}
.accessibilityToolTip label {
font-weight: 400;
}
.accessibilityToolTip input[type="checkbox"] {
display: none;
width: 30px;
height: 14px;
}
.accessibilityToolTip .control label {
position: relative;
width: 100%;
cursor: pointer;
}
.accessibilityToolTip .control label span {
white-space: nowrap;
}
.accessibilityToolTip input[type="checkbox"]+span:before,
.accessibilityToolTip input[type="checkbox"]+span:after {
content: " ";
position: absolute;
width: 40px;
height: 19px;
transition: all .3s ease;
right: 0;
left: initial;
}
.rtl.accessibilityToolTip input[type="checkbox"]+span:before,
.rtl.accessibilityToolTip input[type="checkbox"]+span:after {
left: 0;
right: initial;
}
.accessibilityToolTip input[type="checkbox"]+span {
padding: 0px 50px 0 10px;
}
.rtl.accessibilityToolTip input[type="checkbox"]+span {
padding: 0px 10px 0 50px;
}
.accessibilityToolTip input[type="checkbox"]+span:before {
background-image: url('../img/toggle_off.png'), url('../img/toggle_on.png');
}
.accessibilityToolTip input[type="checkbox"]:checked+span:before {
background-image: url('../img/toggle_on.png')
}
.accessibilityToolTip input[type="checkbox"]+span:after {
background-image: url('../img/switch.png');
width: 16px;
height: 15px;
top: 2px;
right: 22px;
}
.rtl.accessibilityToolTip input[type="checkbox"]+span:after {
left: 1px;
}
.accessibilityToolTip input[type="checkbox"]:checked+span:after {
right: 1px;
left: initial;
/* left: 23px; */
}
.rtl.accessibilityToolTip input[type="checkbox"]:checked+span:after {
right: initial;
left: 23px;
}
.accessibilityToolTip #sub-ctrl {
margin: 15px auto;
width: 190px;
}
.accessibilityToolTip button.sub {
width: 85px;
height: 37px;
border: 0;
background-repeat: no-repeat;
background-color: transparent;
/* margin: 0 5px; */
}
.accessibilityToolTip button#reset {
background-image: url('../img/Refresh.png');
background-position: 0px -1px;
float: right;
}
.accessibilityToolTip button#set {
background-image: url('../img/done.png');
float: left;
}
.password-restore {
cursor: pointer;
}
.simbla-table:after {
content: "";
clear: both;
display: table;
}
.simbla-table td img {
max-height: 50px;
max-width: 100px;
}
.page-selection {
text-align: center;
}
.simbla-table .page-selection,
.simbla-table .rows-selection {
display: none;
}
.simbla-table .rows-selection,
.simbla-table .pagination {
padding-right: 0;
}
.rows-selection {
text-align: center;
}
.rows-count {
text-align: center;
}
.rows-selection li {
display: inline;
}
.rows-selection a {
height: 30px;
width: 37px;
display: inline-block;
line-height: 22px;
}
.page-selection li a,
.rows-selection li a {
color: #acacac;
font-size: 16px;
background-color: #fff;
border: #ebebeb 1px solid;
font-family: sans-serif;
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 0 !important;
direction: ltr;
}
.page-selection li.active a,
.rows-selection li.active a,
.page-selection li:not(.disabled) a:hover,
.rows-selection li a:hover {
color: #666 !important;
background-color: #ebebeb !important;
border-color: #ebebeb !important;
}
@media (min-width: 760px) {
.simbla-table .page-selection {
float: left;
}
.page-selection {
width: 40%;
/* margin-left: 30%; */
height: 75px;
}
.rows-selection {
float: right;
margin: 20px 0px 25px;
width: 30%;
}
.rows-count {
float: left;
width: 30%;
text-align: left;
padding: 23px 5px;
color: #acacac;
}
}
.table-th-dark>thead>tr>th,
.table-th-dark>thead>tr>td {
border-bottom-width: 1px;
background-color: #ebebeb;
}
.simbla-table thead tr th {
cursor: pointer;
}
th.dropdown {
display: table-cell;
}
.simbla-table thead tr .fa {
cursor: pointer;
line-height: 20px;
background-color: transparent !important;
font-size: 13px !important;
display: inline-block !important;
height: 12px !Important;
padding: 0px 6px !Important;
width: initial !important;
float: right !important;
border-radius: 0 !important;
overflow: visible !important;
}
.rtl .simbla-table thead tr .fa {
float: left !Important;
}
.simbla-table thead tr .fa.fa-sort:not(.fa-sort-asc):not(.fa-sort-desc) {
color: transparent;
border: none;
line-height: 22px !important;
display: none !important;
}
.simbla-table thead tr .fa.fa-sort-asc,
.simbla-table thead tr .fa.fa-sort-desc,
.simbla-table thead tr .fa.fa-ellipsis-h {
color: #333 !important;
border: none;
line-height: 29px !important;
}
.simbla-table thead tr .fa.fa-ellipsis-h {
line-height: inherit !Important;
}
.simbla-table thead tr .fa.fa-sort-desc {
line-height: 20px !important;
}
@-webkit-keyframes anim {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes anim {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.simbla-form>i.simbla-loader-min {
min-height: 30px !IMPORTANT;
min-width: 30px !important;
position: relative !important;
display: block !important;
}
.simbla-form>i.simbla-loader-min:before {
content: "";
background: transparent;
border-top: 3px solid #ccc;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
border-left: 3px solid #de2269;
-webkit-animation: anim 1s infinite ease;
animation: anim 1s infinite ease;
opacity: 1;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
left: calc(50% - 38px);
top: calc(50% - 17px);
z-index: 1000000;
margin: 0 auto;
display: block;
}
.simblaRecaptcha {
padding-top: 4px;
padding-bottom: 4px;
}
.simblaRecaptcha>.captcha {
min-height: 78px;
box-sizing: content-box;
width: 304px;
margin: auto;
}
.db-add-edit-form {
display: none;
margin-bottom: 55px;
}
.modal .db-add-edit-form {
margin: 15px 10px;
}
td>.db-add-edit-form {
margin-top: 30px;
}
.simbla-table td.action span.fa {
color: #888;
border: 1px solid #ddd;
border-radius: 50%;
padding: 6px;
width: 25px;
height: 25px;
line-height: 10px;
display: inline-block;
margin: 0 3px;
cursor: pointer;
background-color: #fff;
}
.btn+.btn {
margin-left: 5px;
}
.rtl .btn+.btn {
margin-right: 5px;
margin-left: 0px;
}
.rtl .btn .fa {
margin-left: 5px;
}
.simbla-table .db-form-add+* {
margin-top: 30px;
}
.simbla-table .action {
min-width: 78px;
}
.table-responsive {
overflow-x: auto;
}
.form-buttons {
text-align: right;
}
.rtl .form-buttons {
text-align: left;
}
ul.navbar-nav li span+span {
margin-left: 5px;
}
.rtl ul.navbar-nav li span+span {
margin-right: 5px;
margin-left: inherit;
}
ul.navbar-nav li span {
transition: all .3s ease;
}
.simbla-wrapper {
clear: both;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.simbla-wrapper>.content .container {
width: 100%;
}
.simbla-wrapper>header {
flex: 0 4 100%;
height: 71px;
max-height: 71px;
}
.simbla-wrapper>nav {
padding: 0 0 0 !important;
margin-bottom: initial;
flex: 0 0 auto;
height: calc(100% - 72px);
}
.simbla-wrapper>nav .navbar-nav {
float: none;
margin: 0;
}
.simbla-wrapper>nav ul.navbar-nav>li>a {
padding: 15px 55px 15px 20px;
transition: all .3s ease;
}
.simbla-wrapper>nav.change-width ul.navbar-nav>li>a {
padding: 15px 10px 15px 10px;
}
.simbla-wrapper>nav .side-toggle {
padding: 20px 0px 20px 0;
width: 100%;
box-sizing: border-box;
position: relative;
text-align: center;
cursor: pointer;
}
.simbla-wrapper>nav .side-toggle:before {
content: " ";
border-bottom: 1px solid #afafa7;
width: calc(100% - 15px);
position: absolute;
left: 10px;
top: 31px;
transition: all .3s ease;
z-index: 0;
}
.simbla-wrapper>nav.change-width .side-toggle:before {
border: none;
}
.simbla-wrapper>nav .side-toggle span {
border: 1px solid #afafa7;
border-radius: 50%;
width: 18px;
height: 18px;
color: #afafa7;
background: #fff;
display: inline-block;
z-index: 2;
position: relative;
line-height: 16px;
}
.simbla-wrapper>nav .side-toggle span:before {
content: "\f104";
}
.rtl .simbla-wrapper>nav .side-toggle span:before {
content: "\f105";
}
.simbla-wrapper>.content {
transition: all .3s ease;
flex: 1;
height: calc(100% - 72px);
overflow-x: hidden;
overflow-y: auto;
/* height: auto; */
}
.simbla-wrapper>header+.content {
flex: 1 1 auto;
}
.simbla-wrapper ul.navbar-nav li span+span {
margin-left: 13px;
}
.simbla-wrapper ul.navbar-nav li a {
text-align: left;
direction: ltr;
}
.rtl .simbla-wrapper ul.navbar-nav li a {
text-align: right;
direction: rtl;
}
ul.navbar-nav li,
ul.navbar-nav li span {
transition: all .3s ease;
}
.simbla-wrapper>nav.change-width ul.navbar-nav li span+span {
display: none;
}
.simbla-wrapper>nav.change-width .side-toggle span:before {
content: "\f105";
}
.rtl .simbla-wrapper>nav.change-width .side-toggle span:before {
content: "\f104";
}
.simbla-wrapper>nav .nav.navbar-nav li.scroll {
display: none;
}
@media (max-width: 1021px) {
.simbla-wrapper>nav .navbar-toggle {
display: none;
}
.simbla-wrapper>nav .collapse {
display: block;
border: none;
padding: 0;
height: auto;
}
.simbla-wrapper>nav .side-toggle span:before {
content: "\f105";
}
.simbla-wrapper>nav .side-toggle:before {
border: none;
}
.simbla-wrapper>nav.change-width .side-toggle:before {
border: 1px solid #afafa7;
}
.simbla-wrapper>nav.change-width .side-toggle span:before {
content: "\f104";
}
.simbla-wrapper>nav.change-width ul.navbar-nav>li>a {
padding: 15px 55px 15px 20px;
}
.simbla-wrapper>nav.change-width ul.navbar-nav li span+span {
display: inline;
}
.simbla-wrapper>nav ul.navbar-nav>li>a {
padding: 15px 10px 15px 10px;
}
.simbla-wrapper>nav ul.navbar-nav li span+span {
display: none;
}
}
@media (max-width: 480px) {
.simbla-wrapper {
overflow: hidden;
flex-wrap: nowrap;
flex-direction: column;
}
.simbla-wrapper>header {
flex: 0 2 auto;
}
.simbla-wrapper>.content {
order: 2;
height: initial;
flex: 1 1 100%;
display: flex;
overflow: auto;
}
.simbla-wrapper>nav {
flex: 0 12 100%;
/* align-self: flex-end; */
margin-bottom: 0;
order: 3;
padding-right: 0 !important;
/* align-self: stretch; */
min-height: 50px;
height: 50px;
}
.simbla-wrapper>nav>.container-fluid {
height: 100%;
}
.simbla-wrapper nav ul.navbar-nav li span.fa {
font-size: 22px !Important;
}
.simbla-wrapper>nav ul.navbar-nav li span:first-child:not(.fa) {
margin-top: 24px;
}
.simbla-wrapper>nav ul.navbar-nav li span+span {
display: block !Important;
margin-top: 2px;
}
.simbla-wrapper>nav ul.navbar-nav>li>a {
padding: 8px 15px 6px !important;
height: 100%;
text-align: center;
font-size: 12px !important;
}
.simbla-wrapper>nav .side-toggle {
display: none;
}
.simbla-wrapper>nav .nav.navbar-nav {
display: flex;
margin-bottom: 0;
flex-direction: row;
flex-wrap: nowrap;
height: 100%;
overflow-x: auto;
padding-bottom: 8px;
box-sizing: content-box;
}
.simbla-wrapper>nav .nav.navbar-nav li {
flex: 1 0;
}
.simbla-wrapper>nav .nav.navbar-nav li:nth-last-child(n+8)~.scroll {
display: block;
position: absolute;
padding: 10px;
height: 100%;
line-height: 53px;
left: 0px;
}
.simbla-wrapper>nav .nav.navbar-nav li.scroll+.scroll {
right: 0;
left: initial;
}
.simbla-wrapper>nav .nav.navbar-nav li.scroll span.fa {
font-size: 18px !important;
border: 1px solid #ccc;
border-radius: 50%;
width: 24px;
height: 24px;
line-height: 23px;
text-align: center;
margin-top: 5px;
color: #ccc;
background-color: #fff;
}
.simbla-wrapper>nav .nav.navbar-nav li.scroll span.fa {
font-size: 22px !Important;
}
.simbla-wrapper>nav ul.navbar-nav li span {
display: block !important;
text-align: center;
vertical-align: bottom;
}
.simbla-wrapper>nav ul.navbar-nav li span+span {
margin-left: 0;
}
}
.apps-wrapper {
width: 100%;
background-color: #242634;
height: 71px;
display: flex;
flex-direction: row;
align-content: space-around;
color: #fff;
text-align: center;
}
.apps-wrapper .logo-view {
flex: 10 1;
text-align: left;
padding: 5px 14px;
text-decoration: none;
}
.rtl .apps-wrapper .logo-view {
text-align: right;
}
.apps-wrapper .logo-view img {
max-height: 24px;
display: inline;
margin-top: 16px;
float: left;
max-width: 30px;
}
.rtl .apps-wrapper .logo-view img {
float: right;
}
.apps-wrapper .logo-view .logo-app-title {
margin-left: 6px;
display: block;
margin-top: 23px;
font-family: Nexa;
color: #fefefe;
font-size: 25px;
/* Approximation due to font substitution */
font-weight: 300;
line-height: 17.01px;
/* Approximation due to font substitution */
text-align: left;
float: left;
}
.rtl .apps-wrapper .logo-view .logo-app-title {
text-align: right;
float: right;
}
.apps-wrapper .logo-view .fa {
color: rgba(0, 0, 0, 0.5);
font-size: 33px;
/* Approximation due to font substitution */
font-weight: 400;
/* Approximation due to font substitution */
border-radius: 5px;
width: 48px;
height: 48px;
display: block;
float: left;
margin-top: 6px;
line-height: 50px;
text-align: center;
}
.rtl .apps-wrapper .logo-view .fa {
float: right;
}
.apps-wrapper .logo-view .logo-title {
background-image: url('../img/simbla-apps-logo.png');
height: 32px;
width: 81px;
display: block;
margin-top: 17px;
float: left;
margin-left: 15px;
}
.rtl .apps-wrapper .logo-view .logo-title {
float: right;
}
.apps-wrapper .apps-view,
.apps-wrapper .notifi-view {
/* align-self: flex-end; */
flex: 0 1 60px;
line-height: 71px;
cursor: pointer;
position: relative;
padding-top: 7px;
}
.apps-wrapper .apps-view .apps-menu-toggle,
.apps-wrapper .notifi-menu-toggle {
display: none;
position: absolute;
top: 78px;
z-index: 9;
right: 3px;
/* overflow-y: auto; */
list-style: none;
cursor: default;
border-radius: 5px;
width: 289px;
height: 348px;
background-color: #f1f1f1;
padding: 10px 0;
border: 1px solid #c5c6c7;
box-shadow: 1px 2px 16px 0px rgba(24, 27, 49, 0.3);
}
.rtl .apps-wrapper .apps-view .apps-menu-toggle,
.rtl .apps-wrapper .notifi-menu-toggle {
left: 3px;
right: initial;
}
.rtl .apps-wrapper .apps-view .apps-menu-toggle:before,
.rtl .apps-wrapper .notifi-menu-toggle:before {
left: 17px;
right: initial;
}
.rtl .apps-wrapper .apps-view .apps-menu-toggle:after,
.rtl .apps-wrapper .notifi-menu-toggle:after {
left: 17px;
right: inherit;
}
.apps-wrapper .apps-view .apps-menu-toggle:before,
.apps-wrapper .notifi-menu-toggle:before {
content: "";
border: 9px solid transparent;
position: absolute;
top: -21px;
overflow: initial;
right: 17px;
/* background: url('../img/apps-menu-arrow.png') center center; */
border-bottom-color: #e3e3e3;
transform: scaleY(1.4);
}
.apps-wrapper .apps-view .apps-menu-toggle:after,
.apps-wrapper .notifi-menu-toggle:after {
content: "";
border: 9px solid transparent;
position: absolute;
top: -20px;
overflow: initial;
right: 17px;
/* background: url('../img/apps-menu-arrow.png') center center; */
border-bottom-color: #fff;
transform: scaleY(1.4);
}
.apps-wrapper .apps-view .apps-menu-toggle:before {
border-bottom-color: #c5c6c7;
}
.apps-wrapper .apps-view .apps-menu-toggle:after {
border-bottom-color: #f1f1f1;
}
.apps-wrapper .apps-view .apps-menu-toggle li {
width: 66px;
height: 67px;
float: left;
margin: 13px 5px;
position: relative;
cursor: pointer;
overflow: hidden;
}
.apps-wrapper .apps-view .apps-menu-toggle li .icon {
width: 48px;
height: 48px;
color: rgba(0, 0, 0, .5);
font-size: 32px;
line-height: 48px;
margin: 0 9px;
display: block;
border-radius: 5px;
background-repeat: no-repeat;
background-position: center;
}
.apps-wrapper .apps-view .apps-menu-toggle li .title {
position: absolute;
bottom: 0;
display: block;
text-align: center;
width: 100%;
height: 18px;
line-height: 18px;
font-family: 'Open Sans';
/* Approximation due to font substitution */
font-weight: 400;
/* Approximation due to font substitution */
color: #242634;
font-size: 0.8em;
}
.apps-wrapper .apps-user {
flex: 0 1 60px;
cursor: pointer;
padding: 0 10px 0 0;
margin-left: 20px;
line-height: 20px;
padding-top: 24px;
min-width: 90px;
position: relative;
}
.apps-wrapper .apps-user .user-thumb {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 5px 6px 0 6px;
background-size: cover;
background-position: center center;
background-image: url('../img/avatar2.png');
}
.apps-wrapper .apps-user .user-name {
display: inline-block;
float: left;
text-align: left;
overflow: hidden;
height: 20px;
margin-right: 2px;
max-width: 54px;
font-family: Nexa;
color: #eeeded;
font-size: 15px;
font-weight: 200;
}
.rtl .apps-wrapper .apps-user .user-name {
text-align: right;
}
.apps-wrapper .apps-user .user-menu-toggle {
display: inline-block;
border: 5px solid transparent;
border-top-color: #eeeded;
margin: 8px 0 0 4px;
float: left;
}
.apps-wrapper .apps-user .user-menu:before {
content: "";
border: 7px solid transparent;
/* border-bottom-color: #eeeded; */
position: absolute;
top: -17px;
overflow: initial;
right: 10px;
/* background: url(../img/apps-menu-arrow.png) center center; */
border-bottom-color: #c5c6c7;
transform: scaleY(1.4);
}
.apps-wrapper .apps-user .user-menu:after {
content: "";
border: 7px solid transparent;
/* border-bottom-color: #242634; */
position: absolute;
top: -16px;
overflow: initial;
right: 10px;
/* background: url(../img/apps-menu-arrow.png) center center; */
border-bottom-color: #f1f1f1;
transform: scaleY(1.4);
}
.rtl .apps-wrapper .apps-user .user-menu:before,
.rtl .apps-wrapper .apps-user .user-menu:after {
left: 31px;
right: initial;
}
.apps-wrapper .apps-user .user-menu {
display: none;
position: absolute;
top: 76px;
right: 7px;
/* color: #fff; */
z-index: 9;
overflow: initial !important;
list-style: none;
padding: 0;
width: 155px;
border-radius: 5px;
background-color: #f1f1f1;
padding: 10px 0;
border: 1px solid #c5c6c7;
box-shadow: 1px 2px 16px 0px rgba(24, 27, 49, 0.3);
}
.rtl .apps-wrapper .apps-user .user-menu {
left: 7px;
right: initial;
}
.apps-wrapper .apps-user .user-menu li a {
padding: 6px 15px;
text-align: left;
display: block;
color: #242634;
font-weight: 100;
font-family: 'Open Sans';
}
.apps-wrapper .apps-user .user-menu li a span+span {
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 480px) {
.apps-wrapper>* {
order: 1;
}
.apps-wrapper .apps-user {
margin-left: 0px;
}
.apps-wrapper .apps-view {
order: 0;
}
.apps-wrapper .logo-view {
flex: 2 1;
text-align: center;
}
.apps-wrapper .logo-view .fa {
display: none;
}
.apps-wrapper .apps-view .apps-menu-toggle {
background: #eee;
top: 13px;
right: initial;
left: 62px;
}
.apps-wrapper .apps-view .apps-menu-toggle:before {
right: initial;
top: 9px;
left: -18px;
}
.apps-wrapper .apps-view .apps-menu-toggle li {
width: 100%;
height: 67px;
float: none;
margin: 0;
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
border-top: 1px solid #f7f7f7;
}
.apps-wrapper .apps-view .apps-menu-toggle li .fa {
width: 45px;
height: 45px;
color: #bababa;
font-size: 50px;
line-height: 31px;
position: relative;
display: block;
left: inherit;
text-align: center;
float: left;
}
.apps-wrapper .apps-view .apps-menu-toggle li span.title {
position: relative;
display: inline-block;
text-align: left;
width: initial;
height: initial;
font-size: 27px;
padding-left: 13px;
bottom: initial;
line-height: 38px;
vertical-align: top;
}
}
input.conversation-input.form-control {
width: calc(100% - 35px);
float: left;
margin-right: 12px;
margin-bottom: 10px;
}
input.conversation-input.form-control+span {
font-size: 17px;
line-height: 31px;
cursor: pointer;
}
.html-modal .widget-header {
background-color: #30405c;
width: 100%;
height: 50px;
}
.html-modal .widget-header h4 {
text-align: center;
font-family: 'Nexa-Bold';
color: #ffffff;
font-size: 18px;
/* Approximation due to font substitution */
font-weight: 400;
line-height: 4px
}
.html-modal .btn-success {
background-color: #d7335b;
border-color: #d7335b;
}
.cart-view-div {
position: absolute;
z-index: 999;
border-radius: 5px;
border-width: 1px;
border-color: #d7d7d7;
border-style: solid;
background-color: #f8f8f8;
width: 328px;
min-height: 150px;
padding: 22px 0;
box-sizing: border-box;
max-height: 85%;
overflow: hidden;
/* height: 200px; */
}
.cart-view-div:before {
content: "";
border: 9px solid transparent;
position: absolute;
top: -17px;
overflow: initial;
left: 17px;
background: url(../img/apps-menu-arrow.png) center center;
}
.cart-view-div .cart-header {
color: #333333;
font-size: 15px;
font-weight: 400;
line-height: 18px;
text-align: left;
font-family: "Myriad Pro Regular";
padding: 0 22px;
}
.cart-view-div .cart-header span:first-child {
padding-right: 10px;
font-size: 24px;
}
.cart-view-div .cart-header span.fa {
float: right;
margin-right: 5px;
}
.cart-view {
list-style: none;
max-height: calc(100% - 330px);
overflow-y: auto;
overflow-x: hidden;
margin: 20px auto 10px;
padding: 0 22px;
display: block;
}
.cart-view li:first-child {
padding-top: 0;
}
.cart-view li:last-child {
border-bottom: none;
}
.cart-view li {
padding: 15px 0;
min-height: 130px;
border-bottom: #d7d7d7 solid 1px;
cursor: pointer;
white-space: pre;
}
.cart-view li .data {
display: block;
float: right;
width: 158px;
}
.cart-view li img {
width: 99px;
/*height: 99px;*/
float: left;
margin-right: 8px;
/* clear: right; */
max-height: 100%;
}
.cart-view li .name {
font-size: 18px;
font-weight: 700;
display: block;
line-height: 18px;
margin-bottom: 8px;
}
.cart-view li span:not(.currency-before) {
display: block;
}
.cart-view li .description {
font-size: 15px;
font-weight: 400;
}
.cart-view-div button {
margin: auto;
display: block;
}
.e-commerce.checkout .error-message-place,
.e-commerce.product .select-from-available-options {
display: none;
}
.dynamicListParent a.item i.add-to-cart,
.dynamicListParent a.item i.add-to-cart::before {
transition: all .5s ease;
}
.dynamicListParent a.item i.add-to-cart-icon-green {
color: green
}
.e-commerce-out-of-q-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
z-index: 9999;
background: #000;
opacity: 0.3;
}
.e-commerce-out-of-q {
width: 350px;
background-color: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-color: rgb(195, 195, 195);
border-radius: 5px;
padding-bottom: 25px;
padding-top: 25px;
z-index: 10000;
position: fixed;
top: 50px;
left: calc(50% - 159px);
cursor: pointer;
max-width: 100%;
}
.e-commerce-out-of-q .iconElm {
background-color: rgb(255, 255, 255);
border-radius: 5px;
position: relative;
}
.e-commerce-out-of-q .fa-exclamation {
color: rgb(255, 255, 255) !IMPORTANT;
font-size: 15px !important;
text-shadow: none;
box-sizing: content-box;
line-height: 30px !important;
text-align: center !important;
width: 30px !important;
height: 30px !important;
display: inline-block;
overflow: hidden;
background-color: rgb(247, 152, 0) !important;
}
.e-commerce-out-of-q .textContainer {
line-height: 12px;
padding-top: 15px;
padding-bottom: 10px;
}
.e-commerce-out-of-q button {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.simbla-table tr {
transition: all 3.3s ease-out;
}
.apps-wrapper .notifi-view>label {
cursor: pointer;
color: #fff;
}
.apps-wrapper .notifi-view>label>span.ring {
animation: ring 1.5s ease;
animation-iteration-count: 2;
}
.apps-wrapper .notifi-view .badge {
background-color: red;
vertical-align: top;
/* margin-top: 10px; */
right: 0px;
display: none;
position: absolute;
top: 17px;
}
@-webkit-keyframes ring {
0% {
-webkit-transform: rotate(35deg);
}
12.5% {
-webkit-transform: rotate(-30deg);
}
25% {
-webkit-transform: rotate(25deg);
}
37.5% {
-webkit-transform: rotate(-20deg);
}
50% {
-webkit-transform: rotate(15deg);
}
62.5% {
-webkit-transform: rotate(-10deg);
}
75% {
-webkit-transform: rotate(5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes ring {
0% {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
12.5% {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
25% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
37.5% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
50% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
62.5% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
75% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.apps-wrapper .notifi-menu-toggle {
padding-top: 0;
background: #fff;
color: #000;
line-height: initial;
border-width: 1px;
border-color: #e3e3e3;
border-style: solid;
background-color: #ffffff;
box-shadow: 6px 4px 15px 0px rgba(76, 76, 76, 0.15);
width: 554px;
max-height: 375px;
padding-bottom: 0;
height: auto;
}
.apps-wrapper .notifi-menu-toggle-ul {
overflow-y: auto;
list-style: none;
height: 100%;
padding: 0;
position: relative;
max-height: 350px;
margin-bottom: 0;
/* max-height: 100%; */
}
.apps-wrapper .notifi-menu-toggle li.first {
text-align: left;
clear: both;
width: 100%;
height: 35px;
border-bottom: 1px solid #e3e3e3;
color: #4149b4;
font-size: 14px;
/* Approximation due to font substitution */
font-weight: 700;
/* Approximation due to font substitution */
}
.rtl .apps-wrapper .notifi-menu-toggle li.first {
text-align: right;
}
.apps-wrapper a.btn.push-register {
padding: 2px;
margin: 1px 80px;
background-color: #fff;
color: #000;
border: 1px solid #ccc;
padding: 0 5px;
}
.apps-wrapper li.first a.btn.push-register label {
font-weight: 300;
line-height: 24px;
}
.apps-wrapper .notifi-menu-toggle li.first:only-child {
height: 140px;
}
.apps-wrapper .notifi-menu-toggle li.first:only-child:before {
content: attr(no-notify-text);
background-color: transparent;
top: 103px;
width: 100%;
left: 0;
text-align: center;
position: absolute;
color: #ccc;
font-weight: 3;
}
.apps-wrapper .notifi-menu-toggle li.first:only-child:after {
content: "\f0a2";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #ccc;
font-size: 3em;
position: absolute;
top: 45px;
text-align: center;
width: 100%;
left: 0;
}
.apps-wrapper .notifi-menu-toggle li.first .checkbox {
padding: 9px 20px;
float: left;
margin: 0;
cursor: pointer;
text-align: center;
}
.rtl .apps-wrapper .notifi-menu-toggle li.first .checkbox {
float: right;
}
.apps-wrapper .notifi-menu-toggle li.first .checkbox input {
margin-left: 0;
margin-right: 0;
}
.apps-wrapper .notifi-menu-toggle li.first label {
line-height: 36px;
margin-bottom: 0;
}
.apps-wrapper .notifi-menu-toggle li.first .btn-group {
float: right;
margin-right: 22px;
margin-top: 6px;
display: none;
}
.rtl .apps-wrapper .notifi-menu-toggle li.first .btn-group {
float: left;
margin-left: 22px;
margin-right: 0px;
margin-top: 6px;
display: none;
}
.apps-wrapper .notifi-menu-toggle li.first button {
border-radius: 4px;
border-width: 1px;
border-color: #bfbfbf;
border-style: solid;
width: 24px;
height: 23px;
background: transparent;
margin-left: 10px;
transition: all .4s ease;
}
.apps-wrapper .notifi-menu-toggle li.first i {
color: #878787;
font-size: 14.09px;
/* Approximation due to font substitution */
font-weight: 400;
height: initial;
line-height: 14px;
width: initial;
background: transparent;
transition: all .4s ease;
}
.apps-wrapper .notifi-menu-toggle-ul li:not(.first) {
clear: both;
width: 100%;
height: 105px;
border-bottom: 1px solid #e3e3e3;
padding: 20px 0px;
}
.apps-wrapper .notifi-menu-toggle-ul li:not(.first)>* {
float: left;
}
.rtl .apps-wrapper .notifi-menu-toggle-ul li:not(.first)>* {
float: right;
}
.apps-wrapper .notifi-menu-toggle-ul li:not(.first):before {
content: " ";
width: 6px;
height: 105px;
float: left;
margin-top: -20px;
background-color: transparent !important;
}
.rtl .apps-wrapper .notifi-menu-toggle-ul li:not(.first):before {
float: right;
}
.apps-wrapper .notifi-menu-toggle-ul li:nth-child(3n+1):before {
background-color: #7cc576;
}
.apps-wrapper .notifi-menu-toggle-ul li:nth-child(3n+2):before {
background-color: #ef422b;
}
.apps-wrapper .notifi-menu-toggle-ul li:nth-child(3n+3):before {
background-color: #f5bf3c;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .checkbox {
padding: 10px;
margin: 0px 5px;
cursor: pointer;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .checkbox input {
margin: 0;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .content {
height: 100%;
font-family: 'Open Sans';
color: #333333;
font-size: 16px;
/* Approximation due to font substitution */
font-weight: 400;
line-height: 30px;
/* Approximation due to font substitution */
text-align: left;
width: 358px;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .content {
text-align: right;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .content i {
float: left;
height: 100%;
line-height: 33px;
margin: 0 8px 0 0;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .content i {
float: right;
margin: 0 0 0 8px;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .content span {
display: block;
font-family: 'Open Sans';
/* Approximation due to font substitution */
font-weight: 400;
/* line-height: 60px; */
/* Approximation due to font substitution */
text-align: left;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .content span {
text-align: right;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .content span.time {
color: #333333;
font-size: 12px;
/* Approximation due to font substitution */
font-weight: 700;
/* Approximation due to font substitution */
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .actions {
float: right;
width: 100px;
margin-right: 20px;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .actions {
float: left;
margin-right: 0;
margin-left: 20px;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .actions .btn-group {
display: block;
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .actions .btn {
padding: 3px 5px;
font-size: 12px;
display: block;
float: right;
border-radius: 4px;
width: 100px;
height: 29px;
font-family: 'Myriad Pro Regular';
color: #878787;
font-size: 14px;
font-weight: 400;
line-height: 21.8px;
text-align: center;
margin-bottom: 8px;
transition: all .4s ease;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .actions .btn {
float: left;
}
.apps-wrapper .notifi-menu-toggle li button:hover {
background-color: #4149b4;
color: #ffffff !important;
/* font-weight: 700 !IMPORTANT; */
}
.apps-wrapper .notifi-menu-toggle li:not(.first) .actions .btn i {
transition: all .4s ease;
font-size: 12px !important;
height: initial;
width: initial;
line-height: initial;
margin-right: 8px;
color: #878787;
background: transparent;
}
.rtl .apps-wrapper .notifi-menu-toggle li:not(.first) .actions .btn i {
margin-right: 0;
margin-left: 8px;
}
.apps-wrapper .notifi-menu-toggle li button:hover i {
color: #ffffff !important;
}
.apps-wrapper .notifi-menu-toggle .dropdown-menu {
top: 0;
right: -150px;
left: inherit;
text-align: left;
}
.rtl .apps-wrapper .notifi-menu-toggle .dropdown-menu {
left: -150px;
right: inherit;
text-align: right;
}
.apps-wrapper .snooze-list a {
cursor: pointer;
}
.apps-wrapper .custom {
padding: 2px 0 0 20px;
}
.rtl .apps-wrapper .custom {
padding: 2px 20px 0 0px;
}
.apps-wrapper .custom input {
border-radius: 4px;
border-width: 1px;
border-color: #dddddd;
border-style: solid;
background-color: #ffffff;
width: 36px;
height: 27px;
text-align: center;
margin: 0 4px;
}
.apps-wrapper .custom i {
cursor: pointer;
padding: 10px 5px;
display: inline;
color: #8f8f8f;
transition: all .4s ease-out;
}
.apps-wrapper .custom i:hover {
color: #000;
}
.datetime-input:before {
content: "";
}
select.autocomplete {
min-width: 100px;
}
.rtl .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
right: initial;
left: 12px;
}
.inline-form input[type=number] {
min-width: 60px
}
.inline-form.checkt input:invalid,
.inline-form.checkt select:invalid {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.dynamic-table-query .query-picker h5,
.dynamic-table-query .query-picker a {
cursor: pointer;
}
.modal-content {
overflow: hidden;
}
.col-md-12 {
clear: both
}
.query-selector {
width: 250px;
background: #f8f8f8;
font-size: 14px;
color: #666;
padding: 2px 0 7px;
margin-top: 8px;
}
.query-selector:before,
.query-selector:after {
content: "";
border: 6px solid transparent;
position: absolute;
border-bottom-color: #f8f8f8;
top: -15px;
left: 105px;
border-bottom-width: 9px;
}
.query-selector:before {
border-bottom-color: #666;
}
.query-selector li {
clear: both;
height: 28px;
}
.query-selector li.label-li {
font-weight: 600;
padding: 4px 15px 0px;
line-height: 22px;
}
.query-selector li.message-li {
padding: 0 15px 10px;
}
.query-selector a {
text-decoration: none !important;
height: 25px;
}
.query-selector li a {
color: #666;
line-height: 17px;
font-size: 14px;
padding: 3px 10px;
}
.query-selector li a .fa-check {
padding-right: 7px;
visibility: hidden;
}
.rtl .query-selector li a .fa-check {
padding-right: 0px;
padding-left: 7px;
}
.query-selector li.selected a .fa-check {
visibility: visible;
}
.query-selector li:hover a {
background-color: #1fb6ee2f;
}
.query-selector li a span {
max-width: 160px;
display: inline-block;
}
.query-selector li .actions {
display: none;
float: right;
color: #666;
}
.rtl .query-selector li .actions {
float: left;
}
.query-selector li:hover .actions {
display: inline-block;
}
.query-selector li .actions .fa {
padding: 0 0 0 7px;
}
.rtl .query-selector li .actions .fa {
padding: 0 7px 0 0;
}
.query-selector li a:hover {
color: #30405c;
}
.query-selector li.selected a {
font-weight: bold;
color: #30405c;
}
.query-selector li.add-new .fa {
margin-right: 5px;
font-size: 10px;
color: #666;
}
.rtl .query-selector li.add-new .fa {
margin-right: 0;
margin-left: 5px;
}
.dynamic-query ul.fileds-list {
border-radius: 3px;
border-width: 1px;
border-color: #e1e1e1;
border-style: solid;
background-color: #ffffff;
width: 100%;
height: 211px;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
list-style: none;
padding-left: 0;
}
.rtl.dynamic-query ul.fileds-list {
padding-right: 0;
}
.dynamic-query ul.fileds-list li {
/* padding: 10px 10px; */
font-size: 14px;
cursor: pointer;
height: 43px;
margin: 2px 0;
padding: 10px;
transition: all .2s ease;
}
.dynamic-query ul.fileds-list li .fa {
display: none;
float: right;
padding-top: 0px;
padding-left: 5px;
font-weight: 200;
font-size: 23px;
line-height: 20px;
}
.rtl.dynamic-query ul.fileds-list li .fa {
float: left;
}
.dynamic-query ul.fileds-list li.selected {
color: #fff;
background-color: #222;
}
.dynamic-query ul.fileds-list li.selected .fa {
display: inline;
}
.dynamic-query .switch-fields button:first-of-type {
margin-top: 80px;
padding-left: 11px;
}
.dynamic-query .switch-fields button {
border-radius: 50%;
background-color: #c2c2c2;
width: 31px;
height: 31px;
border: none;
box-sizing: border-box;
display: block;
margin: 7px auto;
color: #fff;
font-size: 15px;
line-height: 29px;
text-align: left;
padding-left: 9px;
/* margin-left: -10px; */
}
.rtl.dynamic-query .switch-fields button {
transform: rotate(180deg);
}
.dynamic-query .switch-fields button.selected {
background-color: #30405c;
}
.dynamic-query .switch-fields button.selected:hover {
background-color: #222;
}
.criteriaList {
border: 1px solid #ccc;
height: 180px;
border-radius: 4px;
width: 90%;
margin: 25px auto;
list-style: none;
overflow-y: auto;
/* margin-left: 0; */
width: 98%;
padding-left: 10px;
}
.rtl .criteriaList {
padding-right: 10px;
}
.criteriaList li {
padding: 6px 10px;
cursor: auto;
}
.criteriaList li span:not(.fa) {
font-family: 'Myriad Pro Regular';
color: #797979;
font-size: 14px;
font-weight: 400;
text-align: left;
cursor: default;
width: 320px;
display: inline-block;
}
.rtl .criteriaList li span:not(.fa) {
text-align: right;
}
.criteriaList li span.and {
color: #797979;
font-size: 12px;
font-style: italic;
padding: 0 6px 0 0;
width: 23px;
display: inline-block;
margin: 0 4px;
}
.criteriaList li .fa {
float: right;
padding: 2px 4px;
display: none;
cursor: pointer;
color: #acacac;
font-size: 18px;
line-height: 18px;
margin-left: 6px;
}
.rtl .criteriaList li .fa {
float: left;
}
.criteriaList li:hover .fa {
display: inline;
}
#query-builder input,
#query-builder select {
width: 30%;
float: left;
margin-left: 2%;
}
.rtl #query-builder input,
.rtl #query-builder select {
float: right;
margin-left: 0;
margin-right: 2%;
}
.rtl #query-builder input.customDate {
float: left !Important;
}
.rtl #query-builder .custom-date-warp {
float: left !important;
margin-left: 20px !important;
}
.dynamic-table-query h5 {
margin-bottom: 20px;
font-weight: bold;
font-family: "Myriad Pro Regular";
color: #30405c;
}
.dynamic-table-query h5 .name {
width: 100px;
display: inline-block;
padding-left: 6px;
}
.dynamic-query .modal-content {
background-color: #f8f8F8;
}
.dynamic-query label {
font-weight: normal;
}
.dynamic-query label.form-control[name=value] {
width: 30%;
float: right;
/* border: 0px solid transparent; */
/* box-shadow: none; */
}
.rtl.dynamic-query label.form-control[name=value] {
float: left;
}
.dynamic-query .tab-pane {
background-color: #fff;
border: 1px solid #ddd;
border-top: 0;
padding: 20px 10px;
min-height: 300px;
border-radius: 0 0px 8px 8px;
overflow: auto;
}
.dynamic-query .tab-pane .row {
margin: 10px 0 20px;
}
.rtl th {
text-align: right;
}
.sort-area {
height: 40px;
}
.sort-area>*,
.sort-area .btn-group,
.grid-area>* {
float: left;
line-height: 33px;
}
.sort-area .btn-group {
margin-top: -2px;
margin-left: 5px;
}
.rtl .sort-area>*,
.sort-area .btn-group,
.rtl .grid-area>* {
float: right;
}
.sort-area .btn-group {
margin-right: 5px;
}
.sort-area button {
height: 38px !important;
font-size: 18px !important;
}
.sort-area .controls {
width: 320px;
}
.sort-area button.active {
color: #fff;
background-color: #272A38;
}
.dynamic-query .sort-area button:not(.active) {
background-color: #ddd;
color: #999;
}
.dynamic-query .grid-area {
height: 40px;
margin-top: 15px;
clear: both;
}
.dynamic-query:not(.dynamic-report) .grid-area {
display: none !Important;
}
.dynamic-query.dynamic-report .grid-area {
display: block;
}
.dynamic-query #permissions ul {
margin: 20px 10px;
padding: 0;
height: 200px;
overflow: auto;
}
.dynamic-query #permissions ul li {
list-style: none;
width: 43%;
}
.dynamic-query #permissions ul li label {
cursor: pointer;
}
.dynamic-query #permissions .checkbox input[type="checkbox"] {
float: right;
}
.rtl.dynamic-query #permissions .checkbox input[type="checkbox"] {
float: left;
}
.rtl .select2-container--bootstrap .select2-selection__clear {
margin-left: 10px;
/* margin-right: 0; */
}
.dynamic-query #settingsUl {
border: 1px solid #ccc;
list-style: none;
height: 210px;
border-radius: 3px;
overflow: auto;
padding: 10px;
}
.dynamic-query #settingsUl li {
width: 100%;
clear: both;
padding: 8px 0;
}
.dynamic-query #settingsUl li>*,
.dynamic-query .setting-ul-titles label {
width: 25%;
float: left;
box-sizing: border-box;
}
.dynamic-query .setting-ul-titles {
clear: both;
width: 100%;
height: 30px;
}
.rtl.dynamic-query #settingsUl li>*,
.rtl.dynamic-query .setting-ul-titles label {
float: right;
}
.dynamic-query #settingsUl li label,
.dynamic-query .setting-ul-titles label {
padding: 3px 5px;
}
.dynamic-query #settingsUl label.text-label {
border: 1px solid transparent;
border-radius: 4px;
height: 26px;
overflow: hidden;
}
.dynamic-query #settingsUl label.text-label:hover,
.dynamic-query #settingsUl label.text-label:focus {
border-color: #ccc;
outline: none;
}
.dynamic-query #settingsUl li select {
margin: 0 8px;
width: 21%;
}
.dynamic-query #settingsUl li select+select {
margin: 0 12px
}
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 85%;
height: 100%;
padding: 0px;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
/* border: 0; */
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
border: 0;
border-radius: 0;
}
/*Left*/
.modal.left.fade .modal-dialog {
left: -75%;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.in .modal-dialog {
left: 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
right: -75%;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
right: 0;
}
.modal.left.fade .modal-dialog {
left: -75%;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.in .modal-dialog {
left: 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
right: -75%;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
right: 0;
}
/*** END ***/
.video_1{
text-align: center;
}
.video_2{background: #e9e4d2;
width: 860px;
display: inline-block;
padding: 0 0 10px 0;
margin-top: 40px;}
#P436 p {
line-height: 27px;
}