/*GENERAL*/
  body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-weight: 300;
    line-height: 1.5em;

  }
  html {
    color: #555555;
  }
  body {
    background-color: #F7F7F7;
  }
  .main .background-cover {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    height: 450px;
    max-height: 450px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .sidebar-collapse .main .background-cover {
    left: -5px !important;
  }
  .main .main-content {
    position: relative;
    margin-bottom: 350px;
    top: 350px

  }  
  footer {
    position: relative;
    display: block;
    margin: 0 30px;
    padding: 15px;
    overflow: hidden;
    -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 -5px 20px 0px rgba(0, 0, 0, 0.10), 0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -5px 20px 0px rgba(0, 0, 0, 0.10), 0 5px 10px -5px rgba(0, 0, 0, 0.15);

  }
  footer p {
    margin: 5px;
  }
  footer svg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 70px;
  }

  a:hover, a:focus {
    text-decoration: none;
  }
  @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/materialicon/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(../../fonts/materialicon/MaterialIcons-Regular.woff2) format('woff2'),
      url(../../fonts/materialicon/MaterialIcons-Regular.woff) format('woff'),
      url(../../fonts/materialicon/MaterialIcons-Regular.ttf) format('truetype');
  }
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
  }
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }

  .flag {
    width: 25px;
  }
  .flag img {
    border-radius: unset !important;
    box-shadow: 0 0 1px 1px rgba(21, 21, 21, .1);
  }
  .align-items-center .mb-0 {
    margin-bottom: unset !important;
  }
/*END GENERAL*/
/*TYPOGRAPHY*/
  .h1, h1 {
    font-size: 3.25rem;
    line-height: 1.25em;
  }
  .h2, h2 {
    font-size: 2.5rem;
    line-height: 1.25em;
  }
  .h3, h3 {
    font-size: 2rem;
    line-height: 1.25em;
  }
  .h4, h4 {
    font-size: 1.75rem;
    line-height: 1.25em;
  }
  .h5, h5 {
    font-size: 1.5rem;
    line-height: 1.25em;
  }
  .h6, h6 {
    font-size: 1.25rem;
    line-height: 1.25em;
  }
  blockquote {
    font-weight: 400;
    font-style: italic;
    font-size: 1.15rem;
    line-height: 1.5em;
  }
/*END-TYPOGRAPHY*/
/*MAIN-COLOR*/
  body [data-background-color="none"] {
    background-color: unset !important;
    box-shadow: unset !important;
  }
  body [data-background-color="purple"]:not([data-card="stats-plain"]) {
    background-color: #9401AD;
    color: #FFFFFF;
  }
  body [data-background-color="black"]:not([data-card="stats-plain"]) {
    background-color: #000000;
    color: #FFFFFF;
  }
  body [data-background-color="white"]:not([data-card="stats-plain"]) {
    background-color: #FFFFFF;
  }
  body [data-background-color="rose"]:not([data-card="stats-plain"]) {
    background-color: #FF0042;
    color: #FFFFFF;
  }
  body [data-background-color="blue"]:not([data-card="stats-plain"]) {
    background-color: #16B5FD;
    color: #FFFFFF;
  }
  body [data-background-color="green"]:not([data-card="stats-plain"]) {
    background-color: #00d96f;
    color: #FFFFFF;
  }
  body [data-background-color="orange"]:not([data-card="stats-plain"]) {
    background-color: #FF5704;
    color: #FFFFFF;
  }
  body [data-background-color="yellow"]:not([data-card="stats-plain"]) {
    background-color: #FCB913;
    color: #FFFFFF;
  }
  body [data-background-color="brown"]:not([data-card="stats-plain"]) {
    background-color: #782000;
    color: #FFFFFF;
  }
  body [data-background-color="grey"]:not([data-card="stats-plain"]) {
    background-color: #616161;
    color: #FFFFFF;
  }
  body [data-background-color="white"]:not([data-card="stats-plain"]) {
    background-color: #FFFFFF;
    color: #555555;
  }
  body [data-background-color="facebook"]:not([data-card="stats-plain"]) {
    background-color: #4267B2;
    color: #FFFFFF;
  }
  body [data-background-color="google-plus"]:not([data-card="stats-plain"]) {
    background-color: #DB4937;
    color: #FFFFFF;
  }
  body [data-background-color="twitter"]:not([data-card="stats-plain"]) {
    background-color: #1DA1F2;
    color: #FFFFFF;
  }
  body [data-background-color="whatsapp"]:not([data-card="stats-plain"]) {
    background-color: #00E676;
    color: #FFFFFF;
  }
  body [data-background-color="youtube"]:not([data-card="stats-plain"]) {
    background-color: #FF0000;
    color: #FFFFFF;
  }
  body [data-background-color="telegram"]:not([data-card="stats-plain"]) {
    background-color: #2FB0EA;
    color: #FFFFFF;
  }
  body [data-background-color="linkedin"]:not([data-card="stats-plain"]) {
    background-color: #0073B1;
    color: #FFFFFF;
  }
  body [data-background-color="tumblr"]:not([data-card="stats-plain"]) {
    background-color: #35465D;
    color: #FFFFFF;
  }

  body [data-card][data-background-color="purple"]:before,
  body [data-card="stats-plain"][data-background-color="purple"]:after,
  body [data-card="stats-plain"][data-background-color="purple"] .card-header:after {
    background-color: rgba(148, 1, 173, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="black"]:before,
  body [data-card="stats-plain"][data-background-color="black"]:after,
  body [data-card="stats-plain"][data-background-color="black"] .card-header:after {
    background-color: rgba(0, 0, 0, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="white"]:before,
  body [data-card="stats-plain"][data-background-color="white"]:after,
  body [data-card="stats-plain"][data-background-color="white"] .card-header:after {
    background-color: rgba(255, 255, 255, .8);
    color: #555555;
  }
  body [data-card][data-background-color="rose"]:before,
  body [data-card="stats-plain"][data-background-color="rose"]:after,
  body [data-card="stats-plain"][data-background-color="rose"] .card-header:after {
    background-color: rgba(255, 0, 66, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="blue"]:before,
  body [data-card="stats-plain"][data-background-color="blue"]:after,
  body [data-card="stats-plain"][data-background-color="blue"] .card-header:after {
    background-color: rgba(22, 181, 253, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="green"]:before,
  body [data-card="stats-plain"][data-background-color="green"]:after,
  body [data-card="stats-plain"][data-background-color="green"] .card-header:after {
    background-color: rgba(0, 217, 111, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="orange"]:before,
  body [data-card="stats-plain"][data-background-color="orange"]:after,
  body [data-card="stats-plain"][data-background-color="orange"] .card-header:after {
    background-color: rgba(255, 87, 4, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="yellow"]:before,
  body [data-card="stats-plain"][data-background-color="yellow"]:after,
  body [data-card="stats-plain"][data-background-color="yellow"] .card-header:after {
    background-color: rgba(252, 185, 19, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="brown"]:before,
  body [data-card="stats-plain"][data-background-color="brown"]:after,
  body [data-card="stats-plain"][data-background-color="brown"] .card-header:after {
    background-color: rgba(120, 32, 0, .8);
    color: #FFFFFF;
  }
  body [data-card][data-background-color="grey"]:before,
  body [data-card="stats-plain"][data-background-color="grey"]:after,
  body [data-card="stats-plain"][data-background-color="grey"] .card-header:after {
    background-color: rgba(97, 97, 97, .8);
    color: #FFFFFF;
  }

  body [data-color="purple"] {
    color: #9401AD !important;
  }
  body [data-color="black"] {
    color: #000000 !important;
  }
  body [data-color="white"] {
    color: #FFFFFF !important;
  }
  body [data-color="rose"] {
    color: #FF0042 !important;
  }
  body [data-color="blue"] {
    color: #16B5FD !important;
  }
  body [data-color="green"] {
    color: #00d96f !important;
  }
  body [data-color="orange"] {
    color: #FF5704 !important;
  }
  body [data-color="yellow"] {
    color: #FCB913 !important;
  }
  body [data-color="brown"] {
    color: #782000 !important;
  }
  body [data-color="grey"] {
    color: #616161 !important;
  }
  body [data-color="facebook"] {
    color: #4267B2;
  }
  body [data-color="twitter"] {
    color: #1DA1F2;
  }
  body [data-color="instagram"] {
    color: #D32891;
  }
  body [data-color="google-plus"] {
    color: #DB4937;
  }
  body [data-color="twitter"] {
    color: #1DA1F2;
  }
  body [data-color="whatsapp"] {
    color: #00E676;
  }
  body [data-color="youtube"] {
    color: #FF0000;
  }
  body [data-color="telegram"] {
    color: #2FB0EA;
  }
  body [data-color="linkedin"] {
    color: #0073B1;
  }
  body [data-color="tumblr"] {
    color: #35465D;
  }
  .bg-primary {
    background-color: #9401AD !important;
  }
  .bg-secondary {
    background-color: #616161 !important;
  }
  .bg-success {
    background-color: #00d96f !important;
  }
  .bg-danger {
    background-color: #FF0042 !important;
  }
  .bg-warning {
    background-color: #FCB913 !important;
    color: #FFFFFF;
  }
  .bg-info {
    background-color: #16B5FD !important;
  }

  .text-primary {
    color: #9401AD !important;
  }
  .text-secondary {
    color: #616161 !important;
  }
  .text-info {
    color: #16B5FD !important;
  }
  .text-warning {
    color: #FCB913 !important;
  }
  .text-success {
    color: #00d96f !important;
  }
  .text-danger {
    color: #FF0042 !important;
  }

  .svg-purple path,
  .c3-target-svg-purple .c3-arc {
    fill: #9401AD !important;
  }
  .svg-black path,
  .c3-target-svg-black .c3-arc {
    fill: #000000 !important;
  }
  .svg-white path,
  .c3-target-svg-white .c3-arc {
    fill: #FFFFFF !important;
  }
  .svg-rose path,
  .c3-target-svg-rose .c3-arc {
    fill: #FF0042 !important;
  }
  .svg-blue path,
  .c3-target-svg-blue .c3-arc {
    fill: #16B5FD !important;
  }
  .svg-green path,
  .c3-target-svg-green .c3-arc {
    fill: #00d96f !important;
  }
  .svg-orange path,
  .c3-target-svg-orange .c3-arc {
    fill: #FF5704 !important;
  }
  .svg-yellow path,
  .c3-target-svg-yellow .c3-arc {
    fill: #FCB913 !important;
  }
  .svg-brown path,
  .c3-target-svg-brown .c3-arc {
    fill: #782000 !important;
  }
  .svg-grey path,
  .c3-target-svg-grey .c3-arc {
    fill: #616161 !important;
  }

/*END MAIN-COLOR*/
/*THEME-DEFAULT*/
  body[data-theme="default"] .sidebar {
    /*background: linear-gradient(330deg, #FFFFFF 19%, rgba(255,255,255,0) 0%),
                linear-gradient(148deg, #FFFFFF 15%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #D7D7D7 18%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #FFFFFF 78%, rgba(255,255,255,0) 0%), 
                linear-gradient(10deg, #D7D7D7 50%, #FFFFFF 50%);*/
    /*background: repeating-linear-gradient(
    45deg,
    #000,
    #000 52px,
    #FCB913 52px,
    #FCB913 104px
    );*/
  }
  body[data-theme="default"] .sidebar:before {
    /*background: #FFFFFF;*/
    /*background: rgba(0, 0, 0, .8);*/
    background: rgba(255, 255, 255, 1);

  }
  body[data-theme="default"] .sidebar .sidebar-wrapper .profile:after {
    background-color: rgba(180, 180, 180, .45);
  } 
  body[data-theme="default"] .sidebar .navbar-brand {
    border-color: #9401AD; 
  }
  body[data-theme="default"]  .sidebar .sidebar-utility:before {
    content: unset;
  }
  body[data-theme="default"] .sidebar .nav li > a {
    color: rgba(51, 51, 51, .85);
  }
  body[data-theme="default"] .sidebar .nav li > a:after,
  body[data-theme="default"] .sidebar .navbar-brand:after {
    background-color: rgba(180, 180, 180, .45);
  }
  body[data-theme="default"] .sidebar .nav li > a.active {
    color: #9401AD;
    border-color: #9401AD;
  }
  /*body[data-theme="default"] .sidebar .nav li > a.active i {
    rgba(255, 0, 66, .8)
    rgba(0, 217, 111, .8)
    color: rgba(22, 181, 253, .8);
  }*/
  body[data-theme="default"] .sidebar .nav li > a.active > span,
  body[data-theme="default"] .sidebar .nav li > a.active p {
    color: #9401AD;
  }
  body[data-theme="default"].sidebar-collapse .sidebar .nav li > a:hover i,
  body[data-theme="default"] .sidebar .nav li > a:hover i,
  body[data-theme="default"] .sidebar .nav li > a:hover span:first-child {
    color: rgba(148, 1, 173, .8);
  }
  body[data-theme="default"] .sidebar .nav li > a.active:before {

  }
  body[data-theme="default"] .sidebar .sidebar-wrapper .profile .profile-photo:after {
    border-color: rgba(230, 230, 230, .85);
  }
  body[data-theme="default"] .profile-photo > span {
    color: rgba(51, 51, 51, .65);
  }
  body[data-theme="default"] .sidebar .sidebar-wrapper .profile .name {
    color: rgba(51, 51, 51, .65);
  }
  body[data-theme="default"] .navbar a {
    color: #515151;
  }
  body[data-theme="default"] .nav.nav-tabs a:active,
  body[data-theme="default"] .nav.nav-tabs a.active {
    color: #9401AD !important;
  }
  body[data-theme="default"] a {
    color: #555555;
  }
  body[data-theme="default"] a:hover {
    color: #9401AD;
  }
  body[data-theme="default"] .form-control {
    background-image: linear-gradient(rgba(148, 1, 173, .8), rgba(148, 1, 173, .8)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 0 1px, 100% 1px;
  }
  body[data-theme="default"] .form-control:hover:enabled,
  body[data-theme="default"] .form-control:focus:enabled,
  body[data-theme="default"] .form-control:active:enabled {
    background-image: linear-gradient(rgba(148, 1, 173, .8), rgba(148, 1, 173, .8)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
  body[data-theme="default"] .form-control:focus ~ label,
  body[data-theme="default"] .form-control.not-empty ~ label {
    color: rgba(180, 180, 180, 1);
  }
  body[data-theme="default"] .custom-select.is-invalid,
  body[data-theme="default"] .form-control.is-invalid,
  body[data-theme="default"] .was-validated .custom-select:invalid,
  body[data-theme="default"] .was-validated .form-control:invalid {
    background-image: linear-gradient(rgba(255, 0, 66, 0.5), rgba(255, 0, 66, 0.5)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
  body[data-theme="default"] .custom-select.is-valid:focus,
  body[data-theme="default"] .form-control.is-valid:focus,
  body[data-theme="default"] .was-validated .custom-select:valid:focus,
  body[data-theme="default"] .was-validated .form-control:valid:focus,
  body[data-theme="default"] .custom-select.is-valid:hover,
  body[data-theme="default"] .form-control.is-valid:hover,
  body[data-theme="default"] .was-validated .custom-select:valid:hover,
  body[data-theme="default"] .was-validated .form-control:valid:hover {
    background-image: linear-gradient(rgba(0, 239, 122, 0.5), rgba(0, 239, 122, 0.5)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
  body[data-theme="default"] .custom-select.is-valid,
  body[data-theme="default"] .form-control.is-valid,
  body[data-theme="default"] .was-validated .custom-select:valid,
  body[data-theme="default"] .was-validated .form-control:valid,
  body[data-theme="default"] .custom-select.is-valid,
  body[data-theme="default"] .form-control.is-valid,
  body[data-theme="default"] .was-validated .custom-select:valid,
  body[data-theme="default"] .was-validated .form-control:valid {
    background-image: linear-gradient(rgba(0, 239, 122, 0.5), rgba(0, 239, 122, 0.5)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 0 1px, 100% 1px;
  }
  body[data-theme="default"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, 
  body[data-theme="default"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    left: 6px;
    color: rgba(148, 1, 173, 1);
    background-color: #FFFFFF;
    border-color: rgba(148, 1, 173, .8);
  }
  body[data-theme="default"] .toggle label input[type="checkbox"]:checked + .lever {
    background-color: rgba(148, 1, 173, .8);
  }
  body[data-theme="default"] .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    color: #FCB913;
  }
  body[data-theme="default"] .toggle label input[type="checkbox"]:checked + .lever:after {
    background-color: #f1f1f1;
  }
  body[data-theme="default"] .bootstrap-datetimepicker-widget table td span.active {
      background-color: #212121;
      color: #FFFFFF;
  } 

  body[data-theme="default"] .tokenize.focus > .tokens-container {
    background-image: linear-gradient(rgba(148, 1, 173, .8), rgba(148, 1, 173, .8)),
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
 
  body[data-theme="default"] .tokenize > .tokens-container > .token {
    border: 1px solid #FCB913;
  }

  body[data-theme="default"] .tokenize > .tokens-container > .token {
    background-color: #FFFFFF;
  }

  body[data-theme="default"] .tokenize > .tokens-container > .token > .dismiss {
    color: #555555;
  }
  body[data-theme="default"] .tokenize > .tokens-container > .token.pending-delete,
  body[data-theme="default"] .tokenize > .tokens-container > .token.pending-delete > .dismiss {
    color: #FFFFFF;
    background-color: #212121;
  }

  body[data-theme="default"] .tokenize-dropdown > .dropdown-menu {
    border: 1px solid #FCB913;
  }

  body[data-theme="default"] .tokenize-dropdown > .dropdown-menu .dropdown-item.active {
    color: #FCB913;
    background-color: unset;
  }

  body[data-theme="default"] .tokenize > .tokens-container > .token.pending-delete {
    border: 1px solid #212121;
  }

  body[data-theme="default"] .tokenize > .tokens-container > .token.pending-delete {
    border: 1px solid #212121;
  }

  body[data-theme="default"] .page-item.active .page-link {

  }
  body[data-theme="default"] .pagination .active .page-link:hover {

  }
/*END THEME-DEFAULT*/
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }
/*NAVBAR*/
  .navbar-full {
    margin: 0 !important;
    border-radius: 0 !important;
  }
  .navbar .navbar-toggler{
    margin-right: 15px;
    z-index: 10;
  }
  .navbar {
    padding: 0;
    min-height: 70px;
    max-height: 70px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 -5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);

            box-shadow: 0 -5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }
  .navbar:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .navbar-brand {
    position: relative;
    line-height: 30px;
    color: inherit;
    padding: 10px 15px;
    font-size: 18px;
  }
  .navbar .nav {
    z-index: 3;
  }
  .navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .navbar .nav > li {
    position: relative;
  }
  .navbar .nav > li > a i {
    vertical-align: middle;
  }
  .navbar .nav {
    padding: 13px 15px;
  }
  .navbar .dropdown-menu {
    right: 0;
    left: unset !important;
  }
/*END NAVBAR*/
/*NAV*/
  .nav.nav-tabs a:active,
  .nav.nav-tabs a.active {
    color: #16B5FD !important;
  }
  [data-toggle="collapse"]:not(.navbar-toggler):before{
    content: 'arrow_drop_down';
    position: absolute;
    top: 50%;
    right: 10px;
    border-radius: 50%;
    transform: translateY(-50%);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
  }
  [data-toggle="collapse"][aria-expanded="true"]:before{
    -webkit-transform: rotate(180deg) translateY(50%);
       -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
         -o-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
  }
  .nav .dropdown-toggle:after {
    content: unset;
  }
  .dropdown-menu {
    margin: 10px 0;
    border: unset;
    box-shadow: 0 3px 8px -1px rgba(0,0,0,.25);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  .dropdown-toggle {
    padding: 8px 40px 8px 20px !important;
    color: #FFFFFF !important;
  }
  .dropdown-toggle:after {
    content: 'arrow_drop_down';
    position: absolute;
    top: 50%;
    right: 10px;
    width: unset;
    height: unset;
    transform: translateY(-50%);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    border: unset;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
  }
  .dropdown-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotate(180deg) translateY(50%);
       -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
         -o-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
  }
  .dropdown-header {
    color: rgba(0,0,0,.5);
  }
  .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 200;
  }
  .dropdown-menu .dropdown-item:focus,
  .dropdown-menu .dropdown-item:hover {
    background-color: unset;
  }
  .dropdown-icon-only .dropdown-toggle {
    padding: 8px 40px 8px 20px !important;
  }
  .dropdown-icon-only .dropdown-toggle i {
    top: 0 !important;
    left: 0 !important;
  }
/*END-NAV*/
/*NAV-TABS*/
  [data-tabs="basic"]{
    position: relative;
  }
  [data-tabs="basic"] .card-header {
    line-height: unset;
    box-shadow: unset;
  }
  [data-tabs="basic"] .card-header:after {
    content: unset;
  }
  [data-tabs="basic"] .card-header .nav-tabs {
    border-bottom: unset;
  }
  [data-tabs="basic"] .card-header .nav .nav-item {
    position: relative;
    height: 40px;
    margin-bottom: unset;
    z-index: 2;
  }
  [data-tabs="basic"] .card-header .nav .nav-item .nav-link {
    position: relative;
    color: #9A9A9A !important;
    border: unset;
    background-color: unset;
  }
  [data-tabs="basic"] .card-header .nav .nav-item .nav-link.dropdown-toggle {
    height: 40px;
  }
  [data-tabs="basic"] .card-content{
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    background: linear-gradient(342deg, #FFFFFF 27%, rgba(255,255,255,0) 0%), 
                linear-gradient(168deg, #FFFFFF 65%, rgba(255,255,255,0) 65%), 
                linear-gradient(190deg, #F8F8F8 5%, #F8F8F8 5%);
  }
  [data-tabs="basic"] .card-body,
  [data-tabs="basic"] .card-footer {
    background-color: unset;
  }
  [data-tabs="basic"] .card-image,
  [data-tabs="basic"] .card-image-product {
    position: relative;
    display: block;
    margin: 10px 20px 15px;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-tabs="basic"] .card-image-no-shadow {
    position: relative;
    display: block;
    margin: 10px 20px 15px;
    border-radius: 6px;
  }
  [data-tabs="basic"] .card-header {
    position: relative;
    display: block;
    border-radius: 6px;
  }
  [data-tabs="basic"] .card-image:before,
  [data-tabs="basic"] .card-image-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-tabs="basic"] .card-image:before,
  [data-tabs="basic"] .card-image img {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-tabs="basic"] .card-header,
  [data-tabs="basic"] .card-header:before,
  [data-tabs="basic"] .card-image-product:before,
  [data-tabs="basic"] .card-image-product img {
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
         -o-border-radius: 6px !important;
            border-radius: 6px !important;
  }
  [data-tabs="basic"] .card-image .card-footer:before {
    content: unset;
  }
  [data-tabs="basic"] .card-price {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .5);
  }
  [data-tabs="basic"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="basic"] .card-price .price{
    margin: 0;
  }
  [data-tabs="basic"] .card-price .card-link {
    line-height: 30px;
  }
  [data-tabs="basic"] .card-footer {
    min-height: 40px;
  }
  [data-tabs="basic"] .card-footer:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="basic"] .card-footer .card-link i {
    float: left;
  }
  [data-tabs="basic"] .card-footer .card-link span {
    float: right;
  }
  [data-tabs="basic"] .nav-point{
    width: 50px;
    height: 1px;
    background: rgba(180, 180, 180, .75);
    position: absolute;
    z-index: 5;
    border-radius: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -moz-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -ms-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -o-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.21, 0.61, 0.36, 1);
  }

  [data-tabs="simple"]{
    position: relative;
    margin-top: 50px;
  }
  [data-tabs="simple"] .card-header {
    line-height: unset;
    background: linear-gradient(330deg, #FFFFFF 15%, rgba(255,255,255,0) 0%),
                linear-gradient(148deg, #FFFFFF 15%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #D7D7D7 25%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #FFFFFF 78%, rgba(255,255,255,0) 0%), 
                linear-gradient(10deg, #D7D7D7 90%, #FFFFFF 0%);
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.15);
  }
  [data-tabs="simple"] .card-header:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    background-color: rgba(22, 181, 253, 0.75);
  }
  [data-tabs="simple"] .card-header:after {
    content: unset;
  }
  [data-tabs="simple"] .card-header .nav-tabs {
    border-bottom: unset;
  }
  [data-tabs="simple"] .card-header .nav .nav-item {
    position: relative;
    height: 40px;
    margin-bottom: unset;
    z-index: 2;
  }
  [data-tabs="simple"] .card-header .nav .nav-item .nav-link {
    position: relative;
    color: #FFFFFF !important;
    border: unset;
    background-color: unset;
  }
  [data-tabs="simple"] .card-header .nav .nav-item .nav-link.dropdown-toggle {
    height: 40px;
  }
  [data-tabs="simple"] .card-content{
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    background: linear-gradient(342deg, #FFFFFF 27%, rgba(255,255,255,0) 0%), 
                linear-gradient(168deg, #FFFFFF 65%, rgba(255,255,255,0) 65%), 
                linear-gradient(190deg, #F8F8F8 5%, #F8F8F8 5%);
  }
  [data-tabs="simple"] .card-body,
  [data-tabs="simple"] .card-footer {
    background-color: unset;
  }
  [data-tabs="simple"] .card-header,
  [data-tabs="simple"] .card-image,
  [data-tabs="simple"] .card-image-product {
    position: relative;
    display: block;
    margin: -30px 20px 15px;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-tabs="simple"] .card-image:before,
  [data-tabs="simple"] .card-image-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-tabs="simple"] .card-image:before,
  [data-tabs="simple"] .card-image img {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-tabs="simple"] .card-header,
  [data-tabs="simple"] .card-header:before,
  [data-tabs="simple"] .card-image-product:before,
  [data-tabs="simple"] .card-image-product img {
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
         -o-border-radius: 6px !important;
            border-radius: 6px !important;
  }
  [data-tabs="simple"] .card-image .card-footer:before {
    content: unset;
  }
  [data-tabs="simple"] .card-price {
    position: relative;
    color: rgba(0, 0, 0, .5);
  }
  [data-tabs="simple"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="simple"] .card-price .price{
    float: left;
    margin: 0;
  }
  [data-tabs="simple"] .card-price .card-link {
    line-height: 30px;
  }
  [data-tabs="simple"] .card-footer {
    min-height: 40px;
  }
  [data-tabs="simple"] .card-footer:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="simple"] .card-footer .card-link i {
    float: left;
  }
  [data-tabs="simple"] .card-footer .card-link span {
    float: right;
  }
  [data-tabs="simple"] .nav-point{
    width: 50px;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    border-radius: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -moz-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -ms-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -o-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.21, 0.61, 0.36, 1);
  }

  [data-tabs="basic-pills"]{
    position: relative;
  }
  [data-tabs="basic-pills"] .card-header {
    line-height: unset;
    box-shadow: unset;
  }
  [data-tabs="basic-pills"] .card-header:after {
    content: unset;
  }
  [data-tabs="basic-pills"] .card-header .nav-tabs {
    border-bottom: unset;
  }
  [data-tabs="basic-pills"] .card-header .nav .nav-item {
    position: relative;
    height: 40px;
    margin-bottom: unset;
    z-index: 10;
  }
  [data-tabs="basic-pills"] .card-header .nav .nav-item .nav-link {
    position: relative;
    color: #9A9A9A;
    border: unset;
    background-color: unset;
  }
  [data-tabs="basic-pills"] .card-header .nav .nav-item .nav-link.active {
    color: #FFFFFF;
  }
  [data-tabs="basic-pills"] .card-header .nav .nav-item .nav-link.dropdown-toggle {
    height: 40px;
  }
  [data-tabs="basic-pills"] .card-content{
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    background: linear-gradient(342deg, #FFFFFF 27%, rgba(255,255,255,0) 0%), 
                linear-gradient(168deg, #FFFFFF 65%, rgba(255,255,255,0) 65%), 
                linear-gradient(190deg, #F8F8F8 5%, #F8F8F8 5%);
  }
  [data-tabs="basic-pills"] .card-body,
  [data-tabs="basic-pills"] .card-footer {
    background-color: unset;
  }
  [data-tabs="basic-pills"] .card-image,
  [data-tabs="basic-pills"] .card-image-product {
    position: relative;
    display: block;
    margin: 10px 20px 15px;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-tabs="basic-pills"] .card-image-no-shadow {
    position: relative;
    display: block;
    margin: 10px 20px 15px;
    border-radius: 6px;
  }
  [data-tabs="basic-pills"] .card-header {
    position: relative;
    display: block;
    border-radius: 6px;
  }
  [data-tabs="basic-pills"] .card-image:before,
  [data-tabs="basic-pills"] .card-image-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-tabs="basic-pills"] .card-image:before,
  [data-tabs="basic-pills"] .card-image img {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-tabs="basic-pills"] .card-header,
  [data-tabs="basic-pills"] .card-header:before,
  [data-tabs="basic-pills"] .card-image-product:before,
  [data-tabs="basic-pills"] .card-image-product img {
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
         -o-border-radius: 6px !important;
            border-radius: 6px !important;
  }
  [data-tabs="basic-pills"] .card-image .card-footer:before {
    content: unset;
  }
  [data-tabs="basic-pills"] .card-price {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .5);
  }
  [data-tabs="basic-pills"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="basic-pills"] .card-price .price{
    margin: 0;
  }
  [data-tabs="basic-pills"] .card-price .card-link {
    line-height: 30px;
  }
  [data-tabs="basic-pills"] .card-footer {
    min-height: 40px;
  }
  [data-tabs="basic-pills"] .card-footer:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="basic-pills"] .card-footer .card-link i {
    float: left;
  }
  [data-tabs="basic-pills"] .card-footer .card-link span {
    float: right;
  }
  [data-tabs="basic-pills"] .nav-point{
    background: rgba(180, 180, 180, .75);
    position: absolute;
    z-index: 5;
    border-radius: 6px;
    -webkit-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -moz-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -ms-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -o-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.21, 0.61, 0.36, 1);
  }

  [data-tabs="simple-pills"]{
    position: relative;
    margin-top: 50px;
  }
  [data-tabs="simple-pills"] .card-header {
    line-height: unset;
    background: linear-gradient(330deg, #FFFFFF 15%, rgba(255,255,255,0) 0%),
                linear-gradient(148deg, #FFFFFF 15%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #D7D7D7 25%, rgba(255,255,255,0) 0%), 
                linear-gradient(160deg, #FFFFFF 78%, rgba(255,255,255,0) 0%), 
                linear-gradient(10deg, #D7D7D7 90%, #FFFFFF 0%);
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.15);
  }
  [data-tabs="simple-pills"] .card-header:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    background-color: rgba(22, 181, 253, 0.75);
  }
  [data-tabs="simple-pills"] .card-header:after {
    content: unset;
  }
  [data-tabs="simple-pills"] .card-header .nav-tabs {
    border-bottom: unset;
  }
  [data-tabs="simple-pills"] .card-header .nav .nav-item {
    position: relative;
    height: 40px;
    margin-bottom: unset;
    z-index: 10;
  }
  [data-tabs="simple-pills"] .card-header .nav .nav-item .nav-link {
    position: relative;
    color: #FFFFFF !important;
    border: unset;
    background-color: unset;
  }
  [data-tabs="simple-pills"] .card-header .nav .nav-item .nav-link.dropdown-toggle {
    height: 40px;
  }
  [data-tabs="simple-pills"] .card-content{
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    background: linear-gradient(342deg, #FFFFFF 27%, rgba(255,255,255,0) 0%), 
                linear-gradient(168deg, #FFFFFF 65%, rgba(255,255,255,0) 65%), 
                linear-gradient(190deg, #F8F8F8 5%, #F8F8F8 5%);
  }
  [data-tabs="simple-pills"] .card-body,
  [data-tabs="simple-pills"] .card-footer {
    background-color: unset;
  }
  [data-tabs="simple-pills"] .card-header,
  [data-tabs="simple-pills"] .card-image,
  [data-tabs="simple-pills"] .card-image-product {
    position: relative;
    display: block;
    margin: -30px 20px 15px;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-tabs="simple-pills"] .card-image:before,
  [data-tabs="simple-pills"] .card-image-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-tabs="simple-pills"] .card-image:before,
  [data-tabs="simple-pills"] .card-image img {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-tabs="simple-pills"] .card-header,
  [data-tabs="simple-pills"] .card-header:before,
  [data-tabs="simple-pills"] .card-image-product:before,
  [data-tabs="simple-pills"] .card-image-product img {
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
         -o-border-radius: 6px !important;
            border-radius: 6px !important;
  }
  [data-tabs="simple-pills"] .card-image .card-footer:before {
    content: unset;
  }
  [data-tabs="simple-pills"] .card-price {
    position: relative;
    color: rgba(0, 0, 0, .5);
  }
  [data-tabs="simple-pills"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="simple-pills"] .card-price .price{
    float: left;
    margin: 0;
  }
  [data-tabs="simple-pills"] .card-price .card-link {
    line-height: 30px;
  }
  [data-tabs="simple-pills"] .card-footer {
    min-height: 40px;
  }
  [data-tabs="simple-pills"] .card-footer:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-tabs="simple-pills"] .card-footer .card-link i {
    float: left;
  }
  [data-tabs="simple-pills"] .card-footer .card-link span {
    float: right;
  }
  [data-tabs="simple-pills"] .nav-point{
    background: rgba(255, 255, 255, .2);
    position: absolute;
    z-index: 5;
    border-radius: 3px;
    -webkit-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -moz-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -ms-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    -o-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
    transition: all 0.3s cubic-bezier(0.21, 0.61, 0.36, 1);
  }
  [data-tabs-orientation="vertical"] {

  }
  [data-tabs-orientation="vertical"][data-tabs="basic-pills"].card {
    padding-top: 20px;
  }
/*END-NAV-TABS*/
/*SECTION*/
  .background-image {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 20px;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    overflow: hidden;
  }
  /*.background-image:before{
    content: '';
    background: "data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1'><defs><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></defs></svg>";
    background: inherit; 
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 0 10px rgba(0,0,0,0);
    filter: blur(10px);

  }*/
/*END-SECTION*/
/*FORM-INPUT*/
  input, select, textarea {
    font-weight: 200;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 0px);
  }
  textarea {
     resize: none;
  }
  .form-group {
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .form-group label {
    position: absolute;
    top: 5px;
    margin-bottom: unset;
    cursor: pointer;
  }
  .form-group .input-group label {
    top: 8px;
  }
  .form-group .input-group .btn.rounded-circle {
    width: 36px;
    height: 36px;
  }
  .form-group .input-group.input-icon .input-group-prepend,
  .form-group .input-group.input-icon .input-group-prepend {
    position: relative;
    height: auto;
    width: 40px;
  }
  .form-group .input-group.input-icon .input-group-prepend i,
  .form-group .input-group .input-group-prepend i {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    line-height: 36px;
    width: 36px;
    height: 36px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }  
  .form-group .input-group.input-icon label,
  .form-group .input-group.input-icon .invalid-feedback {
    margin-left: 40px;
  }
  .form-group .input-group.input-icon.select .input-group-prepend{
    position: absolute;
    height: 40px;
  }
  .form-control {
    padding-left: unset;
    padding-right: unset;
    background-color: unset !important;
    border: 0;
    background-repeat: no-repeat;
    background-position: left bottom, left calc(100%);
    background-color: transparent;
    float: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(rgba(148, 1, 173, 1), rgba(148, 1, 173, 1)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 0 1px, 100% 1px;
  }
  .form-control:hover:enabled,
  .form-control:focus:enabled,
  .form-control:active:enabled {
    background-image: linear-gradient(rgba(148, 1, 173, 1), rgba(148, 1, 173, 1)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
  .form-control::placeholder {
    color: #BDBDBD;
    font-weight: 200;
  }
  .form-control:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
  }  
  .form-control:focus ~ label,
  .form-control.not-empty ~ label,
  .form-group.is-filled label {
    top:-16px;
    font-size:13px;
  }
  .form-control:focus ~ .checkbox label,
  .form-control.not-empty ~ .checkbox label,
  .form-group.is-filled .checkbox label,
  .form-control:focus ~ .radio label,
  .form-control.not-empty ~ .radio label,
  .form-group.is-filled .radio label {
    top: unset;
  }
  .custom-select.is-invalid:focus,
  .form-control.is-invalid:focus,
  .was-validated .custom-select:invalid:focus,
  .was-validated .form-control:invalid:focus,
  .custom-select.is-valid:focus,
  .form-control.is-valid:focus,
  .was-validated .custom-select:valid:focus,
  .was-validated .form-control:valid:focus {
    box-shadow: unset;
  }
  .form-control:placeholder {
    color: rgba(0,0,0,.3);
    opacity: 1;
  }
  .form-control:disabled, .form-control[readonly] {
    color: #bdbdbd;
    opacity: 1;
    cursor: no-drop;
  }
  .invalid-feedback {
    color: rgba(255, 0, 66, 1) !important;
  }
  .file input[type="file"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: pointer;
    opacity: 0;
  }
/*END-FORM-INPUT*/
/*TABLE*/
  .table {
    font-weight: 200;
  }
  .table td, .table th {
    font-weight: 200;
    vertical-align: middle;
    border-top: unset !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(250,250,250,.5);
  }
  .table-hover tbody tr:hover {
    background-color: rgba(200,200,200,.15);
  }
  .table .btn.rounded-circle {
    margin-right: 0;
  }
  .table .checkbox label .checkbox-decorator, 
  .table label.checkbox-inline .checkbox-decorator {
    top: -7px;
  }
  .table td, .table th {
    border-top: unset !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, 
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    box-shadow: unset;
  }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 5px;
  }
  table.dataTable {
    margin-top: 5px !important;
    margin-bottom: 20px !important;
  }
  .table td, .table th {
    border-top: unset !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 5px;
  }
  .dataTables_length {
    font-weight: 200;
    padding: .75rem;
  }
  .dataTables_length label,
  .dataTables_filter label{
    font-weight: 200;
  }
  .dataTables_filter {
    padding: .75rem;
  }
/*END TABLE*/
/*PAGINATION*/
  .page-link {
    color: inherit;
    background-color: unset;
    border: unset;
    line-height: 1;
    border-radius: 50%;
  }

  .page-link:hover {
    color: #9401AD !important;
    text-decoration: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .4);
  }
  .page-link:focus {
    box-shadow: unset;
  }
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-item.active .page-link {
    width: 30px;
    height: 30px;
    padding: unset;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #9401AD;
    border: unset;
    box-shadow: 0 0 1px 1px rgba(21, 21, 21, .1);
    z-index: 1;
  }
  .page-item.active .page-link:hover {
    color: #FFFFFF !important;
  }
  .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
  }

  .pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }

  .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  .pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  }

  .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
  }
/*END-PAGINATION*/  
/*DATETIME-PICKER*/
  .form-group .input-group.input-icon .bootstrap-select.dropdown {
    margin-left: 40px;
  }
  .bootstrap-select.dropdown .dropdown-toggle{
    box-shadow: unset;
  }
  .bootstrap-select .dropdown-menu {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid rgba(180, 180, 180, 0.3);
  }
  .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    background-color: unset;
  }
  .bootstrap-select .dropdown-item:focus, .bootstrap-select .dropdown-item:hover {
    background-color: unset;
  }
/*END-DATETIME-PICKER*/
/*DATETIME-PICKER*/
  .sr-only,
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]:after,
  .bootstrap-datetimepicker-widget .btn[data-action="today"]:after,
  .bootstrap-datetimepicker-widget .picker-switch:after,
  .bootstrap-datetimepicker-widget table th.prev:after,
  .bootstrap-datetimepicker-widget table th.next:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }

  .bootstrap-datetimepicker-widget {
    list-style: none;
  }

  .bootstrap-datetimepicker-widget a .btn:hover {
    background-color: transparent;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-top: 10px;
    padding: 10px;
    width: 19em;
    border: 1px solid rgba(180, 180, 180, 0.3);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10), 0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }

  @media (min-width: 768px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
          width: 38em;
      }
  }

  @media (min-width: 992px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
          width: 38em;
      }
  }

  @media (min-width: 1200px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
          width: 38em;
      }
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    right: auto;
    left: 12px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.top {
    margin-top: auto;
    margin-bottom: -20px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.top.open {
    margin-top: auto;
    margin-bottom: 5px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
      left: auto;
      right: 7px;
  }

  .bootstrap-datetimepicker-widget .list-unstyled {
      margin: 0;
  }

  .bootstrap-datetimepicker-widget a[data-action] {
      padding: 0;
      margin: 0;
      border-width: 0;
      background-color: transparent;
      color: #9c27b0;
      box-shadow: none;
  }

  .bootstrap-datetimepicker-widget a[data-action]:hover {
      background-color: transparent;
  }

  .bootstrap-datetimepicker-widget a[data-action]:hover span {
    background-color: #eeeeee;
    color: #9c27b0;
  }

  .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
  }

  .bootstrap-datetimepicker-widget .timepicker-hour,
  .bootstrap-datetimepicker-widget .timepicker-minute,
  .bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    font-size: 1.3em;
    margin: 0;
    border-radius: 50%;
  }

  .bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;
    height: 38px;
    margin-right: 3px;
    padding: 0;
  }

  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after {
    content: "Increment Hours";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after {
        content: "Increment Minutes";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after {
        content: "Decrement Hours";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after {
        content: "Decrement Minutes";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after {
    content: "Show Hours";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after {
    content: "Show Minutes";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after {
    content: "Toggle AM/PM";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="clear"]:after {
    content: "Clear the picker";
  }

  .bootstrap-datetimepicker-widget .btn[data-action="today"]:after {
    content: "Set the date to today";
  }

  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    border-radius: 3px;
  }

  .bootstrap-datetimepicker-widget .picker-switch:after {
    content: "Toggle Date and Time Screens";
  }

  .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit;
  }

  .bootstrap-datetimepicker-widget .picker-switch td span {
      line-height: 2.5;
      height: 2.5em;
      width: 100%;
      border-radius: 3px;
      margin: 2px 0px !important;
  }

  .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0;
  }

  .bootstrap-datetimepicker-widget table.table-condensed tr>td {
        text-align: center;
  }

  .bootstrap-datetimepicker-widget table td>div,
  .bootstrap-datetimepicker-widget table th>div {
        text-align: center;
  }

  .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
        font-weight: 500;
  }

  .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
  }

  .bootstrap-datetimepicker-widget table th.disabled,
  .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #eeeeee;
    cursor: not-allowed;
  }

  .bootstrap-datetimepicker-widget table th.prev span,
  .bootstrap-datetimepicker-widget table th.next span {
    border-radius: 3px;
    height: 27px;
    width: 27px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
  }

  .bootstrap-datetimepicker-widget table th.prev:after {
    content: "Previous Month";
  }

  .bootstrap-datetimepicker-widget table th.next:after {
    content: "Next Month";
  }

  .bootstrap-datetimepicker-widget table th.dow {
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    font-size: 12px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 10px;
  }

  .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
  }

  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
  .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
    background: #eeeeee;
  }

  .bootstrap-datetimepicker-widget table td>div {
    border-radius: 3px;
    height: 54px;
    line-height: 54px;
    width: 54px;
    text-align: center;
  }

  .bootstrap-datetimepicker-widget table td.cw>div {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #999999;
  }

  .bootstrap-datetimepicker-widget table td.day>div {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    padding: 0px;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    position: relative;
  }

  .bootstrap-datetimepicker-widget table td.minute>div,
  .bootstrap-datetimepicker-widget table td.hour>div {
    border-radius: 50%;
  }

  .bootstrap-datetimepicker-widget table td.day:hover>div,
  .bootstrap-datetimepicker-widget table td.hour:hover>div,
  .bootstrap-datetimepicker-widget table td.minute:hover>div,
  .bootstrap-datetimepicker-widget table td.second:hover>div {
    background: #eeeeee;
    cursor: pointer;
  }

  .bootstrap-datetimepicker-widget table td.old>div,
  .bootstrap-datetimepicker-widget table td.new>div {
    color: #999999;
  }

  .bootstrap-datetimepicker-widget table td.today>div {
    position: relative;
  }

  .bootstrap-datetimepicker-widget table td.today>div:before {
    content: '';
    display: inline-block;
    border: 0 0 7px 7px solid transparent;
    border-bottom-color: #9c27b0;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
  }

  .bootstrap-datetimepicker-widget table td.active>div,
  .bootstrap-datetimepicker-widget table td.active:hover>div {
    background-color: #9c27b0;
    color: #FFFFFF;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
  }

  .bootstrap-datetimepicker-widget table td.active.today:before>div {
    border-bottom-color: #FFFFFF;
  }

  .bootstrap-datetimepicker-widget table td.disabled>div,
  .bootstrap-datetimepicker-widget table td.disabled:hover>div {
    background: none;
    color: #eeeeee;
    cursor: not-allowed;
  }

  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 3px 3px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
  }

  .bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
  }

  .bootstrap-datetimepicker-widget table td span.old {
    color: #999999;
  }

  .bootstrap-datetimepicker-widget table td span.disabled,
  .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #eeeeee;
    cursor: not-allowed;
  }

  .bootstrap-datetimepicker-widget .timepicker-picker span,
  .bootstrap-datetimepicker-widget .timepicker-hours span,
  .bootstrap-datetimepicker-widget .timepicker-minutes span {
    border-radius: 50% !important;
  }

  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
  }
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 90px;
    height: 35px;
    line-height: 36px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
  }
/*END-DATETIME-PICKER*/
/*TAGS*/
  .tokenize.focus > .tokens-container {
    outline: 0;
    border-color: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
  }
/*END-TAGS*/
/*SELECT2*/
  .select2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .select2-container--default .select2-selection--single,
  .select2-container--default  .select2-selection--multiple {
    background-color: unset !important;
    border: unset !important;
    border-radius: unset !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered,
  .select2-container .select2-selection--multiple .select2-selection__rendered,
  .select2-search--dropdown {
    display: block;
    padding: .375rem .75rem;
    padding-left: unset !important;
    padding-right: 20px;
    background-color: unset !important;
    border: 0;
    background-repeat: no-repeat;
    background-position: left bottom, left calc(100%);
    background-color: transparent;
    float: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(rgba(148, 1, 173, 1), rgba(148, 1, 173, 1)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 0 1px, 100% 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .select2-container .select2-selection--single .select2-selection__rendered:hover,
  .select2-container .select2-selection--single .select2-selection__rendered:focus,
  .select2-container .select2-selection--single .select2-selection__rendered:active,
  .select2-container .select2-selection--multiple .select2-selection__rendered:hover,
  .select2-container .select2-selection--multiple .select2-selection__rendered:focus,
  .select2-container .select2-selection--multiple .select2-selection__rendered:active,
  .select2-search--dropdown:hover,
  .select2-search--dropdown:focus,
  .select2-search--dropdown:active {
    background-image: linear-gradient(rgba(148, 1, 173, 1), rgba(148, 1, 173, 1)), 
                      linear-gradient(rgba(180, 180, 180, 0.55), rgba(180, 180, 180, 0.55));
    background-size: 100% 1px, 100% 1px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 26px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: .375rem !important;
  }
  .select2-dropdown {
    padding: 10px;
    border: unset !important;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
         -o-border-radius: 6px !important;
            border-radius: 6px !important;
  }
  .select2-container--open .select2-dropdown--below {
    margin: 20px 0 !important;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: unset !important;
  }
  .select2-results__option--highlighted {
    background-color: unset !important;
    color: #9401AD !important;
    font-weight: 200;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 10px !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__choice {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background-color: #F6F6F6 !important;
    display: inline-block !important;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0 !important;
    margin-right: 0px!important;
    margin-bottom: 2px!important;
    font-size: 0!important;
    white-space: nowrap!important;
    font-size: 13px!important;
    vertical-align: middle!important;
    float: left!important;
    margin-right: 8px!important;
    margin-bottom: 4px!important;
  }
  .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 0 !important;
    opacity: 0.38 !important;
    cursor: pointer !important;
    float: right !important;
    margin-top: 4px !important;
    margin-right: -6px !important;
    margin-left: 6px !important;
    transition: opacity !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__choice__remove::before {
    content: "cancel";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #000;
  }
  .select2-container, .select2-dropdown, .select2-search, .select2-results {
    -webkit-transition: none !important;
       -moz-transition: none !important;
        -ms-transition: none !important;
         -o-transition: none !important;
            transition: none !important;
  }  
/*END-SELECT2*/
/*CHECKBOX*/
  .checkbox label,
  label.checkbox-inline {
    position: relative;
    vertical-align: middle;
    padding-left: 32px;
    font-size: 14px !important;
    cursor: pointer;
  }
  .checkbox label .checkbox-decorator,
  label.checkbox-inline .checkbox-decorator {
    position: absolute;
    left: 0;
    padding: 12px;
    margin: -.7em;
    line-height: .7;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 100%;
  }
  .checkbox label .checkbox-decorator .check,
  label.checkbox-inline .checkbox-decorator .check {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
    border: 0.125rem solid rgba(0, 0, 0, 0.54);
    border-radius: 0.125rem;
  }
  .checkbox label .checkbox-decorator .check:before,
  label.checkbox-inline .checkbox-decorator .check:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 6px;
    color: #757575;
    content: "";
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    transform: rotate(45deg);
    animation: checkbox-off;
  }
  .is-focused .checkbox label .checkbox-decorator .check:before, .is-focused
  label.checkbox-inline .checkbox-decorator .check:before {
    animation: checkbox-off 0.3s forwards;
  }
  .checkbox label input[type=checkbox],
  label.checkbox-inline input[type=checkbox] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
  }
  .checkbox label input[type=checkbox]:focus + .checkbox-decorator .check:after,
  label.checkbox-inline input[type=checkbox]:focus + .checkbox-decorator .check:after {
    opacity: 0.2;
  }
  .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check,
  label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check {
    color: #9401AD;
    border-color: #9401AD;
  }
  .checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before,
  label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
    color: #9401AD;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 032px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    animation: checkbox-on 0.3s forwards;
  }
  .checkbox label input[type=checkbox][disabled]:checked + .checkbox-decorator .check:before,
  label.checkbox-inline input[type=checkbox][disabled]:checked + .checkbox-decorator .check:before {
    color: #BDBDBD;
  }
  .checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check:after,
  .checkbox label input[type=checkbox][disabled] .check:after,
  fieldset[disabled] .checkbox label input[type=checkbox] + .checkbox-decorator .check:after,
  fieldset[disabled] .checkbox label input[type=checkbox] .check:after,
  label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .check:after,
  label.checkbox-inline input[type=checkbox][disabled] .check:after,
  fieldset[disabled]
  label.checkbox-inline input[type=checkbox] + .checkbox-decorator .check:after,
  fieldset[disabled]
  label.checkbox-inline input[type=checkbox] .check:after {
    color: #BDBDBD;
    transform: rotate(-45deg);
  }
  .checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check,
  .checkbox label input[type=checkbox][disabled] .check,
  fieldset[disabled] .checkbox label input[type=checkbox] + .checkbox-decorator .check,
  fieldset[disabled] .checkbox label input[type=checkbox] .check,
  label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .check,
  label.checkbox-inline input[type=checkbox][disabled] .check,
  fieldset[disabled]
  label.checkbox-inline input[type=checkbox] + .checkbox-decorator .check,
  fieldset[disabled]
  label.checkbox-inline input[type=checkbox] .check {
    border-color: rgba(0, 0, 0, 0.26); 
  }
  .checkbox label input[type=checkbox][disabled] + .checkbox-decorator .ripple-container,
  fieldset[disabled] .checkbox label input[type=checkbox] + .checkbox-decorator .ripple-container,
  label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .ripple-container,
  fieldset[disabled]
  label.checkbox-inline input[type=checkbox] + .checkbox-decorator .ripple-container {
    display: none;
  }

  @keyframes checkbox-on {
    0% {
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
  }

  @keyframes checkbox-off {
    0% {
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
      width: 0;
      height: 0;
      margin-top: -4px;
      margin-left: 6px;
      box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
      transform: rotate(45deg);
    }
    51% {
      width: 20px;
      height: 20px;
      margin-top: -2px;
      margin-left: -2px;
      box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
      transform: rotate(0deg);
    }
    100% {
      width: 20px;
      height: 20px;
      margin-top: -2px;
      margin-left: -2px;
      box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
      transform: rotate(0deg);
    }
  }
/*END-CHECKBOX*/
/*RADIO-BUTTON*/
  .radio label,
  label.radio-inline {
    position: relative;
    padding-left: 1.5625rem;
    font-size: 14px !important;
  }
  .radio label span,
  label.radio-inline span {
    position: absolute;
    left: 0;
    display: inline-block;
    padding: .7em;
    margin: -.7em;
    line-height: .7;
    border-radius: 100%;
  }
  .radio label span:after,
  label.radio-inline span:after {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    content: "";
    border: 0.125rem solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    transition: border-color ease .28s;
    transition-duration: 0.2s;
  }
  .radio label span:before,
  label.radio-inline span:before {
    position: absolute;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-color: #9401AD;
    border-radius: 50%;
    transition: transform ease .28s;
    transform: scale3d(0, 0, 0);
  }
  .radio label input[type=radio],
  label.radio-inline input[type=radio] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
  }
  .radio label input[type=radio]:checked ~ span:after,
  label.radio-inline input[type=radio]:checked ~ span:after {
    border-color: #9401AD;
  }
  .radio label input[type=radio]:checked ~ span:before,
  label.radio-inline input[type=radio]:checked ~ span:before {
    background-color: #9401AD;
  }
  .radio label input[type=radio]:checked ~ span:before,
  label.radio-inline input[type=radio]:checked ~ span:before {
    transform: scale3d(0.5, 0.5, 1);
  }
  .radio label input[type=radio][disabled] + span, .radio label input[type=radio]:disabled + span,
  fieldset[disabled] .radio label input[type=radio] + span,
  label.radio-inline input[type=radio][disabled] + span,
  label.radio-inline input[type=radio]:disabled + span,
  fieldset[disabled]
  label.radio-inline input[type=radio] + span {
    cursor: default;
  }
  .radio label input[type=radio][disabled] + span:after, .radio label input[type=radio]:disabled + span:after,
  fieldset[disabled] .radio label input[type=radio] + span:after,
  label.radio-inline input[type=radio][disabled] + span:after,
  label.radio-inline input[type=radio]:disabled + span:after,
  fieldset[disabled]
  label.radio-inline input[type=radio] + span:after {
    border-color: rgba(0, 0, 0, 0.26);
  }
  .radio label input[type=radio][disabled] + span:before, .radio label input[type=radio]:disabled + span:before,
  fieldset[disabled] .radio label input[type=radio] + span:before,
  label.radio-inline input[type=radio][disabled] + span:before,
  label.radio-inline input[type=radio]:disabled + span:before,
  fieldset[disabled]
  label.radio-inline input[type=radio] + span:before {
    background-color: rgba(0, 0, 0, 0.26);
  }
  .radio label input[type=radio][disabled] + span .ripple-container, .radio label input[type=radio]:disabled + span .ripple-container,
  fieldset[disabled] .radio label input[type=radio] + span .ripple-container,
  label.radio-inline input[type=radio][disabled] + span .ripple-container,
  label.radio-inline input[type=radio]:disabled + span .ripple-container,
  fieldset[disabled]
  label.radio-inline input[type=radio] + span .ripple-container {
    display: none;
  }
  .bg-inverse .radio label input[type=radio][disabled] + span:after, .bg-inverse .radio label input[type=radio]:disabled + span:after, .bg-inverse
  fieldset[disabled] .radio label input[type=radio] + span:after, .bg-inverse
  label.radio-inline input[type=radio][disabled] + span:after, .bg-inverse
  label.radio-inline input[type=radio]:disabled + span:after, .bg-inverse
  fieldset[disabled]
  label.radio-inline input[type=radio] + span:after {
    border-color: rgba(255, 255, 255, 0.3);
  }
  .bg-inverse .radio label input[type=radio][disabled] + span:before, .bg-inverse .radio label input[type=radio]:disabled + span:before, .bg-inverse
  fieldset[disabled] .radio label input[type=radio] + span:before, .bg-inverse
  label.radio-inline input[type=radio][disabled] + span:before, .bg-inverse
  label.radio-inline input[type=radio]:disabled + span:before, .bg-inverse
  fieldset[disabled]
  label.radio-inline input[type=radio] + span:before {
    background-color: rgba(255, 255, 255, 0.3);
  }
/*END-RADIO-BUTTON*/
/*TOGGLE-BUTTON*/
  .form-group .toggle label {
    position: unset !important;
    float: right;
  }
  .toggle,.toggle * {
   -webkit-user-select:none;
   -moz-user-select:none;
   -khtml-user-select:none;
   -ms-user-select:none
  }
  .toggle label {
   cursor:pointer
  }
  .toggle label input[type=checkbox] {
   opacity:0;
   width:0;
   height:0
  }
  .toggle label input[type=checkbox]:checked+.lever {
   background-color: #9401AD;
  }
  .toggle label input[type=checkbox]:checked+.lever:after {
   background-color: #f1f1f1;
   left:24px
  }
  .toggle label input[type=checkbox]:checked:not(:disabled)~.lever:active:after {
   box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(170,102,204,.1)
  }
  .toggle label input[type=checkbox]:not(:disabled)~.lever:active:after {
   box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1)
  }
  .toggle label input[type=checkbox]:disabled+.lever {
   cursor:default;
  }
  .toggle label input[type=checkbox]:disabled+.lever:after,
  .toggle label input[type=checkbox]:disabled:checked+.lever:after {
   background-color:#BDBDBD
  }
  .toggle label input[type=checkbox]:disabled+.lever,
  .toggle label input[type=checkbox]:disabled:checked+.lever {
   background-color:#BDBDBD !important;
  }
  .toggle label .lever {
   content:"";
   display:inline-block;
   top: -1px;
   position:relative;
   width:40px;
   height:15px;
   background-color:#818181;
   border-radius:15px;
   margin-right:10px;
   -webkit-transition:background .3s ease;
   transition:background .3s ease;
   vertical-align:middle;
   margin:0 16px
  }
  .toggle label .lever:after {
   content:"";
   position:absolute;
   display:inline-block;
   width:21px;
   height:21px;
   background-color:#f1f1f1;
   border-radius:21px;
   box-shadow:0 1px 3px 1px rgba(0,0,0,.4);
   left:-5px;
   top:-3px;
   -webkit-transition:left .3s ease,background .3s ease,box-shadow .1s ease;
   transition:left .3s ease,background .3s ease,box-shadow .1s ease
  }
/*END-TOGGLE-BUTTON*/
/*BUTTON*/
  .btn {
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0px 6px -2px rgba(0,0,0,0.25);
    cursor: pointer;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 200;
    border: unset;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  }
  .btn:hover,
  .btn:focus {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 
                        0px 0px 10px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 
                        0px 0px 10px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  }
  .btn:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
  }
  .btn.rounded:hover:before {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
        -ms-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
  }
  .btn i {
    top: -1px;
    font-size: 22px;
  }

  .btn-primary {
    background-color: #9401AD;
  }
  .btn-secondary {
    background-color: #616161;
  }
  .btn-success {
    background-color: #00d96f;
  }
  .btn-danger {
    background-color: #FF0042;
  }
  .btn-warning {
    background-color: #FCB913;
    color: #FFFFFF;
  }
  .btn-info {
    background-color: #16B5FD;
  }

  .btn-primary.disabled,
  .btn-primary:disabled {
    background-color: #9401AD;
    cursor: no-drop;
  }
  .btn-secondary.disabled,
  .btn-secondary:disabled {
    background-color: #616161;
    cursor: no-drop;
  }
  .btn-success.disabled,
  .btn-success:disabled {
    background-color: #00d96f;
    cursor: no-drop;
  }
  .btn-danger.disabled,
  .btn-danger:disabled {
    background-color: #FF0042;
    cursor: no-drop;
  }
  .btn-warning.disabled,
  .btn-warning:disabled {
    background-color: #FCB913;
    cursor: no-drop;
    color: #FFFFFF;
  }
  .btn-info.disabled,
  .btn-info:disabled {
    background-color: #16B5FD;
  }

  .btn-primary.btn-icon-only {
    color: #9401AD;
  }
  .btn-secondary.btn-icon-only {
    color: #616161;
  }
  .btn-success.btn-icon-only {
    color: #00d96f;
  }
  .btn-danger.btn-icon-only {
    color: #FF0042;
  }
  .btn-warning.btn-icon-only,
  .btn-warning.btn-icon-only:hover {
    color: #FCB913;
  }
  .btn-info.btn-icon-only {
    color: #16B5FD !important;
  }
  .btn-primary.btn-icon-only:hover,
  .btn-secondary.btn-icon-only:hover,
  .btn-success.btn-icon-only:hover,
  .btn-danger.btn-icon-only:hover,
  .btn-warning.btn-icon-only:hover,
  .btn-info.btn-icon-only:hover {
    background-color: unset;
    box-shadow: unset;
  }
  .btn-primary.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-primary.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-primary.btn-icon-only.dropdown-toggle,
  .show > .btn-primary ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-primary ~ .dropdown-item:focus {
    background-color: unset;
    color: #9401AD;
    box-shadow: unset;
  }
  .btn-secondary.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-secondary.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-secondary.btn-icon-only.dropdown-toggle,
  .show > .btn-secondary ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-secondary ~ .dropdown-menu.show > .dropdown-item:focus {
    background-color: unset;
    color: #616161;
    box-shadow: unset;
  }
  .btn-success.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-success.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-success.btn-icon-only.dropdown-toggle,
  .show > .btn-success ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-success ~ .dropdown-menu.show > .dropdown-item:focus {
    background-color: unset;
    color: #00d96f;
    box-shadow: unset;
  }
  .btn-danger.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-danger.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-danger.btn-icon-only.dropdown-toggle,
  .show > .btn-danger ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-danger ~ .dropdown-menu.show > .dropdown-item:focus{
    background-color: unset;
    color: #FF0042;
    box-shadow: unset;
  }
  .btn-warning.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-warning.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-warning.btn-icon-only.dropdown-toggle,
  .show > .btn-warning ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-warning ~ .dropdown-menu.show > .dropdown-item:focus {
    background-color: unset;
    color: #FCB913;
    box-shadow: unset;
  }
  .btn-info.btn-icon-only:not(:disabled):not(.disabled).active, 
  .btn-info.btn-icon-only:not(:disabled):not(.disabled):active, 
  .show > .btn-info.btn-icon-only.dropdown-toggle,
  .show > .btn-info ~ .dropdown-menu.show > .dropdown-item:hover,
  .show > .btn-info ~ .dropdown-menu.show > .dropdown-item:focus {
    background-color: unset;
    color: #16B5FD !important;
    box-shadow: unset;
  }

  .btn-primary:not(:disabled):not(.disabled).active:focus, 
  .btn-primary:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-primary.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }
  .btn-secondary:not(:disabled):not(.disabled).active:focus, 
  .btn-secondary:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-secondary.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }
  .btn-success:not(:disabled):not(.disabled).active:focus, 
  .btn-success:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-success.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }
  .btn-danger:not(:disabled):not(.disabled).active:focus, 
  .btn-danger:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-danger.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }
  .btn-warning:not(:disabled):not(.disabled).active:focus, 
  .btn-warning:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-warning.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }
  .btn-info:not(:disabled):not(.disabled).active:focus, 
  .btn-info:not(:disabled):not(.disabled):active:focus, 
  .show > .btn-info.dropdown-toggle:focus {
    color: #FFFFFF;
    box-shadow: unset;
  }

  .btn-link {
    background-color: unset !important;
    color: rgba(51, 51, 51, .5);
    font-weight: 400;
    box-shadow: unset;
  }

  .btn-primary:hover{
    background-color: #9401AD;
  }
  .btn-secondary:hover{
    background-color: #616161;
  }
  .btn-success:hover{
    background-color: #00d96f;
  }
  .btn-danger:hover{
    background-color: #FF0042;
  }
  .btn-warning:hover{
    background-color: #FCB913;
    color: #FFFFFF;
  }
  .btn-info:hover {
    color: #FFFFFF;
    background-color: #16B5FD;
  }
  .btn-link:hover {
    background-color: unset;
    color: #16B5FD;
    box-shadow: unset;
    text-decoration: unset;
  }

  .btn-primary:not(:disabled):not(.disabled).active, 
  .btn-primary:not(:disabled):not(.disabled):active, 
  .show > .btn-primary.dropdown-toggle {
    background-color: #9401AD;
  }
  .btn-secondary:not(:disabled):not(.disabled).active, 
  .btn-secondary:not(:disabled):not(.disabled):active, 
  .show > .btn-secondary.dropdown-toggle {
    background-color: #616161;
  }
  .btn-success:not(:disabled):not(.disabled).active, 
  .btn-success:not(:disabled):not(.disabled):active, 
  .show > .btn-success.dropdown-toggle {
    background-color: #00d96f;
  }
  .btn-danger:not(:disabled):not(.disabled).active, 
  .btn-danger:not(:disabled):not(.disabled):active, 
  .show > .btn-danger.dropdown-toggle {
    background-color: #FF0042;
  }
  .btn-warning:not(:disabled):not(.disabled).active, 
  .btn-warning:not(:disabled):not(.disabled):active, 
  .show > .btn-warning.dropdown-toggle {
    background-color: #FCB913;
    color: #FFFFFF;
  }
  .btn-info:not(:disabled):not(.disabled).active, 
  .btn-info:not(:disabled):not(.disabled):active, 
  .show > .btn-info.dropdown-toggle {
    background-color: #16B5FD;
  }
  .btn:not(.rounded-circle) i {
    position: relative;
    left: -16px;
    vertical-align: middle;
    margin-right: -5px;
  }
  .btn.rounded {
    border-radius: 30px !important;
  }
  .btn.rounded-circle {
    margin-right: 10px;
    padding: unset;
    width: 40px;
    height: 40px;
    border: unset;
  }
  .btn.rounded-circle:last-child {
    margin-right: 0;
  }
  .btn.rounded-circle i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .btn-icon {
    position: relative;
    height: 40px;
    width: 40px;
    border: 0;
    padding: 0;
  }
  .btn-icon i{
    left: 0 !important;
    margin-right: 0 !important;
  }
  .btn.rounded-circle i,
  .btn-icon i {
    top: 0 !important;
    font-size: 20px;
  }
  .btn-icon-only {
    background-color: unset;
    box-shadow: unset;
    color: #999;
    margin-right: unset !important;
  }
  .btn-icon-only:hover:before {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .4);
  }
  .btn-icon-only:focus {
    box-shadow: unset;
  }
  .btn-group .btn {
    box-shadow: unset;
  }
  .btn-group .btn-icon {
    width: 50px;
  }
  .btn-group {
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  }
  .btn-group:hover,
  .btn-group:focus {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 
                        0px 0px 10px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 
                        0px 0px 10px 0px rgba(0, 0, 0, 0.14), 
                        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  }

  .btn-group.btn-group-toggle .btn-primary {
    color: #9401AD;
    border-color: #9401AD;
    background-color: unset;
  }
  .btn-group.btn-group-toggle .btn-secondary {
    color: #616161;
    border-color: #616161;
    background-color: unset;
  }
  .btn-group.btn-group-toggle .btn-success {
    color: #00d96f;
    border-color: #00d96f;
    background-color: unset;
  }
  .btn-group.btn-group-toggle .btn-danger {
    color: #FF0042;
    border-color: #FF0042;
    background-color: unset;
  }
  .btn-group.btn-group-toggle .btn-warning {
    color: #FCB913;
    border-color: #FCB913;
    background-color: unset;
  }
  .btn-group.btn-group-toggle .btn-info {
    color: #16B5FD;
    border-color: #16B5FD;
    background-color: unset;
  }

  .btn-group.btn-group-toggle.btn-group-primary {
    border-color: #9401AD;
  }
  .btn-group.btn-group-toggle.btn-group-secondary {
    border-color: #616161;
  }
  .btn-group.btn-group-toggle.btn-group-success {
    border-color: #00d96f;
  }
  .btn-group.btn-group-toggle.btn-group-danger {
    border-color: #FF0042;
  }
  .btn-group.btn-group-toggle.btn-group-warning {
    border-color: #FCB913;
  }
  .btn-group.btn-group-toggle.btn-group-info {
    border-color: #16B5FD;
  }
  .btn-group.btn-group-toggle {
    border: 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .btn-group.btn-group-toggle label {
    top: unset !important;
  }

  .btn-group-lg > .btn, .btn-lg {
    border-radius: 3px;
    padding: 8px 30px;
  }
/*END BUTTON*/
/*BADGE*/
  .badge {
    position: relative;
    margin-bottom: unset !important;
    border-radius: 3px;
    padding: 5px 15px;
    font-weight: 600;
    line-height: 14px;
    border: unset;
  }
  .badge:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
  }
  .badge-pill {
    border-radius: 20px;
  }
  .badge-pill:hover:before {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
        -ms-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
  }
  .badge-primary {
    background-color: #9401AD;
  }
  .badge-secondary {
    background-color: #616161;
  }
  .badge-success {
    background-color: #00d96f;
  }
  .badge-danger {
    background-color: #FF0042;
  }
  .badge-warning {
    background-color: #FCB913;
    color: #FFFFFF;
  }
  .badge-info {
    background-color: #16B5FD;
    color: #FFFFFF;
  }
  .badge[href] {
    color: #FFFFFF;
  }
  .badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #9401AD;
  }
  .badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #616161;
  }
  .badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #00d96f;
  }
  .badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FF0042;
  }
  .badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FCB913;
  }
  .badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #16B5FD;
  }
/*END-BADGE*/
/*CARD*/
  .card {
    position: relative;
    margin-bottom: 30px !important;
    color: rgba(0,0,0,.60);
    background-color: #FFFFFF;
    border: unset;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }
  .card-image a {
    line-height: 36px;
  }
  .card img {
    position: relative;
    z-index: 2;
  }
  .card-header {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 6px 6px 0 0  !important;
    border: unset;
    line-height: 40px;
  }
  .card-header .float-left {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .card-header.nav {
    display: unset;
  }
  .card-header:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 1.25rem;
    height: 1px;
    width: calc(100% - 2.50rem);
    background-color: rgba(180, 180, 180, 0.3);
  }
  .card-title {
    position: relative;
    padding-bottom: 5px;
  }
  .card-footer {
    position: relative;
    min-height: 60px;
    background-color: #FFFFFF;
    border-radius: 0 0 6px 6px !important;
    border: unset;
  }
  .card-footer:before {
      content: '';
      position: absolute;
      top: 0;
      right: 15px;
      height: 1px;
      width: calc(100% - 35px);
      background-color: rgba(180, 180, 180, 0.3);
  }
  .card-footer img {
    height: 36px;
    -webkit-border-radius: 50% !important;
       -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
         -o-border-radius: 50% !important;
            border-radius: 50% !important;
    -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.10),
                        0 0 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.10),
                        0 0 10px -5px rgba(0, 0, 0, 0.15);
  }
  .card-footer .card-author {
    margin-left: 5px;
  }
  .card-footer > a.btn {
    color: #FFFFFF !important;
  }
  .card.card-pricing-image {
    background-position: center center !important;
    background-size: cover !important;
  }
  .adaptive-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    filter: blur(10px);
    background-size: cover;
    -webkit-transform: scale(0.96);
       -moz-transform: scale(0.96);
         -o-transform: scale(0.96);
        -ms-transform: scale(0.96);
            transform: scale(0.96);
  }
/*END CARD*/
/*HORIZONTAL-LINE*/
  .h-list [class*="col-"] {
    border-right: 1px solid rgba(0,0,0,.12);
  }
  .h-list [class*="col-"]:last-child {
    border: 0;
  }
/*END HORIZONTAL-LINE*/
/*WIDGET*/
  [data-card="header"] {
    display: block;
    padding: 15px 15px;
  }
  [data-card="header"].card:before {
    content: '';
    position: absolute;
    bottom: .5rem;
    left: 0;
    height: calc(100% - 1rem);
    width: 4px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  [data-card="header"].card:after {
    content: '';
    position: absolute;
    bottom: .5rem;
    right: 0;
    height: calc(100% - 1rem);
    width: 4px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [data-card="header"].card .card-title {
    line-height: 40px;
    padding: unset;
  }
  [data-card="header"].card > .nav {
    display: block;
    border-bottom: unset;
  }

  [data-card="header"].card-primary:before,
  [data-card="header"].card-primary:after{
    background-color: #9401AD;
  }
  [data-card="header"].card-secondary:before,
  [data-card="header"].card-secondary:after{
    background-color: #616161;
  }
  [data-card="header"].card-success:before,
  [data-card="header"].card-success:after{
    background-color: #00d96f;
  }
  [data-card="header"].card-danger:before,
  [data-card="header"].card-danger:after{
    background-color: #FF0042;
  }
  [data-card="header"].card-warning:before,
  [data-card="header"].card-warning:after{
    background-color: #FCB913;
  }
  [data-card="header"].card-info:before,
  [data-card="header"].card-info:after{
    background-color: #16B5FD;
  }

  [data-card="stats-plain"]:after {
    content: '';
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    height: calc(100% - 2.50rem);
    width: 5px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .chart[data-card="stats-plain"]:after {
    content: unset;
  }
  [data-card="stats-plain"] .card-header,
  [data-card="stats-plain"] .card-footer {
    background-color: unset;
  }
  [data-card="stats-plain"] .card-header {
    min-height: 78px;
    margin-top: 10px;
    padding: 12px;
    text-align: center;
  }
  .chart[data-card="stats-plain"] .card-header > i {
    position: absolute;
    top: 50%;
    right: 15px;
    float: right;
    font-size: 38px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  [data-card="stats-plain"] .card-header:after {
    content: '';
    position: absolute;
    bottom: .5rem;
    right: 0;
    height: calc(100% - 1rem);
    width: 4px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [data-card="stats-plain"] .card-header.card-widget-svg:after {
    width: 0 !important;
  }
  [data-card="stats-plain"] .card-header .card-title {
    margin-bottom: 0;
  }
  [data-card="stats-plain"] .card-header .card-info {
    position: absolute;
    top: 50%;
    margin: 0;
    font-size: 2.50em;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  [data-card="stats-plain"] .card-body {
    padding-top: 0;
  }
  [data-card="stats-plain"] .card-chart {
    padding: 0;
  }
  [data-card="stats-plain"] .card-body > .card-info {
    padding: 0 20px;
  }
  [data-card="stats-plain"] .card-footer {
    min-height: 40px;
    padding: 12px;
  }
  [data-card="stats-plain"] .card-footer:before {
    content: unset;
  }
  [data-card="stats-plain"] .card-footer.card-chart{
    padding: 0;
    max-height: 100px;
    overflow: hidden;
  }
  [data-card="stats-plain"] .card-footer .card-link i {
    position: relative;
    left: 10px;
    float: left;
    line-height: 38px;
  }
  [data-card="stats-plain"] .card-footer .card-link span {
    float: right;
  }
  [data-card="stats-plain"] .card-footer .card-link span:not(.btn) {
    line-height: 38px;
  }
  [data-card="stats-plain"] .card-chart .card-widget-footer {
    width: 100%;
    height: 100px;
  }
  [data-card="basic"].card {
    margin-top: 30px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="basic"].card:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 181, 253, 0.75);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="basic"] .card-img-top {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-card="basic"] .card-content {
    position: relative;
    z-index: 1;
  }
  [data-card="basic"]:not([data-background-color="white"]) a {
    color: #FFFFFF;
  }
  [data-card="basic"]:not([data-background-color="white"]) a:hover {
    color: #FFFFFF;
  }
  [data-card="basic"] .card-header,
  [data-card="basic"] .card-body,
  [data-card="basic"] .card-footer {
    background-color: unset;
  }  
  [data-card="basic"] .card-footer .card-link {
    float: right;
    line-height: 36px;
  }
  [data-card="basic"] .card-footer .card-link-icon {
    float: right;
  }
  [data-card="basic"] .card-footer .card-link-icon a {
    margin-right: 5px;
    line-height: 36px;
  }
  [data-card="image"] .card-image, {
    position: relative;
    display: block;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-card="image"] .card-image:before,
  [data-card="image"] .card-image-product:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-card="image"] .card-image:before,
  [data-card="image"] .card-image img {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="image"] .card-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: unset;
    z-index: 3;
  }
  [data-card="image"] .card-footer:before {
    content: unset;
  }
  [data-card="image"] .card-footer .card-link-only i {
    float: left;
    line-height: 30px;
  }
  [data-card="image"] .card-footer .card-link-only span {
    float: right;
    line-height: 30px;
  }

  [data-card="plain"].card {
    margin-top: 30px;
    background: transparent;
    box-shadow: unset;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="plain"] .card-image {
    position: relative;
  }
  [data-card="plain"] .card-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
  }
  [data-card="plain"] img {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="plain"] .card-content {
    position: relative;
    z-index: 1;
  }
  [data-card="plain"] .card-header,
  [data-card="plain"] .card-body,
  [data-card="plain"] .card-footer {
    background-color: unset;
    padding: 20px 0;
  }  
  [data-card="plain"] .card-footer .card-link {
    float: right;
    line-height: 36px;
  }
  [data-card="plain"] .card-footer .card-link-icon {
    float: right;
  }
  [data-card="plain"] .card-footer .card-link-icon a {
    margin-right: 5px;
    line-height: 36px;
  }
  [data-card="plain"] .card-price {
    position: relative;
    padding: 0 5px;
    color: rgba(0, 0, 0, .5);
  }
  [data-card="plain"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-card="plain"] .card-price .price{
    float: left;
    line-height: 36px;
    margin: 0;
  }
  [data-card="plain"] .card-price .card-link {
    line-height: 36px;
  }

  [data-card="content"]{
    position: relative;
    margin-top: 60px;
  }
  [data-card="content"] .card-content {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="content"] .card-body {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  [data-card="content"] .card-body .card-text {
    color: rgba(0,0,0,.5);
  }
  [data-card="content"] .card-header,
  [data-card="content"] .card-body,
  [data-card="content"] .card-footer {
    background-color: unset;
  }
  [data-card="content"] .card-image,
  [data-card="content"] .card-image-product {
    position: relative;
    display: block;
    margin: -30px 20px 15px;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10),
                0 6px 6px rgba(0,0,0,0.05);
  }
  [data-card="content"] .card-image:before,
  [data-card="content"] .card-image img {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-card="content"] .card-image-product:before,
  [data-card="content"] .card-image-product img {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="content"] .card-image .card-footer:before {
    content: unset;
  }
  [data-card="content"] .card-price {
    position: relative;
    color: rgba(0, 0, 0, .5);
  }
  [data-card="content"] .card-price:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-card="content"] .card-price .price{
    float: left;
    line-height: 36px;
    margin: 0;
  }
  [data-card="content"] .card-price .card-link {
    line-height: 36px;
  }
  [data-card="content"] .card-footer {
    min-height: 40px;
  }
  [data-card="content"] .card-footer:after {
    display: block;
    clear: both;
    content: "";
  }
  [data-card="content"] .card-footer .card-link i {
    float: left;
    line-height: 36px;
  }
  [data-card="content"] .card-footer .card-link span {
    float: right;
    line-height: 36px;
  }
  [data-card="content"] .card-footer .card-link-only i {
    float: left;
    line-height: 30px;
  }
  [data-card="content"] .card-footer .card-link-only span {
    float: right;
    line-height: 30px;
  }

  [data-card="progress"] {
    margin-bottom: 5px !important;
    box-shadow: unset;
  }

  [data-card="progress"] .card-title {
    margin: 0;
    padding: 0;
    float: left;
  }
  [data-card="progress"] .card-header {
    padding: 0;
  }
  [data-card="progress"] .card-header:after {
    width: 2px !important;
    border-radius: unset !important;
  }
  [data-card="progress"] .card-progress {
    float: right;
  }
  [data-card="progress"] .card-footer {
    min-height: unset;
    margin-top: 5px;
    padding: 0;
  }
  [data-card="progress"] .card-footer:before {
    content: unset;
  }
  [data-card="pricing-basic"].card {
    margin-top: 30px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    background: linear-gradient(330deg, #FFFFFF 19%, rgba(255,255,255,0) 0%),
                linear-gradient(160deg, #FFFFFF 78%, rgba(255,255,255,0) 0%), 
                linear-gradient(10deg, #D7D7D7 50%, #FFFFFF 50%);

  }
  [data-card="pricing-basic"].card:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="pricing-basic"] .card-header {
    padding-top: 30px;
  }
  [data-card="pricing-basic"].card .card-header:after {
    content: unset;
  }
  [data-card="pricing-basic"].card .card-title{
    margin: unset;
  }
  [data-card="pricing-basic"] .card-img-top {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-card="pricing-basic"] .card-content {
    position: relative;
    z-index: 1;
  }
  [data-card="pricing-basic"] .card-body {
    padding-top: 0;
  }
  [data-card="pricing-basic"] .card-icon {
    position: relative;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: 5px 0 10px;
    text-align: center;
    line-height: 120px;
    border: 4px solid;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);

  }
  [data-card="pricing-basic"] .card-icon i {
    font-size: 55px;
    line-height: 116px;
    text-align: center;
  }
  [data-card="pricing-basic"] .card-price {
    margin: 30px 0 15px;
  }
  [data-card="pricing-basic"] .list-group-item {
    background-color: unset;
    padding: 12px 0;
  }
  [data-card="pricing-basic"] .list-group-item {
    position: relative;
    display: block;
    border: unset;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  [data-card="pricing-basic"] .list-group-item i {
   float: right;
  }
  [data-card="pricing-basic"] .list-group-item:first-child,
  [data-card="pricing-basic"] .list-group-item:last-child {
    border-radius: unset;
  }
  [data-card="pricing-basic"]:not([data-background-color="white"]) a {
    color: #FFFFFF;
  }
  [data-card="pricing-basic"]:not([data-background-color="white"]) a:hover {
    color: #FFFFFF;
  }
  [data-card="pricing-basic"] .card-header,
  [data-card="pricing-basic"] .card-body,
  [data-card="pricing-basic"] .card-footer {
    background-color: unset;
  }  
  [data-card="pricing-basic"] .card-footer {
    padding-bottom: 30px;
  }
  [data-card="pricing-basic"] .card-footer:before {
    content: unset;
  }
  [data-card="pricing-basic"] .card-footer .card-link {
    float: right;
    line-height: 36px;
  }
  [data-card="pricing-basic"] .card-footer .card-link-icon {
    float: right;
  }
  [data-card="pricing-basic"] .card-footer .card-link-icon a {
    margin-right: 5px;
    line-height: 36px;
  }

  [data-card="pricing-plain"].card {
    margin-top: 30px;
    background-color: unset;
    box-shadow: unset;
  }
  [data-card="pricing-plain"] .card-header {
    padding-top: 30px;
  }
  [data-card="pricing-plain"].card .card-header:after {
    content: unset;
  }
  [data-card="pricing-plain"].card .card-title{
    margin: unset;
  }
  [data-card="pricing-plain"] .card-img-top {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-card="pricing-plain"] .card-content {
    position: relative;
    z-index: 1;
  }
  [data-card="pricing-plain"] .card-body {
    padding-top: 0;
  }
  [data-card="pricing-plain"] .card-icon {
    position: relative;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: 5px 0 10px;
    text-align: center;
    line-height: 120px;
    border: 4px solid;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);

  }
  [data-card="pricing-plain"] .card-icon i {
    font-size: 55px;
    line-height: 116px;
    text-align: center;
  }
  [data-card="pricing-plain"] .card-price {
    margin: 30px 0 15px;
  }
  [data-card="pricing-plain"] .list-group-item {
    background-color: unset;
    padding: 12px 0;
  }
  [data-card="pricing-plain"] .list-group-item {
    position: relative;
    display: block;
    border: unset;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  [data-card="pricing-plain"] .list-group-item i {
   float: right;
  }
  [data-card="pricing-plain"] .list-group-item:first-child,
  [data-card="pricing-plain"] .list-group-item:last-child {
    border-radius: unset;
  }
  [data-card="pricing-plain"]:not([data-background-color="white"]) a {
    color: #FFFFFF;
  }
  [data-card="pricing-plain"]:not([data-background-color="white"]) a:hover {
    color: #FFFFFF;
  }
  [data-card="pricing-plain"] .card-header,
  [data-card="pricing-plain"] .card-body,
  [data-card="pricing-plain"] .card-footer {
    background-color: unset;
  }  
  [data-card="pricing-plain"] .card-footer {
    padding-bottom: 30px;
  }
  [data-card="pricing-plain"] .card-footer:before {
    content: unset;
  }
  [data-card="pricing-plain"] .card-footer .card-link {
    float: right;
    line-height: 36px;
  }
  [data-card="pricing-plain"] .card-footer .card-link-icon {
    float: right;
  }
  [data-card="pricing-plain"] .card-footer .card-link-icon a {
    margin-right: 5px;
    line-height: 36px;
  }

  [data-card="pricing-transparent"].card {
    margin-top: 30px;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
        -ms-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
    background: rgba(0,0,0,.5);

  }
  [data-card="pricing-transparent"] .card-header {
    padding-top: 30px;
  }
  [data-card="pricing-transparent"].card .card-header:after {
    content: unset;
  }
  [data-card="pricing-transparent"].card .card-title{
    margin: unset;
    color: #FFFFFF;
  }
  [data-card="pricing-transparent"] .card-img-top {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }
  [data-card="pricing-transparent"] .card-content {
    position: relative;
    z-index: 1;
  }
  [data-card="pricing-transparent"] .card-body {
    padding-top: 0;
  }
  [data-card="pricing-transparent"] .card-icon {
    position: relative;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: 5px 0 10px;
    text-align: center;
    line-height: 120px;
    border: 8px solid;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);

  }
  [data-card="pricing-transparent"] .card-icon i {
    font-size: 55px;
    line-height: 104px;
    text-align: center;
  }
  [data-card="pricing-transparent"] .card-price {
    margin: 30px 0 15px;
  }
  [data-card="pricing-transparent"] .list-group-item {
    background-color: unset;
    padding: 15px 0;
  }
  [data-card="pricing-transparent"] .list-group-item {
    position: relative;
    display: block;
    border: unset;
    border-bottom: 1px solid rgba(255,255,255,.5);
  }
  [data-card="pricing-transparent"] .list-group-item i {
   float: right;
  }
  [data-card="pricing-transparent"] .list-group-item:first-child,
  [data-card="pricing-transparent"] .list-group-item:last-child {
    border-radius: unset;
  }
  [data-card="pricing-transparent"]:not([data-background-color="white"]) a {
    color: #FFFFFF;
  }
  [data-card="pricing-transparent"]:not([data-background-color="white"]) a:hover {
    color: #FFFFFF;
  }
  [data-card="pricing-transparent"] .card-header,
  [data-card="pricing-transparent"] .card-body,
  [data-card="pricing-transparent"] .card-footer {
    background-color: unset;
  }  
  [data-card="pricing-transparent"] .card-footer {
    padding-bottom: 30px;
  }
  [data-card="pricing-transparent"] .card-footer:before {
    content: unset;
  }
  [data-card="pricing-transparent"] .card-footer .card-link {
    float: right;
    line-height: 36px;
  }
  [data-card="pricing-transparent"] .card-footer .card-link-icon {
    float: right;
  }
  [data-card="pricing-transparent"] .card-footer .card-link-icon a {
    margin-right: 5px;
    line-height: 36px;
  }
  [data-card="pricing-plain"].card.card-pricing-image,
  [data-card="pricing-basic"].card.card-pricing-image,
  [data-card="pricing-transparent"].card.card-pricing-image {
    background: unset;
    color: #FFFFFF;
  }
  [data-card="pricing-plain"].card.card-pricing-image:before,
  [data-card="pricing-basic"].card.card-pricing-image:before,
  [data-card="pricing-transparent"].card.card-pricing-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
  }
  [data-card="collapse"].card {
    margin: unset !important;
    box-shadow: unset;
    font-weight: 200;
  }
  [data-card="collapse"].card .card-header {
    font-weight: 200;
  }
/*END WIDGET*/
/*CHARTIST-JS*/
  .ct-series-a .ct-point, 
  .ct-series-a .ct-line, 
  .ct-series-a .ct-bar, 
  .ct-series-a .ct-slice-donut {
    stroke: #9401AD; 
  }

  .ct-series-a .ct-slice-pie, 
  .ct-series-a .ct-slice-donut-solid, 
  .ct-series-a .ct-area {
    fill: #9401AD; 
  }

  .ct-series-b .ct-point, 
  .ct-series-b .ct-line, 
  .ct-series-b .ct-bar, 
  .ct-series-b .ct-slice-donut {
    stroke: #16B5FD; 
  }

  .ct-series-b .ct-slice-pie, 
  .ct-series-b .ct-slice-donut-solid, 
  .ct-series-b .ct-area {
    fill: #16B5FD; 
  }

  .ct-series-c .ct-point, 
  .ct-series-c .ct-line, 
  .ct-series-c .ct-bar, 
  .ct-series-c .ct-slice-donut {
    stroke: #00d96f; 
  }

  .ct-series-c .ct-slice-pie, 
  .ct-series-c .ct-slice-donut-solid, 
  .ct-series-c .ct-area {
    fill: #00d96f; 
  }

  .ct-series-d .ct-point, 
  .ct-series-d .ct-line, 
  .ct-series-d .ct-bar, 
  .ct-series-d .ct-slice-donut {
    stroke: #FCB913; 
  }

  .ct-series-d .ct-slice-pie, 
  .ct-series-d .ct-slice-donut-solid, 
  .ct-series-d .ct-area {
    fill: #FCB913; 
  }

  .ct-series-e .ct-point, 
  .ct-series-e .ct-line, 
  .ct-series-e .ct-bar, 
  .ct-series-e .ct-slice-donut {
    stroke: #FF5704; 
  }

  .ct-series-e .ct-slice-pie, 
  .ct-series-e .ct-slice-donut-solid, 
  .ct-series-e .ct-area {
    fill: #FF5704; 
  }

  .ct-series-f .ct-point, 
  .ct-series-f .ct-line, 
  .ct-series-f .ct-bar, 
  .ct-series-f .ct-slice-donut {
    stroke: #FF0042; 
  }

  .ct-series-f .ct-slice-pie, 
  .ct-series-f .ct-slice-donut-solid, 
  .ct-series-f .ct-area {
    fill: #FF0042; 
  }

  .ct-series-g .ct-point, 
  .ct-series-g .ct-line, 
  .ct-series-g .ct-bar, 
  .ct-series-g .ct-slice-donut {
    stroke: #782000; 
  }

  .ct-series-g .ct-slice-pie, 
  .ct-series-g .ct-slice-donut-solid, 
  .ct-series-g .ct-area {
    fill: #782000; 
  }

  .ct-series-h .ct-point, 
  .ct-series-h .ct-line, 
  .ct-series-h .ct-bar, 
  .ct-series-h .ct-slice-donut {
    stroke: #616161; 
  }

  .ct-series-h .ct-slice-pie, 
  .ct-series-h .ct-slice-donut-solid, 
  .ct-series-h .ct-area {
    fill: #616161; 
  }

  .ct-series-i .ct-point, 
  .ct-series-i .ct-line, 
  .ct-series-i .ct-bar, 
  .ct-series-i .ct-slice-donut {
    stroke: #f05b4f; }

  .ct-series-i .ct-slice-pie, 
  .ct-series-i .ct-slice-donut-solid, 
  .ct-series-i .ct-area {
    fill: #f05b4f; 
  }

  .ct-series-j .ct-point, 
  .ct-series-j .ct-line, 
  .ct-series-j .ct-bar, 
  .ct-series-j .ct-slice-donut {
    stroke: #dda458; 
  }

  .ct-series-j .ct-slice-pie, 
  .ct-series-j .ct-slice-donut-solid, 
  .ct-series-j .ct-area {
    fill: #dda458; 
  }

  .ct-series-k .ct-point, 
  .ct-series-k .ct-line, 
  .ct-series-k .ct-bar, 
  .ct-series-k .ct-slice-donut {
    stroke: #eacf7d; 
  }

  .ct-series-k .ct-slice-pie, 
  .ct-series-k .ct-slice-donut-solid, 
  .ct-series-k .ct-area {
    fill: #eacf7d; 
  }

  .ct-series-l .ct-point, 
  .ct-series-l .ct-line, 
  .ct-series-l .ct-bar, 
  .ct-series-l .ct-slice-donut {
    stroke: #86797d; 
  }

  .ct-series-l .ct-slice-pie, 
  .ct-series-l .ct-slice-donut-solid, 
  .ct-series-l .ct-area {
    fill: #86797d; 
   }

  .ct-series-m .ct-point, 
  .ct-series-m .ct-line, 
  .ct-series-m .ct-bar, 
  .ct-series-m .ct-slice-donut {
    stroke: #b2c326; 
   }

  .ct-series-m .ct-slice-pie, 
  .ct-series-m .ct-slice-donut-solid, 
  .ct-series-m .ct-area {
    fill: #b2c326; 
   }

  .ct-series-n .ct-point, 
  .ct-series-n .ct-line, 
  .ct-series-n .ct-bar, 
  .ct-series-n .ct-slice-donut {
    stroke: #6188e2; 
   }

  .ct-series-n .ct-slice-pie, 
  .ct-series-n .ct-slice-donut-solid, 
  .ct-series-n .ct-area {
    fill: #6188e2; 
   }

  .ct-series-o .ct-point, 
  .ct-series-o .ct-line, 
  .ct-series-o .ct-bar, 
  .ct-series-o .ct-slice-donut {
    stroke: #a748ca; 
  }

  .ct-series-o .ct-slice-pie, 
  .ct-series-o .ct-slice-donut-solid, 
  .ct-series-o .ct-area {
    fill: #a748ca; 
  }
  .ct-chart-pie .ct-label {
    fill: #FFFFFF;
  } 

  [data-card="stats-plain"][data-background-color="purple"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="purple"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="purple"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #9401AD; 
  }

  [data-card="stats-plain"][data-background-color="purple"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #9401AD; 
  }
  
  [data-card="stats-plain"][data-background-color="black"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="black"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="black"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #000000; 
  }

  [data-card="stats-plain"][data-background-color="black"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #000000; 
  }
  
  [data-card="stats-plain"][data-background-color="rose"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="rose"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="rose"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #FF0042; 
  }

  [data-card="stats-plain"][data-background-color="rose"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #FF0042; 
  }
  
  [data-card="stats-plain"][data-background-color="blue"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="blue"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="blue"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #16B5FD; 
  }

  [data-card="stats-plain"][data-background-color="blue"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #16B5FD; 
  }
  
  [data-card="stats-plain"][data-background-color="green"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="green"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="green"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #00d96f; 
  }

  [data-card="stats-plain"][data-background-color="green"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #00d96f; 
  }
  
  [data-card="stats-plain"][data-background-color="orange"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="orange"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="orange"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #FF5704; 
  }

  [data-card="stats-plain"][data-background-color="orange"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #FF5704; 
  }
  
  [data-card="stats-plain"][data-background-color="yellow"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="yellow"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="yellow"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #FCB913; 
  }

  [data-card="stats-plain"][data-background-color="yellow"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #FCB913; 
  }
  
  [data-card="stats-plain"][data-background-color="brown"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="brown"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="brown"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #782000; 
  }

  [data-card="stats-plain"][data-background-color="brown"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #782000; 
  }
  
  [data-card="stats-plain"][data-background-color="grey"] .card-footer.card-chart .ct-series-a .ct-point, 
  [data-card="stats-plain"][data-background-color="grey"] .card-footer.card-chart .ct-series-a .ct-line, 
  [data-card="stats-plain"][data-background-color="grey"] .card-footer.card-chart  .ct-series-a .ct-bar {
    stroke: #616161; 
  }

  [data-card="stats-plain"][data-background-color="grey"] .card-footer.card-chart .ct-series-a .ct-area {
    fill: #616161; 
  }
/*END-CHARTIST-JS*/
/*ALERT*/
  .alert {
    position: relative;
    padding: 20px 15px;
    color: #FFFFFF;
    border: 0;
    font-size: 14px;
    font-weight: 200;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
        -ms-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;

  }

  .alert.alert-primary {
    background-color: #9401AD;
  }
  .alert.alert-secondary {
    background-color: #616161;
  }
  .alert.alert-success {
    background-color: #00d96f;
  }
  .alert.alert-danger {
    background-color: #FF0042;
  }
  .alert.alert-warning {
    background-color: #FCB913;
  }
  .alert.alert-info {
    background-color: #16B5FD;
  }

  .alert.alert-icon.alert-primary > i {
    color: #9401AD;
  }
  .alert.alert-icon.alert-secondary > i {
    color: #616161;
  }
  .alert.alert-icon.alert-success > i {
    color: #00d96f;
  }
  .alert.alert-icon.alert-danger > i {
    color: #FF0042;
  }
  .alert.alert-icon.alert-warning > i {
    color: #FCB913;
  }
  .alert.alert-icon.alert-info > i {
    color: #16B5FD;
  }

  .alert.alert-icon.alert-primary:before,
  .alert.alert-icon.alert-primary:after{
    background-color: #9401AD;
  }
  .alert.alert-icon.alert-secondary:before,
  .alert.alert-icon.alert-secondary:after{
    background-color: #616161;
  }
  .alert.alert-icon.alert-success:before,
  .alert.alert-icon.alert-success:after{
    background-color: #00d96f;
  }
  .alert.alert-icon.alert-danger:before,
  .alert.alert-icon.alert-danger:after{
    background-color: #FF0042;
  }
  .alert.alert-icon.alert-warning:before,
  .alert.alert-icon.alert-warning:after{
    background-color: #FCB913;
  }
  .alert.alert-icon-info:before,
  .alert.alert-icon-info:after{
    background-color: #16B5FD;
  }

  .alert-dismissible .close {
    padding: 5px;
    font-size: 20px;
    line-height: 16px;
    cursor: pointer;
    opacity: 1;
    top: 16px;
    right: 10px;
  }
  .alert-dismissible .close i {
    font-size: 20px;
    line-height: 20px;
    text-shadow: none;
    vertical-align: middle;
  }
  .alert-dismissible .close:focus, .alert-dismissible .close:hover {
    color: #FFFFFF;
    text-decoration: none;
    opacity: 1;
  }  
  .alert span {
    display: block;
    padding-right: 20px;
  }
  .alert.alert-icon:before {
    content: '';
    position: absolute;
    bottom: .5rem;
    left: 0;
    height: calc(100% - 1rem);
    width: 4px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .alert.alert-icon:after {
    content: '';
    position: absolute;
    bottom: .5rem;
    right: 0;
    height: calc(100% - 1rem);
    width: 4px;
    background-color: rgba(180, 180, 180, 0.3);
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  .alert.alert-icon > i {
    position: absolute;
    top: 50%;
    padding: 8px;
    font-size: 26px;
    vertical-align: middle;
    transform: translateY(-50%);
    color: #FFFFFF;
  }
  .alert.alert-icon {
    background-color: #FFFFFF;
    color: rgba(0,0,0,.5);
  }
  .alert-icon.alert-dismissible .close:focus,
  .alert-icon.alert-dismissible .close:hover {
    color: rgba(0,0,0,.5);
  }
  .alert.alert-icon > span {
    padding-left: 50px;
  }
/*END ALERT*/
/*TOOLTIP*/
  .tooltip {
    padding: 5px;
  }
  .tooltip.show {
    opacity: 1;
  }
  .tooltip-inner {
    padding: 10px 20px;
    color: rgba(51, 51, 51, .65);
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }

  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    display: none;
  }
  [x-placement^="top"].tooltip {
    margin-bottom: 5px;
  }
  [x-placement^="top"] .tooltip-inner:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [x-placement^="top"] .tooltip-inner:after{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    display: none;
  }
  [x-placement^="right"].tooltip {
    margin-left: 5px;
  }
  [x-placement^="right"] .tooltip-inner:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    display: none;
  }
  [x-placement^="bottom"].tooltip {
    margin-top: 5px;
  }
  [x-placement^="bottom"] .tooltip-inner:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [x-placement^="bottom"] .tooltip-inner:after{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    display: none;
  }
  [x-placement^="left"].tooltip {
    margin-right: 5px;
  }
  [x-placement^="left"] .tooltip-inner:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 5px;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
/*END-TOOLTIP*/
/*POPOVER*/
  .popover {
    border: unset;
  }
  .popover-body {
    padding: 10px 20px;
    color: rgba(51, 51, 51, .65);
    background-color: #FFFFFF;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10), 
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }
  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
    display: none;
  }
  [x-placement^="top"].popover {
    margin-bottom: 5px;
  }
  [x-placement^="top"] .popover-body:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [x-placement^="top"] .popover-body:after{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
    display: none;
  }
  [x-placement^="right"].popover {
    margin-left: 5px;
  }
  [x-placement^="right"] .popover-body:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
    display: none;
  }
  [x-placement^="bottom"].popover {
    margin-top: 5px;
  }
  [x-placement^="bottom"] .popover-body:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
  [x-placement^="bottom"] .popover-body:after{
    content: '';
    position: absolute;
    bottom: .75rem;
    left: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 0 20px 20px 0;
       -moz-border-radius: 0 20px 20px 0;
        -ms-border-radius: 0 20px 20px 0;
         -o-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
  }
  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
    display: none;
  }
  [x-placement^="left"].popover {
    margin-right: 5px;
  }
  [x-placement^="left"] .popover-body:before{
    content: '';
    position: absolute;
    bottom: .75rem;
    right: 0;
    height: calc(100% - 1.5rem);
    width: 3px;
    background-color: #9401AD;
    -webkit-border-radius: 20px 0 0 20px;
       -moz-border-radius: 20px 0 0 20px;
        -ms-border-radius: 20px 0 0 20px;
         -o-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
  }
/*END-POPOVER*/
/*MODAL*/
  .modal-backdrop {
    z-index: 1060;
  }
  .modal {
    z-index: 1080;
  }
  .modal-dialog {
    margin: 80px auto 40px;
    border-radius: 3px !important;
    overflow: hidden;
    -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
        box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
  }
  .modal-content {
    padding: 10px;
    display: block;
    width: auto;
    border: none;
    border-radius: unset;
  }
  .modal-dialog .modal-header {
    position: relative;
    border-bottom: none;
    padding: 20px 20px 5px;
  }
  .modal-dialog .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  .modal-header .close {
    line-height: 24px;
  }
  .modal-header .close i {
    vertical-align: middle;
  }
  .modal.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
       -o-transform: scale(0.1);
        transform: scale(0.1);
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
  }

  .modal.fade.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
        transform: scale(1);
    -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
  }
  .modal.modal-image .modal-dialog {
    background-position: center center !important;
    background-size: cover !important;
  }
  .modal.modal-image .modal-dialog .modal-content {
    background-color: unset;
  }
  .modal.modal-image .modal-dialog:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .85);
    /*box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.10);*/
  }
/*DIALOG CONTENT */

/* DIALOG BODY */
  .modal-body {
    padding: 20px;
  }


  .modal-body .lead {
    font-weight: 300;
    font-size: 16px;
    color: #757575;
  }

  .modal-body p:last-child,
  .modal-body .lead:last-child {
    margin-bottom: 0;
  }
/*DIALOG FOOTER */
  .modal-footer {
    display: block;
    margin-top: 24px;
    padding: 5px 20px 20px;
    border-top: none;
  }


  .modal-footer .btn:focus {
    outline: none;
    box-shadow: none;
  }

  .modal-footer .btn + .btn {
    margin-left: 0;
  }

  .modal-footer .btn + .btn:last-child {
    margin-left: -4px;
  }  
/*END-MODAL*/
/*CAROUSEL*/
  .carousel {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 5px 45px 10px rgba(0, 0, 0, 0.10),
                        0 5px 30px -5px rgba(0, 0, 0, 0.35);
            box-shadow: 0 5px 45px 10px rgba(0, 0, 0, 0.10),
                        0 5px 30px -5px rgba(0, 0, 0, 0.35);

  }
  .carousel-control-prev > i,
  .carousel-control-next > i {
    color: #FFFFFF;
    font-size: 30px;
  }
/*END-CAROUSEL*/
/*MAPS*/
  .pac-container {
    margin-top: 20px;
    border-top: unset !important;
    -webkit-border-radius: 3px;
            border-radius: 3px;
  }
  .pac-item {
    padding: 10px !important;
  }
  .pac-logo::after {
    content: unset !important;
  }
  .maps-wrapper .maps {
    margin-bottom: 30px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.10),
                        0 5px 10px -5px rgba(0, 0, 0, 0.15);
  }
  .maps-wrapper .searchbox {
    position: absolute;
    margin: 10px 15px;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    padding: 12px 0;
    transition-property: background,box-shadow;
    transition-duration: 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);
    -webkit-appearance: none;
       -moz-appearance: none;
    z-index: 10;
  }
  .maps-wrapper .searchbox-input {
    color: inherit;
    font-size: 15px;
    margin: 0 !important;
    padding: 0 12px !important;
    outline: 0;
    width: 100%;
    height: 24px !important;
    border: unset;
    line-height: 24px;
    vertical-align: top;
    transition-property: color;
    transition-duration: 0.3s;
    -webkit-appearance: none;
       -moz-appearance: none;
  }

/*END-MAPS*/
/*RIPPLE*/
  .ripple {
   position:relative
  }
  .ripple-container {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   overflow:hidden;
   pointer-events:none;
   border-radius:inherit;
   z-index:10;
  }
  .ripple-container .ripple-decorator {
   position:absolute;
   width:20px;
   height:20px;
   margin-top:-10px;
   margin-left:-10px;
   pointer-events:none;
   background-color:rgba(0, 0, 0, .05);
   border-radius:100%;
   opacity:0;
   transform:scale(1);
   transform-origin:50%
  }
  .ripple-container .ripple-decorator.ripple-on {
   opacity:.1;
   transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(.4,0,.2,1) .1s;
  }
  .ripple-container .ripple-decorator.ripple-out {
   opacity:0;
   transition:opacity .1s linear 0s!important
  }
  .loading {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .65);
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .loading > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
/*END-RIPPLE*/
/*HELPER*/
  .force-middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
/*END-HELPER*/
/*PROGRESS PERCENTAGE*/
  .chart-progress {
    justify-content: space-around ;
  }

  .chart-progress .chart-track {
    display: block;
    margin: 10px auto;
    padding: 15px;
    max-width: 80%;
    max-height: 250px;
    -webkit-border-radius: 50%;
            border-radius: 50%;

  }

  .circle-bg {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 3.8;
  }

  .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 2.5s ease-in-out forwards;
  }

  .chart-track.purple .circle {
    stroke: #9401AD;
  }
  .chart-track.black .circle {
    stroke: #000000;
  }
  .chart-track.white .circle {
    stroke: #FFFFFF;
  }
  .chart-track.rose .circle {
    stroke: #FF0042;
  }
  .chart-track.blue .circle {
    stroke: #16B5FD;
  }
  .chart-track.green .circle {
    stroke: #00d96f;
  }
  .chart-track.orange .circle {
    stroke: #FF5704;
  }
  .chart-track.yellow .circle {
    stroke: #FCB913;
  }
  .chart-track.brown .circle {
    stroke: #782000;
  }
  .chart-track.grey .circle {
    stroke: #616161;
  }
  .percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
  }
  @keyframes progress {
    0% {
      stroke-dasharray: 0 100;
    }
  }  
/*END PROGRESS PERCENTAGE*/
/*TRANSITION*/
  .main-panel {
    -webkit-transition: all 0.30s cubic-bezier(0.685, 0.0473, 0.346, 1);
       -moz-transition: all 0.30s cubic-bezier(0.685, 0.0473, 0.346, 1);
         -o-transition: all 0.30s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.30s cubic-bezier(0.685, 0.0473, 0.346, 1);
            transition: all 0.30s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .main-panel {
    -webkit-transition-property: top, bottom, width;
            transition-property: top, bottom, width;
    -webkit-transition-duration: 250ms, 250ms, 250ms;
            transition-duration: 250ms, 250ms, 250ms;
    -webkit-transition-timing-function: linear, linear, ease;
            transition-timing-function: linear, linear, ease;
    -webkit-overflow-scrolling: touch;
  }
  /*.carousel-item {
    -webkit-transition: all 850ms ease;
    -moz-transition: all 850ms ease;
    -o-transition: all 850ms ease;
    -ms-transition: all 850ms ease;
    transition: all 850ms ease;
  }*/
  .navbar .nav > li > a,
  .sidebar .sidebar-utility .nav a > i,
  .form-group label,
  .form-control,
  .btn,
  .btn-group,
  .btn-icon:hover, .btn-icon:focus,
  [data-toggle="collapse"]:before,
  [data-toggle="dropdown"]:after,
  .select2-container,
  .select2-container .select2-selection--single .select2-selection__rendered,
  .select2-search--dropdown {
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
  }
/*END TRANSITION*/
/*ANIMATION*/

  @-webkit-keyframes moveFromBottomFade {
    from { opacity: 0.3; -webkit-transform: translateY(100%); }
  }
  @keyframes moveFromBottomFade {
    from { opacity: 0.3; -webkit-transform: translateY(100%); transform: translateY(100%); }
  }

  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes zoomOut {
    from {
      opacity: 1;
    }

    50% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    to {
      opacity: 0;
    }
  }
/*END ANIMATION*/
@media (max-width: 991px) {
  .navbar {
    margin: 0;
    border-radius: 0;
  }
  .main-panel {
    width: 100%;
  }
  .nav-open .off-canvas-sidebar .navbar .nav, .nav-open .sidebar {
    -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-open .main-panel, .nav-open .wrapper-full-page,
  .nav-open .navbar .container .navbar-header, .nav-open .navbar .container {
      left: 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);
  }  
  .main-panel {
      -webkit-transition: all 150ms cubic-bezier(0.685, 0.0473, 0.346, 1);
      -moz-transition: all 150ms cubic-bezier(0.685, 0.0473, 0.346, 1);
      -o-transition: all 150ms cubic-bezier(0.685, 0.0473, 0.346, 1);
      -ms-transition: all 150ms cubic-bezier(0.685, 0.0473, 0.346, 1);
      transition: all 150ms cubic-bezier(0.685, 0.0473, 0.346, 1);
  }  
  .tab-pane {
    overflow-x: auto;
  }
}
@media (min-width: 0) {
  .card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}
@media (min-width: 576px) {
  .card-deck .card {
    flex: 0 0 calc(50% - 30px);
  }
}
@media (min-width: 768px) {
  .card-deck .card {
    flex: 0 0 calc(33.3333333333% - 30px);
  }

}
@media (min-width: 992px) {
  /*.card-deck .card {
    flex: 0 0 calc(25% - 30px);
  }*/
}
@media (min-width: 1200px) {
  /*.card-deck .card {
    flex: 0 0 calc(20% - 30px);
  }*/
}
@media (max-width: 991px) {

}