@import url(//fonts.googleapis.com/css?family=Open+Sans);
     @font-face {
         font-family: "Nexa";
         src: url('//d33rxv6e3thba6.cloudfront.net/asset/sites/fonts/Nexa_Light.otf');
     }
     
     @font-face {
         font-family: "Nexa-bold";
         src: url('//d33rxv6e3thba6.cloudfront.net/asset/sites/fonts/Nexa_Bold.otf');
     }
     
     @font-face {
         font-family: "Myriad Pro Regular";
         src: url('//d33rxv6e3thba6.cloudfront.net/asset/sites/fonts/MYRIADPRO-REGULAR.OTF');
     }
     
     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 .modal-footer {
         text-align: left;
     }
     
     .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;
     }
     
     .pratiksolEL img:not([width]) {
         max-width: 100%;
     }
     
     .textContainer img {
         display: inline
     }
     
     .carousel {
         margin: auto
     }
     
     .row {
         margin-right: 0px !important;
         margin-left: 0px !important;
     }
     
     .pratiksolHeader,
     .pratiksolFooter {
         width: 100%;
     }
     
     .pratiksolFooter {
         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 .pratiksolImg {
         display: inline;
     }
     
     embed {
         max-width: 100%;
     }
     
     video {
         max-width: 100%;
     }
     
     video:not([height]) {
         height: auto
     }
     
     .pratiksolEL.videoElm,
     .pratiksolEL.flashElm,
     .pratiksolEL.youtubeElm {
         text-align: center;
     }
     
     .youtubeElm {
         position: relative;
         padding-bottom: 56.25%;
         padding-top: 30px;
         height: 0;
         overflow: hidden;
     }
     
     .pratiksolEL.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#linkToPratiksol {
         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#linkToPratiksol.he {
         left: 30%;
         width: 97px;
     }
     
     @media (max-width: 500px) {
         a#linkToPratiksol {
             left: 50%;
         }
         .rtl+a#linkToPratiksol.he {
             left: 20%;
         }
     }
     
     #linkToPratiksol .main {
         opacity: 0.8;
         font-size: 10px;
         font-family: Nexa-bold, Varenda !important;
         background: transparent;
         color: #fff;
     }
     
     #linkToPratiksol .s {
         opacity: 0.5;
         font-size: 9px;
         font-family: Nexa, Varenda;
         color: #fff;
     }
     
     .iconElm {
         text-align: center;
     }
     
     .pratiksol-form {
         padding: 10px;
         text-align: center;
     }
     
     .pratiksolGallery[data-g-spacing="NONE"] .sDivider {
         padding: 0;
     }
     
     .pratiksolGallery[data-g-spacing="NONE"] .elem {
         overflow: hidden;
     }
     
     .pratiksolGallery[data-g-spacing="NONE"] figure {
         width: calc(100% + 1px);
         /*max-width: calc(100% + 1px);*/
         /*overflow: inherit;*/
     }
     
     .pratiksolGallery[data-g-spacing="SMALL"] .sDivider {
         padding: 7px;
     }
     
     .pratiksolGallery[data-g-spacing="NORMAL"] .sDivider {
         padding: 15px;
     }
     /**************
gallery effect section
 **************/
     
     .pratiksolGallery figure {
         position: relative;
         display: block;
         min-height: 100%;
         max-width: 100%;
         overflow: hidden;
         text-align: center;
     }
     
     .pratiksolGallery figure img {
         position: relative;
         display: block;
         opacity: 1;
     }
     
     .pratiksolGallery 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) {
         .pratiksolGallery figure img:not([width]) {
             min-height: initial;
         }
     }
     
     @media not all and (min-resolution:.001dpcm) {
         .pratiksolGallery figure img:not([width]) {
             min-height: initial;
         }
     }
     
     .pratiksolGallery 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;*/
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[data-g-style="FADE"] figure img {
         transition: opacity 0.35s;
     }
     
     .pratiksolGallery[data-g-style="FADE"] figure:hover img {
         opacity: 0.6;
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[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 .pratiksolGallery[data-g-style="SLIDE"] img {
         -webkit-transform: translate3d(50px, 0, 0);
         transform: translate3d(50px, 0, 0);
     }
     
     .pratiksolGallery[data-g-style="SLIDE"] figure:hover img {
         opacity: 0.7;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     
     .pratiksolGallery[data-g-style="ZOOM"] figure {
         -webkit-perspective: 1000px;
         perspective: 1000px;
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[data-g-style="ZOOM"] figure:hover img {
         opacity: 0.6;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     
     .pratiksolGallery[data-g-style="PUSH"] img {
         -webkit-transition: -webkit-transform 0.35s;
         transition: transform 0.35s;
         /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
     }
     
     .pratiksolGallery[data-g-style="PUSH"] figure:hover img {
         -webkit-transform: translate3d(0, -80px, 0);
         transform: translate3d(0, -80px, 0);
     }
     
     .pratiksolGallery[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 .pratiksolGallery[data-g-style="PUSH"] figure figcaption {
         text-align: right;
     }
     
     .pratiksolGallery[data-g-style="PUSH"] figure:hover figcaption,
     .pratiksolGallery[data-g-style="PUSH"] figure:hover h2 {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     
     .pratiksolGallery[data-g-style="PUSH"] figure:hover h2 {
         -webkit-transition-delay: 0.05s;
         transition-delay: 0.05s;
     }
     
     .pratiksolGallery[data-g-style="BORDER"] figure {
         background: #fff;
     }
     
     .pratiksolGallery[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%;
     }
     
     .pratiksolGallery[data-g-style="BORDER"] figure:hover img {
         -webkit-transform: scale3d(0.95, 0.95, 1);
         transform: scale3d(0.95, 0.95, 1);
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[data-g-style="WASH"] figure:hover img {
         opacity: 0.6;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[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;
     }
     
     .pratiksolGallery[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);
     }
     
     .pratiksolGallery[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;
         }
         nav[data-align="center"] ul {
             float: none;
             /* display: inline; */
             text-align: center;
             /* margin: 0 auto; */
         }
         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 {
         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;
     }
     
     .container:not([style*="width: 100%"]):not([style*="width:100%"]) .container {
         margin-left: -15px;
     }
     
     [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;
     }
     
     @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;
     }
     
     .pratiksol-table:after {
         content: "";
         clear: both;
         display: table;
     }
     
     .pratiksol-table td img {
         max-height: 50px;
         max-width: 100px;
     }
     
     .page-selection {
         text-align: center;
     }
     
     .rows-selection {
         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) {
         .pratiksol-table .page-selection {
             float: left;
         }
         .page-selection {
             width: 40%;
             margin-left: 30%;
             height: 75px;
         }
         .rows-selection {
             float: right;
             margin: 20px 0px 25px;
             width: 30%;
         }
     }
     
     .table-th-dark>thead>tr>th,
     .table-th-dark>thead>tr>td {
         border-bottom-width: 1px;
         background-color: #ebebeb;
     }
     
     .pratiksol-table thead tr th {
         cursor: pointer;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-table thead tr .fa.fa-sort-asc,
     .pratiksol-table thead tr .fa.fa-sort-desc {
         color: #333 !important;
         border: none;
         line-height: 29px !important;
     }
     
     .pratiksol-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);
         }
     }
     
     .pratiksol-form>i.pratiksol-loader-min {
         min-height: 30px !IMPORTANT;
         min-width: 30px !important;
         position: relative !important;
         display: block !important;
     }
     
     .pratiksol-form>i.pratiksol-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;
     }
     
     .pratiksolRecaptcha {
         padding-top: 4px;
         padding-bottom: 4px;
     }
     
     .pratiksolRecaptcha>.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;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-table .db-form-add+* {
         margin-top: 30px;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-wrapper {
         clear: both;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }
     
     .pratiksol-wrapper>.content .container {
         width: 100%;
     }
     
     .pratiksol-wrapper>header {
         flex: 0 4 100%;
         height: 71px;
         max-height: 71px;
     }
     
     .pratiksol-wrapper>nav {
         padding: 0 0 0 !important;
         margin-bottom: initial;
         flex: 0 0 auto;
         height: calc(100% - 72px);
     }
     
     .pratiksol-wrapper>nav .navbar-nav {
         float: none;
         margin: 0;
     }
     
     .pratiksol-wrapper>nav ul.navbar-nav>li>a {
         padding: 15px 55px 15px 20px;
         transition: all .3s ease;
     }
     
     .pratiksol-wrapper>nav.change-width ul.navbar-nav>li>a {
         padding: 15px 10px 15px 10px;
     }
     
     .pratiksol-wrapper>nav .side-toggle {
         padding: 20px 0px 20px 0;
         width: 100%;
         box-sizing: border-box;
         position: relative;
         text-align: center;
         cursor: pointer;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-wrapper>nav.change-width .side-toggle:before {
         border: none;
     }
     
     .pratiksol-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;
     }
     
     .pratiksol-wrapper>nav .side-toggle span:before {
         content: "\f104";
     }
     
     .rtl .pratiksol-wrapper>nav .side-toggle span:before {
         content: "\f105";
     }
     
     .pratiksol-wrapper>.content {
         transition: all .3s ease;
         flex: 1;
         height: calc(100% - 72px);
         overflow-x: hidden;
         overflow-y: auto;
         /* height: auto; */
     }
     
     .pratiksol-wrapper>header+.content {
         flex: 1 1 auto;
     }
     
     .pratiksol-wrapper ul.navbar-nav li span+span {
         margin-left: 13px;
     }
     
     .pratiksol-wrapper ul.navbar-nav li a {
         text-align: left;
         direction: ltr;
     }
     
     .rtl .pratiksol-wrapper ul.navbar-nav li a {
         text-align: right;
         direction: rtl;
     }
     
     ul.navbar-nav li,
     ul.navbar-nav li span {
         transition: all .3s ease;
     }
     
     .pratiksol-wrapper>nav.change-width ul.navbar-nav li span+span {
         display: none;
     }
     
     .pratiksol-wrapper>nav.change-width .side-toggle span:before {
         content: "\f105";
     }
     
     .rtl .pratiksol-wrapper>nav.change-width .side-toggle span:before {
         content: "\f104";
     }
     
     .pratiksol-wrapper>nav .nav.navbar-nav li.scroll {
         display: none;
     }
     
     @media (max-width: 1021px) {
         .pratiksol-wrapper>nav .navbar-toggle {
             display: none;
         }
         .pratiksol-wrapper>nav .collapse {
             display: block;
             border: none;
             padding: 0;
             height: auto;
         }
         .pratiksol-wrapper>nav .side-toggle span:before {
             content: "\f105";
         }
         .pratiksol-wrapper>nav .side-toggle:before {
             border: none;
         }
         .pratiksol-wrapper>nav.change-width .side-toggle:before {
             border: 1px solid #afafa7;
         }
         .pratiksol-wrapper>nav.change-width .side-toggle span:before {
             content: "\f104";
         }
         .pratiksol-wrapper>nav.change-width ul.navbar-nav>li>a {
             padding: 15px 55px 15px 20px;
         }
         .pratiksol-wrapper>nav.change-width ul.navbar-nav li span+span {
             display: inline;
         }
         .pratiksol-wrapper>nav ul.navbar-nav>li>a {
             padding: 15px 10px 15px 10px;
         }
         .pratiksol-wrapper>nav ul.navbar-nav li span+span {
             display: none;
         }
     }
     
     @media (max-width: 480px) {
         .pratiksol-wrapper {
             overflow: hidden;
             flex-wrap: nowrap;
             flex-direction: column;
         }
         .pratiksol-wrapper>header {
             flex: 0 2 auto;
         }
         .pratiksol-wrapper>.content {
             order: 2;
             height: initial;
             flex: 1 1 100%;
             display: flex;
             overflow: auto;
         }
         .pratiksol-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;
         }
         .pratiksol-wrapper>nav>.container-fluid {
             height: 100%;
         }
         .pratiksol-wrapper nav ul.navbar-nav li span.fa {
             font-size: 22px !Important;
         }
         .pratiksol-wrapper>nav ul.navbar-nav li span:first-child:not(.fa) {
             margin-top: 24px;
         }
         .pratiksol-wrapper>nav ul.navbar-nav li span+span {
             display: block !Important;
             margin-top: 2px;
         }
         .pratiksol-wrapper>nav ul.navbar-nav>li>a {
             padding: 8px 15px 6px !important;
             height: 100%;
             text-align: center;
             font-size: 12px !important;
         }
         .pratiksol-wrapper>nav .side-toggle {
             display: none;
         }
         .pratiksol-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;
         }
         .pratiksol-wrapper>nav .nav.navbar-nav li {
             flex: 1 0;
         }
         .pratiksol-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;
         }
         .pratiksol-wrapper>nav .nav.navbar-nav li.scroll+.scroll {
             right: 0;
             left: initial;
         }
         .pratiksol-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;
         }
         .pratiksol-wrapper>nav .nav.navbar-nav li.scroll span.fa {
             font-size: 22px !Important;
         }
         .pratiksol-wrapper>nav ul.navbar-nav li span {
             display: block !important;
             text-align: center;
             vertical-align: bottom;
         }
         .pratiksol-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/pratiksol-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: 63px;
         height: 67px;
         float: left;
         margin: 13px;
         position: relative;
         cursor: pointer;
     }
     
     .apps-wrapper .apps-view .apps-menu-toggle li .fa {
         width: 48px;
         height: 48px;
         color: rgba(0, 0, 0, .5);
         font-size: 32px;
         line-height: 48px;
         position: absolute;
         left: 9px;
         border-radius: 5px;
     }
     
     .apps-wrapper .apps-view .apps-menu-toggle li span.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;
     }
     
     .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;
     }
     
     .pratiksol-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 .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 22px;
         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;
     }
     
     .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;
     }
     
     .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;
     }
     
     .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 {
         cursor: pointer;
     }
     
     .modal-content {
         overflow: hidden;
     }
     
     .col-md-12 {
         clear: both
     }
     
     .query-selector {
         width: 250px;
         background: #f8f8f8;
         font-size: 14px;
         color: #666;
         padding: 11.5px 0 13px;
         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: 25px;
     }
     
     .query-selector a {
         text-decoration: none !important;
         height: 25px;
     }
     
     .query-selector li a {
         color: #666;
         line-height: 22px;
         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 .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 5px;
     }
     
     .query-selector li: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.selected {
         color: #fff;
         background-color: #222;
     }
     
     .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;
     }
     
     .rtl.dynamic-query .switch-fields button {
         transform: rotate(180deg);
     }
     
     .dynamic-query .switch-fields button.selected {
         background-color: #30405c;
     }
     
     .dynamic-query .switch-fields button: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;
     }
     
     .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 .tab-pane {
         background-color: #fff;
         border: 1px solid #ddd;
         border-top: 0;
         padding: 20px 10px;
         min-height: 300px;
         border-radius: 0 0px 8px 8px;
     }
     
     .dynamic-query .tab-pane .row {
         margin: 10px 0 20px;
     }
     
     .rtl th {
         text-align: right;
     }
     /*** END