/*!







 =========================================================



 * Complete Admin React - v1.0.0



 =========================================================







 * Product Page: https://wrapbootstrap.com/user/themebuilder



 * Copyright 2018 themebuilder







 =========================================================







 */



/*     brand Colors              */



/*      light colors         */



/*!



Animate.css - https://daneden.me/animate



Licensed under the MIT license - https://opensource.org/licenses/MIT







Copyright (c) 2015 Daniel Eden



*/



@font-face{ font-family: "Gotham SSm A"; src: url(data:application/x-font-woff;base64,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); font-weight:400; font-style:normal; } 







html, body {



    height: 100%;



    margin: 0;



    padding: 0;



    border: 0;



    font-family: 'Gotham SSm A', 'Gotham SSm B';



    font-size: 13px;



    font-size: 12px;



    color: #4e545c;



    background:#ebebeb;



    z-index: 11;



    -webkit-overflow-scrolling: touch;



}



.animated {



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both; }







.animated.infinite {



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite; }







.animated.hinge {



  -webkit-animation-duration: 2s;



  animation-duration: 2s; }







.animated.bounceIn,



.animated.bounceOut {



  -webkit-animation-duration: .75s;



  animation-duration: .75s; }







.animated.flipOutX,



.animated.flipOutY {



  -webkit-animation-duration: .75s;



  animation-duration: .75s; }







@-webkit-keyframes shake {



  from, to {



    -webkit-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0); }



  10%, 30%, 50%, 70%, 90% {



    -webkit-transform: translate3d(-10px, 0, 0);



    transform: translate3d(-10px, 0, 0); }



  20%, 40%, 60%, 80% {



    -webkit-transform: translate3d(10px, 0, 0);



    transform: translate3d(10px, 0, 0); } }







@keyframes shake {



  from, to {



    -webkit-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0); }



  10%, 30%, 50%, 70%, 90% {



    -webkit-transform: translate3d(-10px, 0, 0);



    transform: translate3d(-10px, 0, 0); }



  20%, 40%, 60%, 80% {



    -webkit-transform: translate3d(10px, 0, 0);



    transform: translate3d(10px, 0, 0); } }







.shake {



  -webkit-animation-name: shake;



  animation-name: shake; }







@-webkit-keyframes fadeInDown {



  from {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0); }



  to {



    opacity: 1;



    -webkit-transform: none;



    transform: none; } }







@keyframes fadeInDown {



  from {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0); }



  to {



    opacity: 1;



    -webkit-transform: none;



    transform: none; } }







.fadeInDown {



  -webkit-animation-name: fadeInDown;



  animation-name: fadeInDown; }







@-webkit-keyframes fadeOut {



  from {



    opacity: 1; }



  to {



    opacity: 0; } }







@keyframes fadeOut {



  from {



    opacity: 1; }



  to {



    opacity: 0; } }







.fadeOut {



  -webkit-animation-name: fadeOut;



  animation-name: fadeOut; }







@-webkit-keyframes fadeOutDown {



  from {



    opacity: 1; }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0); } }







@keyframes fadeOutDown {



  from {



    opacity: 1; }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0); } }







.fadeOutDown {



  -webkit-animation-name: fadeOutDown;



  animation-name: fadeOutDown; }







@-webkit-keyframes fadeOutUp {



  from {



    opacity: 1; }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0); } }







@keyframes fadeOutUp {



  from {



    opacity: 1; }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0); } }







.fadeOutUp {



  -webkit-animation-name: fadeOutUp;



  animation-name: fadeOutUp; }







/*



 * Container style



 */



.ps {



  overflow: hidden !important;



  overflow-anchor: none;



  -ms-overflow-style: none;



  touch-action: auto;



  -ms-touch-action: auto; }







/*



 * Scrollbar rail styles



 */



.ps__rail-x {



  display: none;



  opacity: 0;



  transition: background-color .2s linear, opacity .2s linear;



  -webkit-transition: background-color .2s linear, opacity .2s linear;



  height: 15px;



  /* there must be 'bottom' or 'top' for ps__rail-x */



  bottom: 0px;



  /* please don't change 'position' */



  position: absolute; }







.ps__rail-y {



  display: none;



  opacity: 0;



  transition: background-color .2s linear, opacity .2s linear;



  -webkit-transition: background-color .2s linear, opacity .2s linear;



  width: 15px;



  /* there must be 'right' or 'left' for ps__rail-y */



  right: 0;



  /* please don't change 'position' */



  position: absolute; }







.ps--active-x > .ps__rail-x,



.ps--active-y > .ps__rail-y {



  display: block;



  background-color: transparent; }







.ps:hover > .ps__rail-x,



.ps:hover > .ps__rail-y,



.ps--focus > .ps__rail-x,



.ps--focus > .ps__rail-y,



.ps--scrolling-x > .ps__rail-x,



.ps--scrolling-y > .ps__rail-y {



  opacity: 0.6; }







.ps__rail-x:hover,



.ps__rail-y:hover,



.ps__rail-x:focus,



.ps__rail-y:focus {



  background-color: #eee;



  opacity: 0.9; }







/*



 * Scrollbar thumb styles



 */



.ps__thumb-x {



  background-color: #aaa;



  border-radius: 6px;



  transition: background-color .2s linear, height .2s ease-in-out;



  -webkit-transition: background-color .2s linear, height .2s ease-in-out;



  height: 6px;



  /* there must be 'bottom' for ps__thumb-x */



  bottom: 2px;



  /* please don't change 'position' */



  position: absolute; }







.ps__thumb-y {



  background-color: #aaa;



  border-radius: 6px;



  transition: background-color .2s linear, width .2s ease-in-out;



  -webkit-transition: background-color .2s linear, width .2s ease-in-out;



  width: 6px;



  /* there must be 'right' for ps__thumb-y */



  right: 2px;



  /* please don't change 'position' */



  position: absolute; }







.ps__rail-x:hover > .ps__thumb-x,



.ps__rail-x:focus > .ps__thumb-x {



  background-color: #999;



  height: 11px; }







.ps__rail-y:hover > .ps__thumb-y,



.ps__rail-y:focus > .ps__thumb-y {



  background-color: #999;



  width: 11px; }







/* MS supports */



@supports (-ms-overflow-style: none) {



  .ps {



    overflow: auto !important; } }







@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



  .ps {



    overflow: auto !important; } }











.main {



  position: relative;



  background: #FFFFFF; }







/* Animations */



.nav-pills .nav-link,



.navbar,



.nav-tabs .nav-link,



.sidebar .nav a,



.sidebar .nav a i,



.navbar-collapse .navbar-nav .nav-link,



.animation-transition-general,



.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span,



.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span,



.sidebar .navbar-minimize,



.off-canvas-sidebar .navbar-minimize,



.sidebar .logo a.logo-mini,



.sidebar .logo a.logo-normal,



.off-canvas-sidebar .logo a.logo-mini,



.off-canvas-sidebar .logo a.logo-normal,



.tag,



.tag [data-role="remove"],



.animation-transition-general,



.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span,



.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span,



.sidebar .navbar-minimize,



.off-canvas-sidebar .navbar-minimize,



.sidebar .logo a.logo-mini,



.sidebar .logo a.logo-normal,



.off-canvas-sidebar .logo a.logo-mini,



.off-canvas-sidebar .logo a.logo-normal {



  -webkit-transition: all 300ms ease 0s;



  -moz-transition: all 300ms ease 0s;



  -o-transition: all 300ms ease 0s;



  -ms-transition: all 300ms ease 0s;



  transition: all 300ms ease 0s; }







.dropdown-toggle:after,



.bootstrap-switch-label:before,



.caret {



  -webkit-transition: all 150ms ease 0s;



  -moz-transition: all 150ms ease 0s;



  -o-transition: all 150ms ease 0s;



  -ms-transition: all 150ms ease 0s;



  transition: all 150ms ease 0s; }







.dropdown-toggle[aria-expanded="true"]:after,



a[data-toggle="collapse"][aria-expanded="true"] .caret,



.card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i,



.card-collapse .card a[data-toggle="collapse"].expanded i {



  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg); }







.button-bar {



  display: block;



  position: relative;



  width: 22px;



  height: 1px;



  border-radius: 1px;



  background: #FFFFFF; }



  .button-bar + .button-bar {



    margin-top: 7px; }



  .button-bar:nth-child(2) {



    width: 17px; }







.caret {



  display: inline-block;



  width: 0;



  height: 0;



  margin-left: 2px;



  vertical-align: middle;



  border-top: 4px dashed;



  border-top: 4px solid\9;



  border-right: 4px solid transparent;



  border-left: 4px solid transparent; }







.navbar {



  padding-top: 0.625rem;



  padding-bottom: 0.625rem;



  height: 60px;



  margin-bottom: 20px;



  box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2); }



  .navbar a {



    vertical-align: middle; }



    .navbar a:not(.btn):not(.dropdown-item) {



      color: #000; }



    .navbar a.dropdown-item {



      color: #888; }



  .navbar .navbar-brand {



    display: none; }



  .navbar.bg-white .input-group .form-control,



  .navbar.bg-white .input-group.no-border .form-control {



    color: #888; }



    .navbar.bg-white .input-group .form-control::-moz-placeholder,



    .navbar.bg-white .input-group.no-border .form-control::-moz-placeholder {



      color: #888; }



    .navbar.bg-white .input-group .form-control:-ms-input-placeholder,



    .navbar.bg-white .input-group.no-border .form-control:-ms-input-placeholder {



      color: #888; }



    .navbar.bg-white .input-group .form-control::-webkit-input-placeholder,



    .navbar.bg-white .input-group.no-border .form-control::-webkit-input-placeholder {



      color: #888; }



  .navbar.bg-white .input-group-addon i {



    color: #888;



    opacity: .5; }



  .navbar .form-group,



  .navbar .input-group {



    margin: 0;



    margin-left: -3px;



    margin-right: 5px; }



    .navbar .form-group .form-group-addon,



    .navbar .form-group .input-group-addon,



    .navbar .input-group .form-group-addon,



    .navbar .input-group .input-group-addon {



      color: #FFFFFF; }



    .navbar .form-group.no-border .form-control,



    .navbar .input-group.no-border .form-control {



      color: #FFFFFF; }



      .navbar .form-group.no-border .form-control::-moz-placeholder,



      .navbar .input-group.no-border .form-control::-moz-placeholder {



        color: #FFFFFF; }



      .navbar .form-group.no-border .form-control:-ms-input-placeholder,



      .navbar .input-group.no-border .form-control:-ms-input-placeholder {



        color: #FFFFFF; }



      .navbar .form-group.no-border .form-control::-webkit-input-placeholder,



      .navbar .input-group.no-border .form-control::-webkit-input-placeholder {



        color: #FFFFFF; }



  .navbar p {



    display: inline-block;



    margin: 0;



    line-height: 1.8em;



    font-size: 1em;



    font-weight: 400; }



  .navbar.navbar-absolute {



    position: fixed;



    width: 100%;



    padding: 0px;



    z-index: 1033; }



  .navbar.navbar-absolute .container-fluid {



    padding: 0px; }



  .documentation .navbar.fixed-top {



    left: 0;



    width: initial; }



  .navbar .navbar-wrapper {



    height: 60px;



    display: inline-flex;



    align-items: center; }



    .navbar .navbar-wrapper .navbar-minimize {



      padding-right: 10px; }



      .navbar .navbar-wrapper .navbar-minimize .btn {



        margin: 0; }



    .navbar .navbar-wrapper .navbar-toggle .navbar-toggler {



      padding-left: 0; }



    .navbar .navbar-wrapper .navbar-toggle:hover .navbar-toggler-bar.bar2 {



      width: 22px; }



  .navbar .navbar-nav {



    /* .nav-item.active .nav-link:not(.btn),



        .nav-item .nav-link:not(.btn):focus,



        .nav-item .nav-link:not(.btn):hover,



        .nav-item .nav-link:not(.btn):active{



            background-color: $opacity-2;



            border-radius: $border-radius-small;



            color: $white-color;



        } */ }



    .navbar .navbar-nav.navbar-logo {



      position: absolute;



      left: 0;



      right: 0;



      margin: 0 auto;



      width: 49px;



      top: -4px; }



    .navbar .navbar-nav .nav-link.btn {



      padding: 11px 22px; }



      .navbar .navbar-nav .nav-link.btn.btn-lg {



        padding: 15px 48px; }



      .navbar .navbar-nav .nav-link.btn.btn-sm {



        padding: 5px 15px; }



    .navbar .navbar-nav .nav-link {



      text-transform: none;



      font-size: 14px;



      padding: 0.5rem 0.7rem;



      margin-right: 0px; }



      .navbar .navbar-nav .nav-link:after {



        margin-left: 10px; }



      .navbar .navbar-nav .nav-link img {



        width: 30px;



        height: 30px;



        margin-right: 7px; }



      .navbar .navbar-nav .nav-link i.fa + p {



        margin-left: 6px; }



      .navbar .navbar-nav .nav-link i.fa {



        font-size: 18px;



        position: relative;



        top: 3px;



        text-align: center;



        width: 21px; }



      .navbar .navbar-nav .nav-link.profile-photo .profile-photo-small {



        width: 27px;



        height: 27px; }



      .navbar .navbar-nav .nav-link.disabled {



        opacity: .5;



        color: #FFFFFF; }



  .navbar .logo img {



    max-width: none;



    border-radius: 0px; }



  .navbar .logo-container {



    width: 27px;



    height: 27px;



    overflow: hidden;



    margin: 0 auto;



    border-radius: 50%;



    border: 1px solid transparent; }



  .navbar .navbar-brand {



    text-transform: uppercase;



    font-size: 0.9071em;



    padding-top: 0.5rem;



    padding-bottom: 0.5rem;



    line-height: 42px; }



  .navbar .navbar-toggler {



    width: 37px;



    height: auto;



    vertical-align: middle;



    outline: 0;



    cursor: pointer;



    font-size: 28px;



    color: #3f51b5 !important;



     }



    .navbar .navbar-toggler .navbar-toggler-bar.navbar-kebab {



      width: 3px;



      height: 3px;



      border-radius: 50%;



      margin: 0 auto; }



  .navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {



    width: 17px; }



  .navbar.navbar-transparent {



    background-color: transparent !important;



    box-shadow: none;



    color: #FFFFFF; }



  .navbar.navbar-primary {



    background-color: #fff !important;



    color: #FFFFFF;



    box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



    -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



    -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



    -o-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



    -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2); }



  .navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn) {



    color: #888; }



    .navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn).disabled {



      opacity: .5;



      color: #888; }



  .navbar.bg-white:not(.navbar-transparent) .button-bar {



    background: #888; }



  .navbar.bg-white:not(.navbar-transparent) .nav-item.active .nav-link:not(.btn),



  .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):focus,



  .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):hover,



  .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):active {



    background-color: rgba(222, 222, 222, 0.8);



    color: #888; }



  .navbar.bg-white:not(.navbar-transparent) .logo-container {



    border: 1px solid #888; }







.bg-default {



  background-color: #888 !important; }







.bg-primary {



  background-color: #3f51b5 !important; }







.bg-info {



  background-color: #03A9F4 !important; }







.bg-success {



  background-color: #4CAF50 !important; }







.bg-danger {



  background-color: #f44336 !important; }







.bg-warning {



  background-color: #FFC107 !important; }







.bg-white {



  background-color: #FFFFFF !important; }







/*Top bar Messages Dropdown*/



.navbardd .dropdown-menu {



  min-width: 400px;



  padding-top: 0px;



  padding-bottom: 0px; }



  .navbardd .dropdown-menu .dropdown-item {



    width: 100%;



    display: block;



    position: relative;



    padding: 15px;



    border-bottom: 1px solid #eaeaea;



    margin-top: 0px;



    cursor: pointer; }



  .navbardd .dropdown-menu .dropdown-item.all {



    background-color: #E3E3E3; }



  .navbardd .dropdown-menu .dropdown-item.all a {



    color: #9A9A9A; }



  .navbardd .dropdown-menu .dropdown-item:last-child {



    border-bottom: none; }



  .navbardd .dropdown-menu .user-img img {



    width: 25px;



    height: 25px;



    float: left;



    margin: 10px 15px 2px 0;



    opacity: 0.8; }



  .navbardd .dropdown-menu .notify-icon i {



    width: 30px;



    height: 30px;



    float: left;



    margin: 6px 15px 2px 0;



    opacity: 0.8;



    border-radius: 50%;



    background-color: #DDDDDD;



    line-height: 30px;



    text-align: center;



    color: #FFFFFF; }



  .navbardd .dropdown-menu .dropdown-item.unread .name {



    color: #717171;



    font-size: 14px; }



  .navbardd .dropdown-menu .dropdown-item .title, .navbardd .dropdown-menu .dropdown-item .name, .navbardd .dropdown-menu .dropdown-item .desc {



    display: block;



    position: relative;



    padding-top: 5px;



    font-size: 14px; }



  .navbardd .dropdown-menu .dropdown-item.unread .name .time {



    color: #aaaaaa; }



  .navbardd .dropdown-menu .dropdown-item .title .time {



    display: block;



    color: #aaaaaa; }



  .navbardd .dropdown-menu .dropdown-item .profile-status {



    height: 6px;



    width: 6px;



    border-radius: 50%;



    -o-border-radius: 50%;



    -ms-border-radius: 50%;



    -moz-border-radius: 50%;



    -webkit-border-radius: 50%;



    display: inline-block;



    position: absolute;



    bottom: auto;



    right: 0px;



    top: 50%; }



  .navbardd .dropdown-menu [data-status=available], .navbardd .dropdown-menu .notify-icon[data-status=available] i {



    background-color: #4CAF50; }



  .navbardd .dropdown-menu [data-status=busy], .navbardd .dropdown-menu .notify-icon[data-status=busy] i {



    background-color: #f44336; }



  .navbardd .dropdown-menu [data-status=away], .navbardd .dropdown-menu .notify-icon[data-status=away] i {



    background-color: #FFC107; }



  .navbardd .dropdown-menu [data-status=offline], .navbardd .dropdown-menu .notify-icon[data-status=offline] i {



    background-color: #9A9A9A; }



  .navbardd .dropdown-menu .dropdown-item.unread .desc {



    color: #9A9A9A; }







.navbardd.dropdown.nav-item {



  list-style: none; }







.navbardd.dropdown a.dropdown-toggle:after, .chat-toggle a.dropdown-toggle:after {



  display: none; }







.navbardd.dropdown .navbar-toggler, .chat-toggle .navbar-toggler {



  line-height: 38px;



  height: 46px;



  margin-right: 20px; }



  .navbardd.dropdown .navbar-toggler i, .chat-toggle .navbar-toggler i {



    font-size: 18px; }



  .navbardd.dropdown .navbar-toggler .badge, .chat-toggle .navbar-toggler .badge {



    right: -4px; }







.navbardd.dropdown a.dropdown-toggle, .navbardd.dropdown .navbar-toggler, .chat-toggle a.dropdown-toggle, .chat-toggle .navbar-toggler {



  position: relative; }







.navbardd.dropdown a.dropdown-toggle .badge, .navbardd.dropdown .navbar-toggler .badge, .chat-toggle a.dropdown-toggle .badge, .chat-toggle .navbar-toggler .badge {



  position: absolute;



  font-size: 10px;



  padding: 4px;



  margin: 0px 0 0 -5px;



  width: 18px;



  height: 18px;



  top: 0px; }







.navbardd.dropdown a.dropdown-toggle .badge-accent, .navbardd.dropdown .navbar-toggler .badge-accent, .chat-toggle a.dropdown-toggle .badge-accent, .chat-toggle .navbar-toggler .badge-accent {



  background-color: #E91E63;



  color: #ffffff; }







.topbar-search.input-group {



  cursor: pointer;



  margin: 0 15px; }



  .topbar-search.input-group input {



    display: none;



    border: none; }



  .topbar-search.input-group.open {



    margin: 0 15px 0 15px;



    width: 250px;



    border-bottom: 2px solid rgba(255, 255, 255, 0.8); }



    .topbar-search.input-group.open i {



      margin-top: 11px; }



    .topbar-search.input-group.open input {



      color: #ffffff;



      display: block; }



  .topbar-search.input-group input.form-control:focus, .topbar-search.input-group input.form-control, .topbar-search.input-group .input-group-addon {



    background-color: transparent; }



  .topbar-search.input-group .input-group-addon {



    border: none;



    padding-left: 0px;



    padding-right: 5px; }







.navbar .container-fluid {



  flex-wrap: nowrap;



  height: 60px;



  display: inline-block; }



  .navbar .container-fluid .logo {



    width: auto;



    display: inline-block;



    float: left; }



  .navbar .container-fluid .collapse.navbar-collapse {



    display: inline-block;



    float: right;



    width: auto; }



    .navbar .container-fluid .collapse.navbar-collapse .navbar-nav {



      display: inline-block;



      float: left;



      width: auto; }



      .navbar .container-fluid .collapse.navbar-collapse .navbar-nav .userdd, .navbar .container-fluid .collapse.navbar-collapse .navbar-nav .nav-item {



        float: left;



        display: inline-block; }



      .navbar .container-fluid .collapse.navbar-collapse .navbar-nav .nav-item {



        margin-top: 7px; }



        .navbar-toggler .fa-bars {



          font-size: 24px;



        }



@media screen and (max-width: 850px) {



  .userdd a span {



    display: none; }



  .navbar .navbar-nav .userdd a.nav-link:after {



    margin-left: 0px; } }







@media screen and (max-width: 768px) {



  .topbar-search-form {



    display: none; }



  .navbardd .dropdown-menu {



    min-width: 300px; } }







.navbar-nav .dropdown-menu {



  position: absolute; }



.profile-btn {

	padding-top: 12px;

}



.dropdown-menu {



  border: 0;



  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);



  border-radius: 0.125rem;



  -webkit-transition: all 150ms linear;



  -moz-transition: all 150ms linear;



  -o-transition: all 150ms linear;



  -ms-transition: all 150ms linear;



  transition: all 150ms linear;



  font-size: 14px; }



  .dropdown-menu.dropdown-menu-right:before {



    left: auto;



    right: 10px; }



  .dropdown-menu i {



    margin-right: 5px;



    position: relative;



    top: 1px; }



  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {



    color: inherit; }



  .dropup .dropdown-menu:before {



    display: none; }



  .dropup .dropdown-menu:after {



    display: inline-block;



    position: absolute;



    width: 0;



    height: 0;



    vertical-align: middle;



    content: "";



    top: auto;



    bottom: -5px;



    right: auto;



    left: 10px;



    color: #FFFFFF;



    border-top: .4em solid;



    border-right: .4em solid transparent;



    border-left: .4em solid transparent; }



  .dropup .dropdown-menu.dropdown-menu-right:after {



    right: 10px;



    left: auto; }



  .dropdown-menu:before {



    display: inline-block;



    position: absolute;



    width: 0;



    height: 0;



    vertical-align: middle;



    content: "";



    top: -5px;



    left: 10px;



    right: auto;



    color: #FFFFFF;



    border-bottom: .4em solid;



    border-right: .4em solid transparent;



    border-left: .4em solid transparent; }



  .dropdown-menu.dropdown-menu-right {



    right: 0 !important;



    left: auto !important; }



  .dropdown-menu .dropdown-item,



  .bootstrap-select .dropdown-menu.inner li a {



    font-size: 0.9071em;



    padding-top: .6rem;



    padding-bottom: .6rem;



    margin-top: 5px;



    -webkit-transition: all 150ms linear;



    -moz-transition: all 150ms linear;



    -o-transition: all 150ms linear;



    -ms-transition: all 150ms linear;



    transition: all 150ms linear; }



    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus,



    .bootstrap-select .dropdown-menu.inner li a:hover,



    .bootstrap-select .dropdown-menu.inner li a:focus {



      background-color: rgba(222, 222, 222, 0.3); }



    .dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled,



    .bootstrap-select .dropdown-menu.inner li a.disabled,



    .bootstrap-select .dropdown-menu.inner li a:disabled {



      color: rgba(182, 182, 182, 0.6); }



      .dropdown-menu .dropdown-item.disabled:hover, .dropdown-menu .dropdown-item.disabled:focus, .dropdown-menu .dropdown-item:disabled:hover, .dropdown-menu .dropdown-item:disabled:focus,



      .bootstrap-select .dropdown-menu.inner li a.disabled:hover,



      .bootstrap-select .dropdown-menu.inner li a.disabled:focus,



      .bootstrap-select .dropdown-menu.inner li a:disabled:hover,



      .bootstrap-select .dropdown-menu.inner li a:disabled:focus {



        background-color: transparent; }



  .dropdown-menu .dropdown-divider {



    background-color: rgba(222, 222, 222, 0.5); }



  .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {



    color: rgba(182, 182, 182, 0.6);



    font-size: 0.7142em;



    text-transform: uppercase;



    font-weight: 700; }



  .dropdown-menu.dropdown-primary {



    background-color: #3b4caa; }



    .dropdown-menu.dropdown-primary:before {



      color: #3b4caa; }



    .dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {



      color: rgba(255, 255, 255, 0.8); }



    .dropdown-menu.dropdown-primary .dropdown-item {



      color: #FFFFFF; }



      .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown-menu.dropdown-primary .dropdown-item:focus {



        background-color: rgba(255, 255, 255, 0.2); }



    .dropdown-menu.dropdown-primary .dropdown-divider {



      background-color: rgba(255, 255, 255, 0.2); }



  .dropdown-menu.dropdown-info {



    background-color: #039fe5; }



    .dropdown-menu.dropdown-info:before {



      color: #039fe5; }



    .dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {



      color: rgba(255, 255, 255, 0.8); }



    .dropdown-menu.dropdown-info .dropdown-item {



      color: #FFFFFF; }



      .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown-menu.dropdown-info .dropdown-item:focus {



        background-color: rgba(255, 255, 255, 0.2); }



    .dropdown-menu.dropdown-info .dropdown-divider {



      background-color: rgba(255, 255, 255, 0.2); }



  .dropdown-menu.dropdown-danger {



    background-color: #f33527; }



    .dropdown-menu.dropdown-danger:before {



      color: #f33527; }



    .dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {



      color: rgba(255, 255, 255, 0.8); }



    .dropdown-menu.dropdown-danger .dropdown-item {



      color: #FFFFFF; }



      .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown-menu.dropdown-danger .dropdown-item:focus {



        background-color: rgba(255, 255, 255, 0.2); }



    .dropdown-menu.dropdown-danger .dropdown-divider {



      background-color: rgba(255, 255, 255, 0.2); }



  .dropdown-menu.dropdown-success {



    background-color: #47a44b; }



    .dropdown-menu.dropdown-success:before {



      color: #47a44b; }



    .dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {



      color: rgba(255, 255, 255, 0.8); }



    .dropdown-menu.dropdown-success .dropdown-item {



      color: #FFFFFF; }



      .dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown-menu.dropdown-success .dropdown-item:focus {



        background-color: rgba(255, 255, 255, 0.2); }



    .dropdown-menu.dropdown-success .dropdown-divider {



      background-color: rgba(255, 255, 255, 0.2); }



  .dropdown-menu.dropdown-warning {



    background-color: #f7b900; }



    .dropdown-menu.dropdown-warning:before {



      color: #f7b900; }



    .dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {



      color: rgba(255, 255, 255, 0.8); }



    .dropdown-menu.dropdown-warning .dropdown-item {



      color: #FFFFFF; }



      .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown-menu.dropdown-warning .dropdown-item:focus {



        background-color: rgba(255, 255, 255, 0.2); }



    .dropdown-menu.dropdown-warning .dropdown-divider {



      background-color: rgba(255, 255, 255, 0.2); }



  .dropdown .dropdown-menu,



  .dropup:not(.bootstrap-select) .dropdown-menu,



  .bootstrap-select .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.top, .dropdown-menu.bootstrap-datetimepicker-widget.bottom {



    -webkit-transform: translate3d(0, -20px, 0) !important;



    -moz-transform: translate3d(0, -20px, 0) !important;



    -o-transform: translate3d(0, -20px, 0) !important;



    -ms-transform: translate3d(0, -20px, 0) !important;



    transform: translate3d(0, -20px, 0) !important;



    visibility: hidden;



    display: block;



    opacity: 0;



    filter: alpha(opacity=0);



    top: 100% !important; }



  .dropdown-menu.bootstrap-datetimepicker-widget.top, .dropdown-menu.bootstrap-datetimepicker-widget.bottom {



    -webkit-transform: translate3d(0, -20px, 0) !important;



    -moz-transform: translate3d(0, -20px, 0) !important;



    -o-transform: translate3d(0, -20px, 0) !important;



    -ms-transform: translate3d(0, -20px, 0) !important;



    transform: translate3d(0, -20px, 0) !important; }



  .bootstrap-select.dropup .dropdown-menu:not(.inner) {



    -webkit-transform: translate3d(0, 25px, 0) !important;



    -moz-transform: translate3d(0, 25px, 0) !important;



    -o-transform: translate3d(0, 25px, 0) !important;



    -ms-transform: translate3d(0, 25px, 0) !important;



    transform: translate3d(0, 25px, 0) !important; }



  .dropup:not(.bootstrap-select) .dropdown-menu {



    -webkit-transform: translate3d(0, 20px, 0) !important;



    -moz-transform: translate3d(0, 20px, 0) !important;



    -o-transform: translate3d(0, 20px, 0) !important;



    -ms-transform: translate3d(0, 20px, 0) !important;



    transform: translate3d(0, 20px, 0) !important;



    top: auto !important;



    bottom: 100%; }



  .dropdown.show .dropdown-menu,



  .bootstrap-select.show .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,



  .dropup.show:not(.bootstrap-select) .dropdown-menu,



  .navbar .dropdown.show .dropdown-menu {



    opacity: 1;



    filter: alpha(opacity=100);



    visibility: visible;



    -webkit-transform: translate3d(0, 1px, 0) !important;



    -moz-transform: translate3d(0, 1px, 0) !important;



    -o-transform: translate3d(0, 1px, 0) !important;



    -ms-transform: translate3d(0, 1px, 0) !important;



    transform: translate3d(0, 1px, 0) !important; }



  .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open {



    -webkit-transform: translate3d(0, 0px, 0) !important;



    -moz-transform: translate3d(0, 0px, 0) !important;



    -o-transform: translate3d(0, 0px, 0) !important;



    -ms-transform: translate3d(0, 0px, 0) !important;



    transform: translate3d(0, 0px, 0) !important; }



  .dropup.show:not(.bootstrap-select) .dropdown-menu {



    -webkit-transform: translate3d(0, -2px, 0) !important;



    -moz-transform: translate3d(0, -2px, 0) !important;



    -o-transform: translate3d(0, -2px, 0) !important;



    -ms-transform: translate3d(0, -2px, 0) !important;



    transform: translate3d(0, -2px, 0) !important; }







.button-dropdown {



  padding-right: 0.7rem;



  cursor: pointer; }



  .button-dropdown .dropdown-toggle {



    padding-top: 0.5rem;



    padding-bottom: 0.5rem;



    display: block; }



    .button-dropdown .dropdown-toggle:after {



      display: none; }







/*---------------------------------------------



    Dropdown menu



----------------------------------------------*/



.dropdown-item.active, .dropdown-item:active {



  background: #f5f5f5; }







.dropdown-item:focus, .dropdown-item:hover {



  background-color: transparent; }







.dropdown-menu {



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



  border-color: #f5f5f5; }







.dropup, .dropright, .dropdown, .dropleft {



  display: inline-block; }







img {



  max-width: 100%;



  border-radius: 0.1875rem; }







.img-raised {



  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); }







.wrapper {



  position: relative;



  top: 0;



  height: 100vh; }



  .wrapper.wrapper-full-page {



    min-height: 100vh;



    height: auto; }







.sidebar {



  box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.2); }







.sidebar,



.off-canvas-sidebar {



 /* font-family: Roboto, Arial, Helvetica, sans-serif;*/



  position: fixed;



  top: 0;



  height: 100%;



  bottom: 0;



  width: 260px;



  left: 0;



  z-index: 1031; }



  .sidebar.chatbar,



  .off-canvas-sidebar.chatbar {



    right: 0px;



    left: auto;



    width: 0px;



    overflow: hidden;



    -webkit-transform: translate3d(0px, 0, 0);



    -ms-transform: translate3d(0px, 0, 0);



    transform: translate3d(0px, 0, 0); }



    .sidebar.chatbar .sidebar-wrapper,



    .off-canvas-sidebar.chatbar .sidebar-wrapper {



      background: #FFFFFF; }



  .sidebar .sidebar-wrapper,



  .off-canvas-sidebar .sidebar-wrapper {



    position: relative;



    height: calc(100vh - 0px);



    overflow: auto;



    width: 260px;



    z-index: 4;



    padding-top: 60px;



    padding-bottom: 20px; }



    .sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,



    .off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {



      display: none !important; }



    .sidebar .sidebar-wrapper .navbar-form,



    .off-canvas-sidebar .sidebar-wrapper .navbar-form {



      border: none; }



    .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



    .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span,



    .off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span,



    .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span {



      display: inline-block; }



    .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a i,



    .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a i,



    .off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a i,



    .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a i {



      font-size: 17px;



      line-height: 20px;



      width: 26px; }



  .sidebar .navbar-minimize,



  .off-canvas-sidebar .navbar-minimize {



    position: absolute;



    right: 20px;



    top: 2px;



    opacity: 1; }



  .sidebar .logo-tim,



  .off-canvas-sidebar .logo-tim {



    border-radius: 50%;



    border: 1px solid #333;



    display: block;



    height: 61px;



    width: 61px;



    float: left;



    overflow: hidden; }



    .sidebar .logo-tim img,



    .off-canvas-sidebar .logo-tim img {



      width: 60px;



      height: 60px; }



  .sidebar .nav,



  .off-canvas-sidebar .nav {



    margin-top: 20px;



    display: block; }



    .sidebar .nav .nav,



    .off-canvas-sidebar .nav .nav {



      display: none;



      margin-top: 0px; }



      .sidebar .nav .nav li a,



      .off-canvas-sidebar .nav .nav li a {



        padding-left: 55px; }



    .sidebar .nav li.active .nav,



    .off-canvas-sidebar .nav li.active .nav {



      display: block; }



    .sidebar .nav .caret,



    .off-canvas-sidebar .nav .caret {



      top: 14px;



      position: absolute;



      right: 10px; }



    .sidebar .nav li,



    .off-canvas-sidebar .nav li {



      /* &:first-child > a{



                margin: 0 15px;



            } */



      /* &.active > a{



                border-left-color: $primary-color;



                background-color: $light-gray;



            } */



      /* &.active > a[data-toggle="collapse"]{



              background-color: $light-gray;



              box-shadow: none;



              color: $black-color;



            



              i{



                color: $black-color;



              }



            



              & + div .nav .active a{



                &:after{



                  content: "";



                  position: absolute;



                  background-color: $light-gray;



                  border-radius: 30px;



                  box-shadow: $box-shadow;



                  color: $black-color;



                  height: 42px;



                  width: calc(100% - 5px);



                  top: 0;



                  left: 2px;



                  z-index: 0;



                }



              }



            } */ }



      .sidebar .nav li > a + div .nav li > a,



      .off-canvas-sidebar .nav li > a + div .nav li > a {



        margin-top: 7px; }



      .sidebar .nav li > a,



      .off-canvas-sidebar .nav li > a {



        margin: 0px 0px 0;



        border-radius: 0px;



        color: #424242;



        display: block;



        text-decoration: none;



        position: relative;



        text-transform: none;



        cursor: pointer;



        font-size: 14px;



        padding: 0px 8px;



        line-height: 42px;



        min-height: 42px;



        border-left: 4px solid transparent; }



      .sidebar .nav li li a.nav-link.active,



      .sidebar .nav li:hover:not(.active) > a,



      .sidebar .nav li:focus:not(.active) > a,



      .off-canvas-sidebar .nav li li a.nav-link.active,



      .off-canvas-sidebar .nav li:hover:not(.active) > a,



      .off-canvas-sidebar .nav li:focus:not(.active) > a {



        background-color: #E3E3E3;



        border-left-color: #0003; }



      .sidebar .nav li:hover:not(.active) > a i,



      .sidebar .nav li:focus:not(.active) > a i,



      .off-canvas-sidebar .nav li:hover:not(.active) > a i,



      .off-canvas-sidebar .nav li:focus:not(.active) > a i {



        color: #424242; }



      .sidebar .nav li.active:not([data-toggle="collapse"]) > a,



      .off-canvas-sidebar .nav li.active:not([data-toggle="collapse"]) > a {



        background-color: #E3E3E3;



        border-left-color: #0003;



        /*box-shadow: $box-shadow; */ }



    .sidebar .nav p,



    .off-canvas-sidebar .nav p {



      margin: 0;



      line-height: 42px;



      position: relative;



      display: block;



      height: auto;



      white-space: nowrap;



      transition: transform 300ms ease 0s, opacity 300ms ease 0s; }



    .sidebar .nav i,



    .off-canvas-sidebar .nav i {



      font-size: 14px;



      float: left;



      margin-right: 0px;



      line-height: 42px;



      width: 45px;



      height: 42px;



      text-align: center;



      color: #424242;



      position: relative; }



  .sidebar .sidebar-background,



  .off-canvas-sidebar .sidebar-background {



    position: absolute;



    z-index: 1;



    height: 100%;



    width: 100%;



    display: block;



    top: 0;



    left: 0;



    background-size: cover;



    background-position: center center; }



    .sidebar .sidebar-background:after,



    .off-canvas-sidebar .sidebar-background:after {



      position: absolute;



      z-index: 3;



      width: 100%;



      height: 100%;



      content: "";



      display: block;



      background: #FFFFFF;



      opacity: 1; }



  .sidebar .logo,



  .off-canvas-sidebar .logo {



    position: relative;



    padding: 0.5rem 0.7rem;



    z-index: 4; }



    .sidebar .logo a.logo-mini,



    .off-canvas-sidebar .logo a.logo-mini {



      opacity: 1;



      float: left;



      width: 34px;



      text-align: center;



      margin-left: 10px;



      margin-right: 12px; }



    .sidebar .logo a.logo-normal,



    .off-canvas-sidebar .logo a.logo-normal {



      display: block;



      opacity: 1;



      -webkit-transform: translate3d(0px, 0, 0);



      -moz-transform: translate3d(0px, 0, 0);



      -o-transform: translate3d(0px, 0, 0);



      -ms-transform: translate3d(0px, 0, 0);



      transform: translate3d(0px, 0, 0); }



    .sidebar .logo:after,



    .off-canvas-sidebar .logo:after {



      content: '';



      position: absolute;



      bottom: 0;



      right: 15px;



      height: 1px;



      width: calc(100% - 30px);



      background-color: rgba(255, 255, 255, 0.5); }



    .sidebar .logo p,



    .off-canvas-sidebar .logo p {



      float: left;



      font-size: 20px;



      margin: 10px 10px;



      color: #FFFFFF;



      line-height: 20px;



      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }



    .sidebar .logo .simple-text,



    .off-canvas-sidebar .logo .simple-text {



      text-transform: uppercase;



      padding: 0.5rem 0;



      display: block;



      white-space: nowrap;



      font-size: 1em;



      color: #FFFFFF;



      text-decoration: none;



      font-weight: 400;



      line-height: 30px;



      overflow: hidden; }



  .sidebar .logo-tim,



  .off-canvas-sidebar .logo-tim {



    border-radius: 50%;



    border: 1px solid #333;



    display: block;



    height: 61px;



    width: 61px;



    float: left;



    overflow: hidden; }



    .sidebar .logo-tim img,



    .off-canvas-sidebar .logo-tim img {



      width: 60px;



      height: 60px; }



  .sidebar:before, .sidebar:after,



  .off-canvas-sidebar:before,



  .off-canvas-sidebar:after {



    display: block;



    content: "";



    opacity: 1;



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0; }



  .sidebar:after,



  .off-canvas-sidebar:after {



    background: #888;



    background: -webkit-linear-gradient(#888 0%, #000 80%);



    background: -o-linear-gradient(#888 0%, #000 80%);



    background: -moz-linear-gradient(#888 0%, #000 80%);



    background: linear-gradient(#888 0%, #000 80%);



    z-index: 3; }



  .sidebar[data-color="white"]:after,



  .off-canvas-sidebar[data-color="white"]:after {



    background: #FFFFFF; }



  .sidebar[data-color="white"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="white"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="white"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="white"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }



  .sidebar[data-color="blue"]:after,



  .off-canvas-sidebar[data-color="blue"]:after {



    background: #03A9F4; }



  .sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }



  .sidebar[data-color="green"]:after,



  .off-canvas-sidebar[data-color="green"]:after {



    background: #4CAF50; }



  .sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }



  .sidebar[data-color="purple"]:after,



  .off-canvas-sidebar[data-color="purple"]:after {



    background: #673AB7; }



  .sidebar[data-color="purple"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="purple"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="purple"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="purple"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }



  .sidebar[data-color="red"]:after,



  .off-canvas-sidebar[data-color="red"]:after {



    background: #f44336; }



  .sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }



  .sidebar[data-color="yellow"]:after,



  .off-canvas-sidebar[data-color="yellow"]:after {



    background: #FFC107; }



  .sidebar[data-color="yellow"] .nav li.active > a:not([data-toggle="collapse"]),



  .off-canvas-sidebar[data-color="yellow"] .nav li.active > a:not([data-toggle="collapse"]) {



    color: #424242; }



    .sidebar[data-color="yellow"] .nav li.active > a:not([data-toggle="collapse"]) i,



    .off-canvas-sidebar[data-color="yellow"] .nav li.active > a:not([data-toggle="collapse"]) i {



      color: #424242; }







.sidebar.chatbar .sidebar-wrapper {



  position: relative;



  height: calc(100vh - 0px);



  overflow: auto;



  width: 260px;



  z-index: 4;



  padding-top: 60px;



  padding-bottom: 20px; }







.visible-on-sidebar-regular {



  display: inline-block !important; }







.visible-on-sidebar-mini {



  display: none !important; }







.off-canvas-sidebar .nav > li > a,



.off-canvas-sidebar .nav > li > a:hover {



  color: #FFFFFF; }







.off-canvas-sidebar .nav > li > a:focus {



  background: rgba(200, 200, 200, 0.2); }







.login_page .main-panel {



  background: transparent;



  width: 100%;



  padding-top: 50px; }







.main-panel {



  /*position: relative;*/



  float: right;



  width: calc(100% - 260px);



  background-color: #f5f5f5;



  -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



  -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



  -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



  -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }



  .main-panel.blankpage {



    width: 100%; }



  .main-panel div > .content {



    /*padding: 70px 15px 30px 15px;*/



    min-height: calc(100vh - 123px);



    margin-top: 0px; }



  .main-panel > .navbar {



    margin-bottom: 0; }



  .main-panel .header {



    margin-bottom: 50px; }







.perfect-scrollbar-on .sidebar,



.perfect-scrollbar-on .main-panel {



  height: 100%;



  max-height: 100%; }







@media (min-width: 991px) {



  .sidebar,



  .main-panel,



  .sidebar-wrapper {



    -webkit-transition-property: top,bottom,width;



    transition-property: top,bottom, width;



    -webkit-transition-duration: .2s,.2s, .35s;



    transition-duration: .2s,.2s, .35s;



    -webkit-transition-timing-function: linear,linear,ease;



    transition-timing-function: linear,linear,ease;



    -webkit-overflow-scrolling: touch; } }







.panel-header {



  height: 260px;



  padding-top: 80px;



  padding-bottom: 45px;



  position: relative;



  background: #424242;



  /* fallback for old browsers */



  background: linear-gradient(160deg, #424242 0%, #353535 100%);



  background-size: 105%; }



  .panel-header .header .title {



    color: #FFFFFF; }



  .panel-header .header .category {



    max-width: 600px;



    color: rgba(255, 255, 255, 0.5);



    margin: 0 auto;



    font-size: 13px; }



    .panel-header .header .category a {



      color: #FFFFFF; }







.panel-header-sm {



  height: 135px; }







.panel-header-lg {



  height: 380px; }







@media screen and (min-width: 992px) {



  .logo-mini {



    display: none; }



  .logo-full {



    display: block; }



  .nav-toggle #root, .nav-toggle .wrapper {



    display: inline-block;



    width: 100%;



    height: auto; }



  .nav-toggle .logo-mini {



    display: block; }



  .nav-toggle .logo-full {



    display: none; }



  .nav-toggle .sidebar.menubar {



    width: 60px;



    position: absolute; }



    .nav-toggle .sidebar.menubar .ps__rail-y {



      display: none; }



  .nav-toggle .menubar .sidebar-wrapper {



    width: 60px; }



    .nav-toggle .menubar .sidebar-wrapper .nav a p, .nav-toggle .menubar .sidebar-wrapper .nav a .badge, .nav-toggle .menubar .sidebar-wrapper .nav a .arrow {



    transform: translate3d(-25px, 0, 0);



    -webkit-transform: translate3d(-25px, 0, 0);



    /* opacity: 0; */



    /* display: none; */



    font-size: 8px;



    /* word-break: break-all; */



    left: 25px;



    line-height: 6px;



    white-space: break-spaces;



    text-align: center;



    top: -7px;



}



  .nav-toggle .main-panel {



    width: calc(100% - 90px); }



  .nav-toggle .menubar .navigation .navgroup {



    border-bottom: 1px solid #dddddd;



    width: 80%;



    margin: 10px 10%; }



    .nav-toggle .menubar .navigation .navgroup div {



      display: none; }



  .nav-toggle .menubar .navigation .navgroup:nth-child(1) {



    border: none; }



  .nav-toggle .menustats {



    display: none; }



  .nav-toggle .wrapper .sidebar.menubar .sidebar-wrapper {



    overflow: visible !important; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover {



    position: relative;



    z-index: 1; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover a {



    background: #ffffff;



    box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -webkit-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -moz-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -o-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -ms-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2); }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover ul a {



    background: #ffffff;



    box-shadow: none;



    -webkit-box-shadow: none;



    -moz-box-shadow: none;



    -o-box-shadow: none;



    -ms-box-shadow: none; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover ul {



    background: transparent;



    box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -webkit-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -moz-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -o-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2);



    -ms-box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.2); }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover ul li {



    background: #aaa; }



  .nav-toggle .menubar .sidebar-wrapper .nav li ul li:hover a {



    background: #eeeeee; }



  .nav-toggle .menubar .sidebar-wrapper .nav li a p {



    transition: none;



    -webkit-transition: none; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover a p {



    opacity: 1;



    transform: translate3d(0px, 0, 0);



    -webkit-transform: translate3d(0px, 0, 0);



    padding-left: 60px; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover a .badge {



    opacity: 1;



    right: 0px;



    float: right;



    position: absolute;



    margin-right: -12px;



    top: 10px; }



  .nav-toggle .sidebar .nav li.active .nav {



    display: none; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover a {



    width: 260px;



    z-index: 2; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover .nav a {



    width: 100%;



    padding-left: 20px; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover {



    width: 260px; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover .nav li {



    width: 100%;



    z-index: unset !important; }



  .nav-toggle .menubar .sidebar-wrapper .nav li:hover .nav {



    display: block;



    position: absolute;



    margin-left: 60px;



    width: 200px;



    top: 0px;



    padding-top: 42px !important;



    padding-left: 0px !important; }



  .nav-toggle .sidebar .nav li:hover:not(.active) > a,



  .nav-toggle .sidebar .nav li.active:hover > a {



    border-left-color: #3f51b5; } }







.nav-toggle-chat .sidebar.chatbar {



  width: 260px; }







.nav-toggle-chat .chatbar .sidebar-wrapper {



  transform: translate3d(0px, 0, 0);



  -webkit-transform: translate3d(0px, 0, 0);



  opacity: 1; }







.chatbar .sidebar-wrapper .chat-search {



  padding: 15px 25px 0 25px; }



  .chatbar .sidebar-wrapper .chat-search input, .chatbar .sidebar-wrapper .chat-search input:focus {



    color: #424242;



    border: none;



    background: #E3E3E3;



    border-radius: 0px; }



    .chatbar .sidebar-wrapper .chat-search input::-webkit-input-placeholder, .chatbar .sidebar-wrapper .chat-search input:focus::-webkit-input-placeholder {



      /* Chrome/Opera/Safari */



      color: #9A9A9A; }



    .chatbar .sidebar-wrapper .chat-search input::-moz-placeholder, .chatbar .sidebar-wrapper .chat-search input:focus::-moz-placeholder {



      /* Firefox 19+ */



      color: #9A9A9A; }



    .chatbar .sidebar-wrapper .chat-search input:-ms-input-placeholder, .chatbar .sidebar-wrapper .chat-search input:focus:-ms-input-placeholder {



      /* IE 10+ */



      color: #9A9A9A; }



    .chatbar .sidebar-wrapper .chat-search input:-moz-placeholder, .chatbar .sidebar-wrapper .chat-search input:focus:-moz-placeholder {



      /* Firefox 18- */



      color: #9A9A9A; }







.chatbar .sidebar-wrapper .list-group {



  padding: 0px 15px; }







.chatbar .sidebar-wrapper .list-group, .chatbar .sidebar-wrapper .list-group-item {



  background-color: transparent;



  border: none; }







.chatbar .sidebar-wrapper .list-group-item:hover {



  cursor: pointer;



  background-color: #E3E3E3; }







.chatbar .sidebar-wrapper .group-head {



  font-size: 14px;



  color: #9A9A9A;



  padding-left: 30px; }







.chatbar .sidebar-wrapper [data-status=available] {



  background-color: #4CAF50; }







.chatbar .sidebar-wrapper [data-status=busy] {



  background-color: #f44336; }







.chatbar .sidebar-wrapper [data-status=away] {



  background-color: #FFC107; }







.chatbar .sidebar-wrapper [data-status=offline] {



  background-color: #9A9A9A; }







.chatbar .sidebar-wrapper .profile-status {



  border-radius: 50%;



  width: 8px;



  height: 8px;



  display: inline-block;



  position: absolute;



  top: 26px;



  right: 15px; }







.chatbar .sidebar-wrapper .groupname .name {



  padding-left: 20px; }







.chatbar .sidebar-wrapper .groupname .profile-status {



  top: 16px;



  width: 12px;



  height: 12px;



  left: 15px;



  margin-right: 0px;



  right: auto; }







.chatbar .sidebar-wrapper .contact.list-group-item .user-img {



  float: left; }



  .chatbar .sidebar-wrapper .contact.list-group-item .user-img img {



    width: 30px;



    height: 30px;



    margin-right: 15px;



    margin-top: 5px; }







.chatbar .sidebar-wrapper .contact.list-group-item .user-info {



  float: left; }



  .chatbar .sidebar-wrapper .contact.list-group-item .user-info .status {



    opacity: 0.6;



    text-transform: capitalize;



    display: block; }







.profile-info {



  background: transparent;



  padding-top: 15px;



  padding-bottom: 10px;



  padding-left: 20px;



  padding-right: 15px; }



  .profile-info .profile-image {



    padding-right: 5px;



    display: inline-block; }



    .profile-info .profile-image img {



      height: 65px;



      width: 65px;



      float: right;



      top: 12px;



      left: 5px;



      position: relative;



      background-color: #777777; }



  .profile-info .profile-details {



    white-space: nowrap; }



    .profile-info .profile-details h3 {



      margin: 10px 0 5px 0; }



    .profile-info .profile-details h3 a {



      font-weight: 400;



      color: #757575;



      font-size: 19px;



      line-height: 23px;



      text-decoration: none; }



    .profile-info .profile-details .profile-status {



      height: 8px;



      width: 8px;



      border-radius: 50%;



      -o-border-radius: 50%;



      -ms-border-radius: 50%;



      -moz-border-radius: 50%;



      -webkit-border-radius: 50%;



      display: inline-block; }



    .profile-info .profile-details .profile-title {



      color: #aeb2b7;



      font-size: 13px; }







.notification-message h4 {



    color: #fff;



    font-size: 15px !important;



}







@media screen and (min-width: 992px) {



  .nav-toggle .profile-info {



    width: 60px;



    margin: 0;



    padding: 10px 12px 25px 0px; }



  .nav-toggle .profile-info .profile-image {



    width: 100%;



    padding: 0;



    flex: auto;



    max-width: 100%; }



  .nav-toggle .profile-info .profile-image img {



    height: 40px;



    width: 40px;



    top: 10px; }



  .nav-toggle .profile-details {



    display: none; } }







/* menu navigation */



.nav.navigation {



  margin-top: 0px; }







.menubar .navgroup {



  font-weight: 400;



  font-size: 13px;



  line-height: 40px;



  padding-left: 24px;



  margin: 10px 0 0px 0;



  color: #9e9e9e;



  text-transform: uppercase; }







.menubar .nav-link .arrow {



  font-size: 9px;



  position: absolute;



  top: 17px;



  right: 15px;



  opacity: 0.6; }







.menubar .active .nav-link .arrow {



  transform: rotate(-90deg);



  -webkit-transform: rotate(-90deg);



  -ms-transform: rotate(-90deg); }







.menubar .nav-link .badge {



  float: right;



  position: absolute;



  background-color: #E91E63;



  right: 45px;



  top: 13px;



  border-radius: 0px;



  font-weight: normal;



  line-height: 11px;



  padding-left: 5px;



  padding-right: 5px; }







.footer {



  padding: 24px 0; }



  .footer.footer-default {



    background-color: #f2f2f2; }



  .footer nav {



    display: inline-block;



    float: left;



    padding-left: 7px; }



  .footer ul {



    margin-bottom: 0;



    padding: 0;



    list-style: none; }



    .footer ul li {



      display: inline-block; }



      .footer ul li a {



        color: inherit;



        padding: 0.5rem;



        font-size: 0.9071em;



        text-transform: uppercase;



        text-decoration: none; }



        .footer ul li a:hover {



          text-decoration: none; }



  .footer .copyright {



    font-size: 0.9071em;



    line-height: 1.8; }



  .footer:after {



    display: table;



    clear: both;



    content: " "; }







.page-header {



  min-height: 100vh;



  max-height: 999px;



  padding: 0;



  color: #FFFFFF;



  position: relative; }



  .page-header .page-header-image {



    position: absolute;



    background-size: cover;



    background-position: center center;



    width: 100%;



    height: 100%;



    z-index: -1; }



  .page-header .content-center {



    position: absolute;



    top: 50%;



    left: 50%;



    z-index: 2;



    -ms-transform: translate(-50%, -50%);



    -webkit-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



    text-align: center;



    color: #FFFFFF;



    padding: 0 15px;



    width: 100%;



    max-width: 880px; }



  .page-header footer {



    position: absolute;



    bottom: 0;



    width: 100%; }



  .page-header .container {



    height: 100%;



    z-index: 1; }



  .page-header .category,



  .page-header .description {



    color: rgba(255, 255, 255, 0.8); }



  .page-header.page-header-small {



    min-height: 60vh;



    max-height: 440px; }



  .page-header.page-header-mini {



    min-height: 40vh;



    max-height: 340px; }



  .page-header .title {



    margin-bottom: 15px; }



  .page-header .title + h4 {



    margin-top: 10px; }



  .page-header:after, .page-header:before {



    position: absolute;



    z-index: 0;



    width: 100%;



    height: 100%;



    display: block;



    left: 0;



    top: 0;



    content: ""; }



  .page-header:before {



    background-color: rgba(0, 0, 0, 0.3); }







@media screen and (max-width: 991px) {



  .profile-photo .profile-photo-small {



    margin-left: -2px; }



  .button-dropdown {



    display: none; }



  #minimizeSidebar {



    display: none; }



  .navbar {



    /* .dropdown.show .dropdown-menu{



            display: block;



            position: static!important;



        } */



    /* .dropdown .dropdown-menu{



            display: none;



        } */



    /* .dropdown.show .dropdown-menu,



        .dropdown .dropdown-menu{



            background-color: transparent;



            border: 0;



            transition: none;



            -webkit-box-shadow: none;



            box-shadow: none;



            width: auto;



            margin: 0px 1rem;



            margin-top: 0px;



        



            &:before{



                display: none;



            }



        } */



    /* .dropdown-menu .dropdown-item:focus,



        .dropdown-menu .dropdown-item:hover{



            color: $white-color;



        }



        



        &.bg-white .dropdown-menu .dropdown-item:focus,



        &.bg-white .dropdown-menu .dropdown-item:hover{



            color: $default-color;



        } */ }



    .navbar .container-fluid {



      padding-right: 15px;



      padding-left: 15px; }



    .navbar .navbar-collapse .input-group {



      margin: 0;



      margin-top: 5px; }



    .navbar .navbar-nav .nav-item:first-child {



      margin-top: 10px; }



    .navbar .navbar-nav .nav-item:not(:last-child) {



      margin-bottom: 10px; }



    .navbar .navbar-toggler-bar {



      display: block;



      position: relative;



      width: 22px;



      height: 1px;



      border-radius: 1px;



      background: #FFFFFF; }



      .navbar .navbar-toggler-bar + .navbar-toggler-bar {



        margin-top: 7px; }



      .navbar .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {



        margin-top: 3px; }



      .navbar .navbar-toggler-bar.bar2 {



        width: 17px;



        transition: width .2s linear; }



    .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {



      background-color: #888; }



    .navbar .toggled .navbar-toggler-bar {



      width: 24px; }



      .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {



        margin-top: 5px; }



  .wrapper {



    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }



  .nav-toggle .main-panel {



    right: 0;



    /*-webkit-transform: translate3d(260px, 0, 0);



    -moz-transform: translate3d(260px, 0, 0);



    -o-transform: translate3d(260px, 0, 0);



    -ms-transform: translate3d(260px, 0, 0);



    transform: translate3d(260px, 0, 0);*/



    -webkit-transform: translate3d(0, 0, 0);



    -moz-transform: translate3d(0, 0, 0);



    -o-transform: translate3d(0, 0, 0);



    -ms-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0);



  }



  .nav-toggle .sidebar {



    -webkit-transform: translate3d(0px, 0, 0);



    -moz-transform: translate3d(0px, 0, 0);



    -o-transform: translate3d(0px, 0, 0);



    -ms-transform: translate3d(0px, 0, 0);



    transform: translate3d(0px, 0, 0); }



  .nav-toggle body {



    position: relative;



    overflow-x: hidden; }



  .nav-toggle .menu-on-right .main-panel {



    -webkit-transform: translate3d(-260px, 0, 0);



    -moz-transform: translate3d(-260px, 0, 0);



    -o-transform: translate3d(-260px, 0, 0);



    -ms-transform: translate3d(-260px, 0, 0);



    transform: translate3d(-260px, 0, 0); }



  .nav-toggle .menu-on-right .navbar-collapse,



  .nav-toggle .menu-on-right .sidebar {



    -webkit-transform: translate3d(0px, 0, 0);



    -moz-transform: translate3d(0px, 0, 0);



    -o-transform: translate3d(0px, 0, 0);



    -ms-transform: translate3d(0px, 0, 0);



    transform: translate3d(0px, 0, 0); }



  .nav-toggle .menu-on-right .navbar-translate {



    -webkit-transform: translate3d(-300px, 0, 0);



    -moz-transform: translate3d(-300px, 0, 0);



    -o-transform: translate3d(-300px, 0, 0);



    -ms-transform: translate3d(-300px, 0, 0);



    transform: translate3d(-300px, 0, 0); }



  .nav-toggle .menu-on-right #bodyClick {



    right: 260px;



    left: auto; }



  .menu-on-right .sidebar {



    left: auto;



    right: 0;



    -webkit-transform: translate3d(260px, 0, 0);



    -moz-transform: translate3d(260px, 0, 0);



    -o-transform: translate3d(260px, 0, 0);



    -ms-transform: translate3d(260px, 0, 0);



    transform: translate3d(260px, 0, 0); }



  /* .bar1,



    .bar2,



    .bar3 {



      outline: 1px solid transparent;



    }



    .bar1 {



      top: 0px;



      @include bar-animation($topbar-back);



    }



    .bar2 {



      opacity: 1;



    }



    .bar3 {



      bottom: 0px;



      @include bar-animation($bottombar-back);



    }



    .toggled .bar1 {



      top: 6px;



      @include bar-animation($topbar-x);



    }



    .toggled .bar2 {



      opacity: 0;



    }



    .toggled .bar3 {



      bottom: 6px;



      @include bar-animation($bottombar-x);



    } */



  @keyframes topbar-x {



    0% {



      top: 0px;



      transform: rotate(0deg); }



    45% {



      top: 6px;



      transform: rotate(145deg); }



    75% {



      transform: rotate(130deg); }



    100% {



      transform: rotate(135deg); } }



  @-webkit-keyframes topbar-x {



    0% {



      top: 0px;



      -webkit-transform: rotate(0deg); }



    45% {



      top: 6px;



      -webkit-transform: rotate(145deg); }



    75% {



      -webkit-transform: rotate(130deg); }



    100% {



      -webkit-transform: rotate(135deg); } }



  @-moz-keyframes topbar-x {



    0% {



      top: 0px;



      -moz-transform: rotate(0deg); }



    45% {



      top: 6px;



      -moz-transform: rotate(145deg); }



    75% {



      -moz-transform: rotate(130deg); }



    100% {



      -moz-transform: rotate(135deg); } }



  @keyframes topbar-back {



    0% {



      top: 6px;



      transform: rotate(135deg); }



    45% {



      transform: rotate(-10deg); }



    75% {



      transform: rotate(5deg); }



    100% {



      top: 0px;



      transform: rotate(0); } }



  @-webkit-keyframes topbar-back {



    0% {



      top: 6px;



      -webkit-transform: rotate(135deg); }



    45% {



      -webkit-transform: rotate(-10deg); }



    75% {



      -webkit-transform: rotate(5deg); }



    100% {



      top: 0px;



      -webkit-transform: rotate(0); } }



  @-moz-keyframes topbar-back {



    0% {



      top: 6px;



      -moz-transform: rotate(135deg); }



    45% {



      -moz-transform: rotate(-10deg); }



    75% {



      -moz-transform: rotate(5deg); }



    100% {



      top: 0px;



      -moz-transform: rotate(0); } }



  @keyframes bottombar-x {



    0% {



      bottom: 0px;



      transform: rotate(0deg); }



    45% {



      bottom: 6px;



      transform: rotate(-145deg); }



    75% {



      transform: rotate(-130deg); }



    100% {



      transform: rotate(-135deg); } }



  @-webkit-keyframes bottombar-x {



    0% {



      bottom: 0px;



      -webkit-transform: rotate(0deg); }



    45% {



      bottom: 6px;



      -webkit-transform: rotate(-145deg); }



    75% {



      -webkit-transform: rotate(-130deg); }



    100% {



      -webkit-transform: rotate(-135deg); } }



  @-moz-keyframes bottombar-x {



    0% {



      bottom: 0px;



      -moz-transform: rotate(0deg); }



    45% {



      bottom: 6px;



      -moz-transform: rotate(-145deg); }



    75% {



      -moz-transform: rotate(-130deg); }



    100% {



      -moz-transform: rotate(-135deg); } }



  @keyframes bottombar-back {



    0% {



      bottom: 6px;



      transform: rotate(-135deg); }



    45% {



      transform: rotate(10deg); }



    75% {



      transform: rotate(-5deg); }



    100% {



      bottom: 0px;



      transform: rotate(0); } }



  @-webkit-keyframes bottombar-back {



    0% {



      bottom: 6px;



      -webkit-transform: rotate(-135deg); }



    45% {



      -webkit-transform: rotate(10deg); }



    75% {



      -webkit-transform: rotate(-5deg); }



    100% {



      bottom: 0px;



      -webkit-transform: rotate(0); } }



  @-moz-keyframes bottombar-back {



    0% {



      bottom: 6px;



      -moz-transform: rotate(-135deg); }



    45% {



      -moz-transform: rotate(10deg); }



    75% {



      -moz-transform: rotate(-5deg); }



    100% {



      bottom: 0px;



      -moz-transform: rotate(0); } }



  @-webkit-keyframes fadeIn {



    0% {



      opacity: 0; }



    100% {



      opacity: 1; } }



  @-moz-keyframes fadeIn {



    0% {



      opacity: 0; }



    100% {



      opacity: 1; } }



  @keyframes fadeIn {



    0% {



      opacity: 0; }



    100% {



      opacity: 1; } }



  #bodyClick {



    height: 100%;



    width: 100%;



    position: fixed;



    opacity: 1;



    top: 0;



    right: 0;



    left: 260px;



    content: "";



    z-index: 9999;



    overflow-x: hidden;



    background-color: transparent;



    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }



  .footer .copyright {



    text-align: right; }



  .section-nucleo-icons .icons-container {



    margin-top: 65px; }



  .navbar-nav .nav-link i.fa {



    opacity: .5; }



  .sidebar,



  .bootstrap-navbar {



    position: fixed;



    display: block;



    top: 0;



    height: 100%;



    width: 260px;



    right: auto;



    left: 0;



    z-index: 1032;



    visibility: visible;



    overflow-y: visible;



    padding: 0;



    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);



    -webkit-transform: translate3d(-260px, 0, 0);



    -moz-transform: translate3d(-260px, 0, 0);



    -o-transform: translate3d(-260px, 0, 0);



    -ms-transform: translate3d(-260px, 0, 0);



    transform: translate3d(-260px, 0, 0); }



  .main-panel {



    width: 100%; }



  .navbar .navbar-toggler {



    display: inline-block;



    color: #FFFFFF; }



  .logo-mini {



    display: block; }



  .logo-full {



    display: none; }



  .nav-toggle .logo-mini {



    display: none; }



  .nav-toggle .logo-full {



    display: block; } }







@media screen and (min-width: 992px) {



  .navbar .navbar-toggler {



    display: inline-block;



    color: #FFFFFF; }



  .navbar-collapse {



    background: none !important; }



  .navbar .navbar-toggle {



    display: block; }



  .navbar-nav .nav-link.profile-photo {



    padding: 0;



    margin: 7px 0.7rem; }



  .section-nucleo-icons .icons-container {



    margin: 0 0 0 auto; }



  .dropdown-menu .dropdown-item {



    color: inherit; }



  .footer .copyright {



    float: right;



    padding-right: 50px; } }







@media screen and (max-width: 768px) {



  .nav-tabs {



    display: inline-block;



    width: 100%;



    padding-left: 100px;



    padding-right: 100px;



    text-align: center; }



    .nav-tabs .nav-item > .nav-link {



      margin-bottom: 5px; }



  .card-stats [class*="col-"] .statistics::after {



    display: none; }



  .main-panel .content {



    padding-left: 15px;



    padding-right: 15px; }



  .footer nav {



    display: block;



    margin-bottom: 5px;



    float: none; }



  .landing-page .section-story-overview .image-container:nth-child(2) {



    margin-left: 0;



    margin-bottom: 30px; } }







@media screen and (max-width: 576px) {



  .navbar[class*='navbar-toggleable-'] .container {



    margin-left: 0;



    margin-right: 0; }



  .card-contributions .card-stats {



    flex-direction: column; }



    .card-contributions .card-stats .bootstrap-switch {



      margin-bottom: 15px; }



  .footer .copyright {



    text-align: center; }



  .section-nucleo-icons .icons-container i {



    font-size: 30px; }



    .section-nucleo-icons .icons-container i:nth-child(6) {



      font-size: 48px; }



  .page-header .container h6.category-absolute {



    width: 90%; } }







@media screen and (max-width: 580px) {



  .logo-mini {



    display: block; }



  .logo-full {



    display: none; }



  .nav-toggle .logo-mini {



    display: block; }



  .nav-toggle .logo-full {



    display: none; } }







/*----------------------------------------



  General Layout Style



------------------------------------------*/



html {



  font-size: 100%;



  height: 100%;



  background-color: #eeeeee; }







html.boxed {



  background: #E0E0E0; }











body.boxed {



  margin: 0 5% !important;



  max-width: 90%;



  width: 90%;



  min-height: 100%;



  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);



  -o-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);



  -ms-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);



  -moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);



  -webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15); }







body.boxed .page-topbar {



  max-width: 90%;



  width: 90%;



  margin-left: 5% !important; }







/*body *{  vertical-align: top; }*/



.paddingLeft0 {



  padding-left: 0px; }







.paddingRight0 {



  padding-right: 0px; }







.bottom5 {



  margin-bottom: 5px; }







.bottom10 {



  margin-bottom: 10px; }







.bottom15 {



  margin-bottom: 15px; }







.bottom30 {



  margin-bottom: 30px; }







.bottom45 {



  margin-bottom: 45px; }







.top15 {



  margin-top: 15px; }







.right15 {



  margin-right: 15px; }







.left15 {



  margin-left: 15px; }







.padding-15 {



  padding: 15px; }







.padding-30 {



  padding: 30px; }







.margin-0 {



  margin: 0px; }







.spacer {



  width: 100%;



  height: 15px;



  display: block;



  clear: both; }







.marginBottom30 {



  margin-bottom: 30px; }







section.box.marginBottom0,



.marginBottom0 {



  margin-bottom: 0px; }







.page-container.container-fluid {



  padding: 0px; }







.spacer20 {



  height: 20px;



  width: 100%;



  display: block;



  clear: both; }







.spacer10 {



  height: 10px;



  width: 100%;



  display: block;



  clear: both; }







/*----------------------------------------



    Page Title and Breadcrumb  



------------------------------------------*/



.page-title h1 {



  font-size: 24px;



  font-weight: 300;



  padding: 0 0 0 15px;



  text-transform: capitalize;



  color: #2a2d33;



  margin: 4px 42px 0px 0px;



   }







.page-title .breadcrumb {



  padding: 0px;



  margin: 15px 0; }







.page-title {



  display: inline-block;



  width: 100%;



  margin-top: 10px; }







/*---------------------------------



    Typography



-----------------------------------*/



h1, h2, h3, h4, h5, h6 {



  /*  font-family: $menu-family;*/



  margin: 10px 0;



  font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



  font-weight: 400;



  color: #505458; }







.light {



  font-weight: 100; }







.bold {



  font-weight: 700; }







.semi-bold {



  font-weight: 400; }







blockquote, .blockquote-reverse, blockquote.pull-right {



  font-size: 16px;



  border-color: #3f51b5; }







blockquote.pull-right {



  width: 100%; }







blockquote.purple {



  border-color: #673AB7; }







blockquote.accent {



  border-color: #E91E63; }







blockquote.background {



  background: #f5f5f5; }







.well {



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  background: #f5f5f5;



  border-color: #eaeaea; }







.well.primary, .well.primary * {



  background-color: #3f51b5;



  color: #ffffff;



  border-color: #3f51b5; }







.well.transparent {



  background-color: transparent; }







a {



  color: #007cba; }







a:hover, a:focus {



  color: #333333; }







.text-dark {



  color: #333333; }







.text-muted {



  color: #999999; }







.text-primary {



  color: #3f51b5 !important; }







.text-info {



  color: #03A9F4; }







.text-warning {



  color: #FFC107; }







.text-danger {



  color: #f44336; }







.text-success {



  color: #4CAF50; }







.text-purple {



  color: #673AB7; }







.text-accent {



  color: #E91E63; }







.text-light {



  color: #f5f5f5; }







.bg-muted {



  background: #eaeaea;



  padding: 3px 8px; }







.bg-primary {



  background: #3f51b5 !important;



  padding: 3px 8px;



  color: #ffffff; }







.bg-info {



  background: #03A9F4;



  padding: 3px 8px;



  color: #ffffff; }







.bg-warning {



  background: #FFC107;



  padding: 3px 8px;



  color: #ffffff; }







.bg-danger {



  background: #f44336;



  padding: 3px 8px;



  color: #ffffff; }







.bg-success {



  background: #4CAF50;



  padding: 3px 8px;



  color: #ffffff; }







.bg-purple {



  background: #673AB7;



  padding: 3px 8px;



  color: #ffffff; }







.bg-accent {



  background: #E91E63;



  padding: 3px 8px;



  color: #ffffff; }







.bg-secondary {



  background: #9e9e9e;



  padding: 3px 8px;



  color: #555555; }







.bg-white {



  background: #ffffff;



  padding: 3px 8px;



  color: #777777; }







/*----------------------------------------



  Sidebar Main Menu



------------------------------------------*/



.sidebar .menustats {



  padding: 15px 15px 15px 20px; }







.sidebar .menustats h5 {



  font-size: 13px; }







.sidebar .menustats .progress {



  height: 5px;



  background-color: #eeeeee;



  margin-bottom: 25px; }







/*----------------------------------------



  Sidebar User Profile



------------------------------------------*/



.profile-info .profile-image img {



  height: 65px;



  width: 65px;



  float: right;



  top: 5px;



  left: 5px;



  position: relative;



  background-color: #777777; }







.profile-info .profile-details {



  white-space: nowrap; }







.profile-info .profile-details h3 {



  margin: 10px 0 5px 0; }







.profile-info .profile-details h3 a {



  font-weight: 400;



  color: #757575;



  font-size: 19px;



  line-height: 23px;



  text-decoration: none; }







.profile-info .profile-details .profile-title {



  color: #aeb2b7;



  font-size: 13px; }







.profile-info .profile-details .profile-status {



  height: 8px;



  width: 8px;



  border-radius: 50%;



  -o-border-radius: 50%;



  -ms-border-radius: 50%;



  -moz-border-radius: 50%;



  -webkit-border-radius: 50%;



  display: inline-block; }







.profile-status.available, .uprofile-status.available {



  background-color: #4CAF50; }







.profile-status.busy, .uprofile-status.busy {



  background-color: #f44336; }







.profile-status.idle, .uprofile-status.idle {



  background-color: #E91E63; }







.profile-status.away, .uprofile-status.away {



  background-color: #FFC107; }







.profile-status.offline, .uprofile-status.offline {



  background-color: #9e9e9e; }







/*---------------------------------------------



    Progress Bars



----------------------------------------------*/



.progress {



  background: #f5f5f5;



  background-image: none;



  -webkit-box-shadow: inset 0 -1px 2px rgba(150, 150, 150, 0.1);



  -moz-box-shadow: inset 0 -1px 2px rgba(150, 150, 150, 0.1);



  box-shadow: inset 0 -1px 2px rgba(150, 150, 150, 0.1);



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







.progress.progress-md {



  height: 30px; }







.progress.progress-lg {



  height: 40px; }







.progress.progress-xlg {



  height: 50px; }







.progress-bar {



  background-image: none;



  font-size: 12px;



  line-height: 20px;



  -webkit-box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.15);



  -moz-box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.15);



  box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.15); }







.progress-bar-striped {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }







.progress-md .progress-bar {



  font-size: 14px;



  line-height: 30px; }







.progress-lg .progress-bar {



  font-size: 16px;



  line-height: 40px; }







.progress-xlg .progress-bar {



  font-size: 18px;



  line-height: 50px; }







.progress-bar-purple {



  background-color: #673AB7; }







.progress-bar-primary {



  background-color: #3f51b5; }







.progress-bar-accent {



  background-color: #E91E63; }







.progress-bar-secondary {



  background-color: #9e9e9e; }







/*---------------------------------------------



    Tooltips      



----------------------------------------------*/



.tooltip {



  font-size: 13px;



  line-height: 21px;



  text-shadow: none; }







.tooltip-inner {



  padding: 5px 13px;



  background-color: #555555;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







.tooltip.top .tooltip-arrow {



  border-top-color: #555555; }







.tooltip.left .tooltip-arrow {



  border-left-color: #555555; }







.tooltip.right .tooltip-arrow {



  border-right-color: #555555; }







.tooltip.bottom .tooltip-arrow {



  border-bottom-color: #555555; }







.tooltip.purple .tooltip-inner {



  background-color: #673AB7; }







.tooltip.purple.top .tooltip-arrow {



  border-top-color: #673AB7; }







.tooltip.purple.left .tooltip-arrow {



  border-left-color: #673AB7; }







.tooltip.purple.right .tooltip-arrow {



  border-right-color: #673AB7; }







.tooltip.purple.bottom .tooltip-arrow {



  border-bottom-color: #673AB7; }







.tooltip.success .tooltip-inner {



  background-color: #4CAF50; }







.tooltip.success.top .tooltip-arrow {



  border-top-color: #4CAF50; }







.tooltip.success.left .tooltip-arrow {



  border-left-color: #4CAF50; }







.tooltip.success.right .tooltip-arrow {



  border-right-color: #4CAF50; }







.tooltip.success.bottom .tooltip-arrow {



  border-bottom-color: #4CAF50; }







.tooltip.warning .tooltip-inner {



  background-color: #FFC107; }







.tooltip.warning.top .tooltip-arrow {



  border-top-color: #FFC107; }







.tooltip.warning.left .tooltip-arrow {



  border-left-color: #FFC107; }







.tooltip.warning.right .tooltip-arrow {



  border-right-color: #FFC107; }







.tooltip.warning.bottom .tooltip-arrow {



  border-bottom-color: #FFC107; }







.tooltip.info .tooltip-inner {



  background-color: #03A9F4; }







.tooltip.info.top .tooltip-arrow {



  border-top-color: #03A9F4; }







.tooltip.info.left .tooltip-arrow {



  border-left-color: #03A9F4; }







.tooltip.info.right .tooltip-arrow {



  border-right-color: #03A9F4; }







.tooltip.info.bottom .tooltip-arrow {



  border-bottom-color: #03A9F4; }







.tooltip.danger .tooltip-inner {



  background-color: #f44336; }







.tooltip.danger.top .tooltip-arrow {



  border-top-color: #f44336; }







.tooltip.danger.left .tooltip-arrow {



  border-left-color: #f44336; }







.tooltip.danger.right .tooltip-arrow {



  border-right-color: #f44336; }







.tooltip.danger.bottom .tooltip-arrow {



  border-bottom-color: #f44336; }







.tooltip.accent .tooltip-inner {



  background-color: #E91E63; }







.tooltip.accent.top .tooltip-arrow {



  border-top-color: #E91E63; }







.tooltip.accent.left .tooltip-arrow {



  border-left-color: #E91E63; }







.tooltip.accent.right .tooltip-arrow {



  border-right-color: #E91E63; }







.tooltip.accent.bottom .tooltip-arrow {



  border-bottom-color: #E91E63; }







.tooltip.primary .tooltip-inner {



  background-color: #3f51b5; }







.tooltip.primary.top .tooltip-arrow {



  border-top-color: #3f51b5; }







.tooltip.primary.left .tooltip-arrow {



  border-left-color: #3f51b5; }







.tooltip.primary.right .tooltip-arrow {



  border-right-color: #3f51b5; }







.tooltip.primary.bottom .tooltip-arrow {



  border-bottom-color: #3f51b5; }







.tooltip.secondary .tooltip-inner {



  background-color: #9e9e9e; }







.tooltip.secondary.top .tooltip-arrow {



  border-top-color: #9e9e9e; }







.tooltip.secondary.left .tooltip-arrow {



  border-left-color: #9e9e9e; }







.tooltip.secondary.right .tooltip-arrow {



  border-right-color: #9e9e9e; }







.tooltip.secondary.bottom .tooltip-arrow {



  border-bottom-color: #9e9e9e; }







/*---------------------------------------------



    Popovers     



----------------------------------------------*/



.popover {



  font-size: 14px;



  font-weight: 400;



  line-height: 23px;



  background: #ffffff;



  border: 1px solid #f5f5f5;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.25);



  -o-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.25);



  -ms-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.25);



  -moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.25);



  -webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.25); }







.popover-header {



  padding: 8px 14px;



  margin: 0;



  font-size: 14px;



  background-color: #3f51b5;



  border-bottom: 0px solid #ebebeb;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  color: #ffffff; }







.popover-body {



  padding: 9px 14px; }







.popover.top > .arrow {



  border-top-color: #e8e8e8; }







.popover.left > .arrow {



  border-left-color: #e8e8e8; }







.popover.right > .arrow {



  border-right-color: #e8e8e8; }







.popover.bottom > .arrow {



  border-bottom-color: #e8e8e8; }







.popover.success .popover-header {



  background: #4CAF50; }







.popover.warning .popover-header {



  background: #FFC107; }







.popover.danger .popover-header {



  background: #f44336; }







.popover.info .popover-header {



  background: #03A9F4; }







.popover.accent .popover-header {



  background: #E91E63; }







.popover.purple .popover-header {



  background: #673AB7; }







.popover.primary .popover-header {



  background: #3f51b5; }







.popover.secondary .popover-header {



  background: #9e9e9e; }







[rel="popover"] {



  cursor: hand;



  cursor: pointer; }







/*---------------------------------------------



      UI Calendar



----------------------------------------------*/



body .rbc-event {



  background-color: #3f51b5;



  border-radius: 0px; }







body .rbc-today {



  background-color: rgba(63, 81, 181, 0.1); }







body .rbc-calendar .rbc-toolbar .rbc-btn-group {



  background: #eeeeee; }







body .rbc-calendar .rbc-toolbar .rbc-btn-group button {



  cursor: pointer;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  border: 0px solid transparent;



  font-weight: 400;



  text-shadow: none; }







body .rbc-calendar .rbc-toolbar .rbc-btn-group button.rbc-active, body .rbc-calendar .rbc-toolbar .rbc-btn-group button:hover, body .rbc-calendar .rbc-toolbar .rbc-btn-group button:focus, body .rbc-calendar .rbc-toolbar .rbc-btn-group button:active {



  color: #ffffff;



  background-color: #3f51b5; }







/*---------------------------------------------



      Timeline Centered Style



----------------------------------------------*/



.timeline {



  list-style: none;



  padding: 20px 0 20px;



  position: relative; }







.timeline:before {



  top: 0;



  bottom: 0;



  position: absolute;



  content: " ";



  width: 10px;



  background-color: #eaeaea;



  left: 50%;



  margin-left: -5px;



  -webkit-border-radius: 5px;



  -moz-border-radius: 5px;



  border-radius: 5px; }







.timeline > li {



  margin-bottom: 20px;



  position: relative; }







.timeline > li:before, .timeline > li:after {



  content: " ";



  display: table; }







.timeline > li:after {



  clear: both; }







.timeline > li:before, .timeline > li:after {



  content: " ";



  display: table; }







.timeline > li:after {



  clear: both; }







.timeline > li > .timeline-panel {



  width: 45%;



  float: left;



  border: 1px solid #eaeaea;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  padding: 20px;



  position: relative;



  -webkit-box-shadow: 0 1px 6px rgba(150, 150, 150, 0.175);



  -moz-box-shadow: 0 1px 6px rgba(150, 150, 150, 0.175);



  box-shadow: 0 1px 6px rgba(150, 150, 150, 0.175);



  margin-left: -15px;



  z-index: 11; }







.timeline > li > .timeline-panel:before {



  position: absolute;



  top: 36px;



  right: -15px;



  display: inline-block;



  border-top: 15px solid transparent;



  border-left: 15px solid #eaeaea;



  border-right: 0 solid #eaeaea;



  border-bottom: 15px solid transparent;



  content: " "; }







.timeline > li > .timeline-panel:after {



  position: absolute;



  top: 37px;



  right: -14px;



  display: inline-block;



  border-top: 14px solid transparent;



  border-left: 14px solid #fff;



  border-right: 0 solid #fff;



  border-bottom: 14px solid transparent;



  content: " "; }







.timeline > li > .timeline-badge {



  color: #fff;



  width: 70px;



  height: 70px;



  line-height: 65px;



  font-size: 30px;



  text-align: center;



  position: absolute;



  top: 20px;



  left: 50%;



  margin-left: -35px;



  background-color: #673AB7;



  z-index: 10;



  -webkit-border-top-right-radius: 50%;



  -moz-border-radius-topright: 50%;



  border-top-right-radius: 50%;



  -webkit-border-top-left-radius: 50%;



  -moz-border-radius-topleft: 50%;



  border-top-left-radius: 50%;



  -webkit-border-bottom-right-radius: 50%;



  -moz-border-radius-bottomright: 50%;



  border-bottom-right-radius: 50%;



  -webkit-border-bottom-left-radius: 50%;



  -moz-border-radius-bottomleft: 50%;



  border-bottom-left-radius: 50%;



  border: 5px solid #eaeaea; }







.timeline > li > .timeline-badge i {



  font-size: 28px; }







.timeline > li.timeline-inverted > .timeline-panel {



  float: right;



  margin-right: -15px; }







.timeline > li.timeline-inverted > .timeline-panel:before {



  border-left-width: 0;



  border-right-width: 15px;



  left: -15px;



  right: auto; }







.timeline > li.timeline-inverted > .timeline-panel:after {



  border-left-width: 0;



  border-right-width: 14px;



  left: -14px;



  right: auto; }







.timeline-badge.primary {



  background-color: #3f51b5 !important; }







.timeline-badge.success {



  background-color: #4CAF50 !important; }







.timeline-badge.warning {



  background-color: #FFC107 !important; }







.timeline-badge.danger {



  background-color: #f44336 !important; }







.timeline-badge.info {



  background-color: #03A9F4 !important; }







.timeline-title {



  margin-top: 0;



  color: inherit; }







.timeline-body > p, .timeline-body > ul {



  margin-bottom: 0; }







.timeline-body > p + p {



  margin-top: 5px; }







@media (max-width: 767px) {



  ul.timeline:before {



    left: 40px; }



  ul.timeline > li > .timeline-panel {



    width: calc(100% - 90px);



    width: -moz-calc(100% - 90px);



    width: -webkit-calc(100% - 90px); }



  ul.timeline > li > .timeline-badge {



    left: 15px;



    margin-left: 0;



    top: 16px; }



  ul.timeline > li > .timeline-panel {



    float: right; }



  ul.timeline > li > .timeline-panel:before {



    border-left-width: 0;



    border-right-width: 15px;



    left: -15px;



    right: auto; }



  ul.timeline > li > .timeline-panel:after {



    border-left-width: 0;



    border-right-width: 14px;



    left: -14px;



    right: auto; } 







  .nav-toggle .sidebar {



      width: 85%;



  }



  .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {



     width: 98%;



  }  



    



  }







/*---------------------------------------------



      Timeline Left Aligned Style



----------------------------------------------*/



.timeline2-centered {



  position: relative;



  margin-bottom: 30px; }







.timeline2-centered:before, .timeline2-centered:after {



  content: " ";



  display: table; }







.timeline2-centered:after {



  clear: both; }







.timeline2-centered:before, .timeline2-centered:after {



  content: " ";



  display: table; }







.timeline2-centered:after {



  clear: both; }







.timeline2-centered:before {



  content: '';



  position: absolute;



  display: block;



  width: 10px;



  background: #f5f5f6;



  top: 20px;



  bottom: 20px;



  margin-left: 26px;



  -webkit-border-radius: 5px;



  -moz-border-radius: 5px;



  border-radius: 5px; }







.timeline2-centered .timeline2-entry {



  position: relative;



  margin-top: 5px;



  margin-left: 30px;



  margin-bottom: 10px;



  clear: both; }







.timeline2-centered .timeline2-entry:before, .timeline2-centered .timeline2-entry:after {



  content: " ";



  display: table; }







.timeline2-centered .timeline2-entry:after {



  clear: both; }







.timeline2-centered .timeline2-entry:before, .timeline2-centered .timeline2-entry:after {



  content: " ";



  display: table; }







.timeline2-centered .timeline2-entry:after {



  clear: both; }







.timeline2-centered .timeline2-entry.begin {



  margin-bottom: 0; }







.timeline2-centered .timeline2-entry.left-aligned {



  float: left; }







.timeline2-centered .timeline2-entry.left-aligned .timeline2-entry-inner {



  margin-left: 0;



  margin-right: -18px; }







.timeline2-centered .timeline2-entry.left-aligned .timeline2-entry-inner .timeline2-time {



  left: auto;



  right: -100px;



  text-align: left; }







.timeline2-centered .timeline2-entry.left-aligned .timeline2-entry-inner .timeline2-icon {



  float: right; }







.timeline2-centered .timeline2-entry.left-aligned .timeline2-entry-inner .timeline2-label {



  margin-left: 0;



  margin-right: 70px; }







.timeline2-centered .timeline2-entry.left-aligned .timeline2-entry-inner .timeline2-label:after {



  left: auto;



  right: 0;



  margin-left: 0;



  margin-right: -9px;



  -moz-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg); }







.timeline2-centered .timeline2-entry .timeline2-entry-inner {



  position: relative;



  margin-left: -20px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner:before, .timeline2-centered .timeline2-entry .timeline2-entry-inner:after {



  content: " ";



  display: table; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner:after {



  clear: both; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner:before, .timeline2-centered .timeline2-entry .timeline2-entry-inner:after {



  content: " ";



  display: table; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner:after {



  clear: both; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-time {



  position: absolute;



  left: -100px;



  text-align: right;



  padding: 10px;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-time > span {



  display: block; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-time > span:first-child {



  font-size: 15px;



  font-weight: bold; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-time > span:last-child {



  font-size: 12px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon {



  background: #fff;



  color: #737881;



  display: block;



  width: 70px;



  height: 70px;



  -moz-background-clip: padding;



  -o-background-clip: padding-box;



  background-clip: padding-box;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  text-align: center;



  line-height: 70px;



  font-size: 21px;



  float: left;



  border: 5px solid #eaeaea;



  margin-left: -15px;



  margin-top: 40px;



  line-height: 60px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-primary {



  background-color: #3f51b5;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-secondary {



  background-color: #9e9e9e;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-success {



  background-color: #4CAF50;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-info {



  background-color: #03A9F4;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-warning {



  background-color: #FFC107;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-icon.bg-danger {



  background-color: #f44336;



  color: #fff; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label {



  position: relative;



  background: #f5f5f5;



  padding: 15px;



  margin-left: 70px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  margin-top: 45px;



  border: 0px solid #eaeaea;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  padding: 20px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label:after {



  content: '';



  display: block;



  position: absolute;



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 9px 9px 9px 0;



  border-color: transparent #f5f5f5 transparent transparent;



  left: 0;



  top: 10px;



  margin-left: -9px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label h2, .timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label p {



  margin: 0; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label p + p {



  margin-top: 15px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label h2 {



  font-size: 16px;



  margin-bottom: 10px; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label h2 a {



  color: #3f51b5; }







.timeline2-centered .timeline2-entry .timeline2-entry-inner .timeline2-label h2 span {



  -webkit-opacity: .6;



  -moz-opacity: .6;



  opacity: .6;



  -ms-filter: alpha(opacity=60);



  filter: alpha(opacity=60); }







.timeline2-icon i {



  font-size: 28px; }







/*-----------------------------------------



    Pricing Tables 



------------------------------------------*/



.pricing-tables .price-pack.recommended .head {



  margin-bottom: 20px; }







.pricing-tables.compress.row {



  margin-right: 0px;



  margin-left: 0px; }







.pricing-tables.compress .col-sm-4, .pricing-tables.compress .col-md-4, .pricing-tables.compress .col-sm-3, .pricing-tables.compress .col-md-3 {



  padding-left: 0;



  padding-right: 0; }







.pricing-tables.compress .price-pack {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  border-radius: 0; }







.pricing-tables.compress .price-pack .head {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  border-radius: 0; }







.price-pack {



  -webkit-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.06);



  -moz-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.06);



  box-shadow: 0 2px 2px rgba(100, 100, 100, 0.06);



  min-height: 100px;



  background: #fff;



  margin: 20px 0;



  padding-bottom: 25px;



  text-align: center; }







.price-pack .head {



  padding: 15px 20px;



  background: #673AB7;



  color: #fff; }







.price-pack {



  border: 1px solid #fafafa;



  border-top: 0px;



  border-bottom: 0px; }







.compress .price-pack {



  border: 0px solid #fafafa; }







.price-pack .head h3 {



  color: #ffffff; }







.price-pack .head h1, .price-pack .head h2, .price-pack .head h3 {



  padding: 0;



  margin: 0;



  font-weight: 100; }







.price-pack .price {



  border-top: 1px solid #eaeaea;



  margin: 0px auto 30px auto;



  width: 80%;



  padding-top: 15px; }







.price-pack .price h3 {



  font-size: 82px;



  vertical-align: top;



  line-height: 1; }







.price-pack .price h3 span {



  font-size: 38px;



  vertical-align: top;



  position: relative;



  margin: 6px 0 0 -7px;



  display: inline-block; }







.price-pack .price h4 {



  color: #aaa;



  font-size: 14px; }







.price-pack .btn {



  text-transform: uppercase; }







.price-pack ul {



  padding: 30px 15px;



  margin-bottom: 0px; }







.price-pack ul li {



  margin-bottom: 15px; }







.price-pack ul li a {



  text-decoration: underline;



  color: #e6e9ed; }







.price-pack ul li:last-child {



  border-bottom: none; }







.price-pack ul strong {



  font-weight: 700; }







/*blockquote.purple{ border-color: rgba(103,58,183,1.0); }



blockquote.accent{ border-color: $accent-color; }



*/



.price-pack.recommended {



  margin-top: 6px;



  -webkit-box-shadow: 0 0 6px rgba(100, 100, 100, 0.42);



  -moz-box-shadow: 0 0 6px rgba(100, 100, 100, 0.42);



  box-shadow: 0 0 6px rgba(100, 100, 100, 0.42);



  position: relative;



  z-index: 99;



  background-color: #fafafa; }







.price-pack.recommended .head {



  background: #E91E63; }







.price-pack.recommended .btn {



  margin-bottom: 10px; }







/*---------------------------------------------



     jVector Maps



----------------------------------------------*/



.jvectormap-container {



  width: 100%;



  height: 100%; }







.jvectormap-zoomin, .jvectormap-zoomout {



  width: 16px;



  height: 16px; }







.tab-pane .jvectormap-container svg {



  width: 100%;



  height: 100%;



  min-height: 500px; }







/*---------------------------------------------



    DropZone File Uploader (Drag n Drop)



----------------------------------------------*/



.dropzone .droparea {



  min-height: 200px;



  border: 1px solid rgba(33, 33, 33, 0.1);



  padding: 20px 20px;



  box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);



  height: 100%;



  width: 100%;



  display: block;



  background: #f5f5f5;



  min-height: 200px; }







.dropzone .droparea[aria-disabled="true"] {



  background: #ccc;



  opacity: 0.5; }







/*---------------------------------------------



    UI Icons



----------------------------------------------*/



.ui-faicon {



  text-align: center;



  margin: 0px 0 40px 0; }



  .ui-faicon i {



    font-size: 40px;



    margin: 0px 0 10px 0; }







.glyphicon, .fa {



  font-size: 14px; }







.icon-sm {



  font-size: 21px; }







.icon-xs {



  font-size: 14px; }







.icon-md {



  font-size: 28px; }







.icon-lg {



  font-size: 42px; }







.icon-xlg {



  font-size: 70px; }







.icon-rounded {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  padding: 15px;



  background-color: #777777;



  color: #ffffff; }







.icon-cornered {



  -webkit-border-radius: 10%;



  -moz-border-radius: 10%;



  border-radius: 10%;



  padding: 15px;



  background-color: #777777;



  color: #ffffff; }







.icon-square {



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  padding: 15px;



  background-color: #777777;



  color: #ffffff; }







.icon-bordered {



  border: 1px solid #777777;



  padding: 15px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  background-color: transparent;



  color: #777777; }







.icon-xs.icon-rounded, .icon-xs.icon-cornered, .icon-xs.icon-square, .icon-xs.icon-bordered {



  padding: 10px; }







.icon-sm.icon-rounded, .icon-sm.icon-cornered, .icon-sm.icon-square, .icon-sm.icon-bordered {



  padding: 15px; }







.icon-md.icon-rounded, .icon-md.icon-cornered, .icon-md.icon-square, .icon-md.icon-bordered {



  padding: 20px; }







.icon-lg.icon-rounded, .icon-lg.icon-cornered, .icon-lg.icon-square, .icon-lg.icon-bordered {



  padding: 25px; }







.icon-xlg.icon-rounded, .icon-xlg.icon-cornered, .icon-xlg.icon-square, .icon-xlg.icon-bordered {



  padding: 35px; }







.icon-purple {



  color: #673AB7; }







.icon-accent {



  color: #E91E63; }







.icon-primary {



  color: #3f51b5; }







.icon-success {



  color: #4CAF50; }







.icon-info {



  color: #03A9F4; }







.icon-warning {



  color: #FFC107; }







.icon-danger {



  color: #f44336; }







.icon-secondary {



  color: #9e9e9e; }







.icon-default {



  color: #777777; }







.icon-purple.icon-rounded, .icon-purple.icon-cornered, .icon-purple.icon-square {



  background-color: #673AB7;



  color: #ffffff; }







.icon-accent.icon-rounded, .icon-accent.icon-cornered, .icon-accent.icon-square {



  background-color: #E91E63;



  color: #ffffff; }







.icon-primary.icon-rounded, .icon-primary.icon-cornered, .icon-primary.icon-square {



  background-color: #3f51b5;



  color: #ffffff; }







.icon-success.icon-rounded, .icon-success.icon-cornered, .icon-success.icon-square {



  background-color: #4CAF50;



  color: #ffffff; }







.icon-info.icon-rounded, .icon-info.icon-cornered, .icon-info.icon-square {



  background-color: #03A9F4;



  color: #ffffff; }







.icon-warning.icon-rounded, .icon-warning.icon-cornered, .icon-warning.icon-square {



  background-color: #FFC107;



  color: #ffffff; }







.icon-danger.icon-rounded, .icon-danger.icon-cornered, .icon-danger.icon-square {



  background-color: #f44336;



  color: #ffffff; }







.icon-secondary.icon-rounded, .icon-secondary.icon-cornered, .icon-secondary.icon-square {



  background-color: #9e9e9e;



  color: #ffffff; }







.icon-default.icon-rounded, .icon-default.icon-cornered, .icon-default.icon-square {



  background-color: #777777;



  color: #ffffff; }







.icon-purple.icon-bordered {



  border: 1px solid #673AB7;



  background-color: transparent;



  color: #673AB7; }







.icon-accent.icon-bordered {



  border: 1px solid #E91E63;



  background-color: transparent;



  color: #E91E63; }







.icon-primary.icon-bordered {



  border: 1px solid #3f51b5;



  background-color: transparent;



  color: #3f51b5; }







.icon-success.icon-bordered {



  border: 1px solid #4CAF50;



  background-color: transparent;



  color: #4CAF50; }







.icon-info.icon-bordered {



  border: 1px solid #03A9F4;



  background-color: transparent;



  color: #03A9F4; }







.icon-warning.icon-bordered {



  border: 1px solid #FFC107;



  background-color: transparent;



  color: #FFC107; }







.icon-danger.icon-bordered {



  border: 1px solid #f44336;



  background-color: transparent;



  color: #f44336; }







.icon-secondary.icon-bordered {



  border: 1px solid #9e9e9e;



  background-color: transparent;



  color: #9e9e9e; }







.icon-default.icon-bordered {



  border: 1px solid #777777;



  background-color: transparent;



  color: #777777; }







.uiicons i {



  margin: 10px 20px 0 0; }







.bs-glyphicons-list, .fontawesome-icon-list {



  display: inline-block;



  margin-bottom: 15px;



  margin-right: 0px;



  margin-left: 0px; }







.bs-glyphicons-list li, .fontawesome-icon-list .fa-hover {



  margin: 0 0 10px 0;



  padding: 5px 15px 3px 15px;



  display: block; }







.bs-glyphicons-list li .glyphicon, .fontawesome-icon-list .fa-hover span i {



  min-width: 30px;



  color: #3f51b5; }







.bs-glyphicons-list li, .fontawesome-icon-list .fa-hover span {



  display: inline-block; }







.bs-glyphicons-list li .glyphicon-class, .fontawesome-icon-list .fa-hover span span {



  margin-left: 10px;



  display: inline-block;



  position: relative;



  top: -4px; }







.bs-glyphicons-list li:hover, .fontawesome-icon-list .fa-hover:hover {



  background-color: #f5f5f5; }







.bs-glyphicons-list li:hover .glyphicon, .fontawesome-icon-list .fa-hover:hover i {



  color: #555555; }







.bs-glyphicons-list .glyphicon, .fontawesome-icon-list .fa {



  font-size: 28px; }







/*---------------------------------------------



    Team Members



----------------------------------------------*/



.team-member .social-icons a {



  display: inline-block;



  margin-bottom: 5px; }







.team-member .social-icons i {



  font-size: 14px;



  width: 30px;



  height: 30px;



  padding: 7px !important;



  text-align: center; }







.team-member {



  display: inline-block;



  padding: 0px;



  border: 0px solid #eaeaea;



  margin: 0 0 30px 0;



  background-color: transparent; }







.team-info h4 a {



  color: #212121; }







.team-info {



  margin: 10px 0;



  display: block;



  position: relative;



  padding: 0; }







.team-info span {



  color: #aaaaaa; }







.team-info p, .team-info span {



  margin-top: px !important;



  font-size: 13px; }







.team-member-edit {



  position: absolute;



  right: 0px;



  top: 0px; }







.team-member.col .team-member-edit {



  top: 0px; }







.team-member.col .team-info {



  padding-left: 15px;



  margin-top: 0px; }







.team-member.col .team-info h4 {



  margin: 0px 0 5px 0 !important; }







.team-img {



  padding: 0px; }







.team-member h4,



.tab-pane .team-info h4 {



  font-size: 16px;



  line-height: 26px;



  text-decoration: none;



  margin-bottom: 0px; }







.ecommerce_product .thumb, .music_genre .thumb {



  position: relative; }







.ecommerce_product .thumb img, .music_genre .thumb img {



  position: relative;



  z-index: 1; }







.ecommerce_product img, .music_genre img {



  width: 100%;



  height: auto;



  margin: 0; }







.ecommerce_product .thumb .overlay, .music_genre .thumb .overlay {



  position: absolute;



  top: 0;



  left: 0;



  z-index: 2;



  width: 100%;



  height: 100%;



  color: #fff;



  background-color: rgba(33, 33, 33, 0.5);



  opacity: 0;



  -webkit-transition: .5s;



  -moz-transition: .5s;



  transition: .5s;



  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);



  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);



  transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1); }







.ecommerce_product .thumb .overlay a i, .music_genre .thumb .overlay a i {



  position: absolute;



  top: 50%;



  left: 50%;



  font-size: 40px;



  color: #53bec3;



  opacity: 1;



  -webkit-transform: translate(-50%, -50%);



  -moz-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  -o-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%); }







.ecommerce_product .thumb:hover .overlay, .music_genre .thumb:hover .overlay {



  opacity: 1; }







/*-----------------------------------------------------------



    Display Code Wrappers



----------------------------------------------------------*/



kbd {



  color: #fff;



  background-color: #555;



  -webkit-border-radius: 2px;



  -moz-border-radius: 2px;



  border-radius: 2px;



  -webkit-box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.25);



  -moz-box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.25);



  box-shadow: inset 0 -1px 0 rgba(100, 100, 100, 0.25); }







pre {



  color: #555555;



  background-color: #f5f5f5;



  border: 1px solid #eaeaea;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px; }







code {



  padding: 2px 4px;



  font-size: 90%;



  color: #f44336;



  background-color: #f9f2f4;



  -webkit-border-radius: 2px;



  -moz-border-radius: 2px;



  border-radius: 2px; }







/*-----------------------------------------------------------



    Breadcrumbs



----------------------------------------------------------*/



.breadcrumb {



  background-color: transparent;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







.breadcrumb, .breadcrumb a {



  color: #777777; }







.breadcrumb .fa {



  font-size: 14px;



  margin-right: 5px; }







.breadcrumb.bg {



  background-color: #f5f5f5; }







.breadcrumb.border {



  border: 1px solid #eaeaea;



  background-color: transparent; }







.breadcrumb.primary, .breadcrumb.primary a, .breadcrumb.primary li.active {



  color: #3f51b5; }







.breadcrumb.auto-hidden li a.collapsed {



  width: 50px !important;



  overflow: hidden;



  -o-text-overflow: ellipsis;



  text-overflow: ellipsis; }







.breadcrumb.auto-hidden li a {



  width: auto;



  white-space: nowrap;



  display: inline-block; }







.breadcrumb > li, .breadcrumb li a {



  vertical-align: top; }







.modal.fade.modelset-up.show.d-block.tradeOverlay{



	position: fixed;



	background-color: rgba(0,0,0,0.5);



}







/*-----------------------------------------------------------



    Pagination



----------------------------------------------------------*/



.pagination {



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







.pagination > li:first-child > a, .pagination > li:first-child > span {



  -webkit-border-top-left-radius: 0px;



  -moz-border-radius-topleft: 0px;



  border-top-left-radius: 0px;



  -webkit-border-bottom-left-radius: 0px;



  -moz-border-radius-bottomleft: 0px;



  border-bottom-left-radius: 0px; }







.pagination > li:last-child > a, .pagination > li:last-child > span {



  -webkit-border-top-right-radius: 0px;



  -moz-border-radius-topright: 0px;



  border-top-right-radius: 0px;



  -webkit-border-bottom-right-radius: 0px;



  -moz-border-radius-bottomright: 0px;



  border-bottom-right-radius: 0px; }







.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {



  color: #777777;



  background-color: #f5f5f5;



  border-color: #eaeaea; }







.pagination > li > a, .pagination > li > span {



  color: #777777;



  border: 1px solid #eaeaea; }







.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {



  color: #fff;



  background-color: #3f51b5;



  border-color: #3f51b5; }







.pager li > a, .pager li > span {



  border: 1px solid #eaeaea; }







.pager li > a:hover, .pager li > a:focus {



  background-color: #f5f5f5; }







.pager.primary li > a, .pager.primary li > span {



  border: 1px solid #3f51b5;



  color: #ffffff;



  background-color: #3f51b5; }







.pager.primary li > a:hover, .pager.primary li > a:focus {



  background-color: #00837a; }







/*-----------------------------------------------------------



    Labels



----------------------------------------------------------*/



.label {



  padding: .5em .9em .5em;



  font-size: 75%;



  font-weight: 400;



  color: #fff;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  border-radius: 0;



  text-shadow: none; }







.label .fa {



  font-size: 100%;



  margin-right: 5px; }







.label-secondary {



  background-color: #9e9e9e; }







.label-primary {



  background-color: #3f51b5; }







.label-purple {



  background-color: #673AB7; }







.label-accent {



  background-color: #E91E63; }







.label-info {



  background-color: #03A9F4; }







.label-warning {



  background-color: #FFC107; }







.label-danger {



  background-color: #f44336; }







.label-success {



  background-color: #4CAF50; }







.uilabels .label {



  display: inline-block;



  margin: 5px 5px 0 0; }







.uilabels.text-md {



  font-size: 16px; }







.uilabels.text-lg {



  font-size: 18px; }







/*-----------------------------------------------------------



    Badges



----------------------------------------------------------*/



.badge {



  display: inline-block;



  min-width: 10px;



  padding: 5px 10px;



  font-size: 12px;



  font-weight: 400;



  line-height: 1;



  color: #fff;



  background-color: #777;



  border-radius: 10px;



  -o-border-radius: 10px;



  -ms-border-radius: 10px;



  -moz-border-radius: 10px;



  -webkit-border-radius: 10px;



  margin: 0 5px; }







.badge.badge-md {



  font-size: 14px;



  padding: 5px 8px;



  border-radius: 15px;



  -o-border-radius: 15px;



  -ms-border-radius: 15px;



  -moz-border-radius: 15px;



  -webkit-border-radius: 15px; }







.badge.badge-lg {



  font-size: 17px;



  padding: 7px 15px;



  border-radius: 20px;



  -o-border-radius: 20px;



  -ms-border-radius: 20px;



  -moz-border-radius: 20px;



  -webkit-border-radius: 20px; }







.badge .fa {



  font-size: 12px; }







.badge.badge-md .fa {



  font-size: 14px; }







.badge.badge-lg .fa {



  font-size: 17px; }







.badge-secondary {



  background-color: #9e9e9e;



  color: #ffffff; }







.badge-primary {



  background-color: #3f51b5;



  color: #ffffff; }







.badge-purple {



  background-color: #673AB7;



  color: #ffffff; }







.badge-accent {



  background-color: #E91E63;



  color: #ffffff; }







.badge-info {



  background-color: #03A9F4;



  color: #ffffff; }







.badge-warning {



  background-color: #FFC107;



  color: #ffffff; }







.badge-danger {



  background-color: #f44336;



  color: #ffffff; }







.badge-success {



  background-color: #4CAF50;



  color: #ffffff; }







.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {



  color: #fff;



  background-color: #3f51b5; }







.nav-pills > li > a {



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px; }







.nav > li > a {



  position: relative;



  display: block;



  padding: 7px 15px; }







.uibadges .badge {



  margin: 5px 5px 0 0; }







/*---------------------------------------------



      UI Grid



----------------------------------------------*/



.ui-grids {



  margin: 0px; }







.ui-grids .row > [class^=col] {



  border: 1px solid #eaeaea;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  background-color: #f5f5f5;



  color: #333333;



  box-shadow: none;



  -o-box-shadow: none;



  -ms-box-shadow: none;



  -moz-box-shadow: none;



  -webkit-box-shadow: none;



  line-height: 50px;



  margin-bottom: 5px; }







.ui-grids .row .col-lg-1 .panel-body {



  padding: 11px; }







.grid-align .row {



  min-height: 10rem;



  background: #ccc;



  margin-bottom: 15px; }







.grid-align .row .col {



  margin-bottom: 0px; }







.card {



  border: 0;



  border-radius: 0.1875rem;



  display: inline-block;



  position: relative;



  width: 100%;



  margin-bottom: 20px;



  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); }



  .card .card-body {



    padding: 15px 15px 10px 15px; }



    .card .card-body.table-full-width {



      padding-left: 0;



      padding-right: 0; }



  .card .card-header {



    padding: 15px 15px 0;



    border: 0; }



    .card .card-header:not([data-background-color]) {



      background-color: transparent; }



    .card .card-header .card-title {



      margin-top: 10px; }



  .card.card-wizard .card-header {



    padding-left: 0;



    padding-right: 0;



    padding-bottom: 40px; }



  .card .map {



    height: 500px;



    border-radius: 0.1875rem; }



    .card .map.map-big {



      height: 400px; }



  .card[data-background-color="purple"] {



    background-color: #3f51b5; }



    .card[data-background-color="purple"] .card-header {



      background-color: #3f51b5; }



    .card[data-background-color="purple"] .card-footer .stats {



      color: #FFFFFF; }



  .card[data-background-color="red"] {



    background-color: #f44336; }



  .card[data-background-color="yellow"] {



    background-color: #FFC107; }



  .card[data-background-color="blue"] {



    background-color: #03A9F4; }



  .card[data-background-color="green"] {



    background-color: #4CAF50; }



  .card .image {



    overflow: hidden;



    height: 200px;



    position: relative; }



  .card .avatar {



    width: 30px;



    height: 30px;



    overflow: hidden;



    border-radius: 50%;



    margin-bottom: 15px; }



  .card .info-area {



    padding: 40px 0 40px;



    text-align: center;



    position: relative;



    z-index: 2; }



  .card label {



    font-size: 0.9071em;



    margin-bottom: 5px;



    color: #9A9A9A; }



  .card .ct-chart {



    margin: 30px 0 30px; }



  .card .card-footer {



    background-color: transparent;



    border: 0; }



    .card .card-footer .stats i {



      margin-right: 5px;



      position: relative;



      top: 2px; }



    .card .card-footer .btn {



      margin: 0; }







.card-user .image {



  height: 120px; }







.card-user .author {



  text-align: center;



  text-transform: none;



  margin-top: -77px; }



  .card-user .author a + p.description {



    margin-top: -7px; }







.card-user .avatar {



  width: 124px;



  height: 124px;



  border: 1px solid #FFFFFF;



  position: relative; }







.card-user .card-body {



  min-height: 240px; }







.card-user hr {



  margin: 5px 15px; }







.card-user .button-container {



  margin-bottom: 6px;



  text-align: center; }







.card-plain {



  background: transparent;



  box-shadow: none; }



  .card-plain .card-header,



  .card-plain .card-footer {



    margin-left: 0;



    margin-right: 0;



    background-color: transparent; }



  .card-plain:not(.card-subcategories).card-body {



    padding-left: 0;



    padding-right: 0; }







.card-chart {



  /*.dropdown{



    position: absolute;



    right: 20px;



    top: 20px;







    .btn{



      margin: 0;



    }



  }*/ }



  .card-chart .card-header .card-title {



    margin-top: 10px;



    margin-bottom: 0; }



  .card-chart .card-header .card-category {



    margin-bottom: 5px; }



  .card-chart .table {



    margin-bottom: 0; }



    .card-chart .table td {



      border-top: none;



      border-bottom: 1px solid #e9ecef; }



  .card-chart .chart-area {



    min-height: 190px;



    height: auto;



    width: calc(100% + 30px);



    margin-left: -15px;



    margin-right: -15px; }



  .card-chart .card-footer {



    margin-top: 15px; }



    .card-chart .card-footer .stats {



      color: #9A9A9A; }







/*----------------------------------------------------



    Cards



----------------------------------------------------*/



.card-title {



  font-size: 19px;



  line-height: 30px;



  color: #676767;



  font-weight: 400;



  text-transform: uppercase;



  margin-top: 5px; }







.card-subtitle {



  margin: 10px 0 15px 0; }







.card-img-overlay .card-title {



  color: #cccccc; }







.card.text-white .card-title {



  color: #f5f5f5; }







.card.bg-primary, .card.bg-info, .card.bg-danger, .card.bg-warning, .card.bg-success, .card.bg-secondary {



  padding: 1.25rem; }







.card.border-primary, .card.border-info, .card.border-danger, .card.border-warning, .card.border-success, .card.border-secondary {



  background: transparent;



  border: 1px solid; }







.card-group {



  margin: 0 -15px; }







.card-group .card {



  margin: 0 30px; }







/*---------------------------------



  Section or Content Box



----------------------------------*/



section.box {



  background-color: #ffffff;



  margin: 15px 0;



  box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2); }







section header {



  width: 100%;



  display: inline-block;



  background-color: #ffffff;



  border: 0px solid rgba(0, 0, 0, 0.09);



  border-bottom: 0px solid transparent;



  vertical-align: top;



  position: relative;



  min-height: 75px; }







section header .title {



  margin-top: 10px;



  font-size: 13px;



  padding-left: 30px;



  padding-top: 15px;



  line-height: 30px;



  color: #2a2d33;



  font-weight: bold;



  /*text-transform: uppercase;*/



  display: inline-block; 



  margin-left: 10px;



}







section .content-body {



  padding: 30px 15px 30px 15px;

  margin-top: 15px;

  background-color: #ffffff;



  border: 0px solid #e8e8e8;



  border-top: 0px;



  -webkit-transition: 800ms;



  -moz-transition: 800ms;



  -o-transition: 800ms;



  transition: 800ms; }







section.box.nobox {



  background-color: transparent;



  box-shadow: none;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  -o-box-shadow: none;



  -ms-box-shadow: none; }







section.nobox header {



  background-color: transparent;



  border: 1px solid transparent;



  border-bottom: 0px solid transparent; }







section.nobox header .title {



  padding-left: 0px; }







section.nobox .content-body {



  background-color: transparent;



  border: 0px solid transparent;



  padding: 0 0px 0px 0px; }







section.box .actions {



  margin: 10px 15px 0 15px;



  /*line-height: 50px;*/



  line-height: 32px;



  position: absolute;



  right: 0px;



  top: 0px; }







section.box ul .actions {



  margin-left: 0px; }







section.box .actions a {



  color: #bcbcbc;



  font-size: 12px;



  margin-left: 0px;



  padding: 5px;



  cursor: hand;



  cursor: pointer;



  text-decoration: none; }







section.box .actions a:hover {



  color: #999999;



  text-decoration: none; }







section .content-body.collapsed {



  /*display: none;*/



  /*  height: 0px !important;



  overflow: hidden;



  max-height: 0px !important;



  padding: 0px 30px !important;*/ }







.db_box {



  background-color: #ffffff;



  box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2); }







/*--------ui panels section for different colors--------*/



/*transparent*/



section.box.transparent {



  background-color: transparent; }







section.transparent header {



  background-color: transparent;



  border: 1px solid #e8e8e8;



  border-bottom: 2px solid #3f51b5; }







section.transparent .content-body {



  background-color: transparent;



  border: 1px solid #e1e1e1;



  border-top: 0px; }







/*inverted*/



section.box.inverted {



  background-color: #777777;



  color: #dddddd; }







section.inverted header {



  background-color: rgba(50, 50, 58, 0.8);



  border: 1px solid #333333;



  border-bottom: 2px solid #3f51b5;



  color: #cccccc; }







section.inverted header .title {



  color: #dddddd; }







section.inverted .content-body {



  background-color: rgba(50, 50, 58, 0.4);



  border: 1px solid #333333;



  color: #dddddd;



  border-top: 0px; }







/*----all colors----*/



section.primary header {



  background-color: #3f51b5;



  border: 1px solid #3f51b5;



  border-bottom: 2px solid #3f51b5;



  color: #f5f5f5; }







section.purple header {



  background-color: #673AB7;



  border: 1px solid #673AB7;



  border-bottom: 2px solid #673AB7;



  color: #f5f5f5; }







section.accent header {



  background-color: #E91E63;



  border: 1px solid #E91E63;



  border-bottom: 2px solid #E91E63;



  color: #f5f5f5; }







section.success header {



  background-color: #4CAF50;



  border: 1px solid #4CAF50;



  border-bottom: 2px solid #4CAF50;



  color: #f5f5f5; }







section.warning header {



  background-color: #FFC107;



  border: 1px solid #FFC107;



  border-bottom: 2px solid #FFC107;



  color: #f5f5f5; }







section.danger header {



  background-color: #f44336;



  border: 1px solid #f44336;



  border-bottom: 2px solid #f44336;



  color: #f5f5f5; }







section.info header {



  background-color: #03A9F4;



  border: 1px solid #03A9F4;



  border-bottom: 2px solid #03A9F4;



  color: #f5f5f5; }







section.primary header .title, section.purple header .title, section.accent header .title, section.success header .title, section.warning header .title, section.danger header .title, section.info header .title {



  color: #f5f5f5; }







section.box.primary .actions i, section.box.purple .actions i, section.box.accent .actions i, section.box.success .actions i, section.box.warning .actions i, section.box.info .actions i, section.box.danger .actions i {



  color: #e1e1e1; }







section.box.primary .actions i:hover, section.box.purple .actions i:hover, section.box.accent .actions i:hover, section.box.success .actions i:hover, section.box.warning .actions i:hover, section.box.info .actions i:hover, section.box.danger .actions i:hover {



  color: #f5f5f5; }







/*------------------------------



    BUTTONS



-------------------------------*/



.btn {



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  border: 0px solid transparent;



  font-weight: 400;



  text-shadow: none; }







.btn.btn-round {



  border-radius: 50%;



  -o-border-radius: 50%;



  -ms-border-radius: 50%;



  -moz-border-radius: 50%;



  -webkit-border-radius: 50%; }







.btn.btn-corner {



  border-radius: 8px;



  -o-border-radius: 8px;



  -ms-border-radius: 8px;



  -moz-border-radius: 8px;



  -webkit-border-radius: 8px; }







.btn.btn-border {



  border: 2px solid #eaeaea;



  color: #333333;



  background: transparent; }







.btn.btn-border.btn-success {



  border: 2px solid #4CAF50;



  color: #4CAF50;



  background: transparent; }







.btn.btn-border.btn-warning {



  border: 2px solid #FFC107;



  color: #FFC107;



  background: transparent; }







.btn.btn-border.btn-danger {



  border: 2px solid #f44336;



  color: #f44336;



  background: transparent; }







.btn.btn-border.btn-info {



  border: 2px solid #03A9F4;



  color: #03A9F4;



  background: transparent; }







.btn.btn-border.btn-accent {



  border: 2px solid #E91E63;



  color: #E91E63;



  background: transparent; }







.btn.btn-border.btn-purple {



  border: 2px solid #673AB7;



  color: #673AB7;



  background: transparent; }







.btn.btn-border.btn-primary {



  border: 2px solid #3f51b5;



  color: #3f51b5;



  background: transparent; }







.btn.btn-border.btn-secondary {



  border: 2px solid #9e9e9e;



  color: #9e9e9e;



  background: transparent; }







.btn.btn-border, .btn.btn-border.btn-default {



  border: 2px solid #eaeaea;



  color: #333333;



  background: transparent; }







.btn.btn-border.btn-link {



  border: 2px solid transparent;



  color: #337ab7;



  background: transparent; }







/*colors*/



.btn.btn-success {



  background: #4CAF50;



  color: #ffffff; }







.btn.btn-warning {



  background: #FFC107;



  color: #ffffff; }







.btn.btn-danger {



  background: #f44336;



  color: #ffffff; }







.btn.btn-info {



  background: #03A9F4;



  color: #ffffff; }







.btn.btn-accent {



  background: #E91E63;



  color: #ffffff; }







.btn.btn-purple {



  background: #673AB7;



  color: #ffffff !important; }







.btn.btn-primary {



  background: #3f51b5;



  color: #ffffff !important; }







.btn.btn-secondary {



  background: #9e9e9e;



  color: #ffffff; }







.btn, .btn.btn-default {



  background: #eaeaea;



  color: #333333; }







.btn.btn-link {



  background: transparent;



  color: #337ab7; }







/*size*/



.btn {



  padding: 7px 18px; }







.btn.btn-lg, .btn-lg, .btn-group-lg > .btn {



  padding: 10px 21px; }







.btn.btn-sm, .btn-sm, .btn-group-sm > .btn {



  padding: 5px 13px; }







.btn.btn-xs, .btn-xs, .btn-group-xs > .btn {



  padding: 2px 8px; }







.btn.btn-block, .btn-block, .btn-group-block > .btn {



  padding: 11px 23px;



  font-size: 19px;



  line-height: 25px; }







/*hover state*/



/*.btn:hover, .btn:active, .btn:focus{color:#ffffff;}*/



.btn:hover, .btn:active, .btn:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {



  color: #333333;



  background: #eeeeee; }







.btn.btn-link:hover, .btn.btn-link:focus {



  color: #01837a;



  background: transparent; }







.btn-success:hover, .btn-success:active, .btn-success:focus {



  background: #2E7D32;



  color: #ffffff; }







.btn-warning:hover, .btn-warning:active, .btn-warning:focus {



  background: #FF8F00;



  color: #ffffff; }







.btn-danger:hover, .btn-danger:active, .btn-danger:focus {



  background: #c62828;



  color: #ffffff; }







.btn-info:hover, .btn-info:active, .btn-info:focus {



  background: #0277BD;



  color: #ffffff; }







.btn-accent:hover, .btn-accent:active, .btn-accent:focus {



  background: #AD1457;



  color: #ffffff; }







.btn-purple:hover, .btn-purple:active, .btn-purple:focus {



  background: #6A1B9A;



  color: #ffffff; }







.btn-primary.active, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {



  background: #283593;



  color: #ffffff; }







.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {



  background: #8b8b8b;



  color: #ffffff; }







.btn-default.active, .btn-default:hover, .btn-default:active, .btn-default:focus {



  background: #d5d5d5;



  color: #333333; }







.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {



  box-shadow: none;



  -o-box-shadow: none;



  -moz-box-shadow: none;



  -ms-box-shadow: none;



  -webkit-box-shadow: none; }







.btn-primary:disabled, .btn-primary[disabled] {



  background: #00837a;



  color: #ffffff; }







.btn.disabled, .btn[disabled], fieldset[disabled] .btn {



  text-shadow: none; }







.btn-colors .btn {



  width: 110px;



  margin: 0 10px 10px 0; }







.btn-iconic .btn, .btn-social .btn {



  width: 50px;



  text-align: center;



  margin: 0 10px 10px 0px; }







/*social media*/



.facebook {



  background-color: #436cac !important;



  color: #ffffff !important; }







.twitter {



  background-color: #049bca !important;



  color: #ffffff !important; }







.google-plus {



  background-color: #313131 !important;



  color: #ffffff !important; }







.dribbble {



  background-color: #cd4a7e !important;



  color: #ffffff !important; }







.youtube {



  background-color: #df220c !important;



  color: #ffffff !important; }







.vimeo {



  background-color: #85af27 !important;



  color: #ffffff !important; }







.flickr {



  background-color: #df3a7f !important;



  color: #ffffff !important; }







.rss {



  background-color: #ef7424 !important;



  color: #ffffff !important; }







.skype {



  background-color: #1fc9fa !important;



  color: #ffffff !important; }







.linkedin {



  background-color: #3089c3 !important;



  color: #ffffff !important; }







.android {



  background-color: #98cb02 !important;



  color: #ffffff !important; }







.apple {



  background-color: #02a7e7 !important;



  color: #ffffff !important; }







/*------------------------------------



     Modals 



 ------------------------------------*/



.modal-header .close {



  margin: -7px -1rem -8px auto; }







.modal-content {



  border: 1px solid rgba(0, 0, 0, 0.2);



  box-shadow: none;



  -o-box-shadow: none;



  -ms-box-shadow: none;



  -moz-box-shadow: none;



  -webkit-box-shadow: none;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







.modal-body {



  padding: 30px; }







.modal {



  z-index: 11040; }







/*-----------------------------------------------------------



    List Group



----------------------------------------------------------*/



.list-group {



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);



  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);



  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }







.list-group-item:first-child {



  -webkit-border-top-left-radius: 0px;



  -moz-border-radius-topleft: 0px;



  border-top-left-radius: 0px;



  -webkit-border-top-right-radius: 0px;



  -moz-border-radius-topright: 0px;



  border-top-right-radius: 0px; }







.list-group-item:last-child {



  -webkit-border-bottom-left-radius: 0px;



  -moz-border-radius-bottomleft: 0px;



  border-bottom-left-radius: 0px;



  -webkit-border-bottom-right-radius: 0px;



  -moz-border-radius-bottomright: 0px;



  border-bottom-right-radius: 0px; }







.list-group-item {



  background-color: #fff;



  border: 1px solid #ddd;



  color: #333;



  background-color: #ffffff;



  border-color: #eaeaea; }







.list-group-item-success {



  color: #3c763d;



  background-color: #dff0d8; }







.list-group-item-info {



  color: #31708f;



  background-color: #d9edf7; }







.list-group-item-warning {



  color: #8a6d3b;



  background-color: #fcf8e3; }







.list-group-item-danger {



  color: #a94442;



  background-color: #f2dede; }







.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {



  text-shadow: none;



  background-image: none;



  border-color: #3f51b5; }







.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {



  color: #fff;



  background-color: #3f51b5;



  border-color: #3f51b5; }







.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {



  color: #ffffff; }







.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {



  color: #eaeaea; }







.list-group-item .list-group-item-text {



  color: #999999; }







.list-group-item .list-group-item-heading {



  color: #555555; }







/*---------------------------------------------



    Alert Notifications



----------------------------------------------*/



.alert {



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  text-shadow: none;



  background: #eaeaea; }







.alert-warning {



  border: 1px solid #FFC107;



  background: #FFC107;



  color: #ffffff; }







.alert-success {



  border: 1px solid #4CAF50;



  background: #4CAF50;



  color: #ffffff; }







.alert-info {



  border: 1px solid #03A9F4;



  background: #03A9F4;



  color: #ffffff; }







.alert-danger, .alert-error {



  border: 1px solid #f44336;



  background: #f44336;



  color: #ffffff; }







.alert button.close span {



  color: #ffffff; }







.alert button.close {



  opacity: 0.6; }







.alert {



  padding: 15px 35px 15px 15px;



  text-shadow: none;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  border: none; }







.alert *, .alert a {



  color: #ffffff; }







.alert a {



  font-weight: bold; }







.alert button.close span {



  color: #ffffff;



  opacity: 1;



  font-size: 33px;



  font-weight: 300;



  line-height: 25px;



  top: 16%; }







.alert-default *, .alert-default a, .alert-default {



  color: #777777; }







.alert.alert-default button.close span {



  color: #777777; }







.alert-primary {



  background: #3f51b5;



  color: #ffffff; }







.notification_btns .btn {



  margin-bottom: 15px;



  margin-right: 15px; }







.alert-primary .alert-link,



.alert-success .alert-link,



.alert-info .alert-link,



.alert-warning .alert-link,



.alert-dark .alert-link,



.alert-danger .alert-link {



  color: #FFFFFF; }







/*----------------------------------------------------------------



    Login and Registration Page - Transparent Background Style



------------------------------------------------------------------*/



.loginpage {



  padding: 0 50px; }







@media (min-width: 992px) and (max-width: 1199px) {



  .loginpage {



    padding: 0 90px; } }







@media (max-width: 992px) {



  .loginpage {



    padding: 0 15px; } }







@media (max-width: 767px) {



  .loginpage {



    padding: 0 30px; } }







.loginpage h1 a {



  height: 92px;



  margin: 0px auto 0px auto;



  padding: 0;



  text-decoration: none;



  -moz-background-size: 345px 92px;



  -o-background-size: 345px 92px;



  background-size: 345px 92px;



  background-color: transparent;



  min-height: 92px;



  width: auto;



  background-position: center top;



  background-repeat: no-repeat;



  text-indent: -9999px;



  outline: 0;



  overflow: hidden;



  display: block; }







.loginpage form {



  margin-top: 30px;



  margin-bottom: 15px;



  margin-left: 0;



  font-weight: 400;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  overflow: hidden;



  background-color: transparent; }







.loginpage form .forgetmenot {



  width: 100%;



  display: block;



  margin: 12px 0 11px 0 !important;



  font-weight: 400;



  float: left;



  margin-bottom: 0px; }







.loginpage form p.submit {



  display: inline-block;



  width: 100%;



  margin-top: 15px; }







.loginpage label {



  font-size: 14px;



  line-height: 23px;



  width: 100%;



  text-transform: uppercase;



  font-weight: 500; }







.loginpage form .input, .loginpage form input[type=checkbox], .loginpage input[type=text] {



  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);



  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);



  /* text-shadow: 1px 1px 1px rgba(200,200,200,.1); */



  font-weight: 500; }







.loginpage form .input, .loginpage input[type=text] {



  font-size: 19px;



  width: 100%;



  padding: 9px;



  line-height: 25px;



  margin: 5px 0 15px 0;



  border: 1px solid transparent !important; }







.loginpage form .input, .loginpage form input[type=checkbox], .loginpage input[type=text] {



  color: #E91E63;



  background: #fbfbfb; }







.loginpage #nav a, .loginpage a {



  color: white;



  font-size: 15px;



  color: #dddddd; }







.loginpage #nav a:hover, .loginpage a:hover, .loginpage #nav a:active, .loginpage a:active {



  color: white; }







.loginpage, .loginpage form label, .loginpage form, .loginpage .message {



  color: white; }







.loginpage form .input, .loginpage form input[type=checkbox], .loginpage input[type=text] {



  background-color: rgba(255, 255, 255, 0.6); }







.loginpage form .input:hover, .loginpage form input[type=checkbox]:hover, .loginpage input[type=text]:hover, .loginpage form .input:focus, .loginpage form input[type=checkbox]:focus, .loginpage input[type=text]:focus {



  background-color: rgba(255, 255, 255, 0.8); }







.loginpage #login_error, .loginpage .message {



  background-color: rgba(255, 255, 255, 0.6); }







.loginpage .message, .loginpage .message a, .loginpage #login_error, .loginpage #login_error a {



  color: #E91E63; }







.register-social {



  margin: 30px 0; }







.register-social a {



  margin: 5px 5px 5px 5px; }







.login_page {



  background-color: #3f51b5;



  background-attachment: fixed;



  /*height: 100%;*/



  /*max-height: 100%;*/



  min-height: 100%;



  /*overflow: hidden;*/



  width: 100%; }



.login_page .main-panel {



  margin-left: 0;



}



body.lockscreen {



  background-color: #eeeeee;



  background-image: none; }







.register-wrapper {



  height: 100%;



  overflow: auto;



  overflow-x: hidden; }







#register {



  padding-bottom: 100px; }







.login-wrapper {



  height: 100%;



  overflow: auto;



  overflow-x: hidden; }







/*---------------------------------------------



      Tabs



----------------------------------------------*/



.nav-tabs li a {



  cursor: pointer; }







.tabs-area.row {



  margin-right: 0px;



  margin-left: 0px; }







.nav-tabs > li.active > a i, .nav-tabs > li.active > a:hover i, .nav-tabs > li.active > a:focus i {



  color: #555555; }







.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-bottom-color: transparent; }







.nav-tabs.nav-justified > li > a, .nav-tabs > li > a {



  border: 1px solid #eaeaea;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  background-color: #f5f5f5;



  color: #333333;



  margin-right: 5px; }







.nav-tabs > li > a i {



  color: #999999;



  font-size: 14px;



  margin-right: 5px; }







.nav-tabs.nav-justified, .nav-tabs {



  border-bottom: 1px solid #eaeaea; }







.nav-tabs.nav-justified > li > a, .nav-tabs > li {



  margin-bottom: -1px; }







.nav-tabs > li > a:hover {



  border-color: #eaeaea; }







.nav > li > a:hover, .nav > li > a:focus {



  background-color: #fafafa; }







.tab-content {



  padding: 15px;



  border: 1px solid #eaeaea;



  background-color: #ffffff;



  border-top: 0px; }







.nav-tabs.nav-justified > li:last-child > a {



  margin-right: 0px; }







.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {



  border: 1px solid #eaeaea;



  border-bottom-color: transparent;



  background-color: #ffffff; }







.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {



  background-color: #f5f5f5;



  border-color: #eaeaea; }







.nav.primary .open > a, .nav.primary .open > a:hover, .nav.primary .open > a:focus {



  background-color: #3f51b5;



  border-color: #3f51b5;



  color: #ffffff; }







/*transparent*/



.nav-tabs.transparent > li > a {



  background-color: transparent; }







.nav.transparent > li > a:hover, .nav.transparent > li > a:focus {



  background-color: transparent; }







.nav-tabs.transparent > li.active > a, .nav-tabs.transparent > li.active > a:hover, .nav-tabs.transparent > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-bottom-color: transparent; }







/*primary*/



.nav-tabs.primary > li > a i {



  color: #fafafa; }







.nav-tabs.primary > li.active > a i, .nav-tabs.primary > li:focus > a i, .nav-tabs.primary > li:hover > a i {



  color: #555555; }







.nav-tabs.primary > li > a {



  background-color: #3f51b5;



  color: #ffffff;



  border: 1px solid #3f51b5; }







.nav.primary > li > a:hover, .nav.primary > li > a:focus {



  background-color: #fafafa;



  color: #555555;



  border-bottom-color: transparent; }







.nav-tabs.primary > li.active > a, .nav-tabs.primary > li.active > a:hover, .nav-tabs.primary > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #3f51b5;



  border-bottom-color: transparent; }







.nav-tabs.primary {



  border-bottom: 1px solid #3f51b5; }







.tab-content.primary {



  border: 1px solid #3f51b5;



  border-top: 0px; }







.nav-tabs.primary .nav-link.active, .nav-tabs.primary > li > a.active {



  background-color: transparent;



  color: #555555;



  border: 1px solid #3f51b5;



  border-bottom: 1px solid #ffffff; }







.nav-tabs.primary > li > a.active i, .nav-tabs.primary > li:focus > a i, .nav-tabs.primary > li:hover > a i {



  color: #555555; }







.nav.primary > li > a:hover, .nav.primary > li > a:focus {



  background-color: transparent;



  color: #555555;



  border: 1px solid #3f51b5;



  border-bottom: 1px solid #ffffff; }







/*horizontal right aligned*/



.nav-tabs.right-aligned li {



  float: right; }







.nav-tabs.right-aligned li a {



  margin-right: 0px;



  margin-left: 5px; }







.nav.nav-tabs.right-aligned {



  display: inline-block;



  width: 100%;



  vertical-align: top; }







/*vertical left*/



.nav.vertical.left-aligned.primary > li > a,



.nav.vertical.left-aligned.primary > li > a:hover,



.nav.vertical.left-aligned.primary > li > a:focus {



  border-bottom-color: #3f51b5;



  border-right-color: #ffffff;



  border-top-right-radius: 0px; }







.nav-tabs.vertical.left-aligned li {



  display: block;



  width: 100%;



  min-width: 120px; }







.nav-tabs.vertical.left-aligned li a {



  margin-right: 0px; }







.nav-tabs.vertical.left-aligned {



  padding-right: 0px;



  z-index: 2;



  float: left; }







.tab-content.vertical.left-aligned {



  padding-left: 0px;



  border: 1px solid #eaeaea;



  border-left: 1px solid #eaeaea;



  margin-left: -1px;



  z-index: 1;



  float: left; }







.tab-content.vertical.left-aligned .tab-pane {



  padding-left: 15px;



  padding-right: 15px; }







.nav-tabs.vertical.left-aligned > li.active > a, .nav-tabs.vertical.left-aligned > li.active > a:hover, .nav-tabs.vertical.left-aligned > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-right-color: transparent; }







.nav-tabs.vertical.left-aligned > li > a {



  border-right: 1px solid #eaeaea; }







.nav-tabs.vertical.left-aligned > li > a {



  margin-bottom: 5px; }







.nav-tabs.vertical.left-aligned > li:last-child > a {



  margin-bottom: 0px; }







/*vertical primary*/



.nav-tabs.vertical.left-aligned.primary {



  border-right: 1px solid #3f51b5;



  border-bottom: 0px;



  z-index: 2; }







.nav-tabs.vertical.left-aligned.primary > li.active > a, .nav-tabs.vertical.left-aligned.primary > li.active > a:hover, .nav-tabs.vertical.left-aligned.primary > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #3f51b5;



  border-right-color: #ffffff; }







.nav.vertical.left-aligned.primary > li > a:hover, .nav.vertical.left-aligned.primary > li > a:focus {



  border-bottom-color: #3f51b5;



  border-right-color: #ffffff; }







.tab-content.vertical.left-aligned.primary {



  border: 1px solid #3f51b5;



  border-left: 1px solid #3f51b5;



  margin-left: -1px;



  z-index: 1; }







.nav-tabs.vertical.left-aligned.primary > li > a {



  margin-right: -1px; }







.nav-tabs.vertical.left-aligned.primary > li {



  margin-bottom: 0px; }







/*vertical transparent*/



.nav-tabs.vertical.left-aligned.transparent > li > a {



  background-color: transparent; }







.nav.vertical.left-aligned.transparent > li > a:hover, .nav.vertical.left-aligned.transparent > li > a:focus {



  background-color: transparent; }







.nav-tabs.vertical.left-aligned.transparent > li.active > a, .nav-tabs.vertical.left-aligned.transparent > li.active > a:hover, .nav-tabs.vertical.left-aligned.transparent > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-right-color: transparent;



  border-bottom-color: #eaeaea; }







.nav-tabs.vertical.left-aligned.transparent {



  border-right: 0px solid #eaeaea;



  border-bottom: 0px solid #eaeaea; }







/*vertical right*/



.nav-tabs.vertical.right-aligned li {



  display: block;



  width: 100%;



  min-width: 120px; }







.nav-tabs.vertical.right-aligned li a {



  margin-left: 0px; }







.nav-tabs.vertical.right-aligned {



  padding-left: 0px;



  border-bottom: 0px;



  z-index: 2; }







.tab-content.vertical.right-aligned {



  padding-right: 0px;



  border: 1px solid #eaeaea;



  border-right: 1px solid #eaeaea;



  margin-right: -1px;



  z-index: 1; }







.tab-content.vertical.right-aligned .tab-pane {



  padding-right: 15px; }







.nav-tabs.vertical.right-aligned > li.active > a, .nav-tabs.vertical.right-aligned > li.active > a:hover, .nav-tabs.vertical.right-aligned > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-left-color: transparent; }







.nav-tabs.vertical.right-aligned > li > a {



  border-left: 1px solid #eaeaea; }







.nav-tabs.vertical.right-aligned > li > a {



  margin-bottom: 5px; }







.nav-tabs.vertical.right-aligned > li:last-child > a {



  margin-bottom: 0px; }







/*vertical right primary*/



.nav-tabs.vertical.right-aligned.primary {



  border-left: 1px solid #3f51b5;



  border-bottom: 0px;



  z-index: 2; }







.nav-tabs.vertical.right-aligned.primary > li.active > a, .nav-tabs.vertical.right-aligned.primary > li.active > a:hover, .nav-tabs.vertical.right-aligned.primary > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #3f51b5;



  border-left-color: transparent; }







.nav.vertical.right-aligned.primary > li > a:hover, .nav.vertical.right-aligned.primary > li > a:focus {



  border-bottom-color: #3f51b5;



  border-left-color: transparent; }







.tab-content.vertical.right-aligned.primary {



  border: 1px solid #3f51b5;



  border-right: 1px solid #3f51b5;



  margin-right: -1px;



  z-index: 1; }







.nav-tabs.vertical.right-aligned.primary > li > a {



  margin-left: -1px; }







.nav-tabs.vertical.right-aligned.primary > li {



  margin-bottom: 0px; }







.nav.vertical.right-aligned.primary > li > a, .nav.vertical.right-aligned.primary > li > a:hover, .nav.vertical.right-aligned.primary > li > a:focus {



  border-bottom-color: #3f51b5;



  border-left-color: #ffffff;



  border-top-left-radius: 0px; }







/*vertical right transparent*/



.nav-tabs.vertical.right-aligned.transparent > li > a {



  background-color: transparent; }







.nav.vertical.right-aligned.transparent > li > a:hover, .nav.vertical.right-aligned.transparent > li > a:focus {



  background-color: transparent; }







.nav-tabs.vertical.right-aligned.transparent > li.active > a, .nav-tabs.vertical.right-aligned.transparent > li.active > a:hover, .nav-tabs.vertical.right-aligned.transparent > li.active > a:focus {



  color: #555555;



  background-color: #fff;



  border: 1px solid #eaeaea;



  border-left-color: transparent;



  border-bottom-color: #eaeaea; }







.nav-tabs.vertical.right-aligned.transparent {



  border-left: 0px solid #eaeaea;



  border-bottom: 0px solid #eaeaea; }







/*------------------------------



    FORM ELEMENTS



-------------------------------*/



input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=radio], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, .form-control {



  box-shadow: none;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  -ms-box-shadow: none;



  -o-box-shadow: none;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  border: 1px solid #e1e1e1; }







.form-control:focus, .has-focus .form-control {



  background: #f8f8f8;



  border-color: #3f51b5;



  outline: 0;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none; }







.form-group {



  margin-bottom: 20px; }







.form-group .controls {



  margin: 5px 0; }







.form-label {



  font-weight: 400;



  color: #555555; }







.form-group .desc {



  font-size: 13px;



  color: #999999;



  margin-left: 15px; }







.help-block {



  color: #999999;



  font-style: italic; }







/*----------- input group ----------*/



.input-group-btn button {



  border: 1px solid #ccc;



  height: 34px; }







.input-group-btn:first-child button {



  border-right: 0px; }







.input-group-btn:last-child button {



  border-left: 0px; }







.input-group .input-group-addon {



  min-width: 40px; }







.input-group.transparent .input-group-btn button {



  border: 0px;



  background-color: transparent; }







.input-group .input-group-addon, .input-group .input-group-btn button {



  border-color: #e1e1e1;



  background-color: #f5f5f5;



  color: #555555;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px;



  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;



  -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;



  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }







.input-group .input-group-btn.input-focus button, .input-group .input-group-addon.input-focus {



  border-color: #3f51b5;



  height: 34px; }







.input-group.transparent {



  border: 1px solid #e1e1e1;



  height: 34px; }







.input-group.transparent .input-group-addon {



  background-color: transparent;



  border: 0px solid transparent;



  height: 32px; }







.input-group.transparent .input-group-btn.input-focus button, .input-group.transparent .input-group-addon.input-focus {



  background-color: #f8f8f8; }







.input-group.transparent .form-control {



  border: 0px solid transparent;



  height: 32px; }







.input-group-append.primary .input-group-text,



.input-group-prepend.primary .input-group-text {



  border-color: #3f51b5;



  background-color: #3f51b5;



  color: #ffffff; }







/*



.input-group.transparent .form-control{



  border-left: 0px solid transparent;



}







.input-group.transparent .input-group-addon.input-focus {



    background-color: #f8f8f8;  



    border: 1px solid $primary-color;



    border-right: 0px;



}











*/



.input-group .dropdown-menu {



  border-color: #f5f5f5;



  border-radius: 0px;



  -o-border-radius: 0px;



  -ms-border-radius: 0px;



  -moz-border-radius: 0px;



  -webkit-border-radius: 0px; }







/*----- fixed colors -----*/



.has-error .form-control, .has-error .form-control:focus {



  border-color: #f44336;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none; }







.has-warning .form-control, .has-warning .form-control:focus {



  border-color: #FFC107;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none; }







.has-success .form-control, .has-success .form-control:focus {



  border-color: #4CAF50;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none; }







.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {



  color: #f44336; }







.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {



  color: #FFC107; }







.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {



  color: #4CAF50; }







.react-autosuggest__container input,



.react-time-picker, .react-datetime-picker,



.react-datepicker__input-container input[type="text"],



.react-datepicker-wrapper input[type="text"] {



  display: block;



  width: 100%;



  height: calc(2.25rem + 2px);



  padding: 0.375rem 0.75rem;



  font-size: 1rem;



  line-height: 1.5;



  color: #495057;



  background-color: #fff;



  background-clip: padding-box;



  border: 1px solid #ced4da;



  border-radius: 0.25rem;



  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;



  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;



  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;



  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;



  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;



  border-radius: 0px; }







.react-datepicker-wrapper, .react-datepicker__input-container {



  width: 100%; }







body {



  /* Datepicker */



  /*timepicker*/



  /*datetime picker*/



  /*DateRange Picker*/



  /*tags input*/ }



  body .react-datepicker__header {



    text-align: center;



    background-color: #fff;



    border-bottom: 1px solid #eeeeee; }



  body .react-datepicker__day--selected, body .react-datepicker__day--in-selecting-range, body .react-datepicker__day--in-range {



    border-radius: 0;



    background-color: #3f51b5;



    color: #fff; }



  body .react-datepicker__day--selected:hover, body .react-datepicker__day--in-selecting-range:hover, body .react-datepicker__day--in-range:hover {



    border-radius: 0;



    background-color: #3f51b5; }



  body .react-datepicker__day {



    padding: 4px; }



  body .react-datepicker__day-name, body .react-datepicker__day, body .react-datepicker__time-name {



    width: 2rem; }



  body .react-datepicker {



    border-radius: 0px;



    -o-border-radius: 0px;



    -ms-border-radius: 0px;



    -moz-border-radius: 0px;



    -webkit-border-radius: 0px;



    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);



    border: 1px solid #dddddd; }



  body .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {



    border-bottom-color: #fff; }



  body .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {



    padding: 0px; }



  body .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box,



  body .react-datepicker__time-container {



    width: 95px; }



  body .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {



    right: 95px; }



  body .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,



  body .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {



    background-color: #3f51b5; }



  body .react-time-picker__button {



    border: none; }



  body .react-time-picker__button__input__divider {



    padding: 1px 8px; }



  body .react-time-picker__button__input input {



    border: none; }



  body .react-time-picker__button button {



    opacity: 0.6; }



  body .react-datetime-picker__button {



    border: none; }



  body .react-datetime-picker__button__input input {



    border: none; }



  body .react-datetime-picker__button__input__divider {



    padding: 1px 5px; }



  body .react-datetime-picker__button button {



    opacity: 0.6; }



  body .DateRangePicker__CalendarSelection {



    background-color: #3f51b5;



    border: 1px solid #3f51b5; }



  body .DateRangePicker__CalendarHighlight--single {



    background-color: #fff;



    border: 1px solid #3f51b5; }



  body .react-tagsinput {



    padding: 4px 0px 0px 4px;



    background-color: #fff;



    border: 1px solid #ced4da; }



  body .react-tagsinput input {



    border: 0px; }



  body .react-tagsinput-tag {



    background-color: #eee;



    border-radius: 2px;



    border: 1px solid #ccc;



    color: #555555;



    display: inline-block;



    font-size: 13px;



    font-weight: 400;



    margin-bottom: 5px;



    margin-right: 5px;



    padding: 3px; }







/*---------------------------------------------



    Form Editors



----------------------------------------------*/



/*bootstrap wysihtml5*/



.rdw-editor-main {



  min-height: 200px;



  border: 1px solid #eee;



  margin-top: -6px;



  padding: 0 15px; }







/*----------------------------------------------



      Mailbox



-----------------------------------------------*/



.mail_content {



  padding: 30px;



  background-color: #ffffff;



  border: 1px solid #e8e8e8; }







.mail_tabs {



  margin-top: 30px; }







.mail_tabs li {



  display: block; }







.mail_tabs li a {



  display: block;



  color: #555555;



  padding: 10px 15px;



  text-decoration: none;



  background-color: #ffffff;



  margin-bottom: 1px; }







.mail_tabs li a i {



  font-size: 14px;



  margin-right: 10px; }







.mail_tabs li.active a, .mail_tabs li a:hover {



  background-color: #f5f5f5;



  color: #3f51b5; }







.mail_head {



  display: inline-block;



  width: auto;



  float: left;



  margin: 0 15px 0 0; }







.mail_head_icon {



  margin: 7px 15px 0 0px;



  cursor: hand;



  cursor: pointer; }







.mail_head_icon.pull-right {



  margin: 7px 0px 0 15px; }







.mail_more_btn, .mail_nav, .mail_count_nav {



  margin: 30px 0; }







.mail_count_nav {



  margin: 42px 0;



  line-height: 34px;



  margin-right: 15px; }







.mail_list table tr td:nth-child(4) {



  font-size: 95%; }







.mail_list table tr td:nth-child(5) {



  font-size: 85%; }







.mail_list table tr.unread td:nth-child(3) {



  font-weight: 700; }







.mail_view_title {



  margin: 30px 0 15px 0; }







.mail_view_title h3 {



  margin: 0px; }







.mail_view {



  margin: 30px 0; }







.mail_view_attach li .file {



  display: block;



  width: 200px;



  max-width: 200px;



  height: auto;



  max-height: auto;



  cursor: hand;



  cursor: pointer;



  margin-bottom: 10px; }







.mail_view_attach li .file img {



  width: 200px;



  max-width: 200px;



  height: auto;



  max-height: auto; }







.mail_view_attach li .title {



  position: relative;



  display: block;



  margin-bottom: 5px;



  color: #777777;



  text-decoration: none;



  padding: 0 5px; }







.mail_view_attach li .title span {



  float: right;



  position: absolute;



  top: 0px;



  right: 0px;



  font-size: 90%;



  color: #aaaaaa; }







.mail_view_attach li .actions {



  position: relative;



  display: block;



  margin-bottom: 5px;



  padding: 0 5px; }







.mail_view_attach li .actions a {



  color: #777777;



  text-decoration: none;



  font-size: 90%;



  color: #999999; }







.mail_view_reply {



  margin: 15px 0 0 0; }







.mail_cc_bcc .labels {



  float: right; }







.mail_cc_bcc .labels .label {



  cursor: hand;



  cursor: pointer; }







.mail_compose_cc, .mail_compose_bcc {



  display: none; }







.bootstrap-tagsinput {



  width: 100%; }







.bootstrap-tagsinput input {



  width: 100% !important; }







.composebtn {



  margin-top: 0px; }







/*------------------------------------------



    Widget - Tile Counter 



---------------------------------------------*/



.tile-counter {



  padding: 15px 30px;



  margin: 0 0 30px 0;



  box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2); }







.tile-counter .wid-content {



  display: block;



  text-align: center; }







.tile-counter i {



  margin-right: 15px;



  font-size: 35px;



  line-height: 35px; }







.tile-counter span {



  display: block;



  clear: both; }







.tile-counter h2 {



  margin: 0px 0 0 0;



  display: inline-block; }







.tile-counter h2 span {



  color: #f5f5f5;



  font-weight: 700;



  line-height: 35px;



  font-size: 35px; }







.tile-counter span {



  color: #eeeeee;



  display: block;



  margin: 10px 0 0 0;



  font-size: 17px;



  font-weight: 300;



  white-space: nowrap; }







.tile-counter.bg-secondary i, .tile-counter.bg-secondary h2 {



  color: #ffffff; }







.tile-counter.bg-secondary span {



  color: #eaeaea; }







.tile-counter.inverted {



  border: 2px solid #efefef; }







.tile-counter.inverted h2, .tile-counter.inverted span {



  color: inherit; }







.tile-counter.inverted span {



  opacity: .8; }







/*------------------------------------------



    Widget - Tile Progress widget 



---------------------------------------------*/



.tile-progress {



  padding: 30px;



  margin-bottom: 30px; }







.tile-progress h4 {



  color: #ffffff;



  margin: 0px;



  text-align: center;



  white-space: nowrap;



  font-weight: 700; }







.tile-progress h4 i {



  margin-right: 5px; }







.tile-progress span {



  color: #eeeeee;



  display: block;



  text-align: center;



  margin: 0px;



  font-size: 16px; }







.tile-progress .progress {



  margin: 15px 0 10px 0;



  height: 7px;



  background: rgba(50, 50, 58, 0.5); }







.tile-progress .progress .progress-bar {



  background: #ffffff; }







.tile-progress.inverted {



  border: 2px solid #efefef; }







.tile-progress.inverted h4, .tile-progress.inverted span {



  color: inherit; }







.tile-progress.inverted span {



  opacity: .8; }







.tile-progress.inverted .progress {



  background: rgba(50, 50, 58, 0.3); }







.tile-progress.inverted.text-primary .progress .progress-bar {



  background: #3f51b5; }







.tile-progress.inverted.text-info .progress .progress-bar {



  background: #03A9F4; }







.tile-progress.inverted.text-warning .progress .progress-bar {



  background: #FFC107; }







.tile-progress.inverted.text-danger .progress .progress-bar {



  background: #f44336; }







.tile-progress.inverted.text-success .progress .progress-bar {



  background: #4CAF50; }







.tile-progress.inverted.text-purple .progress .progress-bar {



  background: #673AB7; }







.tile-progress.inverted.text-accent .progress .progress-bar {



  background: #E91E63; }







.tile-progress.inverted.text-secondary .progress .progress-bar {



  background: #9e9e9e; }







/*-------------------------------------------------



    Widget - To Do Task List



-------------------------------------------------*/



.cmpltadmin-todo-task {



  padding: 30px;



  margin-bottom: 30px; }







.wid-task-header {



  display: block;



  margin-bottom: 10px; }







.wid-task-header .wid-icon {



  float: left; }







.wid-task-header .wid-icon i {



  font-size: 20px;



  color: #eaeaea;



  margin: 3px 15px 0 0; }







.wid-task-header .wid-text h4 {



  color: #ffffff;



  display: block;



  margin: 0px 0 0px 0;



  font-weight: 700; }







.wid-task-header .wid-text span {



  display: block;



  color: #e1e1e1;



  white-space: nowrap; }







.wid-add-task {



  margin-top: 15px; }







.wid-add-task .form-control {



  background-color: transparent;



  border: 0px;



  border-bottom: 2px solid rgba(255, 255, 255, 0.7);



  padding-left: 0px;



  color: #ffffff; }







.wid-all-tasks {



  display: block;



  color: #ffffff;



  margin: 15px 0; }







.wid-all-tasks ul .icheck-label {



  color: #ffffff; }







.wid-all-tasks ul li label {



  max-width: 200px !important;



  overflow: hidden;



  -o-text-overflow: ellipsis;



  text-overflow: ellipsis;



  vertical-align: top;



  white-space: nowrap;



  cursor: hand;



  cursor: pointer;



  width: auto; }







.wid-all-tasks ul li.checked label {



  color: #dddddd; }







.wid-all-tasks ul li label:after {



  content: " ";



  height: 1px;



  background-color: transparent;



  position: relative;



  top: -11px;



  width: 100%;



  display: block; }







.wid-all-tasks ul li.checked label:after {



  background-color: #eaeaea; }







.wid-all-tasks ul {



  overflow: hidden;



  position: relative;



  max-height: 160px; }







/*-------------------------------------------------



    Widget - Social Media



-------------------------------------------------*/



.wid-social {



  display: inline-block;



  width: 100%;



  padding: 15px 15px 15px 15px;



  margin: 0px 0 30px 0; }







.wid-social .social-info .percent {



  color: #dddddd; }







.wid-social .social-info h3, .wid-social .social-info h4 {



  margin: 0px 0 15px 0;



  color: #f8f9fa;



  font-weight: bold; }







.social-info h3 {



  display: inline-block; }







/*----------------------------------------



  Widget - Blogs



------------------------------------------*/



.wid-blog {



  display: inline-block; }







.wid-blog-title {



  padding: 45px 45px;



  display: inline-block;



  position: relative; }







.wid-blog-title .actions {



  position: absolute;



  top: 0px;



  right: 0px; }







.wid-blog .wid-blog-title .actions i, .wid-blog .wid-blog-title .actions i:hover {



  color: #e8e8e8; }







.wid-blog-title h2 {



  color: #f5f5f5;



  line-height: 45px; }







.wid-blog-content {



  padding: 30px;



  display: inline-block; }







.wid-blog-content.row {



  margin-left: 0px;



  margin-right: 0px; }







.wid-blog-content .info-wrapper h4 {



  margin: 5px 0 10px 0; }







.wid-blog-content .pic-wrapper {



  padding: 0px 0 0px 0; }







.wid-blog-content .pic-wrapper img {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  min-width: 60px;



  min-height: 60px;



  margin: 0px 0 10px 0;



  background: #aaaaaa; }







.wid-blog-content .info-wrapper .info {



  margin: 5px 0 10px 0; }







.wid-blog-content .info-wrapper .info-details, .wid-blog-content .info-wrapper .info-actions {



  font-size: 85%; }







.wid-blog-content .comment {



  margin: 15px 0 0 0;



  display: inline-block;



  width: 100%; }







.wid-blog-content .comment .pic-wrapper img {



  min-width: 28px;



  min-height: 28px; }







/*----------------------------------------



  Widget - Sparkline Graphs



------------------------------------------*/



.wid-sparkgraph {



  padding: 15px;



  min-height: 110px;



  width: 100%;



  margin-bottom: 30px;



  box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2); }







/*----------------------------------------



  Widget - Vector Map



------------------------------------------*/



.jvectormap-container svg path {



  fill: #cccccc; }







.jvectormap-container svg path:hover {



  fill: #3f51b5; }







.wid-vectormap {



  min-height: 300px;



  width: 100%;



  background: #ffffff;



  margin-bottom: 0px;



  padding: 15px 15px; }







.wid-vectormap .map_progress h4 {



  margin: 0 0 10px 0;



  font-size: 110%;



  color: #555555; }







.wid-vectormap .map_progress .progress {



  margin: 10px 0;



  height: 5px; }







.wid-vectormap .jvectormap-zoomin, .wid-vectormap .jvectormap-zoomout, .wid-vectormap .jvectormap-goback {



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  background: #777777;



  padding: 4px;



  color: white;



  cursor: pointer;



  line-height: 8px;



  height: 16px;



  width: 16px;



  text-align: center; }







.tabs-vertical-env.row {



  margin-left: 0px;



  margin-right: 0px; }







/*----------------------------------------



  Widget - Weather



------------------------------------------*/



.wid-weather {



  display: inline-block;



  width: 100%;



  min-height: 375px; }







.wid-weather.row {



  margin-left: 0px;



  margin-right: 0px; }







.wid-weather .weekdays {



  min-height: 375px;



  display: inline-block; }







.wid-weather .weekdays ul {



  overflow: hidden;



  position: relative;



  height: 315px; }







.wid-weather .today {



  display: inline-block;



  color: #ffffff;



  min-height: 375px;



  padding: 30px; }







.wid-weather .today .degree {



  display: inline-block;



  width: 150px;



  text-align: right; }







.wid-weather .today .degree i {



  float: left;



  margin-right: 15px;



  margin-top: 10px; }







.wid-weather .today .degree span {



  display: inline-block;



  float: left;



  color: #e1e1e1; }







.wid-weather .today .degree h3 {



  display: inline-block;



  float: left;



  margin: 0px;



  color: #f5f5f5; }







.wid-weather .today .degree .windspeed {



  text-align: center;



  margin: 0px;



  color: #f5f5f5;



  white-space: nowrap; }







.wid-weather .today .degree .windspeed i {



  margin: 5px 0px 0 0; }







.wid-weather .today .degree h4 {



  text-align: center;



  margin: 0px;



  color: #f5f5f5;



  margin: 30px 0 10px 0;



  white-space: nowrap; }







.wid-weather .today .location h3 {



  color: #f5f5f5;



  text-align: left;



  display: block;



  margin: 0 0 5px 0; }







.wid-weather .today .location span {



  color: #e1e1e1;



  text-align: left;



  display: block; }







.wid-weather .today .location {



  width: 60%;



  display: inline-block; }







.wid-weather .today .timings {



  margin-top: 75px; }







.wid-weather .today .timings li {



  display: inline-block;



  width: 55px;



  margin: 15px 15px 0 0;



  border-right: 1px solid rgba(200, 200, 200, 0.7);



  color: #eaeaea;



  text-align: center;



  padding: 0 20px 0 0; }







.wid-weather .today .timings li:last-child {



  border-color: transparent; }







.wid-weather .today .timings .time {



  display: block;



  margin: 0 0 5px 0;



  color: #dddddd; }







.wid-weather .today .timings i {



  color: #eaeaea; }







.wid-weather .today .timings .temp {



  color: #eaeaea;



  display: block;



  margin: 5px 0 0px 0;



  color: #f5f5f5; }







.wid-weather .weekdays {



  padding: 30px;



  color: #999999;



  margin: 0px; }







.wid-weather .weekdays ul {



  margin: 0px; }







.wid-weather .weekdays li {



  display: inline-block;



  padding: 10px 0;



  border-bottom: 1px solid rgba(200, 200, 200, 0.4);



  width: 100%; }







.wid-weather .weekdays li:last-child {



  border-color: transparent; }







.wid-weather .weekdays li .temp {



  float: right;



  color: #777777;



  font-size: 90%; }







.wid-weather .weekdays li i {



  margin: 0 5px; }







.wid-weather .weekdays li .day {



  color: #aaaaaa;



  display: inline-block;



  min-width: 60px;



  font-size: 90%;



  width: 70px;



  overflow: hidden;



  -o-text-overflow: ellipsis;



  text-overflow: ellipsis;



  vertical-align: top; }







/*---- weather small widget ----*/



.wid-weather-small {



  padding: 0px; }







.wid-weather-small .location span {



  color: #efefef;



  text-align: left;



  display: block; }







.wid-weather-small .degree h3 {



  display: inline-block;



  float: left;



  margin: 0px;



  color: #ffffff; }







.wid-weather-small .location {



  padding: 30px 30px 0 30px; }







.wid-weather-small .location h3 {



  color: #f5f5f5;



  text-align: left;



  display: block;



  margin: 0 0 5px 0; }







.wid-weather-small .degree {



  display: inline-block;



  width: 180px;



  text-align: right;



  margin-top: 15px;



  padding: 0 30px; }







.wid-weather-small .degree i {



  float: left;



  margin-right: 15px;



  margin-top: 0px; }







.wid-weather-small .degree span {



  display: inline-block;



  float: left;



  color: #efefef; }







.wid-weather-small .degree h3 {



  display: inline-block;



  float: left;



  margin: 0px;



  color: #f5f5f5; }







.wid-weather-small .degree h4 {



  text-align: center;



  margin: 0px;



  color: #f5f5f5;



  margin: 15px 0 15px 0;



  white-space: nowrap; }







.wid-weather-small .weekdays ul {



  overflow: hidden;



  position: relative;



  height: 140px; }







.wid-weather-small .weekdays {



  padding: 15px;



  color: #999999;



  margin: 0px;



  min-height: 140px; }







.wid-weather-small .weekdays ul {



  margin: 0px;



  padding-right: 10px; }







.wid-weather-small .weekdays li {



  display: inline-block;



  padding: 10px 0;



  border-bottom: 1px solid rgba(200, 200, 200, 0.4);



  width: 100%; }







.wid-weather-small .weekdays li .temp {



  float: right;



  color: #777777;



  font-size: 90%; }







.wid-weather-small .weekdays li i {



  margin: 0 5px; }







.wid-weather-small .weekdays li .day {



  color: #aaaaaa;



  display: inline-block;



  min-width: 60px;



  font-size: 90%;



  width: 70px;



  overflow: hidden;



  -o-text-overflow: ellipsis;



  text-overflow: ellipsis;



  vertical-align: top; }







/*----------------------------------------



  Widget - User Profile Tile



------------------------------------------*/



.wid-uprofile {



  min-height: 375px;



  display: inline-block;



  width: 100%;



  padding: 25px 0 0 0; }







.wid-uprofile .uprofile-image {



  width: 100%;



  display: inline-block;



  margin: 0 0 15px 0;



  text-align: center;



  padding: 0 15px; }







.wid-uprofile .uprofile-image img {



  height: 100px;



  width: 100px;



  background-color: #f5f5f5;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  display: inline-block;



  margin: 0 auto; }







.wid-uprofile .uprofile-name {



  display: inline-block;



  text-align: center;



  width: 100%;



  margin: 0 0 5px 0;



  padding: 0 15px; }







.wid-uprofile .uprofile-name h3 {



  text-align: center;



  font-size: 21px;



  margin: 5px 0 5px 0; }







.wid-uprofile .uprofile-name h3 a {



  text-decoration: none;



  color: #ffffff; }







.wid-uprofile .uprofile-name .uprofile-title {



  color: #fafafa; }







.wid-uprofile .uprofile-status {



  width: 6px;



  height: 6px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  display: inline-block; }







.wid-uprofile .uprofile-social {



  margin: 0px 0 0 0;



  padding: 10px 15px 15px 15px;



  text-align: left;



  background-color: #ffffff;



  vertical-align: top; }







.wid-uprofile .uprofile-social .btn {



  margin: 0 2px 5px 3px; }







.wid-uprofile .uprofile-info {



  padding: 15px 25px 5px 25px;



  background-color: rgba(150, 100, 0, 0.1);



  background-color: #ffffff;



  margin-bottom: 0px; }







.wid-uprofile .uprofile-info li {



  display: block;



  margin: 0px 0 5px 0;



  color: #777777; }







.wid-uprofile .uprofile-info li i {



  margin-right: 5px; }







/*body {



  font-family: Helvetica, sans-serif; }



*/



.react-autosuggest__container {



  position: relative; }







.react-autosuggest__input {



  width: 240px;



  height: 30px;



  padding: 10px 20px;



  /*font-family: Helvetica, sans-serif;*/



  font-weight: 300;



  font-size: 16px;



  border: 1px solid #aaa;



  border-radius: 4px; }







.react-autosuggest__input--focused {



  outline: none; }







.react-autosuggest__input--open {



  border-bottom-left-radius: 0;



  border-bottom-right-radius: 0; }







.react-autosuggest__suggestions-container {



  display: none; }







.react-autosuggest__suggestions-container--open {



  display: block;



  position: absolute;



  top: 51px;



  width: 280px;



  border: 1px solid #aaa;



  background-color: #fff;



  /*font-family: Helvetica, sans-serif;*/



  font-weight: 300;



  font-size: 16px;



  border-bottom-left-radius: 4px;



  border-bottom-right-radius: 4px;



  z-index: 2; }







.react-autosuggest__suggestions-list {



  margin: 0;



  padding: 0;



  list-style-type: none; }







.react-autosuggest__suggestion {



  cursor: pointer;



  padding: 10px 20px; }







.react-autosuggest__suggestion--highlighted {



  background-color: #ddd; }







/*-----------------------------------------------------------



    Blogs



----------------------------------------------------------*/



.blog_post {



  display: inline-block;



  width: 100%;



  margin: 0 0 60px 0; }







.full_blog_post {



  margin: 0 0 15px 0; }







.blog_post h3 {



  margin: 0 0 15px 0; }







.blog_post h5 {



  margin: 0 0 15px 0; }







.blog_info {



  margin: 0 0 15px 0; }







.blog_info a, .blog_info i {



  margin-right: 5px; }







.blog-content {



  margin: 0px 0 30px 0;



  display: inline-block;



  width: 100%; }







.media-object {



  max-height: 250px;



  margin: 15px 0 30px 0;



  max-width: 800px;



  width: 100%;



  height: auto; }







.comment-block.row {



  margin-left: 0px;



  margin-right: 0px; }







.full_blog_post .comment-block {



  padding: 15px;



  margin-bottom: 15px; }







.full_blog_post .comment-block img {



  width: 100%;



  height: auto;



  max-width: 66px; }







.full_blog_post .comment-block .img-area {



  padding: 0px; }







.full_blog_post .comment-block.level-2 {



  margin-left: 45px;



  width: calc(100% - 45px); }







.full_blog_post .comment-block.level-3 {



  margin-left: 90px;



  width: calc(100% - 90px); }







/*---------------------------------------------



     Portfolio Gallery



----------------------------------------------*/



.masonry-gallery {



  list-style-type: none;



  padding: 0px; }







.masonry-gallery li {



  padding: 15px; }







/*-----------------------------------------------------------



    Invoice



----------------------------------------------------------*/



.invoice-title h2 {



  display: block;



  color: #ffffff;



  height: 50px;



  line-height: 80px;



  height: 90px;



  margin: 0px; }







.invoice-head {



  display: inline-block;



  width: 100%;



  background-color: #f5f5f5;



  padding: 0px 0px; }







.invoice-head.row {



  margin-left: 0px;



  margin-right: 0px; }







.invoice-title {



  padding-left: 0px; }







.invoice-logo {



  padding-right: 0px; }







@media (max-width: 991px) {



  .invoice-title {



    padding-left: 0px;



    padding-right: 0px; }



  .invoice-logo {



    padding-left: 0px;



    padding-right: 0px; } }







.invoice-logo img {



  width: 100%;



  height: auto;



  max-width: 221px; }







.invoice-due h2, .invoice-due h3 {



  display: inline-block; }







.invoice-head-info {



  padding-top: 10px;



  padding-bottom: 10px;



  white-space: nowrap;



  font-size: 14px; }







.invoice-head-info:last-child {



  padding-left: 0px; }







.invoice-head-info:first-child {



  padding-right: 0px; }







.table.invoice-table > tbody > tr > .no-line {



  border-top: none; }







.table.invoice-table > thead > tr > .no-line {



  border-bottom: none; }







.table.invoice-table > tbody > tr > .thick-line {



  border-top: 1px solid #aaaaaa; }







.table.invoice-table > thead > tr {



  background-color: #3f51b5;



  color: #f5f5f5; }







.table.invoice-table > thead > tr td {



  padding: 10px; }







.table.invoice-table .thick-line h4, .table.invoice-table .thick-line h3, .table.invoice-table .no-line h4, .table.invoice-table .no-line h3 {



  margin: 0px; }







.table.invoice-table > thead > tr > td > h4 {



  color: #f5f5f5;



  margin: 0; }







/*------------------------------------------



  Error pages 404, 505



-------------------------------------------*/



.page_error_code {



  text-align: center;



  display: block;



  width: 100%;



  font-size: 200px;



  line-height: 250px;



  font-weight: 400;



  margin: 50px 0 0 0; }







.page_error_info {



  text-align: center;



  display: block;



  width: 100%;



  font-size: 40px;



  line-height: 40px;



  color: #aaaaaa;



  font-weight: 400;



  margin: 15px 0; }







.page_error_search {



  margin: 45px 0; }







.page_error_search input[type='text'] {



  margin: 0 auto;



  padding: 15px 15px;



  font-size: 19px;



  height: 45px !important;



  background-color: #f8f8f8; }







.page_error_search input[type='submit'] {



  visibility: hidden;



  width: 0px;



  height: 0px;



  overflow: hidden;



  position: absolute;



  top: 0px;



  right: 0px;



  padding: 0px;



  margin: 0px; }







.page_error_search .input-group.transparent .input-group-addon {



  background-color: #f8f8f8;



  padding: 10px 12px 6px 20px; }







.page_error_search .input-group.transparent {



  height: 47px; }







.page_error_search .input-group.transparent span {



  height: 45px; }







.page_error_btn {



  margin: 30px 0 0 0; }







/*-----------------------------------------------------------



    UI Lockscreen



----------------------------------------------------------*/



.lockscreen_icon i {



  color: #3f51b5;



  font-size: 140px;



  text-align: center;



  margin: 90px auto 0 0;



  display: block; }







.lockscreen_info img {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  width: 32px;



  height: 32px;



  margin-right: 10px; }







.lockscreen_info {



  text-align: center;



  display: block;



  width: 100%;



  font-size: 21px;



  line-height: 32px;



  color: #999999;



  font-weight: 400;



  margin: 15px 0;



  margin-top: 45px; }







.lockscreen_search {



  margin: 15px 0; }







.lockscreen_search input[type='password'] {



  margin: 0 auto;



  padding: 15px 15px;



  font-size: 17px;



  height: 45px !important;



  background-color: #f8f8f8; }







.lockscreen_search input[type='submit'] {



  visibility: hidden;



  width: 0px;



  height: 0px;



  overflow: hidden;



  position: absolute;



  top: 0px;



  right: 0px;



  padding: 0px;



  margin: 0px; }







.lockscreen_search .input-group.transparent .input-group-addon {



  background-color: #f8f8f8;



  padding: 10px 12px 6px 20px;



  height: 45px; }







.lockscreen_btn {



  margin: 30px 0 0 0; }







.lockscreen_search i {



  font-size: 21px; }







.lockscreen_tagline {



  text-align: center;



  display: block;



  width: 100%;



  font-size: 18px;



  line-height: 32px;



  color: #aaaaaa;



  font-weight: 400;



  margin: 15px 0; }







/*-----------------------------------------------------------



    Carousel



----------------------------------------------------------*/



.carousel-item .carousel-bg-img {



  width: 100%; }







.carousel-indicators .active {



  width: 15px;



  height: 15px;



  margin: 1px;



  background-color: #f5f5f5; }







.carousel-indicators {



  bottom: 15px;



  margin-bottom: 0px; }







.carousel-indicators li {



  width: 13px;



  height: 13px;



  margin: 2px;



  cursor: pointer;



  background-color: transparent;



  border: 1px solid #f5f5f5;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%; }







.carousel-control.left, .carousel-control.right {



  background-image: none; }







.carousel-control {



  width: 15%;



  color: #f5f5f5;



  text-align: center;



  text-shadow: 0;



  filter: alpha(opacity=60);



  opacity: .6; }







.carousel-control:hover, .carousel-control:focus {



  color: #f5f5f5;



  text-decoration: none;



  filter: alpha(opacity=90);



  outline: 0;



  opacity: .9; }







.carousel-caption {



  right: 20%;



  left: 20%;



  padding-bottom: 15px;



  background: transparent; }







.carousel-caption {



  position: absolute;



  right: 0%;



  top: 0px;



  bottom: auto;



  left: 0%;



  width: 100%;



  z-index: 10;



  padding: 30px;



  color: #f5f555;



  text-align: left;



  text-shadow: none; }







.carousel-caption h3, .carousel-caption p {



  color: #ffffff;



  text-shadow: none;



  width: auto;



  display: inline-block; }







.carousel-caption .clearfix {



  width: 100%;



  clear: both; }







.carousel-caption h3 {



  background: #3f51b5;



  padding: 8px 15px; }







.carousel-caption p {



  background: #777777;



  padding: 8px 15px; }







/*------------------------------------------



    Dashboard



------------------------------------------*/



.db_box {



  padding: 15px; }







.db_box.db_box_large {



  max-width: inherit;



  background-color: #ffffff;



  float: left;



  margin: 0px 2% 0px 0px;



  padding: 30px;



  color: #757575 !important;



  text-align: center;



  margin-bottom: 30px;



  width: 100%;



  max-width: 100%; }







.db_box.db_box_large .bold {



  text-align: left;



  float: left; }







.db_box.db_box_large .pull-right {



  text-align: right; }







.db_box.db_box_large .clearfix {



  width: 100%;



  height: 1px;



  margin-bottom: 40px; }







.r1_graph1, .r1_graph2, .r1_graph3 {



  min-height: 80px;



  width: 100%;



  margin-bottom: 30px;



  overflow: hidden;



  max-width: 230px;



  float: left;



  margin-right: 15px; }







.r1_graph4, .r1_graph5 {



  min-height: 135px;



  width: 100%;



  margin-bottom: 30px;



  max-width: 230px;



  float: left;



  margin-right: 15px; }







.r1_maingraph {



  min-height: 340px;



  width: 100%;



  background: #ffffff;



  margin-bottom: 30px; }







.r1_maingraph .switch {



  cursor: hand;



  cursor: pointer;



  position: absolute;



  top: 15px;



  right: 30px;



  z-index: 99; }







.r1_maingraph .switch .icon-secondary {



  opacity: 0.8; }







.r1_graph1 {



  background: #3f51b5;



  color: #ffffff; }







.r1_graph2 {



  background: #673AB7;



  color: #ffffff; }







.r1_graph3 {



  background: #FFC107;



  color: #ffffff; }







.r1_graph4 {



  background: #E91E63;



  color: #ffffff; }







.r1_graph4 {



  text-align: center; }







.r1_graph4 span {



  text-align: left;



  display: block; }







.r1_graph4 #gauge-meter {



  margin-top: -8px; }







.r1_graph4 #gauge-meter-text {



  position: absolute;



  top: 105px;



  width: 100%;



  text-align: center;



  margin-left: -30px;



  font-size: 15px;



  color: #ffffff;



  line-height: 20px;



  font-weight: 700; }







.r1_graph4 #gauge-meter-text:after {



  content: "MB";



  font-size: 13px;



  font-weight: 400; }







.r1_graph5 {



  background: #FFC107;



  color: #ffffff; }







.r1_graph5 .icon-1, .r1_graph5 .icon-2 {



  font-size: 10px; }







.r1_graph5 .icon-2 {



  color: #eaeaea; }







.r2_graph1 {



  min-height: 200px;



  width: 100%;



  background: #ffffff;



  margin-bottom: 15px;



  overflow: hidden; }







.r2_graph1 .rickshaw_legend .line {



  float: left;



  width: auto;



  margin-right: 3px;



  clear: none;



  padding: 2px 6px;



  display: inline-block; }







.r2_graph1 .rickshaw_legend .action {



  font-size: 10px;



  margin-right: 2px; }







.r2_graph1 .rickshaw_legend .line .swatch {



  display: inline-block;



  margin-right: 2px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



  height: 10px;



  width: 10px; }







.r2_graph1 .rickshaw_legend .label {



  display: inline;



  font-size: 12px;



  background-color: transparent;



  color: #777777;



  font-weight: 400;



  line-height: 19px; }







.r2_graph1 #offset_form, .r2_graph1 #interpolation_form {



  display: none; }







.r2_graph1 .rickshaw_sliders {



  display: inline-block !important; }







.r2_graph1 .rickshaw_sliders section {



  width: 47%;



  margin-right: 1%;



  float: left;



  display: inline-block;



  padding-right: 10px; }







.r2_graph1 #legend ul {



  display: inline-block;



  margin: 0px; }







.r2_graph1 #renderer_form.toggler {



  margin: 0 0 10px 0;



  text-align: right; }







.r2_counter1, .r2_counter2 {



  min-height: 70px;



  width: 100%;



  background: #ffffff;



  margin-bottom: 30px; }







.r2_counter1 {



  background: #3f51b5;



  color: #ffffff; }







.r2_counter2 {



  background: #673AB7;



  color: #ffffff; }







.r3_notification {



  background: #ffffff;



  margin-bottom: 15px;



  min-height: 400px; }







.r3_weather {



  background: #E91E63;



  margin-bottom: 15px;



  min-height: 390px;



  color: #ffffff; }







.r3_todo {



  background: #ffffff;



  margin-bottom: 15px;



  min-height: 400px; }







.r4_counter {



  min-height: 100px;



  margin-bottom: 15px;



  background: #ffffff;



  box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2);



  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, 0.2); }







.r4_counter .stats {



  padding-left: 85px; }







.r4_counter .fa {



  margin-right: 0px;



  width: 66px;



  height: 66px;



  text-align: center; }







.r4_counter h4 {



  margin: 10px 0 5px 0; }







/*-----------------------------------------------------------



    Notification Widget (Dashboard)



----------------------------------------------------------*/



.notification-widget {



  display: inline-block;



  width: 100%;



  overflow: hidden;



  position: relative;



  height: 315px; }







.notification-widget li {



  padding: 15px;



  overflow: hidden;



  height: auto;



  display: block;



  background: #f5f5f5;



  margin: 15px 0 0 0; }







.notification-widget li a {



  text-decoration: none;



  color: #717171; }







.notification-widget li .name, .notification-widget li .desc {



  display: block;



  position: relative; }







.notification-widget li .user-img img {



  width: 25px;



  height: 25px;



  float: left;



  margin: 5px 15px 0 0;



  opacity: 0.8; }







.notification-widget li .profile-status {



  height: 6px;



  width: 6px;



  border-radius: 50%;



  -o-border-radius: 50%;



  -ms-border-radius: 50%;



  -moz-border-radius: 50%;



  -webkit-border-radius: 50%;



  display: inline-block;



  position: absolute;



  bottom: 0px;



  right: 0px; }







.notification-widget li .name {



  color: #aaaaaa; }







.notification-widget li .name .time {



  color: #cccccc; }







.notification-widget li .desc {



  color: #999999; }







.notification-widget li.unread .user-img img {



  opacity: 1; }







.notification-widget li.unread .name {



  color: #717171; }







.notification-widget li.unread .name .time {



  color: #aaaaaa; }







.notification-widget li.unread .desc {



  color: #777777; }







.notification-widget li.external a:hover, .notification-widget li.external {



  height: auto;



  background: #eeeeee; }







.notification-widget li.external a {



  display: block;



  padding: 15px 30px;



  color: #999999;



  font-size: 13px; }







.wid-notification {



  padding: 15px;



  background: #ffffff;



  margin-bottom: 0px;



  min-height: 400px; }







.notification-widget li.status-available {



  background-color: rgba(102, 189, 120, 0.1); }







.notification-widget li.status-away {



  background-color: rgba(255, 193, 7, 0.1); }







.notification-widget li.status-busy {



  background-color: rgba(240, 80, 80, 0.1); }







.notification-widget li.status-idle {



  background-color: rgba(250, 133, 100, 0.1); }







.notification-widget li.status-offline {



  background-color: rgba(169, 169, 169, 0.1); }







/*---------------------------------------------



      Navigation Bars



--------------------------------------------*/



.navbar form {



  display: inline;



  text-align: right; }







/* .navbar-nav {



    width: 100%;



} */



.navbar-light.text-light .navbar-brand,



.navbar-light.text-light .navbar-nav .nav-link,



.navbar-light.text-light .navbar-nav .nav-link:focus,



.navbar-light.text-light .navbar-nav .nav-link:hover,



.navbar-light.text-light .navbar-nav .active > .nav-link,



.navbar-light.text-light .navbar-nav .nav-link.active,



.navbar-light.text-light .navbar-nav .nav-link.show,



.navbar-light.text-light .navbar-nav .show > .nav-link {



  color: #ffffff; }







.navbar-light.text-light .form-inline .form-control {



  border: none;



  background: transparent;



  border: 1px solid #ffffff;



  color: #ffffff; }







.navbar-light.text-light .btn {



  color: #ffffff;



  border: 1px solid #ffffff;



  background: transparent;



  padding: 5px 8px; }







/*-----------------------------------------------------------



    Search page



----------------------------------------------------------*/



.search_result {



  margin: 0 0px 30px 0;



  display: inline-block;



  width: 100%; }







.search_result.row {



  margin-left: 0px;



  margin-right: 0px; }







.search_result img {



  width: 100%;



  height: auto;



  margin: 10px 0 0 0; }







.search_data .nav-tabs > li > a {



  background-color: #eeeeee; }







.search_data .nav > li > a:hover, .search_data .nav > li > a:focus {



  background-color: #fafafa; }







.search_data .tab-content {



  padding: 30px 15px 30px 15px; }







.search_data .tab-pane {



  height: 600px;



  overflow: hidden;



  position: relative; }







.music_genre_search .tab-pane {



  height: 1200px;



  overflow: hidden;



  position: relative; }







/*-----------------------------------------------------------



    Profile Page



----------------------------------------------------------*/



.uprofile-image {



  width: 100%;



  display: inline-block;



  margin: 0 0 15px 0;



  text-align: center; }







.uprofile-image img {



  height: 120px;



  width: 120px;



  background-color: #999999;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  display: inline-block;



  margin: 0 auto; }







.uprofile-name {



  display: inline-block;



  text-align: center;



  width: 100%;



  margin: 0 0 15px 0; }







.uprofile-name h3 {



  text-align: center;



  font-size: 23px;



  margin: 10px 0 5px 0; }







.uprofile-name h3 a {



  text-decoration: none;



  color: #777777; }







.uprofile-name .uprofile-title {



  color: #aaaaaa; }







.uprofile-status {



  width: 8px;



  height: 8px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  display: inline-block; }







.uprofile-buttons {



  margin: 15px 0 0 0; }







.uprofile-buttons a.btn {



  width: 100%;



  margin: 5px 0 0 0; }







.uprofile-social {



  margin: 30px 0; }







.uprofile-social .btn {



  margin: 0 0px 6px 3px; }







.uprofile-info {



  padding: 25px 40px 15px 40px;



  background: #e8e8e8;



  margin-bottom: 20px; }







.uprofile-info li {



  display: block;



  margin: 0px 0 5px 0;



  color: #878787;



  font-size: 90%; }







.uprofile-info li i {



  margin-right: 5px; }







.uprofile-content {



  background-color: #ffffff;



  display: inline-block;



  min-height: 600px;



  width: 100%;



  padding: 30px; }







.enter_post {



  margin: 30px 0 0px 0; }







.enter_post textarea {



  width: 100%;



  height: 70px;



  padding: 10px;



  overflow: hidden;



  word-wrap: break-word;



  resize: horizontal; }







.enter_post .form-group, .enter_post .form-group .controls {



  margin: 0px; }







.enter_post_btns {



  margin: 0px;



  padding: 0px;



  margin: 10px 0; }







.enter_post_btns .btn-link {



  margin: 0 10px 0 0px;



  color: #999999;



  padding-left: 5px;



  padding-right: 5px; }







.uprofile_wall_posts .pic-wrapper {



  padding: 0px 0 0px 0; }







.uprofile_wall_posts .pic-wrapper img {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  min-width: 40px;



  min-height: 40px;



  margin: 0px 0 10px 0;



  background: #aaaaaa;



  height: 40px;



  width: 40px;



  float: right; }







.uprofile_wall_posts .info-wrapper .info {



  margin: 5px 0 10px 0; }







.uprofile_wall_posts .info-wrapper .info-details, .uprofile_wall_posts .info-wrapper .info-actions {



  font-size: 85%; }







.uprofile_wall_posts .comment {



  margin: 15px 0 0 0;



  display: inline-block;



  width: 100%; }







.uprofile_wall_posts .comment .pic-wrapper img {



  min-width: 28px;



  min-height: 28px;



  height: 28px;



  width: 28px; }







.comment-input {



  padding: 0 0 30px 0; }







.uprofile_wall_posts .comment-input .pic-wrapper img {



  min-width: 28px;



  min-height: 28px;



  margin: 0px 0 10px 0; }







.pagination_list{



  margin-top: 5px;



}



.pagination_list .pagination li a{



  border: 1px solid #ddd;



  padding: 5px;



  margin: 0 2px;



}



.pagination_list .pagination li.active a{



  border: 1px solid #3f51b5;



  padding: 5px;



  background-color: #3f51b5;



}



.mb-20{



  margin-bottom: 20px;



}



.back-button-cancel {



    background-color: #fff !important;



    border: 1px solid #ccc !important;



    color: #000 !important;



}



/*CSS fro accordion*/



.react-spinner-material {



  margin: 0 auto;



}



.text-editor-error .rdw-editor-main {



    border-color: red !important;



    box-shadow: none;



    outline: none;



    background-color: #dcbfaf;



}



.text-editor-error label {



    color: red !important;  



}



.error-label {



  color: red;



  font-size: 10px;



  display: block;



  padding: 0;



  line-height: normal;



  position: relative;



  bottom: 0;



  /*left: 232px;*/



  left: 0px;



  width: 100%;



}



.error-msg{



  margin-left: 116px;



}



.editor-bx{



  display: flex;



}



.accordion-section .card{



    background: #fff;



    margin: 0;



    box-shadow: none;



    border-bottom: 1px solid #d6d6d6;



}



.accordion-section .card-header{



   /* background: #eeeeee !important;*/



    padding: 0 0;



}



.tradelist-table-data.table-data-wrapper table th{



    color: #000;



    letter-spacing: normal;  



}



.accordion-section .card-header h5{



  margin: 0;



}



.public-DraftStyleDefault-block {



    margin: 0 !important;



} 



.p-8{



  padding-left: 8px !important;



}



.accordion-section .btn-link{



    color: #444;



    width: 100%;



    text-align: left;



}



.navbar .plus-icon-nav a.dropdown-item .fa-angle-right{



  display: none;



}



.icon-circle{



  background-color: transparent !important;



}



.accordion-section .card-header .btn-link.collapsed .fa-caret-right{



  transform: rotate(0deg);



}







.accordion-section .card-header .btn-link .fa-caret-right{



  transform: rotate(90deg);



}







.accordion-section .btn-link:hover, .accordion-section .btn-link:focus{



    text-decoration: none;



    color: #444;



}







.accordion-section .collapse{



    border-left: 1px solid #d6d6d6;



    border-right: 1px solid #d6d6d6;



    background: #fff;



}







.accordion-section .fa-caret-right {



  font-size: 20px;



  margin-right: 10px;



  width: 20px;



  text-align: center;



}







.radio-buttons {



    padding-top: 5px;



    vertical-align: top;



}







.radio-buttons span.required{



  top: 0px;



  position: relative;



}







.radio-buttons .awards-radio-btn{



    display: inline-block;



}







.radio-buttons .awards-radio-btn .radio-container{



    float: left;



    margin-right: 20px;



    padding-left: 20px;



}







.radio-buttons .awards-radio-btn .radio-container .checkmark{



    height: 16px;



    width: 16px;



    margin-top: 4px;



}







.radio-buttons .awards-radio-btn .radio-container .checkmark:after{



  height: 8px;



  width: 8px;



  left: 2px;



  top: 2px;



}



.table-data-wrapper{



  overflow-x: auto;



  margin-bottom: 50px;



}



input[type='phone']{



  border: 1px solid #e1e1e1;



}







.custom-ui {



    text-align: center;



    width: 500px;



    background: #fff;



    border: 1px solid #ddd;



    border-radius: 4px;



}



.custom-ui h1 {



    color: #3f51b5;



    font-size: 24px;



    margin: 0;



    padding: 10px 0 0;



}



.custom-ui p {



    color: #000;



    margin: 0 0 15px;



}



.close .fa-times-circle {



    font-size: 20px;



    margin-right: 10px;



    margin-top: 12px;



}



.custom-ui .close {



    opacity: 1;



    color: #333;



}



.react-confirm-alert-overlay {



  background: rgba(0, 0, 0, 0.5);



}







.custom-ui button {



    width: 100px;



    padding: 0;



    height: 30px;



    border: 0;



    border-radius: 4px;



    margin-bottom: 15px;



    background: #3f51b5;



    color: #fff;



}







.rdw-editor-main{



  border: 1px solid #e1e1e1;



}







.form-step-wrapper.form-space input{



   margin-bottom: 7px;



}



.create-form .justify-content-center input {



  height: 30px;



}







.form-step-wrapper.form-space input:focus{



    border: 1px solid #e0b351;



    background: #fcf8dc;



    outline: none;



}







textarea:focus {



  border: 1px solid #e0b351;



    background: #fcf8dc;



    outline: none;



}







.css-26l3qy-menu::before{



  display: inline-block;



  position: absolute;



  width: 0;



  height: 0;



  vertical-align: middle;



  content: "";



  top: -5px;



  right: 10px;



  color: #FFFFFF;



  border-bottom: .4em solid;



  border-right: .4em solid transparent;



  border-left: .4em solid transparent;



}







.rdw-editor-main{



    height: auto;



}







.link-text{



    float: right;



    color: #3f51b5;



    font-weight: 600;



}







.link-text:hover{



    text-decoration: underline;



    color: #3f51b5;



}











.main-panel{



    width: calc(100% - 240px);



}



.content-main-body{



    padding: 5px 0 0 0 !important;



}







.form-step ul{



    margin: 0;



    padding: 0;



    list-style: none;



    width: 100%;



    display: table;



}



.action-btn{



    padding: 10px 0px 10px 15px !important;



    border-top: 1px solid #ddd;



}



.action-btns {



    margin-right: 10px;



    border-radius: 3px;



    padding: 7px 20px;



    border: 1px solid #ccc;



    font-size: 12px;



    font-weight: 500;



}



button.btn.btn-primary.action-btns.create-client-action {



  background: #4caf50;



  float: right !important;



}







button.btn.btn-primary.action-btns , a.btn.action-btns.cancel-btn , button.btn.action-btns.cancel-btn , button.btn.action-btns.delete-btn {



  text-transform: uppercase;



}



.action-btns:focus{



  outline: none;



  box-shadow: none;



}







.cancel-btn{



    background-color: #fff;



    border: 1px solid #ccc;



}







.delete-btn{



	background: red;



	color: #ffffff !important;



	border: 1px solid #ccc;



	padding: 6px;



	font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



	font-weight: 500;



	text-transform: uppercase;



}







.delete-btn:hover , .delete-btn:focus{



	background: red



}







.form-step-wrapper {



  padding: 30px;



  padding-left: 10px;



}



.no-record-div {



    text-align: center;



    font-size: 16px;



    margin-bottom: 15px;



    padding: 6px;



}



.form-step {



    padding: 15px 30px;



    border-bottom: 1px solid #ddd;



}



.label-title {



    font-size: 14px;



    font-weight: 600;



    margin: 0 0 20px;



    padding: 0 0;



    color: #333;



}



.form-step ul li{



   display: table-cell;



   vertical-align: middle;



   width: 25%;



}



.form-step ul li .step-wrapper .step-circle{



   width: 35px;



   height: 35px;



   border: 2px solid #9e9e9e;



   line-height: 33px;



   border-radius: 35px;



   font-size: 20px;



   text-align: center;



   display: inline-block;



   float: left;



   margin-right: 10px;



}







.step-wrapper.active {



    color: black;



    font-weight: 600;



}







.form-step ul li .step-wrapper.active .step-circle{



   border: 2px solid black;



}







.form-step ul li .step-wrapper .extra-wrap{



    overflow: hidden;



    padding: 7px 0 0 0;



}



.btn.btn-primary.action-btns.create-client-action:hover {



    border-color: #4caf50;



}



.radio-container {



  display: block;



  position: relative;



  padding-left: 35px;



  margin-bottom: 12px;



  cursor: pointer;



  font-size: 16px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  color: #333;



}







.radio-container input {



  position: absolute;



  opacity: 0;



  cursor: pointer;



}







.line_through{



	text-decoration-line: line-through;



	color: #99999b;



}







.radio-container .checkmark {



  position: absolute;



  top: 0;



  left: 0;



  height: 21px;



  width: 21px;



  background-color: #fff;



  border-radius: 50%;



  border: 2px solid #9e9e9e;



}







.radio-container:hover input ~ .checkmark {



  background-color: #fff;



}







.radio-container input:checked ~ .checkmark {



  background-color: #fff;



}







.radio-container .checkmark:after {



  content: "";



  position: absolute;



  display: none;



}







.radio-container input:checked ~ .checkmark:after {



  display: block;



}







.radio-container .checkmark:after {



    top: 3px;



    left: 3px;



    width: 11px;



    height: 11px;



    border-radius: 50%;



    background: #3f51b5;



}







a.Create_new_drop.dropdown-item {



    background: #ebecf1;



    color: #000;



    padding: 14px 15px !important;



    font-size: 16px;



}



a.Create_new_drop.dropdown-item:hover {



    background: #ebecf1;



    color: #000;



}



.new_trade-btn .dropdown-menu.dropdown-menu-right:before{



  color: #ebecf1;



}



a.Create_new_drop.dropdown-item i {



    float: right;



    position: relative;



    top: -19px;



    color: #888;



    margin: 0;



    font-size: 14px;



}







.label-required input, .label-required select {



    border: 1px solid red;



    background: #dcbfaf !important;



}







.label-required label {



    color: red;



}







.label-required .input-with-icon {



    color: red;



}







.label-required span.returning-search-input {



    color: red;



    font-size: 10px;



    display: block;



    padding: 0;



    line-height: normal;



    position: relative;



    bottom: 7px;



    /*margin-top: -7px;*/



}







.nav-search-select {



    color: black;



    width: 250px;



}



 .search-select .css-1hwfws3 {



    padding: 0.36rem 0.7rem !important;



}



.letter-ul-li ul {



    list-style: none;



    margin: 0 0 30px;



    padding: 0;



}



.letter-ul-li li {



    /*float: right;*/



}



.letter-ul-li li span {



    font-size: 16px;



    font-weight: 600;



    color: black;



}



input.returning-search-input{



    width: 100%;



    padding: 0 2px;



    position: relative;



    font-size: 12px;







}



span.label-returning {



    font-size: 16px;



    color: black;



    font-weight: 600;



}







span.information-below-style {



    background: bisque;



    padding: 5px 20px;



    display: block;



    font-size: 15px;



}



ul.trade_type_ul {



    list-style: none;



    float: right;



    margin: 0;



    padding: 0;



}



.content-body.email-section {



    border: 1px solid;



    padding: 40px;



}



ul.trade_type_ul li {



    float: left;



    padding: 0px;



    color: #333;



    cursor: pointer;



    font-size: 16px;



    font-weight: 600;



   /* font-family: "Open Sans", Arial, Helvetica, sans-serif;*/



}



.newTradeID{



  margin-right: 15px;



}



input.returning-search-input.col-sm-12.col-md-7.col-lg-10 {



    padding: 2px;



}



.newTradeID .dropdown:after{



    content: '';



    height:100%;



    background-color: #ffffff;



    width: 1px;



    position: absolute;



    right: 0;



    top: 0;



}



.new_trade-btn .nav-link {



  padding: 0 1rem !important;



  height: auto;



  line-height: 38px;



}



.new_trade-btn .nav-link .dropdown a:hover{



  text-decoration: none;



}



.new_trade-btn a.remove_decoration {



    text-decoration: none;



}



.newTradeID.dropdown.nav-item{



    background-color: #f91010;



    border-radius: 4px;



    margin-top: 2px;



    padding: 0 0.7rem;



    display: flex !important;



    height: 45px;



    line-height: 45px;



    width: auto;



}



.new_trade-btn li:first-child .nav-link{



  margin: 0;



  padding: 0 !important;



}



.new_trade-btn li:first-child .nav-link::after{



    position: relative;



    top: 0;



    vertical-align: sub;



}



/*.new_trade-btn .dropdown{



    border-right: 1px solid #fff;



}*/



.new_trade-btn .dropdown a {



    padding: 0 15px 0 5px;



}



.new_trade-btn .dropdown-menu a{



    padding: 10px 20px 10px 25px;



    margin: 0;



    line-height: normal;



}







.new_trade-btn .dropdown-menu i {



    margin-right: 13px;



    position: relative;



    top: 2px;



    font-size: 22px;



}



.new_trade-btn .dropdown-menu {



  padding: 0 0 10px;



}



.new_trade-btn{



   



    margin-right: 10px;



}



.search-select .nav-search-select{



    margin-top: 0;



}



.search-select  .css-1hwfws3 {



    padding: 0.25rem 0.7rem;



}



/*.dropdown-toggle::after{



    border-top: 0.53em solid;



    border-right: 0.5em solid transparent;



    vertical-align: baseline;



    border-left: 0.5em solid transparent;



}*/



.user-profile .dropdown-toggle::after {



  display: none;



}



.select-beside-btns {



  width: 94%;



  height: 35px;



}



.plus-icon {



  display: none;



}



.plus-icon-nav .btn.btn-secondary{



      background: transparent;



      display: none; 



    }



.plus-icon-nav .dropdown.show .dropdown-menu{



  display: none;



}



.user-search ul.plus-icon-nav li {



  display: none !important;



}



.projectDetailPage span {



	font-family: 'Gotham SSm A', 'Gotham SSm B';



}



.address-hide-show a {



    color: #3f51b5;



    text-decoration: none;



    font-size: 12px;



    font-weight: bold;



}



.address-hide-show a:hover {



    color: #3f51b5;



    text-decoration: none;



}







.input-with-icon {



  position: relative;



}



.extention-label {



  font-size: 0.68rem;



  margin-right: 10px;



}



.input-with-icon i {



    position: absolute;



    top: 7px;



    left: 5px;



    z-index: 9;



}



.input-with-icon input {



  padding-left: 22px;



}



.extention-input {



  width: 45px;



  height: 25px;



  padding: 0px 5px;



}



.search-table-box input::placeholder {



    font-size: 12px;



}











/*Custom Checkbox css*/



.custom-checkbox {



  display: block;



  position: relative;



  padding-left: 35px;



  margin-bottom: 5px;



  cursor: pointer;



  font-size: 14px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}







/* Hide the browser's default checkbox */



.custom-checkbox input {



  position: absolute;



  opacity: 0;



  cursor: pointer;



  height: 0;



  width: 0;



}







/* Create a custom checkbox */



.custom-checkbox .checkmark {



  position: absolute;



  top: 0;



  left: 0;



  height: 18px;



  width: 18px;



  background-color: #fff;



  border: 1px solid #ddd;



  border-radius: 4px;



}







/* On mouse-over, add a grey background color */



.custom-checkbox:hover input ~ .checkmark {



  background-color: #fff;



}







/* When the checkbox is checked, add a blue background */



.custom-checkbox input:checked ~ .checkmark {



  background-color: #fff;



}







/* Create the checkmark/indicator (hidden when not checked) */



.custom-checkbox .checkmark:after {



  content: "";



  position: absolute;



  display: none;



}







/* Show the checkmark when checked */



.custom-checkbox input:checked ~ .checkmark:after {



  display: block;



}







/* Style the checkmark/indicator */



.custom-checkbox .checkmark:after {



  left: 4px;



  top: 2px;



  width: 7px;



  height: 10px;



  border: solid #3f51b5;



  border-width: 0 3px 3px 0;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



}











/*Ends*/



















/*Custom Checkbox css*/



.small-checkbox .custom-checkbox {



  display: block;



  position: relative;



  padding-left: 35px;



  margin-bottom: 5px;



  cursor: pointer;



  font-size: 14px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}







/* Hide the browser's default checkbox */



.small-checkbox .custom-checkbox input {



  position: absolute;



  opacity: 0;



  cursor: pointer;



  height: 0;



  width: 0;



}







/* Create a custom checkbox */



.small-checkbox .custom-checkbox .checkmark {



  position: absolute;



  top: 0;



  left: 0;



  height: 14px;



  width: 14px;



  background-color: #fff;



  border: 1px solid black;



  border-radius: 4px;



}







/* On mouse-over, add a grey background color */



.small-checkbox .custom-checkbox:hover input ~ .checkmark {



  background-color: #fff;



}







/* When the checkbox is checked, add a blue background */



.small-checkbox .custom-checkbox input:checked ~ .checkmark {



  background-color: #fff;



}







/* Create the checkmark/indicator (hidden when not checked) */



.small-checkbox .custom-checkbox .checkmark:after {



  content: "";



  position: absolute;



  display: none;



}







/* Show the checkmark when checked */



.small-checkbox .custom-checkbox input:checked ~ .checkmark:after {



  display: block;



}







/* Style the checkmark/indicator */



.small-checkbox .custom-checkbox .checkmark:after {



  left: 4px;



  top: 2px;



  width: 4px;



  height: 7px;



  border: solid #3f51b5;



  border-width: 0 2px 2px 0;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



}











/*Ends*/















/*Attach PDF Css*/



.attach-pdf {



  display: flex;



  align-items: center;



}







.attach-pdf h4 {



  font-size: 16px;



}







.attach-pdf h4 span {



  background: #e42525;



  padding: 4px;



  font-size: 10px;



  color: #fff;



  border-radius: 5px;



  margin-right: 5px;



}







.attach-pdf a {



  text-decoration: none; 



}







.action-btn ul {



  list-style: none;



  margin: 0px;



  padding:0px;



}







.action-btn ul li {



  display: inline-block;



  margin-bottom: 10px;



}







.action-btn ul li .css-2b097c-container {



  min-width: 690px;



  height: 40px;



}



.action-btn ul li .css-2b097c-container:focus {



  outline: none;



}



.css-1pahdxg-control {



  border:0px ;



  border-color: transparent !important;



  outline: none;



  box-shadow: none;



}



/*Responsive table css*/



.table-data-wrapper table {



  border: none;



  border-collapse: collapse;



  margin: 0;



  padding: 0;



  width: 100%;



  /*table-layout: fixed;*/



}



.table-data-wrapper table caption {



  font-size: 1.5em;



  margin: .5em 0 .75em;



}



.table-data-wrapper table tr:nth-child(even) {



  background-color: #eee;



}



.table-data-wrapper table tr:nth-child(odd) {



  background-color: #fff;



}



.table-data-wrapper table tr {



  border: none;



  padding: .35em;



}



.table-data-wrapper table th,



.table-data-wrapper table td {



  padding: .625em;



  text-align: left;



  border: none;



}







/*.table-data-wrapper table td {



  font-size: 0.85em;



  font-weight: bold;



  color: #999;



}*/



.table-data-wrapper table th {



  font-size: .85em;



  letter-spacing: normal;



  text-transform: capitalize;



  border-bottom: 1px solid #ddd;



  border-top: 1px solid #ddd;



  color: #666;



}



/*.table-data-wrapper table th:first-child {



  width: 50px;



}*/







span.returning-search-input-error {



    color: red;



    font-size: 13px;



    padding: 5px;



    background: #f1c8c5;



    display: block;



}







.table-footer {



    display: flex;



    align-items: center;



    justify-content: flex-end;



    margin-top: 10px;



}



.records-label {



    margin-right: 15px;



    font-size: 12px;



    color: #999;



}



.page-records {



    border: 1px solid #ddd;



    padding: 3px 5px;



    color: #999;



    font-size: 12px;



}



.page-records span {



    margin-right: 6px;



}



.page-records .page-numbers {



    border: none;



    box-shadow: none;



    font-weight: bold;



    font-size: 12px;



}



.page-records .page-numbers:focus {



  outline: none;



}



.contact-link{



  color: #3f51b5;



    text-decoration: none;



    font-size: 12px;



    text-align: right;



    font-weight: bold;



}



.contact-link:hover {



  text-decoration: none;



}



.heading-with-search {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 5px;



}



.heading-with-search h1 {



  margin-bottom: 0px;



}



.search-table-box input {



    border-radius: 40px;



    height: 35px;



}







.search-table-box i {



    position: absolute;



    right: 10px;



    top: 10px;



}



.search-table-box {



    position: relative;



}











/*custom select*/



.custom-select-box select {



  width: 100%;



  height: 25px;



  margin-bottom: 7px;



}



.custom-select-box select:focus {



    border: 1px solid #e0b351;



    background: #fcf8dc;



    outline: none;



}



input:-internal-autofill-selected {



    background-color:transparent !important;



    background-image: none !important;



    color: rgb(0, 0, 0) !important;



}



/*ends*/











.tradelist-table-top {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 10px;



}



.content-perpage-drop {



    display: flex;



    align-items: center;



}



.content-perpage-drop select {



    margin: 0 5px;



}



.trade-search {



  display: flex;



  align-items: center;



}



.tradelist-table-top input, .tradelist-table-top select {



  height: 25px;



  font-size: 12px;



  padding: 0px 5px;



}



.trade-footer-btm {



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.trade-footer-btm p {



  margin-bottom: 0px;



}







.letter-ul-li .trade-footer-btm ul.pagination {



  margin-bottom: 0px !important;



}







.pagination_list .pagination li a:hover {



  text-decoration: none;



  background-color: #3f51b5;



  color: #fff;



}







.pagination_list .pagination li a {



  padding: 2px 5px;



}



.pagination_list .pagination li.active a {



   padding: 2px 5px;



}







.table-data-wrapper.trade-list-cust-table table th {



  border-top: none;



  border-bottom: 1px solid #333;



}



.allProjects table th{



	background: #2446a8;



	color: #fff;



}



.trade-footer-btm p {



    font-size: 11px;



    /* align-items: center; */



    margin-top: 3px;



}



.table-data-wrapper.trade-list-cust-table table td {



  border-bottom: 1px solid #ddd;



  font-weight: normal;



  color: #333;



}



/*.table-data-wrapper.trade-list-cust-table table tbody tr:last-child td{



  border-bottom: 1px solid #333;



}*/







.table-data-wrapper.trade-list-cust-table table tbody tr:hover {



  background-color: #ddd;



}



.spinner-loader {



  margin-top: 200px;



}







@media screen and (max-width: 1024px) {



.action-btn ul li .css-2b097c-container {



    width: 260px;



    min-width: auto;



    max-width: 260px;



    margin: 0px auto;



  }



  .action-btn button,  .action-btn .action-btns.cancel-btn {



    margin-bottom: 10px;



  }



}















@media screen and (min-width: 550px) and (max-width: 1024px) {



  .action-btn ul {



    display: flex;



    align-items: stretch;



    justify-content: flex-start;



  }



}















@media screen and (max-width: 600px) {



  .table-data-wrapper table {



    border: 0;



  }



  .table-data-wrapper table caption {



    font-size: 1.3em;



  }



  .table-data-wrapper table thead {



    border: none;



    clip: rect(0 0 0 0);



    height: 1px;



    margin: -1px;



    overflow: hidden;



    padding: 0;



    position: absolute;



    width: 1px;



  }



  .table-data-wrapper table tr {



    border: 1px solid #ddd;



    display: block;



    border-radius: 5px;



    margin-bottom: .625em;



  }



  .table-data-wrapper table tr:nth-child(even) {



    background-color: #eee;



  }



  .table-data-wrapper table td {



    border-top: none;



    display: block;



    font-size: 12px;



    text-align: left;



    font-weight: bold;



    display: flex;



    flex-direction: column;



  }



  .table-data-wrapper table td:first-child {



    border-bottom: 1px solid #ddd;



    flex-direction: row;



    align-items: center;



    justify-content: start;



  }



  .table-data-wrapper table td:first-child:before {



    display: none;



  }



/*  .table-data-wrapper table td:first-child:after {



    content: attr(data-label);



    float: left;



    font-weight: normal;



    text-transform: capitalize;



    color: #333;



    font-weight: bold;



    font-size: 12px;



    margin-left: 5px;



  }*/



  .table-data-wrapper table td:before {



    /*



    * aria-label has no advantage, it won't be read inside a table



    content: attr(aria-label);



    */



    content: attr(data-label);



    float: left;



    font-weight: normal;



    text-transform: capitalize;



    color: #999;



    font-weight: normal;



    font-size: 12px;



  }



  .table-data-wrapper table td:last-child {



    border-bottom: 0;



  }



}











/*Ends*/







@media screen and (max-width: 991px){



    .main-panel {



        width: 100%;



        margin-left: 0;



    }



    .main-panel.collapse-body{



      width: inherit !important;



    }



    .newTradeID {



      display: none !important;



    }



    .new_trade-btn li:first-child {



      /*display: none !important;*/



    }







    .user-profile {



      display: none !important;



    }



    .user-search {



      display: flex !important;



      padding-right: 15px;



    }



    .user-search, .user-search ul, .user-search ul .search-select, .search-select .nav-search-select {



      width: 100% !important;



    }



    .user-search ul.plus-icon-nav {



      width: auto !important;



    }



    .user-search ul.plus-icon-nav li {



      display: inline-block !important;



    }



    .user-search ul.plus-icon-nav button {



      background: none;



      outline: none;



      border: none;



      padding: 0;



    }



    .plus-icon {



      width: 40px;



      height: 40px;



      display: inline-block;



      background: #e82c2c;



      border-radius: 3px;



      text-align: center;



      line-height: 40px;



      margin-top: 0;



      font-weight: normal;



      margin-left: 8px;



    }



    .plus-icon img {



      width: 28px;



    }



    .form-step, .sidebar-drawer {



      display: none;



    }



    .plus-icon-nav .btn.btn-secondary{



      background: transparent;



      padding: 7px 0;



      display: inline-block;



      position: relative;



      top: 5px;



    }



    .plus-icon-nav .btn.btn-secondary:focus{



      background: transparent;



      box-shadow: none;



      border: none;



      outline: none;



    }



    .plus-icon-nav .dropdown.show .dropdown-menu{



      display: inline-block;



  }



}







@media screen and (min-width: 992px){



    .nav-toggle .sidebar.menubar {



        width: 60px;



        position: fixed;



    }



}











@media screen and (max-width: 767px){



  .radio-container {



    font-size: 13px;



  }



  ul.trade_type_ul li {



    font-size: 13px;



  }



  .custom-ui {



    width: 90%;



    padding: 15px;



    margin: 0 auto;



  }



  .close .fa-times-circle {



    margin-top: 0;



  }



  .custom-ui h1 {



    padding: 0 0 10px;



  }



.table-data-wrapper {



    overflow-x: auto;



    margin-bottom: 15px;



}







.trade-footer-btm {



  flex-direction: column;



}



.trade-footer-btm .pagination_list {



    margin-top: 15px;



}



  .form-step-wrapper.form-space .row{



    flex-direction: column;



  }







  .form-step-wrapper.form-space .row .col-lg-2 {



      -ms-flex: 0 0 100%;



      flex: 0 0 100%;



      max-width: 100%;



  }







  .form-step-wrapper.form-space .row .col-lg-10 {



    -ms-flex: 0 0 75%;



    flex: 0 0 100%;



    max-width: 100%;



    width: 100%;



  }



  .form-step-wrapper .text-right.text-anchore-right-mob {



    text-align: right !important;



  }















  .form-step-wrapper.form-space.create-form .label-title {



    position: relative;



    left: -13px;



    margin: 15px 0px 15px;



  }



  .label-title:nth-child(1) {



    margin-top: 0px;



    margin-bottom: 10px;



  }



.form-step-wrapper .text-right{



    text-align: left !important;



    padding: 0 0 5px !important;



  }



  .editor-bx {



    display: flex;



    flex-wrap: wrap;



  }



   .m-zero{



    padding: 0;



  }



  .plus-icon-nav{



    position: fixed;



    width: 100%;



    text-align: right;



    top: 3px;



    right: 0;



  }



  .navbar .container-fluid .collapse.navbar-collapse .navbar-nav{



    width: 92% !important;



    position: relative;



    z-index: 999;



  }



  .plus-icon-nav .dropdown, .plus-icon-nav .dropdown .dropdown-menu{



    width: 100% !important;



  }



  .navbar .plus-icon-nav a.dropdown-item .fa-angle-right{



    display: inline-block;



    float: right;



    font-size: 20px;



    position: relative;



    top: 10px;



  }



  .icon-circle {



    width: 40px;



    height: 40px;



    display: inline-block;



    border-radius: 100%;



    border: 1px solid #ddd;



    text-align: center;



    line-height: 40px;



    margin-right: 20px;



   /* vertical-align: middle;*/



    color: #fff;



  }



  .icon-circle .fa{



    margin: 0;



    font-size: 18px;



    position: inherit;



    top: inherit;



  }



  .icon-circle.color-cyan{



    background-color: #8fd2b6 !important;



  }



  .icon-circle.color-blue{



    background-color: #67a6ca !important;



  }



  .icon-circle.color-peach{



    background-color: #eabc70 !important;



  }



  .icon-circle.color-lightblue{



    background-color: #7e97bf !important;



  }



  .icon-circle.color-pink{



    background-color: #f39d8c !important;



  }



  .icon-circle.color-purpal{



    background-color: #f09dcf !important;



  }



  .icon-circle.color-green{



    background-color: #88d6a4 !important;



  }







  .navbar .plus-icon-nav a.dropdown-item{



    font-size: 16px;



    border-bottom: 1px solid #ddd;



  }



  .navbar .plus-icon-nav a.dropdown-item:last-child{



    border-bottom: none;



  }



  .plus-icon-nav .dropdown-menu.dropdown-menu-right:before{



    display: none;



  }



  .navbar .navbar-wrapper{



    position: relative;



    z-index: 999;



  }



  .plus-icon-nav .btn.btn-secondary{



    top: 0;



    right: 10px;



  }



}



@media screen and (min-width: 640px){



  .form-step ul li .step-wrapper .extra-wrap .fa{



    display: none;



  }



}







@media screen and (max-width: 640px){



  .form-step ul li .step-wrapper .step-circle {



    width: 30px;



    height: 30px;



    line-height: 27px;



    border-radius: 100%;



    font-size: 16px;



    margin-right: 5px;



  }



  .tradelist-table-data{



    height: 80vh;



    overflow-y: auto;



  }



   .navbar .container-fluid .collapse.navbar-collapse .navbar-nav{



    width: 90% !important;



  }



  .job-cost-report-unique-id .tradelist-table-data, .timesheet-unique-id .tradelist-table-data{



    height: auto;



    overflow-y: auto;



  }



}







@media screen and (max-width: 639px){



  .form-step ul li .step-wrapper .extra-wrap span{



    display: none;



  }



  .form-step ul li .step-wrapper .extra-wrap{



    text-align: center;



  }



  .form-step ul li .step-wrapper .extra-wrap .fa{



    font-size: 18px;



  }



  .form-step {



      padding: 15px 15px;



  }



/*  .form-step-wrapper {



    padding: 30px 15px;



  }*/



  .action-btns{



    padding: 7px 10px;



    font-size: 12px;



    margin-right: 5px !important;



  }



  .action-btn{



    padding: 10px 15px;



  }



  .form-step-wrapper .text-right{



    text-align: left !important;



    padding: 0 0 5px !important;



  }



  .m-zero{



    padding: 0;



  }



  .nav-search-select {



    width: 120px;



  }



  .newTradeID .dropdown::after {



    height: 39px;



    width: 1px;



    top: -4px;



  }



  .css-1wa3eu0-placeholder{



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden;



  }



}



@media screen and (max-width: 600px){



  .custom-checkbox {



    margin-bottom:20px; 



  }



}







@media screen and (max-width: 570px){



  .navbar .container-fluid .collapse.navbar-collapse .navbar-nav{



    width: 83% !important;



  }



  .heading-with-search {



    flex-direction: column;



    align-items: flex-start;



  }



  .search-table-box {



    width: 100%;



  }



  button.btn.btn-primary.action-btns.create-client-action {



    float: none !important;



  }



}







@media screen and (max-width: 480px){



.tradelist-table-top {



    flex-direction: column;



    align-items: flex-start;



  }



  .trade-search {



    margin-top: 10px;



  }



}



@media screen and (max-width: 375px){







  .new_trade-btn li:first-child{



    padding: 5px 5px;



    height: 40px;



    width: auto;



  }



  .new_trade-btn {



    margin-right: 0;



  }



  .nav-search-select {



    width: 120px;



  }



  .newTradeID .dropdown::after {



    height: 39px;



    width: 1px;



    top: -4px;



  }



  .css-1wa3eu0-placeholder{



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden;



  }



  .page-title h1{



    margin-bottom: 0;



    padding: 0;



  }



  .action-btns{



    font-size: 12px;



  }



  button.btn.btn-primary.action-btns.create-client-action{



    float: none !important;



    margin-top: 5px;



  }



  .new_trade-btn li:first-child .nav-link::after {



    position: relative;



    top: 0px;



  }



  .new_trade-btn .dropdown a {



    line-height: 30px;



  }



  .sidebar-drawer .drawer-icon {



    display: none



  }



 



}







.sidebar-wrapper .sidebar-profile {



    display: none;



}







.sidebar-wrapper .navigation li:first-child {



    border: none;



}



.sidebar-drawer {



  padding-top: 0px !important;



}







@media screen and (max-width: 991px){



    .bootstrap-navbar, .sidebar {



        width: 210px 



    }



    .nav-toggle .main-panel{



        margin-left: 0px !important;



        transform: translate3d(0, 0, 0);



    }



    .nav-toggle .navbar .container-fluid .logo {



        display: none;



    }



    .nav-toggle .side-close {



        display: inline-block !important;



    }



    .sidebar-wrapper .navbar-toggle button {



        border: none;



        outline: none;



        display: inherit;



    }



    .sidebar {



        z-index: 9999;



    }



    .sidebar-wrapper {



        padding-top: 0 !important;



    }



    .sidebar-wrapper .sidebar-profile {



        display: flex;



        align-items: center;



        margin-bottom: 15px;



        margin-top: 10px;



    }



    .sidebar-wrapper .sidebar-profile img {



        width: 50px;



        height: 50px;



        margin-right: 15px;



        margin-left: 15px;



    }



    .sidebar-wrapper .sidebar-profile span {



        color: #fff;



    }



}







.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper{



    width: 190px;



    overflow: hidden;



}







.sidebar, .off-canvas-sidebar{



    width: 175px 



}



.company-set .btn-link {



  color: #2a2d33;



  font-weight: bold;



  line-height: 29px;



  font-size: 15px;



}



.extraSmall {



  color: #000;



  font-family: 'Gotham SSm A', 'Gotham SSm B';



  font-size: 12px !important;



  letter-spacing: -0.5pt;



  font-weight: lighter;



}



.formBlockLineRo {



  background: #fcfcfc !important;



  margin-left: 35px;



}



.accordion-set-bottom {



  padding-bottom: 15px !important;



}



.user_security .card {



  border-bottom: none;



}



.user_security .collapse {



  margin-left: 0px !important;



  border: none;



}



.body-main-content {



  background: #fff;



}



/*login page window set up here*/



.login_page .main-panel {



  margin: 0px !important;



  width: 100% !important;



}



#login {



  margin: 0 auto;



}



/*login page end here*/



/*new */



.main-panel.collapse-body {

	width: calc(100% - 372px) !important;

	margin-left: 176px !important;

}



.setup-company #accordion .btn-link {



  background: #ebecf1;



  line-height: 50px;



  padding-top: 0;



  padding-bottom: 0;



}



.setup-company .box {



  box-shadow: none;



}



.setup-company #myCompanuHeading button:nth-child(1) {



  border-top: 1px solid #ccc;



}



.setup-company #accordion .btn:focus, .setup-company #accordion .btn.focus {



  box-shadow: none;



}



.edit-block .wrap-input-container {



  height: 40px;



}



.edit-block .wrap-input-container .col-form-label-sm {



    position: relative;



    top: -19px;



    padding-left: 7px;



    padding-right: 7px;



}



.wid-task-header .wid-text a {



  font-size: 12px;



  color: #007cba !important;



  font-weight: bold !important;



}



@media screen and (min-width: 992px){



    .nav-toggle .menubar .sidebar-wrapper .nav li:hover {



        width: auto;







    }



}







@media screen and (min-width: 992px){



    .nav-toggle .menubar .sidebar-wrapper .nav li:hover a {



        width: auto;



        z-index: 2;



    }



    .nav-toggle .menubar .sidebar-wrapper .nav li:hover a p {



        /*opacity: 0;*/



        padding: 0px;



        left: 0;



    }



    .nav-toggle .menubar .sidebar-wrapper .nav a p {



        line-height: 10px !important;



        font-size: 8px !important;



    }



}







.sidebar-wrapper .navigation {



    position: relative;



}







.sidebar-wrapper .side-close {



    position: absolute;



    right: 10px;



    top: 30px;



    color: #fff;



    display: none;



    font-size: 22px;



    cursor: pointer;



}







.sidebar:after, .off-canvas-sidebar:after{



    background: #3f51b5 !important;



}







.sidebar .nav li li a.nav-link.active, .sidebar .nav li:hover:not(.active) > a, .sidebar .nav li:focus:not(.active) > a, .off-canvas-sidebar .nav li li a.nav-link.active, .off-canvas-sidebar .nav li:hover:not(.active) > a, .off-canvas-sidebar .nav li:focus:not(.active) > a{



    background-color: rgb(51, 70, 172);



    /* border-left: 4px solid #ffff; */



}







.sidebar .nav i, .off-canvas-sidebar .nav i{



    color: #ffff !important



}







.sidebar .nav li > a, .off-canvas-sidebar .nav li > a{



    color: #ffff !important



}







.sidebar .nav li.active:not([data-toggle="collapse"]) > a, .off-canvas-sidebar .nav li.active:not([data-toggle="collapse"]) > a{



    background-color: #0003



}







/*



.nav>li>a:focus{



    background:#3f51b5



}



*/



/*new css*/



/*.center-set {



    width: 1580px;



    margin-left: 162px;



}



.company-set {



    padding: 0px 25px 0px 25px;



}*/



/*section.box {



    width: 980px;



    margin-left: -12px;



}



.main-panel div > .content {



    width: 968px !important;



}*/



/*.main-panel.collapse-body {



    width: calc(100% - 353px) !important;



}*/



.main-panel {



    float: none;



    margin-left: 158px !important;



}



.companyDetails {



    margin-left: -15px !important;



    margin-right: -12px !important;



}



.right-set section {



    width: 85%;



}



.right-set {



    padding-left: 38px;



}



.desc-text {



    margin-left: -16px;



    width: 100%;



}



#myCompany .titleClass {



    font-size: 12px;



    padding-left: 0px;



    font-weight: bold;



    color: #000;



    margin-left: -15px;



    margin-bottom: 0;



    margin-top: 0;



    padding-top: 0;



}



#myCompany .sm-text span a {



    font-size: 9px;



}



#myCompany header {



    min-height: 0px;



}



#myCompany .content-body {



  padding: 0px;



}



#myCompany .wid-task-header {



  padding: 0px;



}



#myCompany .wid-text a {



    font-size: 12px;



    font-weight: bold !important;



    color: #128ee9 !important;



}



.small-text {



  font-size: 10px !important;



  letter-spacing: -0.5pt;



  line-height: 12px !important;



}



.sm-text a {



    font-size: 90% !important;



    font-weight: bold;



}



#myCompany .wid-text a:hover {



    text-decoration: none;







}



#myCompany .wid-text span {



    font-size: 10px;



}



#myCompany .inner-content .wid-task-header span a {



    font-size: 9px;



    margin-right: 6px;



    position: relative;



    text-align: initial;



    top: 72%;



}



#myCompany .wid-task-header .wid-icon i {



    font-size: 26px;



}



.companyDetails .col-lg-6 {



    max-width: 47% !important;



    margin-left: 18px;



}



.leftside-set .col-lg-6  {



    margin-left: 18px;



}



.company-view .col-lg-6 .form-group{



    border: 1px solid #ccc;



}



span.requiredForm {



    font-size: 10px;



}



.requiredForm input[type="checkbox"] {



    height: 14px;



    width: 10px;



    position: relative;



    top: 4px;



    margin-left: 0px;



}



.requiredForm label {



    margin-right: 10px;



}



/*CorporateFields*/



.companyDetails .rc-draggable-list-draggableRow {



    border: 1px solid #e9e9e9;



    margin-bottom: 5px;



}



.corporate-icon-set i {



    position: relative !important;



    top: 24px !important;



    font-size: 16px !important;



    margin: 0px !important;



}



.companyDetails .col-form-label {



    padding-bottom: 0px;



    position: relative;



    bottom: 14px;



    color: #2a2d33;



    margin-bottom: -18px;



    font-size: 11px;



}



.helping-text {



    color: #4e545c;



}



.req-field input[type="checkbox"] {



    margin-left: 4px !important;



}



.companyDetails .wid-task-header {



    padding-right: 0px;



    margin-bottom: 0px;



}



.right-text-set a, .editContainer a {



    font-size: 12px;



    color: #128ee9;



    /*font-weight: bold;*/



}



.editContainer a:hover {



  text-decoration: none;



}



.companyDetails .title {

	font-size: 14px;

	color: #2a2d33 !important;

	font-weight: bold !important;

	text-transform: capitalize;

}

.box.companyDetails {

	padding-bottom: 30px;

}

.formGrpSet {

	padding: 30px 30px 30px 10px;

}

.companyDetails header {



    min-height: auto;



}



.companyDetails .editContainer {



    margin-top: 24px;



}



.companyDetails .editContainer a {



    font-size: 12px;



}



/*.round-check {



  position: relative;



}







.round-check label {



  background-color: #fff;



  border: 1px solid #ccc;



  border-radius: 50%;



  cursor: pointer;



  height: 28px;



  left: 0;



  position: absolute;



  top: 0;



  width: 28px;



}







.round-check label:after {



  border: 2px solid #fff;



  border-top: none;



  border-right: none;



  content: "";



  height: 6px;



  left: 7px;



  opacity: 0;



  position: absolute;



  top: 8px;



  transform: rotate(-45deg);



  width: 12px;



}







.round-check input[type="checkbox"] {



  visibility: hidden;



}







.round-check input[type="checkbox"]:checked + label {



  background-color: #66bb6a;



  border-color: #66bb6a;



}







.round-check input[type="checkbox"]:checked + label:after {



  opacity: 1;



}*/



/* CorporateInformation edit */



.heading-set-text {



    font-size: 14px;



    font-weight: 500;



    color: #888;



    padding-bottom: 5px;



    border-bottom: 1px solid #e9e9e9;



}



.heading-set-text p {



    padding-bottom: 0;



    margin-bottom: 0;



}



.req-field {



    font-size: 12px;



    color: #4e545c;



}



.rc-draggable-list-draggableRow .wid-task-header {



    padding-left: 10px;



}



/*checkbox*/







.req-field input[type="checkbox"]:checked {



  background: #000;



}



.right-text-set a:hover {



    text-decoration: none;



}



.companyDetails .form-space .col-form-label {



    bottom: 0px;



}



.companyDetails .form-space .editContainer {



    margin-top: 3px;



}



.snipt-hover {



    background: #fff;



    box-shadow: 0px 0px 4px 0px #bdbdbd;



    position: absolute;



    right: 18px;



}



.activeSnip {



    box-shadow: 0px 5px 16px 0px #bdbdbd;



    width: 200px;



    margin-right: -27px;



    padding: 2px;



    border-bottom: 1px solid #bdbdbd;



    background-color: #fff;



}



.activeSnip .text-right {



    float: right;



    padding-right: 10px;



    color: #000;



}



.sort-block {



    color: #2a2d33 !important;



    font-size: 12px !important;



    font-weight: bold;



    /* font-family: 'Gotham SSm A', 'Gotham SSm B' !important; */



    padding-left: 10px;



}



.snipt-hover ul {



  padding: 10px;



}



.snipt-hover li {



    color: #4e545c;



    font-size: 12px;



    font-weight: bold;



}



.companyDetails-set .form-group {



    border-bottom: 1px solid #f6f6f6;



}



.companyDetails-set label {



    font-size: 12px;



    color: #4e545c;



}



.companyDetails-set label {



  font-size: 11px;



  color: #4e545c;



  /* padding-left: 0px; */



  padding-top: 5px;



  padding-right: 2px;



  padding-bottom: 5px;



  letter-spacing: -0.5pt;



}



.companyDetails-set h2 {



   /* margin-left: -14px;*/



    padding-top: 0px !important;



}



.companyDetails-set header {



    min-height: 0px !important;



}



.companyDetails-right {



    margin-left: 30px;



}



.color-change-set .col div {



    width: 30px !important;



    height: 30px !important;



}



.theme-color-set div:hover {



    cursor: pointer;



    opacity: 0.5;



}



.user-search .remove_decoration {



    color: #fff !important;



}



.user-search .dropdown-toggle.nav-link {



    color: #fff !important;



}







.custom-file-upload {



  cursor: pointer;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



  width: 100%;



}



.wrap-input-container {



  display: inline-block;



  position: relative;



  overflow: hidden;



}



.wrap-input-container .icon-input {



    position: relative;



    z-index: 1;



    top: -16px;



    left: 0;



    padding-left: 25px;



}



.wrap-input-container input {



    position: relative;



    z-index: 1;



    top: -16px;



    left: 0;



}



.fa-icons-set {



    z-index: 10;



    position: absolute;



    left: 6px;



    top: 10px;



    color: #000;



    font-size: 16px;



}



.ext-setup {



    position: relative;



    bottom: 18px;



    padding: 4px;



}



.option-input-set {



    border-bottom: 1px solid #e9e9e9;



    margin-bottom: 20px;



}



/*Radio button*/







.custom-radios  input[type="radio"] {



  cursor: pointer;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  outline: 0;



  background: #fff;



  height: 14px;



  width: 14px;



  border: 1px solid #000;



  margin-top: 5px;



}







.custom-radios  input[type="radio"]:checked {



  background: #007bff;



  border: 1px solid #ddd;



}







.custom-radios input[type="radio"]:after {



    content: '';



    position: relative;



    left: 45%;



    top: 15%;



    width: 32%;



    height: 55%;



    border: solid #fff;



    border-width: 0px 2px 2px 0px;



    transform: rotate(45deg);



  display: none;



}







.custom-radios  input[type="radio"]:checked:after {



  display: block;



}







.custom-radios input[type="radio"]:disabled:after {



  border-color: #7b7b7b;



}



/*custom radio button end here*/



.req-field img {



    padding-left: 3px;



}



.wrap-input-container .icon-set-input {



  border: 1px solid #ccc;



}



.companyDetailsEdit .wrap-input-container .col-form-label-sm {



  position: relative;



  top: -19px;



  padding-left: 7px;



  padding-right: 7px;



}



.icon-set-left i {



  margin-left: 8px;



  margin-right: 24px;



  font-size: 16px;



  color: #000;



}



.companyDetailsEdit .label-title {



  font-size: 14px;



  font-weight: 500;



  color: #888;



  padding-bottom: 7px;



}



.companyDetailsEdit .default-text {



  font-size: 11px;



  font-weight: bold;



  color: #000;



  padding-bottom: 11px;



}



.toggle-right-set {



  text-align: right;



  position: absolute;



  top: -20px;



  right: -18px;



}







.leftside-bar .sidebar-wrapper {



  margin-top: 12px;



}



.leftside-bar .fa-angle-left, .leftside-bar .fa-angle-right {



  font-size: 25px !important;



}



.leftside-bar .navbar-toggler .fa-angle-right {



  display: none;



}



.leftside-bar .toggled .fa-angle-left {



  display: none;



}



.leftside-bar .toggled .fa-angle-right {



  display: block !important;



  position: relative;



  left: -7px;



}



.toggle-right-set button {



  outline: none !important;



}



.leftside-bar .fa-angle-left {



  margin-left: 10px;



}



.center-container .main-panel {



  margin-left: 16px !important;



  width: calc(100% - 1px) !important;



}



.center-container .collapse-body {



  width: 87% !important;



}



.main-panel {



  float: none;



  margin-left: 180px !important;



  width: calc(100% - 212px) !important;



}



.nav-toggle .main-panel.collapse-body {



    width: calc(100% - 265px) !important;



    margin-left: 46px !important;



}



.nav-toggle .main-panel {



    margin-left: 47px !important;



    width: calc(100% - 80px) !important;



}



/*.main-panel.collapse-body {



    width: calc(100% - 295px) !important;



}*/



.center-container .collapse-body {



    width: calc(100% - 168px) !important;



}



.collapse-body .content {



  margin-left: 16px;



  margin-right: 8px;



}



.main-panel div > .content {



  margin-left: 16px;



}



.profile-dropdown {



  width: 350px;



  padding: 10px;



  clear: both;



  border-bottom: 1px solid #ebebeb;



  clear: both;



  margin-bottom: 10px;



  color: #2a2d33;



  -webkit-border-top-left-radius: 2px;



  -webkit-border-top-right-radius: 2px;



  -moz-border-radius-topleft: 2px;



  -moz-border-radius-topright: 52px;



  border-top-left-radius: 2px;



  border-top-right-radius: 2px;



  margin-top: -12px;



}



.profile-dropdown .Create_new_drop {



  background: #fff !important;



  margin: 0px;



}



.profile-dropdown a.Create_new_drop.dropdown-item {



  padding: 0px !important;



}



.formBlockHeaderOrange {



    font-size: 14px;



    padding-bottom: 12px;



    background-repeat: no-repeat;



    font-family: 'Gotham SSm A', 'Gotham SSm B';



    color: #2a2d33;



    font-weight: Bold;

    margin-left: 10px;



}



.profile-side {



  width: 65px;



  float: left;



  margin-left: 10px;



}



.chat-box {



  float: left;



  width: 60%;



  position: relative;



  left: 50px;



}



.chat-box input {



  height: 24px;



  font-size: 12px;



}



.user-profile-left {



  height: 70px;



  border-bottom: 1px solid #ebebeb;



}



.formFooter {



    background-color: #f6f6f6;



    border-top: 0px;



    text-align: right;



    padding: 20px 8px 14px 5px;



    text-align: left;



    border-bottom-right-radius: 2px;



    border-bottom-left-radius: 2px;



    margin-bottom: 0px;



    position: relative;



    /* top: 30px; */



}



.profile-btn .btn {



  height: 32px;



  padding: 6px;



  margin-left: 10px;



  font-size: 13px;



}



.profile-btn .btn-white {



  background: #fff;



  border: 1px solid #B8C3C9;



  text-transform: uppercase;



  font-size: 11px;



}



.profile-btn .btn-red {



  background: #e66250;



    border: 1px solid #e66250;



    color: #fff;



}



.user-profile .dropdown-menu {



  padding-bottom: 0px;



  margin-right: 12px;



}



.profile-btn .btn-red:hover {



    -webkit-box-shadow: 0px 0px 6px #e66250;



    -moz-box-shadow: 0px 0px 6px #e66250;



    box-shadow: 0px 0px 6px #e66250;



    z-index: 9999999;



  }



  .profile-btn .btn-white:hover{



      -webkit-box-shadow: 0px 0px 6px #c4c4c4;



    -moz-box-shadow: 0px 0px 6px #c4c4c4;



    box-shadow: 0px 0px 6px #c4c4c4;



    text-decoration: none;



    }



    .dropdown-menu::before {



  color: #ccc;



  border-bottom: 0.6em solid;



  border-right: .6em solid transparent;



  border-left: .6em solid transparent;



  top:-8px;



}







.sidebar-wrapper li a:hover, .sidebar-wrapper li a:focus {



  background: rgba(255, 250, 250, 0.31) !important;



}



.container-fluid .main-panel div > .content {



  margin-left: 0px !important;



  padding-right: 0px;



}



.corporate-set .col-lg-6.col-xl-6 {



  padding: 0;



  background: #fff;



}



.corporate-set .box {



  box-shadow: none;



  -webkit-box-shadow: 0 0px 0px rgba(33, 33, 33, 0.2);



 margin: 0px;



}



.wid-text span {



    color: #000 !important;



}



.content-section {



  margin-left: 20px;



  margin-right: 20px;



}



/*.setup-company #accordion {



  margin-left: 12px;



  margin-right: 12px;



}*/



.navbar .navbar-nav .nav-link img {



  width: 45px;



  height: 45px;



  margin-right: 7px;



  margin-top: -11px;



}



.user-profile {



  position: relative;



  right: 14px;



}







.page-title h1 {



  margin: 4px 42px 0px 10px;



}



@media screen and (min-width: 992px){



    .nav-toggle .menubar .sidebar-wrapper .nav li:hover a {



        background: #3f51b5;



    }



}







@media (max-width: 767px) {



    .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper{



        width: 98%;



    }



}



.inc_dec_btn{



  background: #fff !important;



  border: 1px solid #ccc; 



  color: #000 !important;



}







.addUserLevelCheck{



	display: flex;



	flex-wrap: wrap;



	list-style: none;



}







.addUserLevelCheck li{



	margin: 20px;



	margin-right: 0px;



}







.addUserLevelCheck .level{



    font-size: 16px;



    padding: 8px;



    margin-right: 0px;



    color: #9e9e9e;



}







.addUserLevelCheck .levelActive{



    font-size: 16px;



    padding: 8px;



    margin-right: 0px;



    color: #000;



    font-weight: bold;



}







.addUserLevelCheck .levelNumber{



    border: 1px solid #9e9e9e;



	border-radius: 50%;



}



.addUserLevelCheck .levelActiveNumber{



    border: 2px solid black;



	border-radius: 50%;



}



.obj_message{



	border: 1px solid #bbd67c;



    padding: 5px;



    background: #bbd67c;



}



.obj-field-list ul{



	list-style: none;



	text-align: left;



}







.linkTagStyle{



	color: #128ee9 !important;



	font-weight: bold !important;



	font-size: 12px;



}



#myCompany .card-body {



  padding-left: 30px;



  padding-right: 30px;



}



#accordion section header .title {



  padding-left: 0px;



  margin-bottom: 0px;



  padding-top: 0px;



  margin-top: 0px;



}



#accordion section header {



  min-height: 0px;



}



#accordion section .content-body {



  padding-left: 0px;



  padding-bottom: 0px;



}



.box .card-body {



  padding-bottom: 30px;



  padding-left: 30px;



  padding-right: 30px;



  padding-top: 7px;



}



#accordion #user .content-body {



  padding-right: 0px;



}



.wid-task-header .wid-text a:hover {



  text-decoration: none;



}



.text-right a {



  font-size: 12px;



  letter-spacing: -0.5pt;



}



.right-text-set a:nth-child(1) {



  margin-right: 10px;



}



body {



  letter-spacing: -0.5pt;



}



.helping-text {



  padding-top: 5px;



}



.companyDetails {



  padding-bottom: 30px;



}



/*.sidebar-drawer {



  width: 243px !important;



}*/



.no-padding {



  padding: 0px;



}



.form-step-wrapper.form-space textarea {



  height: 40px;



  margin-bottom: 20px;



}



.action-btns {



  padding: 8px;



  margin-left: 0px;



  font-size: 11px;



  font-weight: bold;



}



.btn.btn-primary {



  background: #007cba;



  color: #ffffff !important;



  border: 1px solid #007cba;



  padding: 6px;



  font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



  font-weight: 500;



}



.cancel-btn {



  font-weight: normal;



}



.sidebar-drawer {



  background: #ebebeb;



}



.sidebar-drawer.open .drawer-icon {



  right: 180px !important;



}



.sidebar-drawer .content {



  padding: 0px 30px 30px 5px;



}



.sidebar-drawer .accordion-section .card-header .btn-link {



  font-size: 12px !important;



  font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



}







/*.sidebar-drawer .accordion-section ul li a {



  padding: 0px 15px 0px 30px !important;



}*/



 /* .btn.btn-primary{



  -webkit-box-shadow: 0px 0px 6px #2790c4;



  -moz-box-shadow: 0px 0px 6px #2790c4;



  box-shadow: 0px 0px 6px #2790c4;



  z-index: 9999999;



}*/



/*span bold remove in company detail page*/



.companyDetails-set span {



  font-weight: normal !important;



}



/*rs class*/



.checkbox-set-cl span {



  padding-top: 12px;



}







.checkbox-inner-div{



	border: 1px solid #ccc;



	padding: 10px;



	margin: 5px;



	margin-top: 0px;



	background: whitesmoke;



}



.checkout-col {



  margin-left: 0px;



}



/*.checkout-col input[uniquename="tagCheckbox52"] {



  margin-left: 40px;



}*/



.checkout-col span {



  position: relative;



  top: -2px;



}



.sidebar-drawer .accordion-section ul li a {



  font-weight: normal !important;



  margin-bottom: 0px !important;



}



/*external remove*/



.levelActiveNumber{



	padding: 10px 15px !important;



}



.levelNumber {



	padding: 12px 15px !important;



}



.set {



	width: 150px;



}



.r4_counter .fa {



	font-size: 26px;



}



/*table even or odd 27-march2021*/



.trade-list-cust-table tr:nth-child(2n) {



	background-color: #f5f5f5;



}



.trade-list-cust-table tr:hover {



	background-color: #f5f5f5;



	cursor: pointer;



}



.users-table tr:nth-child(2n) {



	background-color: #f5f5f5;



}



.users-table tr:hover {



	background-color: #f5f5f5;



	cursor: pointer;



}



.users-table td[data-label] {



	padding-top: 0px;



	vertical-align: middle;



	color: #888;



	font-weight: 500;



	font-size: 11px;



}



.users-table .table td, .trade-list-cust-table .table td {



	border-top: none;



}



.users-table .table thead th:nth-child(1) {



	width: 90px;



}



.users-table .table thead th:nth-child(2) {



	width: 140px;



}



.users-table .table thead th:nth-child(3) {



	width: 200px;



}



.users-table .table thead th:nth-child(4) {



	width: 160px;



}



.users-table .table thead th:nth-child(5) {



	width: 130px;



}



.users-table .table thead th:nth-child(6) {



	width: 205px;



}



.users-table .table thead th:nth-child(7) {



	width: 120px;



}



.table thead th {



	vertical-align: bottom;



	border-bottom: 2px solid #dee2e6;



	font-weight: 550;



}



.upArrow {



    width: 10px;



    height: 10px;



    background: #fff;



    -webkit-transform: rotate(-45deg);



    -moz-transform: rotate(-45deg);



    -ms-transform: rotate(-45deg);



    -o-transform: rotate(-45deg);



    transform: rotate(-45deg);



    -webkit-transform-origin: 0 100%;



    -moz-transform-origin: 0 100%;



    -ms-transform-origin: 0 100%;



    -o-transform-origin: 0 100%;



    transform-origin: 0 100%;



    position: absolute;



    top: -3px;



    left: 40px;



}







div[uniquename="tagLabel117"] div:nth-child(1) {



    font-size: 14px;



    padding-bottom: 12px;



    background-repeat: no-repeat;



    color: #2a2d33;



    font-weight: Bold;



}



.emp-set {



	/* height: 220px; */



	width: 380px;



	/* background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; */



	z-index: 999;



	position: absolute;



	left: 50px;



	margin-top: 30px;



	border-width: 1px;



	border-color: black;



	border-style: solid;



	opacity: inherit;



	background: #fff;



	box-shadow: 0px 0px 20px 0px #bdbdbd;



	border: none;



	padding: 10px 5px 0px 5px;



}



.emp-button {



    background-color: #f6f6f6;



    border-top: 0px;



    text-align: right;



    padding: 10px 15px 8px 15px;



    margin-top: 10px;



    text-align: left;



    border-bottom-right-radius: 2px;



    border-bottom-left-radius: 2px;



    margin-bottom: 0px;



    position: relative;



    width: 380px;



    left: 10px;



    /* top: 30px; */



}



.emp-set .form-group {



	border-bottom: 0px;



}



.toggle-right-set .drawer-icon {



	display: none;



}



/*19-april-2021*/



.panel_header h2 {



	margin: 0;



	padding: 0px !important;



}



.form-step-wrapper.form-space textarea {



	margin-bottom: 0px; 



}



.create-form .justify-content-center input {



	height: 26px;



}



.checkout-col .row {



	width: 150px;



}



.row.under-line {



	border-bottom: 0.5px solid #ccc;



	padding-bottom: 0px !important;



}



.row.under-line {



	border-bottom: 0.5px solid #ccc;



	padding-bottom: 0px !important;



	width: 112%;



	margin-left: -21px;



}



.emp-set .text-right {



	font-size: 10px;



}



.emp-set label {



	padding: 2px 10px;



}



.job-set div:nth-child(1) {



	padding-bottom: 0px !important;



}



.job-set {



	margin-top: 10px;



}



/* end here */



.fillter-btn button {



    color: #4A4A4A;



    padding: 8px;



    border: 1px solid #d6d6d6 !important;



    border-right-width: 0px !important;



    border-left: 1px solid #e6e6e6;



    background: #fff;



}



.fillter-btn button:hover {



    background: #ebebeb !important;



}



.active-fil {



    background: #ebebeb !important;



}



.fillter-btn button:last-child {



    border-right: 1px solid #d6d6d6 !important;



}



.fillter-btn button:first-child {



    border-radius: 5px 0px 0px 5px;



}



.fillter-btn button:last-child {



    border-radius: 0px 5px 5px 0px;



}



.corporate-set .panel_header h2 {



    padding-left: 30px !important;



}



/* responsive start here */



 @media (min-width: 320px) and (max-width: 990px) {



   .main-panel.collapse-body {



	width: 100% !important;



	margin-left: 0px !important;



	}



	#myCompany .right-set, #user .right-set, #project .right-set, 



	#trade .right-set {



	padding-left: 15px;



	}



	.companyDetails .col-lg-6 {



	max-width: 100% !important;



	}



	input[name="fieldMinValue"], input[name="fieldMaxValue"] {



	width: 50% !important;



	}



	.companyDetails .col-form-label {



	margin-bottom: 0px;



	}

/*29-01-2025*/
  .user-search .new_trade-btn .newTradeID.dropdown.nav-item {
    display: none !important;
  }
  .user-search .new_trade-btn .nav-item.search-select {
    margin-left: 10px;
  }

  
  div.dataTables_wrapper div.dataTables_filter input {
    width: 80% !important;
  }
  /*.onlyMobileDevice a {
    width: 160px;
    display: block;
    text-align: left;
    margin-left: 107px;
  }*/
  .page-sidebar.fixedscroll.collapseit {
    display: none;
  }
  #main-content.sidebar_shift {
    margin-left: 0px !important;
    width: 100% !important;
  }
  #main-content.main-panel {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .commentBoxweather label {
    text-align: left !important;
  }
  .report-mobile-dropdown {
    margin: 0 auto;
    width: 90%;
    display: block;
    background: #fff;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-size: 14px;
    text-transform: uppercase;
  }
  .btn-group.reportEmployeeBtn {
    display: block;
    text-align: center;
  }
  .btn-group.reportEmployeeBtn button {
    margin-bottom: 6px;
  }
  .reportTrades input, .reportTrades select, .reportTrades textarea {
    width: 100% !important;
  }
  .report-trades label {
    padding-left: 0px;
  }
  .reportTrades .submitButton #submit_data {
    position: relative;
    left: 10px;
  }
  .row.mobileViewSet label {
    width: 40%;
  }
  .report-meetings .notesSet .col-sm-12 {
    max-width: 100%;
  }
  .row.textarea.mobileViewSet input {
    width: 100% !important;
  }
  .basicDetails .accordion-section .btn.btn-link.nav-link {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.7em !important;
    text-align: left !important;
    padding: 8px 0px !important;
  }
  .project-info #accordion .btn {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.7em !important;
    padding: 18px 18px !important;
  }
  .project-info #accordion .btn i {
    width: 10px;
    float: left;
  }
  .project-info #accordion .btn span {
    display: flex;
  }
  .trade-mobile-dropdown {
    margin-left: 15px;
  }
  .btn-group.printGroupBtn {
    display: block;
    text-align: center;
  }
  .monthly_draw .col-9.monthListset {
    max-width: 100%;
    flex: 100%;
  }
  .monthly_draw select {
    width: 85%;
    margin-bottom: 10px;
  }
  .fa-icons-set {
    z-index: 1;
  }
  .addProject #submit_form label {
    display: inherit;
    margin-bottom: 0px;
  }
  .wrap-input-container .icon-input {
    z-index: 0 !important;
  }
  .page-sidebar.fixedscroll {
    z-index: 2;
  }
  .checkBoxset .col-sm-12.col-md-8.col-lg-10.p-0 {
    position: absolute;
    left: 44%;
  }
  .checkBoxset label {
    position: relative;
    top: 4px;
  }
  .companyDetails .panel_header {
    border-bottom: 2px solid #000;
  }
  .companyDetails span.required {
    position: relative;
    top: 5px;
  }
  .companyDetails .formGrpSet {
    padding-bottom: 0px;
    padding-right: 0px;
  }
  .companyDetails .form-step-wrapper.form-space.create-form {
    padding-right: 15px;
  }
  .addUserLevelCheck {
    padding-left: 0px !important;
    gap: 15px;
    padding-bottom: 0px !important;
  }
  .addUserLevelCheck a {
    margin: 0px 0px 0px 10px !important;
  }
  .addUserLevelCheck .levelActive, .addUserLevelCheck .level {
    font-size: 12px;
  }
  .levelActiveNumber {
    padding: 5px 10px !important;
  }
  .levelNumber {
    padding: 6px 9px !important;
  }
  .paddingBottomMobile {
	  padding-bottom: 100px;
  }
  .companyDetails .project-architect-add span.required {
    top: 0px;
  }
  .marginBottomZeroMobile {
    margin-bottom: 0px !important;
  }
  .marginTopZeroMobile {
    margin-top: 0px !important;
  } 
  .paddingTopZeroMobile {
    padding-top: 0px !important;
  }
  .no-more-tables .onlyMobileDevice {
    text-align: center;
  }
  .project-list .onlyMobileDevice, .tradListPage .onlyMobileDevice,
  .print-by-company-name .onlyMobileDevice, .draw-summary .onlyMobileDevice, 
  .trades .onlyMobileDevice, .monthly_draw .onlyMobileDevice, .job-cost-report .onlyMobileDevice {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      flex-wrap: wrap; 
      word-break: break-word;
  }
  .project-list .onlyMobileDevice::before, 
  .tradListPage .onlyMobileDevice:before, 
  .print-by-company-name .onlyMobileDevice:before,
  .draw-summary .onlyMobileDevice:before, 
  .trades .onlyMobileDevice:before,
  .monthly_draw .onlyMobileDevice:before,
  .job-cost-report .onlyMobileDevice:before {
      content: attr(data-title);
      font-weight: bold;
      flex: 1;
      text-align: left;
      min-width: 40%;
      white-space: nowrap;
      position: relative;
  }
  .project-list .onlyMobileDevice a, 
  .tradListPage .onlyMobileDevice a, 
  .print-by-company-name .onlyMobileDevice a,
  .draw-summary .onlyMobileDevice a,
  .trades .onlyMobileDevice a,
  .monthly_draw .onlyMobileDevice a,
  .job-cost-report .onlyMobileDevice a {
      flex: 2;
      text-align: right;
      word-break: break-word;
      overflow-wrap: break-word;
  }
  .project-list tr, 
  .tradListPage .onlyMobileDevice tr, 
  .print-by-company-name .onlyMobileDevice tr,
  .draw-summary .onlyMobileDevice tr,
  .trades .onlyMobileDevice tr,
  .monthly_draw .onlyMobileDevice tr,
  .job-cost-report .onlyMobileDevice tr {
    border: 1px solid #ccc;
  }
  .print-by-company-name td.onlyMobileDevice {
    padding-left: 0px !important;
  }
  .onMobileDevicebtn {
    float: none !important;
  }
  .paddingTopmobileTen {
    padding-top: 10px !important;
  }
  .paddingBottommobileTen {
    padding-bottom: 10px !important;
  }
  .postionSetup label.iconSetMobile {
    position: absolute;
  }
  .hideMobileDevice {
    display: none !important;
  }
  .onlyMobileDevice.lastTdMobile {
    padding-bottom: 28px !important;
  }
  #main-content.main-panel.sidebar_shift.collapse-body.onlyForMobile {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .onlyForMobile #datatable_wrapper {
    padding-right: 0px;
  }
  .mobHalf-Set {
    width: 50%;
  }
  .print-by-company-name .title {
    margin-right: 0px;
  }
  .draw-sheetSet textarea {
    position: inherit;
    top: 0px;
  }
  /*.draw-sheetSet .create-form {
	  padding-right: 10px !important;
  }*/
  .amntSet .col-md-2 {
    margin-left: 16px;
  }
  .mobileLabelForDrawsheet label {
    margin-left: 16px;
  }
  .col-md-4.inputMobileDrawsheet {
    margin-left: 0px !important;
    padding: 0px;
  }
  .col-md-3.mcr-set .row {
    width: 100%;
    margin: 0 auto;
  }
  .countingSet td a {
    position: relative;
    left: 118px;
  }
  .no-more-tables .wbcStatmobileTable td {
    padding-left: 0px !important;
  }
  .showOnlyDesktop {
    display: none;
  }
  .onlyMobileDevice.hideOnDesktop span {
    position: relative;
    left: 148px;
  }
  .table-striped.wbcStatmobileTable tbody tr:nth-of-type(2n+1) {
    background: transparent;
    border-bottom: none;
  }
  .countingSet td {
    border-bottom: 0;
  }
  .text-center.vr-middle.onlyMobileDevice {
    text-align: left !important;
  }
  .text-center.vr-middle.onlyMobileDevice a {
    position: relative;
    left: 148px;
    text-align: left !important;
    overflow: hidden;
    word-break: break-word;
  }
  .countingSet td {
    width: 75px;
  }
  .draw-summary #datatable_wrapper {
    padding-top: 0px;
  }
  .payment-certificate .setAddress p {
    width: 120px;
    float: left;
    display: block;
  }
  .payment-certificate .setAddress .rightSide {
    width: 350px;
  }
  .payment-certificate .setp p .leftSide {
    width: auto;
  }
  .text-right.onMobileLeft {
    position: absolute;
    left: -43%;
    border-bottom: none;
    z-index: 1;
  }
  .mobLogoCenter {
    display: block;
    text-align: center;
  }
  .paddingTopmmobileTen {
    padding-top: 10px !important;
  }
  .paddingTenMobile {
    padding: 10px !important;
  }
  .setAddress.setp {
    width: 100%;
    max-width: 100%;
    flex: auto;
  }
  .setAddress.setp p {
    width: 100%;
  }
  .forMobileSet {
    padding-bottom: 20px;
  }
  .mobileSetCenter {
    text-align: center !important;
  }
  p.mobileSetCenter {
    margin-bottom: 0px;
  }
  .reportingSet .no-more-tables tr {
    padding: 5px !important;
  }
  .mobHeightSet {
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .report-deliveries-btn {
    position: relative;
    top: 40px;
  }
  .bTagHideMobile b {
    display: none;
  }
  .bTagHideMobile #forcast_cost {
    width: 100%;
  }
  .ButtonMoveSet {
    line-height: 30px;
    top: 25%;
    left: 12px;
  }
  .report-tradesBtn {
    position: relative;
    left: 45px;
  }
  .fa-icons-set {
    z-index: 2 !important;
  }
  .showOnlyMobileMenu {
    display: block;
  }
  .widthHaflMobile {
    text-align: center;
    float: none !important;
  }
  .page-title.mobileTitle .float-left {
    text-align: center !important;
    padding-bottom: 8px;
    width: 100% !important;
  }
  
}
.tradesMobDropdown .active, .reportingButton .active {
	box-shadow: none !important;
}
.hideOnDesktop {
	display: none;
}
.btn-group .active {
	color: #000 !important;
}
.ButtonMoveSet {
	position: absolute;
	right: 28%;
	line-height: 30px;
	cursor: pointer;
	color: #007cba;
}
.showOnlyMobileMenu {
  display: none;
}







/**************************************************************************/



.table_head_col-3_scroll{



	overflow: scroll;



}



.table_row-1{



	border: 1px solid grey;



	outline: none;



}



.table_head_col-2{



	font-size: 13px;



}



.table_head_col-3{



  padding-top: 8px;



}



.table_row_col-1_font{



	font-size: 12px;



}



.table_row-col-2_font{



	



	font-size: 12px;



}



.table_row_col-3_font{



	padding-top: 3px;



	white-space: nowrap;



}



.table2_head_col{



	



	font-size: 12px;



}



.paymentcer{



	font-size: 13px;



	color: blue;



	text-align: center;



}















#image-overlay {



  position: fixed; /* Sit on top of the page content */



  display: block; /* Hidden by default */



  width: 100%; /* Full width (cover the whole page) */



  height: 100%; /* Full height (cover the whole page) */



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: rgba(0,0,0,0.5); /* Black background with opacity */



  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */



  cursor: pointer; /* Add a pointer on hover */



}











#inner-content-div {



  position: absolute;



  top: 50%;



  left: 50%;



  font-size: 50px;



  color: white;



  width: 60%;



  height: 80%;



  transform: translate(-50%,-50%);



  -ms-transform: translate(-50%,-50%);



}







button#x {



    position: absolute;



    z-index: 9999;



    right: 20%;



    font-size: 20px;



    top: 60px;



    background: #fff;



    border: 1px solid #fff;



    color: #000;



    border-radius: 50%;



    font-weight: 800;



    height: 32px;



    width: 32px;



}



















/* //second disingh  */



.main {



  background: white;



  /* margin: 40px; */



}



.subshe {



  font-size: 20px;



  font-weight: 900;



  margin-left: 400px;



  padding-top: 20px;



}







.row1{



  padding-left: 10px;



}



.row11{



    padding-left: 60px;



}



.row12{



  text-align: start;



}







.rw1{



  padding-top: 20px ;



}



.inputshe{



  /* color: black; */



  margin-left: 10px;



  margin-top: 10px;



  width: 200px;



  height: 20px;



  font-size: small;



  text-align: center;



  font-weight: 600;



  padding: "20px 0";



}



.complet{



   margin-left: 10px;



     width: 80px;



     height: 20px;



   font-size: small;



  text-align: center;



}



.amt{  



     width: 90px;



     height: 20px;



   font-size: small;



  text-align: center;



   font-weight: 600;



}



.ttd{



      width: 120px;



     height: 20px;



   font-size: small;



  text-align: center;



   font-weight: 600; 



}



/*.Totaltd{



  padding-left: 60px;



}*/



.selects{



 width: 53px;



  height: 25px;



}



/*wtc page setup*/



.wtc td {



    padding: 4px;



}







.first-rowth {



    vertical-align: middle !important;



    padding: 0px 50px !important;



}



.first-col-set th {



    padding: 0px;



}



.first-col-set th:nth-child(2) {



    text-align: center;



}



.first-col-set th:nth-child(3) {



    padding-left: 14% !important;



    text-align: left !important;



}



#sailorTable th {



    padding: 2px;



    text-align: center;



}



#sailorTable td {



    padding: 5px;



}



#sailorTable th, #sailorTable th h6 {



    background: #2446a8;



    color: #fff;



}



.spanP p{



    margin: 0px;



    display: inline;



}



.trade-search span {



    padding-right: 6px !important;



}



.box.companyDetails {



    padding-bottom: 0px;



}



.companyDetails .content-body {



    margin-bottom: 5px !important;



    padding-bottom: 0px !important;



}



.text-right button {



    margin-right: -16px !important;



}



/*tables setup trades monthDraw page*/







.letter-ul-li .table th:nth-child(1), .letter-ul-li .table th:nth-child(6) {



    width: 100%;



    /*display: block;*/



}







.pc-unique-id .table th:nth-child(1), .pc-unique-id .table th:nth-child(6) {



    width: auto;



    display: block;



}







.corporate-set .content-body {

	padding-bottom: 0px !important;

	padding-top: 5px;

	margin-top: 0px;

}



.corporate-set .panel_header {



    min-height: 50px;



}







.tb-982 th {



    width: inherit !important;



}







.drawtbl th {



	display: table-cell !important;



}



/*table head color set*/



.trade-list table thead th, .monthly_Draw_List table thead th, .DrawSummary-section table thead th {



    background: #2446a8;



    color: #fff !important;



}



.trade-list .letter-ul-li .table th:nth-child(1), .trade-list .letter-ul-li .table th:nth-child(6) {



    width: 88px;



    display: table-cell;



}



.trade-list .table-data-wrapper table td {



  border-bottom: none;



}



/*monthly draw*/



.monthly_Draw_List .letter-ul-li .table th:nth-child(1), .monthly_Draw_List .letter-ul-li .table th:nth-child(6) {



    width: 100%;



    /*display: block;*/



}



.monthly_Draw_List .letter-ul-li .table tr td:nth-child(1), .monthly_Draw_List .letter-ul-li .table th:nth-child(1) {



    text-align: left !important;



}



.monthly_Draw_List .table-data-wrapper.trade-list-cust-table table td {



    border-left: 1px solid #bfbdbd;



}



.monthly_Draw_List .table-data-wrapper.trade-list-cust-table table tr td:nth-child(1) {



    border-left: 2px solid #bfbdbd;



}



.monthly_Draw_List .table-data-wrapper.trade-list-cust-table table tr td:last-child {



    border-right: 1px solid #bfbdbd;



}



/*MonthlyDraw add*/



.MonthlyDraw_add .title {



    font-weight: 600;



    font-size: 20px;



    margin-bottom: 12px;



    font-family: sans-serif;



}



.MonthlyDraw_add table tr td:nth-child(1) {



    width: 175px;



}



.MonthlyDraw_add .per-amt {



    font-size: 12px;



    font-weight: 600;



    color: #000;



    /* font-family: sans-serif; */



    margin-left: 5px;



}



.MonthlyDraw_add .amt {



    width: 76px;



    height: 20px;



    font-size: small;



    text-align: center;



    font-weight: 600;



}



.MonthlyDraw_add .Totaltd{



  padding-left: 30px;



}



.MonthlyDraw_add  .inputshe {



    height: 26px;



    padding: 0 2px;



    position: relative;



    font-size: 12px;



    /*text-align: left;*/



}



.trade-list-month-view .content-body {



    padding: 30px 30px;



    color: #000;



}



.upload-btn-wrapper {



  position: relative;



  overflow: hidden;



  display: inline-block;



}



.upload-btn-wrapper input[type=file] {



  font-size: 100px;



  position: absolute;



  left: 0;



  top: 0;



  opacity: 0;



}



.btn-upload {



  border: 2px solid #007cba;



  background-color: white;



  padding: 8px 20px;



  font-size: 20px;



  font-weight: bold;



}



/*draw summary*/



.DrawSummary-section table thead th, .DrawSummary-section table tr td {



    border-left: 1px solid #ccc;



    text-align: center;



}



.DrawSummary-section table tr td {



    border-right: 1px solid #ccc;



}



.DrawSummary-section table thead th:nth-child(1), .DrawSummary-section table tr td:nth-child(1) {



    text-align: left;



}



/*payment certificate*/



.pay-certificate .paymentcer {



    font-size: 16px;



    font-weight: 600;



    color: #2446a8;



}



.pay-certificate .bold { 



    color: #000;



}



.cer-set {



    font-family: 'Gotham SSm A', 'Gotham SSm B';



}



.cer-set .col-sm-3 {



    padding: 3px;



}



.cer-set p {



    margin: 0px !important;



    padding-left: 5px;



}



.monthly-draw thead th , .pc-unique-id .total td , .ds-unique-id .total td , .reporting-employees-unique-id .total td, .md-list-unique-id .total td {



  background: #2446a8;



  color: #fff !important;  



  vertical-align: middle;



}







.monthly-draw th, .monthly-draw td, .change-orders th, .change-orders td {



    border-left: 2px solid #fff !important;



}



.table.change-orders tr th {



    background: #2446a8 ;



}



.table.change-orders tr th {



    color: #fff !important;



}



.table-data-wrapper .monthly-draw tr:nth-child(odd), .table-data-wrapper .change-orders tr.chge-order:nth-child(odd) {



    background: #f9f5f5db;



}



.change-orders tr.cont-value {



    background: #fff !important;



}



.change-orders tr.cont-value td{



 border-bottom: none;



}



.cont-value hr {



    margin-top: 0;



    margin-bottom: 0;



    border-top: 2px solid #555555;



}



.change-orders .cont-value table {



    border-left: 2px solid #000 !important;



} 



td.amnt-cer.text-right {



    border: 2px solid #000 !important;



}



.cont-value td {



    padding: 4px 0px !important;



}



.cont-value .bold {



    font-weight: 700 !important;



    color: #000 !important;



}



.cont-value td:nth-child(2), .cont-value td:nth-child(3) {



    padding-right: .625em !important;



}



/*popup setup*/



.modelset-up .modal-header {



    display: block;



}



.modelset-up .close {



    background: #000;



    opacity: 5;



    color: #fff;



    width: 30px;



    height: 30px;



    padding: 0px;



    margin-top: -32px !important;



    border-radius: 50px;



    position: absolute;



    right: 1px;



}



.modelset-up .close p {



    position: relative;



    top: 3px;



    font-size: 22px;



    left: 0px;



}



/*award letters*/



#masthead-pdf, #purchase-pdf, #letterindent-pdf {



    background: #fff;



    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



    font-size: 12px !important;



    color: #000;



}



.awd-pdf-set {



    width: 26cm;



    table-layout: fixed;



    display: block;



    margin: 0 auto !important;



    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);



    padding: 50px 30px 10px 30px !important;



}



.awd-letterofindent-set {



    width: 24cm;



    table-layout: fixed;



    display: block;



    margin: 0 auto !important;



    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);



    padding: 50px 30px 10px 30px !important;



}



/*.activeState{



	background: #FFEB48



}



*/







span.file-type {



    color: red;



    font-weight: bold;



    margin-left: 15px;



}







.projectManagerRequired{



	font-size: 11px;



    margin-left: 10px;



    color: red;



}







.crossActive{



	color: #fff;



    background: red;



    font-size: 9px;



}







.print-btn-align{



	display: flex;



	justify-content: flex-start;



}







.text-area-text{



	color: red;



	font-size: 10px;



	display: block;



	padding: 0;



	line-height: normal;



	position: relative;



	bottom: 0px;



}







.text-area-error{



	border: 1px solid red;



    background: #dcbfaf !important;



    margin-bottom: 4px !important;



}



.box.companyDetailsEdit .create-form .justify-content-center input[type="radio"] {



    height: 14px;



}



.box.companyDetailsEdit .create-form .justify-content-center #select-box {



    height: 14px;



    width: 14px;



}



.notification-container {



    color: #fff !important;



}



/*overview page reporting*/



.cmnt-box-over-text {



    position: absolute;



}



.cmnt-box-over-box {



    margin-left: 6em;



}



.fontColor-set {



    color: #2a2d33;



}



.reporting-date {



    height: 30px;



}



.all-jobs-set {



    position: relative;



    top: 26px;



}



.sb-btn {



    margin-top: 9px;



}



.user-profile-pic img {



    border-radius: 50%;



    width: 46px;



    height: 46px;



    top: 0px !important;



}



.trade-list .table-data-wrapper table td.user-profile-pic {



    vertical-align: middle;



}



.wcb-state-unique-id .table td {



    vertical-align: middle;



}



.activeState {



    background: yellow;



    padding: 0px 5px;



}



.draw-number-set {



    text-align: center;



    background: yellow;



    margin-bottom: 3px;



    display: inline-block;



    padding: 0px 3px;



}



.crossActive {



    color: #fff;



    border-radius: 50%;



    /* padding: 2px 5px 2px 5px; */



    background: red;



    font-size: 8px;



    text-align: center;



    display: block;



    width: 12px;



    height: 12px;



    margin-left: 6px;



}



.cps-unique-id table thead th {



    background: #2446a8;



    color: #fff;



}



.user-list-unique-id .tradelist-table-data thead th {



    background: #2446a8;



    color: #fff;



}







.monthly-draw th {



    font-weight: 560;



    font-size: 20px;



    width: auto



}







th.blank-th {



    position: relative;



    bottom: 0px;



    padding: 12px;



}



.lds-unique-id .table th {



    background: #2446a8;



    color: #fff;



    border: none;



}



.stdetail-unique-id .table th, .spdetail-unique-id .table th {



    background: #2446a8;



    color: #fff !important;



}



.user-list-unique-id .tradelist-table-data .table th, .user-list-unique-id .tradelist-table-data .table td {



    border: 0px !important;



}



.new-daily-report-unique-id input, .new-daily-report-unique-id select, .new-daily-report-unique-id textarea {



    padding-left: 4px !important;



    padding-right: 4px !important;



}



.reporting-list-unique-id b span, .reporting-deliveries-unique-id b span, .meetings-unique-id b span, .reporting-files-unique-id b span {



    margin-right: -2px;



}



.reporting-list-unique-id b {



    font-size: 11px;



}



.print-line-border hr {



    border-top: 2px solid rgba(0, 0, 0, 0.1) !important;



}



.awd-letterofindent-set {background: transparent !important;}



  #letterindent-pdf {background: #ffffff !important;}



  .purchase-agrement .awd-pdf-set tbody {



    width: 100%;



    display: inline-table;



}



.address-center-print{width: 20%;}



.company-head-t {



    fontSize: 10px; 



    fontFamily: Gotham SSm A, Gotham SSm B !important;



    color: #000;



}



.fontSize15 {



    font-size: 15px;



}



.fontSize17 {



    font-size: 17px;



}



@media print {



    body{background: #fff; }



  .page-break {page-break-after: always;}



  .print-page-footer {position: fixed; bottom: 0px; width: 100%; right: 0px; text-align: center;}



  .print-page-footer label {font-size: 12px !important;}



  .print-buttons {display: none;}



  .awd-pdf-set, .awd-letterofindent-set {padding: 0px !important; width: 100%;}



  .company-address-print {width: 23%;}



  .awd-letterofindent-set {background: transparent !important;}



  #letterindent-pdf {background: #ffffff !important;}



  .awd-pdf-set, .awd-letterofindent-set {



        font-size: 13.5pt; /* changing to 10pt has no impact */



    }



    .company-head-t {



        font-size: 10pt;



        padding-right: 30px;



    }



    .print-line-border hr {



        border-top: 2px solid rgba(0, 0, 0, 0.1) !important;



        padding: 3px;



    }



    .fontSize15 {



        font-size: 15px;



    }



    .fontSize17 {



        font-size: 17px;



    }



}







@page {



	width: 100%;



    background-color: transparent;



}







.wcb-state-unique-id .hoverPoint:hover {



    cursor: pointer;



}







.custom-select-wrapper {



 position: relative



}



.custom-select-wrapper:after {



    border-left: 1px solid #ccc;



    content: "\00a0";



    position: absolute;



    top: 6px;



    right: 30px;



    z-index: 2;



    display: block;



    height: 32px;



}







.custom-select-op {



	background: transparent;



	height: 45px;



	border-radius: 5px;



    appearance: none;



}



.down-icon-header {



    position: absolute;



    font-size: 22px;



    top: 7px;



    right: 10px;



    z-index: -1;



    cursor: pointer;



    font-weight: 800;



}



.down-icon-header i {



    font-weight: 800;



}



.top-filerbtn-set {



    padding: 3px;



    margin-right: 30px;



}



#abcc table th {



    vertical-align: middle;



}



.trade-list-cust-table .table thead {



    border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;



}



.trade-list-cust-table .table th {



    border: none;



}



/*monthly draw*/



.md-list-unique-id thead tr{



    background: #2446a8 ;



}



.md-list-unique-id thead th:nth-child(1){



    width: 230px !important;



    position: relative;



    /*top: 9px;*/



}



.md-list-unique-id thead th:nth-child(6){



    position: relative;



    /*top: 9px;*/



    width: 53px !important;



}



.md-list-unique-id thead th{



    width: 100px;



    vertical-align: middle !important;



}



.md-list-unique-id .trade-list-cust-table table thead th {



    border: none;



}



/*end here*/



/*draw summary*/



.ds-unique-id thead tr{



    background: #2446a8 ;



}



.ds-unique-id thead th:nth-child(1) {



    width: 105px !important;



    position: relative;



    /*top: 16px;*/



}



.ds-unique-id thead th:nth-child(6){



    position: relative;



    top: 0px;



    width: 42px !important;



}



.ds-unique-id thead th{



    width: 100px;



    vertical-align: middle !important;



}



.ds-unique-id .trade-list-cust-table table thead th {



    border: none;



}



.ds-unique-id thead th:nth-child(5) {



    width: 35px !important;



}



.ds-unique-id thead th:nth-child(9), .ds-unique-id thead th:nth-child(10) {



    padding: 14px !important;



}



.stick {



    position: fixed;



    z-index: 999;



    top: 60px;



}



.stick tr {



    width: 103.5px;



}



    .desktop-view {



    display: block !important;



    }



    .only-mobile {



        display: none;



    }



    .mrt {



    margin-top: 22px !important;



    }



    .link-set-text {



    margin-top: 0px;



    }

    .draw-summary #datatable_wrapper {

      padding-right: 0px;

      padding-left: 0px;

      width: 100%;

      overflow-x: hidden;

    }

    .draw-summary .table-fix {

      overflow-x: scroll;

      max-width: 99% !important;

    }

    .trades #datatable_wrapper, .monthly_draw #datatable_wrapper {

      padding-right: 15px;

      padding-left: 0px;

    }

    .trades .table-fix {

      overflow: hidden;

    }

    .user-search .navbar-nav {

      margin-right: 15px;

    }

    .time-sheet #create_report {

      margin-top: 30px !important;

    }

    #dropdownMenu.show {

      visibility: visible;

      opacity: 1;

      position: relative;

      top: 18px !important;

    }

/*end here*/



/*media screens*/







@media only screen and (min-device-width: 320px) and (max-device-width: 800px) {

  .page-topbar i.fa.drawer-icon.fa-times {

    font-size: 28px;

  }

  .form-step-wrapper.form-space.create-form {

    margin-top: 20px;

  }

    .reporting-list-unique-id .tradelist-table-data {



     height: auto; 



    overflow-y: auto;



}



.overview label, .overview input{



    width: 50%;



}



.cmnt-box-over-box {



    width: 80%;



}



.btn-set-style button {



    margin-top: 10px;



    float: right;



}



.top-filerbtn-set {



    padding: 0px;



    margin-right: 0px;



}



.btn-font-set {



    font-size: 12px !important;



}



.page_error_code {



    font-size: 100px;



}



.page_error_btn a.btn {



    font-size: 16px;



}



.page_error_search input[type="text"] {



    padding: 0px;



    font-size: 11px;



}







.reporting-list-unique-id .trade-list-cust-table.tb-982 table td.text-center:first-child,



.reporting-list-unique-id .trade-list-cust-table.tb-982 table td.text-center:last-child {



    display: block;



}



.reporting-list-unique-id .trade-list-cust-table.tb-982 table td.text-center {



    display: none;



}



.trade-list-cust-table.tb-982 table td.editContainer {



    float: none;



}

.navbar-wrapper {

  position: absolute !important;

  left: 24px;

}

.reportingSet .odd, .reportingSet .even {

  border: none !important;

  border-left: none !important;

}

.reportingSet #datatable {

	border: none;

}

.reportingSet #datatable tr td {

  display: none;

}

.reportingSet #datatable tr td:first-child, .reportingSet #datatable tr td:last-child {

  display: block;

}

.reportingSet #datatable tr {

  box-shadow: 0px 0px 4px 1px #ddd;

  margin: 20px 0px;

  padding: 22px 0px;

  border-radius: 5px;

}

.reportingSet #datatable tr.odd {

  background: #f2f2f2;

}

}



/*new set up job-cost-report*/

@media only screen and (min-device-width: 801px) and (max-device-width: 1200px) {

  .navbar-wrapper {

    position: absolute;

    left: 24px;

  }

 

}

@media only screen and (max-width: 800px) {



   .trade-list-cust-table.tb-982 table, .trade-list-cust-table.tb-982 thead, .trade-list-cust-table.tb-982 tbody, .trade-list-cust-table.tb-982 th, .trade-list-cust-table.tb-982 td, #no-table tr {



    display: block;



  }

  



   .timesheet-unique-id .trade-list-cust-table.tb-982 table td:first-child::before,



   .job-cost-report .trade-list-cust-table.tb-982 table td:first-child::before,



   .new-daily-report .trade-list-cust-table.tb-982 table td:first-child::before,



   .tools-equipm .trade-list-cust-table.tb-982 table td:first-child::before,



   .deliveries-set .trade-list-cust-table.tb-982 table td:first-child::before,



   .meetings-unique-id .trade-list-cust-table.tb-982 table td:first-child::before,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 table td:first-child::before,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 table td:first-child::before {



    display: block !important;



}



   .timesheet-unique-id .trade-list-cust-table.tb-982 thead tr,



   .job-cost-report .trade-list-cust-table.tb-982 thead tr,



   .new-daily-report .trade-list-cust-table.tb-982 thead tr,



   .tools-equipm .trade-list-cust-table.tb-982 thead tr,



   .deliveries-set .trade-list-cust-table.tb-982 thead tr,



   .meetings-unique-id .trade-list-cust-table.tb-982 thead tr,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 thead tr,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 thead tr {



    position: absolute;



    top: -9999px;



    left: -9999px;



  }



   .timesheet-unique-id .trade-list-cust-table.tb-982 tr,



   .job-cost-report .trade-list-cust-table.tb-982 tr,



   .new-daily-report .trade-list-cust-table.tb-982 tr,



   .tools-equipm .trade-list-cust-table.tb-982 tr,



   .deliveries-set .trade-list-cust-table.tb-982 tr,



   .meetings-unique-id .trade-list-cust-table.tb-982 tr,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 tr,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 tr {



    border: 1px solid #ccc;



  }



   .timesheet-unique-id .trade-list-cust-table.tb-982 td,



   .job-cost-report .trade-list-cust-table.tb-982 td,



   .new-daily-report .trade-list-cust-table.tb-982 td,



   .tools-equipm .trade-list-cust-table.tb-982 td,



   .deliveries-set .trade-list-cust-table.tb-982 td,



   .meetings-unique-id .trade-list-cust-table.tb-982 td,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 td,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 td {



    border: none;



    /*border-bottom: 1px solid #eee;*/



    position: relative;



    padding-left: 50%;



    white-space: normal;



    text-align:left;



  }



   .timesheet-unique-id .trade-list-cust-table.tb-982 td:before,



   .job-cost-report .trade-list-cust-table.tb-982 td:before,



   .new-daily-report .trade-list-cust-table.tb-982 td:before,



   .tools-equipm .trade-list-cust-table.tb-982 td:before,



   .deliveries-set .trade-list-cust-table.tb-982 td:before,



   .meetings-unique-id .trade-list-cust-table.tb-982 td:before,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 td:before,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 td:before



    {



    position: absolute;



    /*top: 6px;*/



    left: 6px;



    width: 50%;



    padding-right: 10px;



    white-space: nowrap;



    text-align:left;



    font-weight: bold;



  }



   .timesheet-unique-id .trade-list-cust-table.tb-982 td:before,



   .job-cost-report .trade-list-cust-table.tb-982 td:before,



   .new-daily-report .trade-list-cust-table.tb-982 td:before,



   .tools-equipm .trade-list-cust-table.tb-982 td:before,



   .deliveries-set .trade-list-cust-table.tb-982 td:before,



   .meetings-unique-id .trade-list-cust-table.tb-982 td:before,



   .reporting-files-unique-id .trade-list-cust-table.tb-982 td:before,



   .reporting-trades-unique-id .trade-list-cust-table.tb-982 td:before {



    content: attr(data-title);



  }



   .timesheet-unique-id .form-step-wrapper .empReg-hrs,



   .job-cost-report .form-step-wrapper .empReg-hrs,



   .form-step-wrapper .new-daily-report .empReg-hrs,



   .form-step-wrapper .tools-equipm .empReg-hrs {



    text-align: left !important;



    padding-left: 50% !important;



  }



  .new-daily-report .text-left {



    padding-top: 0px;



    padding-bottom: 5px;



    }



/*table end here */



#job_cost_unique .trade-list-cust-table.tb-982 table td.text-center {



    display: block !important;



  }



 #job_cost_unique .trade-list-cust-table.tb-982 table td.sm-right {



    text-align: right !important;



  }



  .new-daily-report .tradelist-table-data, 



  .reporting-trades-unique-id .tradelist-table-data,



  .tools-equipm .tradelist-table-data,



  .deliveries-set .tradelist-table-data,



  .meetings-unique-id .tradelist-table-data,



  .reporting-files-unique-id .tradelist-table-data{



    height: auto;



  }



  .new-daily-report .total td {



    text-align: center !important;



    padding-left: 0px !important;



  }



  select {



    font-family: 'Gotham SSm A', 'Gotham SSm B';



  }



  .mobile-mr {



    margin-top: 5px;



  }



  .mobile-width span {



    display: block;



    margin: 0px !important;



    }



  .form-step-wrapper {



    padding-top: 0px;



  }



  /*display none for mobile */



  .desktop-view {



    display: none !important;



    }



    .only-mobile {



        display: block;



    }



    .mobile-none {



        display: none;



    }



    /*end here*/



    .reporting-list-unique-id .page-title h1,



    .reporting-overview-unique-id .mr-0-mobile {



    margin-left: 0px !important;



    padding-left: 0px;



    }



    .reporting-files-unique-id .file-type {



    margin-left: 0px;



    }



    .mrt {



    margin-top: 14px !important;



    }



    .link-set-text {



    margin-top: 5px;



    }



    .desktop-views button {



    font-size: 11px !important;



    padding: 5px;



    margin-left: 5px !important;



    border-radius: 0px !important;



    margin-bottom: 2px !important;



    border: 1px solid #ddd !important;



    }



    .mobile-minu-margin {



    margin-left: -10px;



    }



    .mobile-minu-margin-set {



    margin-left: 5px !important;



    margin-top: -2px !important;



    }



    .mobile-minu-margin-set2 {



    margin-top: -26px !important;



    margin-left: 5px !important;



    }



    .new-daily-report-unique-id .file-type {



    margin: 8px 0px;



    }



    .modal-dialog {



    height: 100vh;



    display: flex;  



    } 



    .modal-content {



    height: fit-content;



    margin: auto;



    }



}







.sidebar-wrapper li:hover {



    background: #ffffff47 !important;



}



/*new tech work 19-04-2023*/



.css-yk16xz-control {



	-moz-box-align: center;



	align-items: center;



	background-color: rgb(255, 255, 255);



	border-radius: 4px;



	border-style: solid;



	border-width: 1px;



	cursor: default;



	display: flex;



	flex-wrap: wrap;



	-moz-box-pack: justify;



	justify-content: space-between;



	min-height: 38px;



	outline: 0px !important;



	position: relative;



	transition: all 100ms ease 0s;



	box-sizing: border-box;



	border-color: rgb(204, 204, 204);



	height:40px;



}



.search-select .css-1hwfws3 {



	padding: .36rem .7rem !important;



}



.css-1hwfws3 {



	-moz-box-align: center;



	align-items: center;



	display: flex;



	flex: 1 1 0%;



	flex-wrap: wrap;



	padding: 2px 8px;



	position: relative;



	overflow: hidden;



	box-sizing: border-box;



}



.css-1wy0on6 {



	-moz-box-align: center;



	align-items: center;



	align-self: stretch;



	display: flex;



	flex-shrink: 0;



	box-sizing: border-box;



}



.css-1okebmr-indicatorSeparator {



	align-self: stretch;



	background-color: rgb(204, 204, 204);



	margin-bottom: 8px;



	margin-top: 8px;



	width: 1px;



	box-sizing: border-box;



}



.css-tlfecz-indicatorContainer {



	color: rgb(204, 204, 204);



	display: flex;



	padding: 8px;



	transition: color 150ms ease 0s;



	box-sizing: border-box;



}



.page-sidebar #main-menu-wrapper li a {



  color: #fff !important;



}



.page-sidebar #main-menu-wrapper li a {



	margin: 0;



	border-radius: 0;



	color: #424242;



	display: block;



	text-decoration: none;



	position: relative;



	text-transform: none;



	cursor: pointer;



	font-size: 14px;



	padding: 0 8px;



	line-height: 42px;



	min-height: 42px;



	border-left: 0px solid transparent;



}



.collapseit #main-menu-wrapper {



	margin-top: 15px;



}



.wraplist {



	margin-top: 15px !important;



}



/*.collapseit .wraplist, .collapseit {



	background: rgb(36, 70, 168) !important;



}*/

.page-sidebar.chat_shift, .page-sidebar.collapseit {

	top: -14px !important;

}

.page-sidebar.collapseit .wraplist {

	background-color: transparent;

}



.sidebar_shift .logo {



	display: none !important;



}



.page-sidebar li a:focus, .page-sidebar li a:hover, .page-sidebar li .active {



	background: hsla(0,100%,99%,.31) !important;



}



.page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover a {



	width: 100%;



}



.nav-toggle .main-panel {



	margin-left: 47px !important;



	width: calc(100% - 80px) !important;



}



#main-content.main-panel.sidebar_shift.collapse-body {

	width: calc(100% - 265px) !important;

	margin-left: 46px !important;

}



span.required {



	background: #dc3545;



	display: inline-table;



	height: 6px;



	width: 6px;



	border-radius: 60px;



	margin-bottom: 2px;



	margin-right: 3px;



}



.user-detail-unique-id .col-form-label {



	color: #2a2d33;



	font-size: 11px;



}



/* new for step form */



.btnR.disabled, .btnR[disabled], fieldset[disabled] .btnR {



	cursor: not-allowed;



	pointer-events: none;



	opacity: .65;



	filter: alpha(opacity=65);



	-webkit-box-shadow: none;



	box-shadow: none;



}



.addUserLevelCheck {



	list-style: none;



	padding: 20px 0px 20px 20px;



}



.addUserLevelCheck {



	/* display: inline-block; */



	padding-left: 40px;



}



.addUserLevelCheck a {



	margin: 20px 0 20px 20px;



}



.enableStep .level {



	font-size: 16px;



	padding: 8px;



	margin-right: 0px;



	color: #000;



	font-weight: bold;



}







.validation_error{



  color:red !important;



  /*font-style: italic !important;*/



  font-weight: 500 !important;

  font-size: 10px;



}



.datatable_image{



  width:50px;



  height:50px;



}



.signature_thumb{



  width:50%;



  height: auto;



}



.page-topbar .dropdown-menu::after {



	display: none;



}



.page-topbar .dropdown-menu::before {



	border-color: rgba(194, 225, 245, 0);



	border-bottom-color: rgba(215, 130, 130, 0.1);



	border-width: 10px;



	margin-left: -10px;



	position: absolute;



	top: -21px;



}



.page-topbar .dropdown-menu::before {



	border-color: rgba(194, 225, 245, 0) !important;



	border-bottom-color: rgba(80, 80, 80, .1) !important;



	border-width: 10px !important;



	margin-left: -10px !important;



}



.css-1hwfws3 {



    width: 100%;



    height: 45px;



}



#print_by_company_name, #print_by_cost_code, #wcb_stat, #draw_summary, #monthly_draw {



	background: #fff;



	border: 1px solid #d6d6d6;



}



#print_page, #tracking1 {



	padding: 8px;



	border-right-width: 0;



	border-left: 1px solid #e6e6e6;



	border-radius: 5px 0 0 5px;



}



#print_by_cost_code, #monthly_draw{



	border-radius: 0px 5px 5px 0px;



}



.btn-group .btn {



	font-family: 'Gotham SSm A', 'Gotham SSm B' !important;



	font-size: 13px;



	color: #000;



}



.btn-group .btn:hover {



	background: #ebebeb !important;



}



#print_page:focus, #print_by_company_name:focus {



	box-shadow: none;



	border: 1px solid #d6d6d6;



}

.reportingSet #datatable th {

	text-align: left;

}

#datatable th {



	text-align: left;



	padding: 0.75rem;



	font-size: 12px;



	line-height: 1.5;



	font-weight: 550;



}



.select2-container--open{



  z-index:9999 !important;



}



p.text-center.cus-title {

  margin: 25px 0 0 0;

  font-size: 14px;

  font-weight: bold;

  color: #000;

}



p.text-center.cus-date {

  font-style: italic;

  padding-bottom: 20px;

}

table.cus-tble {

  margin: 0px;

  /* padding: 0 0 0px 0; */

}



table#datatable.cus-tble {

  margin: 0px;

}



/*.select2-container .select2-selection--single {



  height: 45px !important;



}



.select2-selection__rendered {



  line-height: 44px !important;



}



.select2-selection__arrow {



  height: 44px !important;



}*/