/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

html {
  background: #f5f9fa !important;
}

body {
  background: #f5f9fa;
  font-family: inter !important;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inter !important;
}

.MessageBoxMiddle .MsgTitle {
  color: #425b76 !important;
}

.modal-header {
  color: #FFFFFF !important;
  background-color: #00AFEF !important;
}

.bootstrap-duallistbox-container label,
.form header,
legend {
  color: #425b76 !important;
}

.btn-default {
  color: #425b76 !important;
  /* border-radius: 4px !important;
  background: #00afef !important;
  color: #ffffff !important;
  font-family: Inter !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.46px !important;
  text-transform: uppercase !important;
  cursor: pointer !important; */
}

/* .btn-default:hover {
  background: #40c3f321 !important;
} */

.jarviswidget>div {
  border-style: none !important;

  box-shadow: 0px 3.00437px 3.00437px #d9e2e6 !important;

  border-bottom-left-radius: 4.72px !important;
  border-bottom-right-radius: 4.72px !important;

  background: var(--light-background-paper, #fff);

  /* Light/Elevation/6 */
  box-shadow: 0px 6px 16px -4px rgba(58, 53, 65, 0.1),
    0px 2px 12px -4px rgba(58, 53, 65, 0.08),
    0px 2px 12px -4px rgba(58, 53, 65, 0.1);
}

/* .SmallBox{
    background: #F25252 !important;
} */
.SmallBox p {
  color: #fff !important;
}

#logo-group *,
.login-info,
.login-info *,
.minified {
  color: #fff !important;
}
.minified {
  color: #333 !important;
}
.menu-item-parent {
  color: #425b76 !important;
}

th.bg-color-blue {
  background: #5eaeae !important;
}

.bg-color-green {
  background: #15ab0b !important;
}

.btn.bg-color-green {
  background: #5eaeae !important;
}

p {
  color: #425b76 !important;
}

p.text-obrigation {
  color: #425b76 !important;
}

.nav-tabs>li>a {
  color: #425b76 !important;
}

.badge-success {
  background: #15ab0b !important;
  border-radius: 1em !important;
}

.badge-error {
  background: #f25252 !important;
}

.label.badge-pill {
  border-radius: 1em;
  margin: 0 0.25em;
}

label {
  color: #425b76 !important;
}

.fa.fa-warning {
  color: #f59e3f !important;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

img.online {
  border-color: #00aff0 !important;
}

.login-info a span p {
  margin: 0px;
}

.txt-color-green {
  color: #4caf50 !important;
}

.bg-color-greenDark {
  background: #2e7d32 !important;
}

.txt-color-greenDark {
  color: #2e7d32 !important;
}

.bg-color-greenLight {
  /* background: #43A047!important */
  background: #52c0bf !important;
}

.txt-color-greenLight {
  color: #43a047 !important;
}

.bg-color-purple {
  background: #9c27b0 !important;
}

.txt-color-purple {
  color: #9c27b0 !important;
}

.bg-color-magenta,
.jarviswidget-color-magenta>header {
  background: #a0f !important;
}

.jarviswidget-color-magenta>header {
  border-color: #a0f !important;
}

.txt-color-magenta,
nav ul li.active>a:before {
  color: #000 !important;
}

.bg-color-pink {
  background: #e91e63 !important;
}

.txt-color-pink {
  color: #e91e63 !important;
}

.bg-color-pinkDark {
  background: #ad1457 !important;
}

.txt-color-pinkDark {
  color: #ad1457 !important;
}

.bg-color-blue,
.bootstrap-tagsinput>span,
.onoffswitch-inner:before,
.open>.dropdown-toggle.btn-primary,
.select2-container-multi .select2-choices .select2-search-choice {
  /* background: #659265!important */
  background: #15ab0b !important;
}

.txt-color-blue {
  /* color: #12ca4c!important */
  color: #15ab0b !important;
}

.bg-color-blueLight,
.noUi-connect,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.slider-selection {
  background: #03a9f4 !important;
}

.btn-primary {
  background: #00afef;
  border-color: #00afef !important;
  /* background: #2DC2F3;
    border-color: #2DC2F3!important; */
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background: #0c7cd5 !important;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
  border-color: #0c7cd5 !important;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  background: #0c7cd5 !important;
  border-color: #0c7cd5 !important;
}

.btn-warning {
  background: #ff9800;
  border-color: #cc7a00 !important;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
  background: #cc7a00 !important;
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
  border-color: #cc7a00 !important;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
  background: #cc7a00 !important;
  border-color: #cc7a00 !important;
}

.pagination>li>a,
.pagination>li>span {
  color: #03a9f4;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.p agination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color: #fff;
  border-color: #0398db;
}

.btn-danger {
  color: #fff;
  background-color: #f25252;
  border-color: #f32c1e;
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #ba160a;
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.dropdown-toggle.btn-warning {
  border-color: #ea1c0d !important;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
  background: #ea1c0d !important;
  border-color: #ea1c0d !important;
}

.label-primary {
  background-color: #00afef;
  font-size: 95%;
}

.label-danger {
  background-color: #425b76;
  font-size: 95%;
}

.label-warning {
  background-color: #f89406 !important;
  font-size: 95%;
  color: #fff !important;
}

.btn-success {
  border-color: #5eaeae;
  color: #fff;
  background-color: #5eaeae;
}

.label-success {
  background-color: #4caf50;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
  background: #159afa;
  border-color: #159afa;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
  border-color: #159afa;
  background: #159afa;
}

.txt-color-blueLight {
  color: #03a9f4 !important;
}

.bg-color-blueDark {
  background: #1565c0 !important;
}

.alert-info,
.btn-info {
  border-color: #03a9f4;
  color: #01579b;
  background-color: #b3e5fc;
}

.label-info {
  background-color: #b3e5fc;
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
  background: #82d4fa;
  border-color: #03a9f4;
}

.slider-info+.slider-track>.slider-selection {
  background-color: #b3e5fc;
}

.txt-color-blueDark {
  color: #1565c0 !important;
}

.bg-color-teal {
  background: #5eaeae !important;
}

.txt-color-teal {
  color: #009688 !important;
}

.bg-color-yellow,
.slider-warning+.slider-track>.slider-selection {
  background: #ffeb3b !important;
}

.alert-warning {
  border-color: #f9a825;
  color: #5a4e3f;
  background-color: #ffeb3b;
}

.label-warning {
  background-color: #ffeb3b;
  color: #333;
}

.txt-color-yellow {
  color: #ffeb3b !important;
}

.bg-color-orange {
  background: #ff9800 !important;
}

.txt-color-orange {
  color: #ff9800 !important;
}

.bg-color-orangeDark {
  background: #e65100 !important;
}

.txt-color-orangeDark {
  color: #e65100 !important;
}

.alert-danger,
.bg-color-red,
.slider-danger+.slider-track>.slider-selection {
  background: #f44336 !important;
}

.txt-color-red {
  color: #ff5252 !important;
}

.bg-color-redLight {
  background: #ff5252 !important;
}

.alert-danger {
  border-color: #f25252 !important;
  color: #fff !important;
  background-color: #f25252 !important;
  text-shadow: none;
  font-weight: 550;
  width: 50% !important;
  border-radius: 4px;
}

.alert-success {
  border-color: #15ab0b !important;
  color: #fff !important;
  background-color: #15ab0b !important;
  font-weight: 550;
  font-size: 12px;
  width: 50% !important;
  border-radius: 4px;
}

.txt-color-redLight {
  color: #ff5252 !important;
}

.text-primary {
  color: #3f51b5 !important;
}

.text-success {
  color: #00c853 !important;
}

.text-danger {
  color: #c62828 !important;
}

.text-warning {
  color: #ff5722 !important;
}

.text-info {
  /* color: #607D8B!important */
  color: #425B76;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 157%;
  /* 21.98px */
  letter-spacing: 0.1px;
}

.ajax-notifications {
  background: #d8f4ff;
}

.ajax-notifications .fa-4x.fa-border {
  color: #2196f3;
  border-color: #2196f3;
}

aside,
nav ul ul {
  background: #fff;
}

nav ul .active>a {
  background-color: #00AFEF !important;
  color: #ffffff !important;
  position: relative;
  /* margin-left: -5px;
  width: 221px; */
}

nav ul .active>a:hover {
  background-color: #ccc !important;
  color: #4c4c4c !important;
}

#header,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background: #00afef !important;
}

#content {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 20px;
}

#content>.row {
  margin-bottom: 20px;
}

.page-title {
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 0;
  margin-top: 10px;
  letter-spacing: normal;
}

.page-title>.fa {
  display: none;
}

.page-footer {
  background: #00afef !important;
  /*background: linear-gradient(to right, #00AFEF , #57889c);*/
  /*background: #56CCF2;
    background: -webkit-linear-gradient(to right, #56CCF2,#2F80ED);
    background: linear-gradient(to right,#56CCF2, #2F80ED); */
}

#updating-chart.txt-color-blue {
  color: #4d7686 !important;
}

.ribbon-button-alignment {
  display: none;
}

#ribbon {
  background: rgba(255, 255, 255, 0.4);
}

#logo-group span#activity,
.btn-header> :first-child>a {
  background: 0 0;
  border: none;
  color: #fff !important;
  border-radius: 50%;
}

#project-context> :first-child,
#project-selector,
.header-dropdown-list>li>.dropdown-toggle,
.project-context> :first-child,
.project-selector {
  color: #fff !important;
  text-shadow: none;
}

.open>.dropdown-menu {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: none;
  -moz-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  animation-fill-mode: none;
}

.bootstrap-select .dropdown-menu.dropdown-menu-right,
.bootstrap-select .dropdown-menu.pull-right,
.btn-group .dropdown-menu.dropdown-menu-right,
.btn-group .dropdown-menu.pull-right,
.date-picker .dropdown-menu.dropdown-menu-right,
.date-picker .dropdown-menu.pull-right,
.dropdown .dropdown-menu.dropdown-menu-right,
.dropdown .dropdown-menu.pull-right,
.dropdown-menu.pull-right {
  -webkit-transform-origin: top right !important;
  -moz-transform-origin: top right !important;
  -ms-transform-origin: top right !important;
  transform-origin: top right !important;
}

.bootstrap-select .dropdown-menu.dropdown-menu-left,
.bootstrap-select .dropdown-menu.pull-left,
.btn-group .dropdown-menu.dropdown-menu-left,
.btn-group .dropdown-menu.pull-left,
.date-picker .dropdown-menu.dropdown-menu-left,
.date-picker .dropdown-menu.pull-left,
.dropdown .dropdown-menu.dropdown-menu-left,
.dropdown .dropdown-menu.pull-left,
.dropdown-menu.pull-left,
.project-selector+.dropdown-menu {
  -webkit-transform-origin: top left !important;
  -moz-transform-origin: top left !important;
  -ms-transform-origin: top left !important;
  transform-origin: top left !important;
}

.btn-group .dropdown-menu,
.date-picker .dropdown-menu,
.dropdown,
.dropdown-menu {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
}

.project-selector+.dropdown-menu {
  margin-top: -27px;
}

.header-dropdown-list .dropdown-menu {
  margin-top: -20px;
}

.bootstrap-select.open .dropdown-menu,
.btn-group.open .dropdown-menu,
.dropdown.open .dropdown-menu,
.dropup.open .dropdown-menu,
.open>.dropdown-menu {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}

.login-info {
  height: 140px;
  /*alterado para colocar o nome da unidade*/
  background: url(../img/cover.svg) no-repeat center center;
  margin-top: -1px !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: 0;
}

.login-info>span {
  height: 119px;
  border: 0;
  padding: 0;
}

.login-info a {
  /* display: block; */
  display: flex;
  margin: 0;
  padding: 10px;
  flex-direction: column;
}

.login-info a span {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 100%;
  padding: 5px 10px;
  margin-left: -10px;
  margin-top: 10px;
  color: #fff;
  background: #425b76;
  flex-direction: column;
  align-items: flex-start;
  height: 40px;
  justify-content: center;
}

.login-info img {
  border-radius: 50%;
  width: 50px;
  border: 3px solid rgba(0, 0, 0, 0.14);
  box-sizing: content-box;
}

#logo img {
  width: 150px;
  height: auto;
  padding-left: 3px;
}

#activity b.badge {
  padding: 4px;
}

/*
 #logo-group>span#logo:before {
    content: "IFITNESS";
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    margin-top: 1px;
    display: block;
    font-weight:bold;
}*/

.header-search > input[type="text"] {
  background: #40C3F3;
  border-right-width: 0;
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 4px;
  /* border-bottom-color: #fff; */
  color: #fff;
  padding: 11px;
  /* margin-top: 8px; */

}

.header-search>button {
  color: #fff;
}

.header-search input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.header-search input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.header-search input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.header-search input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

nav ul li a,
nav ul li.open>a,
nav ul li.open>a b {
  color: #425b76 !important;
}

nav ul .active nav ul>a,
nav ul li.open nav ul>a {
  color: #3c3c3c !important;
}

nav ul li a:hover,
ul li nav ul>a:hover {
  background-color: rgba(69, 69, 69, 0.05) !important;
}

nav ul li a {
  font-size: 13px;
}

nav>ul>li>a {
  font-weight: 400;
  text-transform: uppercase;
  padding: 14px 10px 14px 11px;
}

nav>ul>li>a b {
  margin-top: 6px;
}

nav ul li a:active {
  background: 0 0;
}

.login-info a span+i {
  display: none;
}

#ribbon .breadcrumb>.active,
.breadcrumb>li+li:before,
#ribbon .breadcrumb,
#ribbon .breadcrumb a,
#ribbon .breadcrumb li:last-child {
  color: #374850 !important;
}

#speech-btn> :first-child>a+.popover,
.ajax-dropdown {
  -webkit-box-shadow: 0 0 30px rgba(30, 30, 100, 0.75);
  -moz-box-shadow: 0 0 30px rgba(30, 30, 100, 0.75);
  box-shadow: 0 0 30px rgba(30, 30, 100, 0.75);
}

nav>ul ul li::before,
nav>ul>li>ul::before {
  border: none;
}

.minifyme {
  background: #00afef;
  color: #fff !important;
  position: absolute;
  width: 29px;
  border-radius: 50%;
  z-index: 999;
  right: -12px;
  padding: 1px 3px;
  border-bottom: 1px solid #3d6a8a;
  transition: none !important;
}

.minified nav>ul>li>ul>li>ul>li a {
  padding-top: 6px;
  padding-bottom: 6px;
  background: #fff !important;
  transition: none !important;
}

.minified nav ul .active>a {
  background-color: #00AFEF !important;
  color: #ffffff !important;
  position: relative;
  transition: none !important;
}

//verificar quais eram as cores do menu lateral

nav li a {
  position: relative;
  overflow: hidden;
}

nav li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  margin-left: -120px;
  margin-top: -150px;
  background: #455a64;
  border-radius: 100%;
  opacity: 0.3;
  transform: scale(0);
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }

  20% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

nav li a:not(:active):after {
  animation: ripple 1.5s ease-in-out;
}

nav li a:after {
  visibility: hidden;
}

nav li a:focus:after {
  visibility: visible;
}

nav li a:active {
  background-color: transparent !important;
}

.checkbox label>input[type="checkbox"]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  margin-left: -18px;
  margin-top: -18px;
  background: #3f51b5;
  border-radius: 100%;
  opacity: 0.6;
  transform: scale(0);
}

@keyframes rippleDuplicate {
  0% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.checkbox label>input[type="checkbox"]:focus:after {
  animation: rippleDuplicate 0.5s ease-out;
}

.checkbox label>input[type="checkbox"]:checked {
  animation-name: rippleDuplicate;
}

.checkbox label>input[type="checkbox"]:focus:after {
  visibility: visible;
}

.smart-form .checkbox input:focus+i,
.smart-form .input input:focus,
.smart-form .radio input:focus+i,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .toggle input:focus+i {
  border-color: #2196f3;
}

.smart-form .checkbox input+i:after,
.smart-form .rating input:checked~label {
  color: #2196f3;
}

/*.fieldset[disabled] .form-control,
 .form-control[disabled],
 .form-control[readonly],
 .smart-form .select select,
 .smart-form .textarea textarea {
    border-bottom: 1px dashed #E0E0E0
}*/
/*
 .form-control-feedback {
    width: auto;
    height: auto
}

 .smart-form .checkbox input:checked+i,
 .smart-form .radio input:checked+i,
 .smart-form .toggle input:checked+i {
    border-color: transparent
}

 .form-control,
 .smart-form .icon-append,
 .smart-form .icon-prepend,
 .smart-form .input input,
 .smart-form .select select,
 .smart-form .textarea textarea {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

 .form-control,
 .smart-form .icon-append,
 .smart-form .icon-prepend,
 .smart-form .select select,
 .smart-form .textarea textarea {
    padding-left: 0
}

 .form-control:not(.ui-autocomplete-loading) {
    background: 0 0
}

 .icon-addon>input[type=text],
 .input-icon-left input[type=text].form-control {
    padding-left: 32px
}

 input[type=checkbox],
 input[type=radio] {
    margin-top: 2px;
    line-height: normal
}*/

.input-group-addon:first-child,
.input-group-addon:last-child {
  border: 1px solid inherit;
}

.input-group .form-control:first-child {
  border-right: 1 !important;
  /*0!important*/
}

.input-group-addon+.form-control[type="text"] {
  padding-left: 10px;
  padding-right: 10px;
}

.ui-sortable .jarviswidget-sortable>header {
  box-shadow: none !important;
}

.jarviswidget-color-darken>header {
  border-color: #38383833 !important;
  background: #00afef;
  color: #fff;
  border-top-left-radius: 4.72px;
  border-top-right-radius: 4.72px;
}

.jarviswidget-ctrls .button-icon,
.widget-toolbar {
  border: 0;
}

.widget-toolbar>.color-box {
  outline: 0 !important;
  border-radius: 30%;
  box-shadow: 0 0 1px 1px rgba(56, 56, 56, 0.3);
}

.color-box,
.color-select li span {
  border-radius: 30%;
}

/*.jarviswidget header .nav-tabs>li.active>a,
 .jarviswidget header .nav-tabs>li.active>a:focus,
 .jarviswidget header .nav-tabs>li.active>a:hover {
    border: 0!important
}*/

.jarviswidget-sortable.ui-sortable-helper {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.jarviswidget-placeholder {
  background: linear-gradient(90deg, #00f 50%, transparent 50%),
    linear-gradient(90deg, #00f 50%, transparent 50%),
    linear-gradient(0deg, #00f 50%, transparent 50%),
    linear-gradient(0deg, #00f 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px;
  background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  animation: border-dance 4s infinite linear;
  width: 100%;
  height: 100%;
  padding: 10px;
}

@keyframes border-dance {
  0% {
    background-position: 0 0, 300px 116px, 0 150px, 216px 0;
  }

  100% {
    background-position: 300px 0, 0 116px, 0 0, 216px 150px;
  }
}

.MessageBoxContainer {
  border-radius: 4px;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  background: #fff;
  color: #333;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  /*padding: 16px 10px*/
  padding: 10px 10px;
}

.dt-toolbar {
  padding: 14px 20px 11px;
}

.inbox-body .table-wrap,
.inbox-compose-footer,
.inbox-info-bar .form-group input,
.inbox-info-bar .select2-container-multi .select2-choices,
.inbox-nav-bar,
.inbox-side-bar {
  background: #fff;
}

.inbox-compose-footer {
  border-bottom-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.inbox-body {
  box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
}

.inbox-download,
.inbox-message {
  border-bottom: 0;
}

.inbox-info-bar .form-group input,
.inbox-info-bar .select2-container-multi .select2-choices {
  border-color: transparent !important;
}

#inbox-content {
  margin-bottom: 30px !important;
}

.desktop-detected .inbox-compose-footer,
.desktop-detected .inbox-download {
  padding-bottom: 56px;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb:vertical {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid transparent;
  min-height: 10px;
}

.inbox-message {
  background: #fff;
}

.note-editor .note-editable {
  background-color: rgba(33, 150, 243, 0.15);
}

.note-editor .note-editable:focus {
  background: #fff;
}

.inbox-nav-bar {
  height: auto !important;
}

.superbox-show {
  background-color: #37474f;
}

.superbox-list.active:before {
  color: #37474f;
}

.superbox-imageinfo span {
  color: rgba(255, 255, 255, 0.5);
}

#sparks {
  display: none;
}

.page-footer .txt-color-blueLight {
  color: #fff !important;
}

.minified .login-info {
  height: 55px;
}

.minified .login-info img {
  display: none;
  width: 30px !important;
  height: 30px !important;
}

.minified .login-info a {
  padding: 10px 0;
}

.minified .login-info a span {
  display: none;
}

.minified nav>ul>li>a>.menu-item-parent,
.minified nav>ul>li>ul {
  left: 45px;
}

.minified nav>ul>li>a>.menu-item-parent {
  padding-top: 4px;
  top: 0;
}

.minified nav>ul>li ul li {
  background: #fff;
  overflow: hidden;
}

.minified nav li a {
  overflow: visible;
  border: 0;
}

.minified nav>ul>li {
  border-bottom: 0 !important;
  border-top: 0 !important;
}

.minified nav>ul>li>ul {
  padding-top: 0;
  border: 0;
  background: #f5f5f5;
  border-left: 1px solid #cacaca;
}

.minified nav>ul>li>a .fa.fa-fw {
  text-align: start !important;
  margin-left: 2px !important;
}

.menu-on-top aside#left-panel,
.menu-on-top aside#left-panel nav>ul>li {
  border: 0;
}

.menu-on-top aside#left-panel nav>ul>li:hover {
  background: #fff;
}

.menu-on-top aside#left-panel nav>ul>li:hover>a,
.menu-on-top nav ul li a:hover,
.menu-on-top nav ul ul li a:hover,
.menu-on-top nav ul ul li:hover>a,
.menu-on-top nav ul ul ul li a:hover,
.menu-on-top nav ul>a:hover {
  color: #fff !important;
  background-color: #2196f3;
}

@media (max-width: 979px) and (min-width: 768px) {
  #hide-menu i {
    color: #fff;
  }
}

@media (max-width: 767px) {
  #content {
    margin-left: 0;
    margin-right: 0;
  }

  #hide-menu> :first-child>a {
    width: 40px !important;
  }

  #hide-menu i {
    color: #fff;
  }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
  #hide-menu i {
    color: #fff;
  }
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
  color: #659265;
}

.minifyme:hover {
  background: #00c6ff;
  color: #e4e4e4;
}

.btn-sm {
  margin-left: 3px !important;
  border-radius: 4px;
}

/*Style datatable*/
@media only screen and (max-device-width: 480px) {
  .btn-sm {
    font-size: 0.875em;
    display: block;
    margin-top: 5px;
    width: 100%;
  }
}

/* Column Priorities */
@media only all {

  th.ui-p-6,
  td.ui-p-6,
  th.ui-p-5,
  td.ui-p-5,
  th.ui-p-4,
  td.ui-p-4,
  th.ui-p-3,
  td.ui-p-3,
  th.ui-p-2,
  td.ui-p-2,
  th.ui-p-1,
  td.ui-p-1 {
    display: none;
  }
}

/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {

  th.ui-p-1,
  td.ui-p-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {

  th.ui-p-2,
  td.ui-p-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {

  th.ui-p-3,
  td.ui-p-3 {
    display: table-cell;
  }
}

/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {

  th.ui-p-4,
  td.ui-p-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {

  th.ui-p-5,
  td.ui-p-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {

  th.ui-p-6,
  td.ui-p-6 {
    display: table-cell;
  }
}

tr th {
  text-align: center;
  font-size: 0.9em;
  font-family: "Segoe UI", Arial, sans-serif;
  font-style: normal;
}

@media only screen and (min-width: 650px) {
  .one {
    display: none;
  }
}

@media screen and (min-width: 50em) {
  th.col-expand {
    width: 25%;
  }
}

.fa.fa-minus-circle {
  color: red;
}

.fa.fa-plus-circle {
  /* color:green; */
  color: white !important;
}

.txt-center {
  text-align: center;
}

/*fim style datatable*/
.MessageBoxButtonSection button {
  float: right;
  margin-right: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 100;
}

/*@media only screen and (max-width: 820px){*/
@media only screen and (max-width: 1024px) {
  .minifyme {
    display: none;
  }
}

@media screen and (max-width: 450px) and (max-width: 767px) {
  .MessageBoxButtonSection button {
    float: right;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 60px;
  }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.ui-table-tbody>tr>td {
  /*quebrar linhas em colunas*/
  white-space: normal !important;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .search-mobile .header-search>input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border: 1px solid #efefef !important;
    padding-right: 75px;
    background: #fff;
    color: #000;
  }

  .search-mobile .header-search {
    background: #00afef;
  }

  ul {
    width: 100% !important;
  }
}

@media (min-width: 950px) {
  .hidden-menu #left-panel {
    left: 0 !important;
  }

  .hidden-menu #main {
    margin-left: 221px;
  }
}

@media (min-width: 950px) {
  .minifyme {
    display: block !important;
  }
}

@media (min-width: 767px) {
  .tableMobile {
    display: none !important;
  }
}

.modal #content {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.modal-body {
  color: #425b76 !important;
}

/* .modal #content .widget-body{
    border:none;
} */
/* @media (min-width: 992px){
    .modal-content .col-md-4 {
        width: 50%;

    }

}  */

.modal-xl {
  width: 950px !important;
}

.minified nav>ul>li>ul {
  min-height: auto !important;
  background: #fff !important;
}

.txt-color-darken {
  color: #425b76 !important;
}

.form-control {
  border-radius: 2.89px !important;
}

.nav-tabs>li.active>a {
  box-shadow: 0 -2px 0 #00afef;
}

.calendarColor {
  color: #ffffff;
  background-color: #00afef;
}

.theme-green .bs-datepicker-head {
  background-color: #00afef !important;
}

.theme-green .bs-datepicker-body table td.week span {
  color: #00afef !important;
}

//COdigo do switch

.onoffswitch-checkbox:checked+.onoffswitch-label {
  border: none !important;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
  content: "";
}

.onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before,
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
  content: "";

}

.onoffswitch-label {
  border: none;
}

.bg-color-blue,
.bootstrap-tagsinput>span,
.onoffswitch-inner:before,
.open>.dropdown-toggle.btn-primary,
.select2-container-multi .select2-choices .select2-search-choice {
  /* background: #659265!important; */
  background: #9ee1f9 !important;
  box-shadow: none !important;
  border: none !important;
}

.onoffswitch-inner:after {
  background-color: #b2b2b7;
}

.onoffswitch-inner:before {
  font-family: FontAwesome;
  content: "\f00c";
  color: #4d99de;
  border: none !important;
  text-shadow: none !important;
}

.onoffswitch-inner[_ngcontent-pal-c8]:after {
  background-color: #ef7d7d;
}

.onoffswitch-inner:after {
  font-family: FontAwesome;
  content: "\f00d";
  color: #706d76;
  border: none !important;
  text-shadow: none !important;
}

.onoffswitch-inner[_ngcontent-pal-c8]:after {
  background-color: #f59090 !important;
}

.onoffswitch-switch:after {
  background: #fff;
  border: none !important;
}

.onoffswitch-switch {
  background: #00afef;
  border: none;

  webkit-box-shadow: none;
  box-shadow: none;
}

.onoffswitch-switch:before {
  background: red !important;

}

.onoffswitch-switch[_ngcontent-afv-c8] {
  background: #a90329;
  border: none;
}

.onoffswitch-switch[_ngcontent-afv-c8]:before {
  background: #f59090;
  border: none;
}

.onoffswitch-switchRed {
  background: #425b76 !important;
  border: none;

  webkit-box-shadow: none;
  box-shadow: none;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  background: #00afef;
}

.onoffswitch-checkbox:not(:checked)+.onoffswitch-label .onoffswitch-switch {
  background: #706d76;
}

//table global rules

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
  background-color: #f9fafc !important;
  text-align: start !important;
  color: #6b6a6a !important;
  border: none !important;
  border-bottom: 0.787px solid #d2d2d4 !important;
}

.bootstrapWizard li.active .step,
.bootstrapWizard li.active.complete .step {
  background: #fff;
  color: #1DAFEF;
  font-weight: 700;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #1DAFEF;
  border-bottom: 3px solid #1DAFEF;
}

.bootstrapWizard li.active .title,
.bootstrapWizard li.complete .title {
  color: #425B76;
}

.bootstrapWizard li .step {
  background: #ffff;
  color: #d0d6dd;
  display: inline;
  font-size: 15px;
  font-weight: 700;
  padding: 7px 13px;
  border: 3px solid #d0d6dd;
  border-radius: 50%;
  line-height: normal;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all .1s linear 0s;
}

.bootstrapWizard li .title {
  color: #d0d6dd;
}

.bootstrapWizard li:before {
  border-top: 3px solid #d0d6dd;
}

.btnSave {
  border-radius: 4px !important;
  background: #00afef !important;
  color: #ffffff !important;
  width: 110px !important;
  height: 30px !important;
  font-family: Inter !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.46px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.btnCancel {
  border-radius: 4px !important;
  background: #ffffff !important;
  border: 1px solid #00afef !important;
  color: #00afef !important;
  width: 110px !important;
  height: 30px !important;
  font-family: Inter !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.46px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.containerTab1 {
  margin-left: 12px;
  margin-right: 20px;
  gap: 19px;

  @media (max-width: 767px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.painelBorder {
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid;
  border-color: #dddddd;
}

.form-actions {
  border-top: none;
  background: #fff;
  margin-top: -27px;
  margin-bottom: -15px;
}

.MessageBoxButtonSection button {
  border-radius: 4px !important;
  border-color: #00afef !important;
  color: #00afef !important;
}



.MessageBoxButtonSection button:first-child {
  /* Estilos para o primeiro botão dentro de .MessageBoxButtonSection */
  background-color: #00AFEF;
  color: #ffffff !important;
}

/* .MessageBoxButtonSection button:last-child:hover {
  background: #40c3f321 !important;
} */


.MessageBoxButtonSection button:first-child:active {
  /* Estilos para o primeiro botão quando clicado */
  background-color: #0C8CE9;
}

.MessageBoxButtonSection button:first-child:active,
.MessageBoxButtonSection button:first-child:hover {
  /* Estilos para o primeiro botão quando clicado ou quando o mouse passa por cima */
  background-color: #0C8CE9;
}


.hidden-menu #hide-menu>:first-child>a {
  background-image: none;
  background-color: #425B76 !important;
  border-color: #425B76 !important;
}

#cancel-search-js {
  background: #F25252;
}


.search-mobile .header-search>input[type=text] {
  border: 1px solid #efefef !important;
  padding-right: 75px;
  background: #fff;
  color: #000;

  .search-mobile .header-search {
    background: #00afef;
  }

  ul {
    width: 100% !important;
  }
}

.header-dropdown-list {
  @media only screen and (max-width: 479px) {
    position: static !important;
  }
}

.header-dropdown-list .dropdown-menu {
  @media only screen and (max-width: 479px) {
    margin-top: -20px;
    width: 95% !important;
    display: flex;
    justify-content: space-around;
    margin-left: 10px;
    width: 90%;
  }

}

.closeIcon {
  color: #ffffff;
  opacity: 1;
  margin-top: 1px;

  &:hover {
    color: #ffffff;
    opacity: 0.8;
  }

  &:active {
    color: #ffffff;
    opacity: 0.4;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 14px;
}

.containerAlertMobile {
  width: 63% !important;

  @media (max-width: 989px) {
    width: 100% !important;
    margin-right: 0px !important;
  }
}

.containerAlertMobileSave {
  width: 46% !important;
  margin-right: 194px !important;

  @media (max-width: 989px) {
    width: 100% !important;
    margin-right: 0px !important;
  }
}


label input[type=checkbox].checkbox+span:before,
label input[type=radio].radiobox+span:before {

  border: 1px solid #00AFEF;
  background-color: #f4f4f4;

}

label input[type=radio].radiobox:checked+span:before {
  color: #00AFEF;
}

/* animação carregar */
.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  /* Prefixo para o Firefox */
  -ms-animation: spin 1s infinite linear;
  /* Prefixo para o Internet Explorer */
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.btnLoading {
  width: 130px !important;
  pointer-events: none;
}

.modal-header {
  border-radius: 4px 4px 0 0;
  height: 38px;
  padding: 10px 15px;
}

.modal-body {
  margin-top: 7px;
}

.tab-content {
  margin-top: 20px;
}

.fa-exclamation-circle {
  transform: scale(1.5);
  margin-right: 10px;
}

.fr-box.fr-basic .fr-element {
  min-height: 300px !important;
}