@charset "UTF-8";

/* Variables*/

/* Body*/

/* Typography*/

legend {
  background: #e6e6e6;
  color: #3c345f;
  padding: 0.5rem 2rem;
  margin-left: -4rem;
  width: auto;
  margin-top: 1.75rem;
}

legend::before {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid #c9c9c9;
  border-left: 20px solid transparent;
  margin-top: 35px;
  margin-left: -2rem;
}

fieldset {
  border-left: solid 1px #e7e7e7;
  padding: 2rem;
  padding-top: 2rem;
  margin-left: 2rem;
  margin-bottom: 3rem;
  border-top: solid 1px #c9c9c9;
  padding-top: 1rem;
}

.no-multiple-item {
  padding: 2em;
  background: #eee;
  text-align: center;
}

.form-options {
  padding: 2em;
  padding-bottom: 1em;
  background: #f9f9f9;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.form-group:after {
  content: "";
}

.form-group.has-success > label:after {
  content: "\2713";
  position: relative;
  font-size: 13pt;
  color: green;
  margin-left: 0.5em;
}

.form-group.has-error {
  color: red;
}

.form-group input.form-control {
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.form-group.has-error input {
  color: red;
}

.rating i.material-icons {
  cursor: pointer;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.zebra {
  padding: 1rem;
  padding-top: 3rem;
  border-top: solid 1px #c0c0c0;
}

.zebra:first-child {
  border-top: 0;
}

.zebra:nth-child(odd) {
  background-color: #f9f9f9;
}

.anexos .anexo {
  padding: 0.5rem;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem;
}

.anexos .anexo .simple {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}

.anexos .anexo .simple_hide {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  text-align: center;
}

.anexos .anexo .simple:hover {
  background: #ffffec;
}

.anexos .anexo .simple_hide:hover {
  background: #fff1b3;
}

.anexos .anexo .details {
  margin: 1.5rem;
  display: none;
}

.anexos .anexo .new_details {
  margin: 1.5rem;
}

.anexos .anexo.open {
  background: #ffffec;
}

.anexos .nome-do-arquivo {
  display: block;
  word-break: break-all;
}

.anexos .link-validade {
  padding: 0 0 2em 0;
  display: inline-block;
}

.item-list-processo {
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  padding: 1rem;
  padding-bottom: 1rem;
  background: #f4f4f4;
  padding-bottom: 0;
  margin: 0 0 3rem;
}

body.login-page.inscricao {
  max-width: 990px;
}

body.inscricao .inscricao-title {
  text-align: left;
  font-size: 200%;
  margin-bottom: 0;
}

body.inscricao .inscricao-title-esquema {
  text-align: left;
  font-size: 200%;
}

.item-processo h2.novo-processo {
  margin: 0;
  margin-bottom: 3rem;
  color: #3c345f;
}

.item-list-processo .item-processo {
  border-top: solid 1px white;
  padding-top: 2rem;
  background: white;
  margin-bottom: 1rem;
}

.item-list-processo .header {
  cursor: pointer;
}

.has_file {
  border-bottom: solid 1px #c0c0c0;
  margin-bottom: 3rem;
  color: #1f91f3;
}

.contrato_container {
  padding: 1rem;
  border-bottom: solid 1px #c0c0c0;
}

.qa_pergunta {
  font-weight: bold;
}

.qa_texto_sim {
  padding: 3rem;
  display: none;
}

.qa_check {
  padding: 2em;
  padding-bottom: 1em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  margin-top: 1rem;
}

.div_center_col {
  margin: 0 auto;
  float: none;
}

#esquema-menu ul {
  color: #3c345f;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table-row;
  float: right;
  margin-right: 1.5rem;
}

#esquema-menu li {
  display: table-cell;
  vertical-align: middle;
}

#esquema-menu a {
  margin-left: 1em;
}

#esquema-menu a:hover,
#esquema-menu a.active {
  color: white;
  background: #3c345f;
}

.sidebar .menu .list a {
  padding: 8px 13px;
}

.info-box {
  cursor: inherit;
}

a.link-info-box {
  cursor: pointer;
}

a.link-info-box:hover {
  text-decoration: none;
}

.home-list-processos .processo-card {
  background: #f9f9f9;
  margin-bottom: 2rem;
  padding: 3rem;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}

.menu_status {
  padding: 1rem;
  margin-right: 1rem;
  background: #f9f9f9;
  color: #666;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 4.5em;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.menu_status .status_title {
  display: inline-block;
}

.menu_status .status_count {
  display: inline-block;
  font-size: 12pt;
  color: white;
  border-radius: 0.25rem;
  margin-left: 1rem;
  padding: 0 0.5rem;
  font-weight: bold;
}

.menu_status .status_count_color_red {
  background: red;
}

.menu_status .status_count_color_grey {
  background: #c0c0c0;
}

.menu_status .status_count_color_yellow {
  background: #ffcf00;
  color: black;
}

a.menu_status:hover,
a.menu_status_active {
  background: #1f91f3;
  color: white;
  text-decoration: none;
}

.contrato_container {
  margin: 0 auto;
  background: #eee;
  padding: 4rem;
  float: none;
}

.contrato_container .assinar_contrato {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: solid 1px #cecece;
}

legend.user {
  color: #e6e6e6;
  background: #3c345f;
  z-index: 2;
  position: relative;
}

div.menu-requisitos {
  margin-bottom: 2rem;
}

div.menu-requisitos ul {
  color: #3c345f;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table-row;
  margin-right: 1.5rem;
}

div.menu-requisitos li {
  display: table-cell;
  vertical-align: middle;
}

div.menu-requisitos a.menu-requisitos-item {
  margin-right: 1rem;
  display: inline-block;
}

div.menu-requisitos a.menu-requisitos-item:hover,
div.menu-requisitos a.active.menu-requisitos-item {
  color: white;
  background: #3c345f;
}

#processo .principio-wrapper {
  display: none;
}

#processo .principio-wrapper .title {
  background: #f0f0f0;
  margin: -5rem -2rem 2rem -2rem;
  position: relative;
  z-index: 0;
  padding: 4rem 2rem 2.5rem 2rem;
  border-bottom: solid 1px #c0c0c0;
}

#processo .principio-wrapper .requisito {
  background: #f9f9f9;
  padding: 2rem 2rem 0 2rem;
  -webkit-box-shadow: 0px 4px 12px -5px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 4px 12px -5px rgba(0, 0, 0, 0.31);
  margin-bottom: 3rem;
  margin-top: 1rem;
}

#processo .principio-wrapper h6 {
  border-top: solid 0.25rem #4b8ed4;
  margin: -2rem -2rem 0rem -2rem;
}

#processo .principio-wrapper h6 div.numero {
  background: #4b8ed4;
  color: white;
  text-align: center;
  padding: 1rem;
}

#processo .principio-wrapper h6 div.text {
  padding: .75rem 1rem .5rem 1rem;
  font-size: 12pt;
  color: #4a4a4a;
  line-height: 2rem;
}

#processo .principio-wrapper h6 div.text .labels {
  padding: 0.25rem;
  text-align: left;
  opacity: 0.75;
}

#processo .principio-wrapper h6 div.text .labels .label {
  border: solid 1px red;
  border-radius: 0.5rem;
  color: red;
  margin-bottom: 1rem;
  display: inline-block;
}

#processo .principio-wrapper h6 div.text .labels .label.in_loco {
  border: solid 1px #c8710f;
  color: #c8710f;
}

#processo .principio-wrapper h6 div.text .labels .label.documental {
  border: solid 1px #575a74;
  color: #575a74;
}

#processo .principio-wrapper h6 div.text .labels .label.obrigatorio {
  border: solid 1px #007a3d;
  color: #007a3d;
}

#processo .principio-wrapper h6 div.text .labels .label.recomendavel {
  border: solid 1px #4b8ed4;
  color: #4b8ed4;
}

#processo .principio-wrapper h6 div.text .labels .label.especial {
  border: solid 1px #529ba1;
  color: #529ba1;
}

#processo .principio-wrapper h6.toggle {
  cursor: pointer;
}

#processo .principio-wrapper h6:hover.toggle {
  background: #ededed;
}

#processo .principio-wrapper div.expand_container {
  text-align: right;
}

#processo .principio-wrapper div.expand_container a.expand {
  margin: 0.5rem 3rem;
  display: inline-block;
  font-size: 10pt;
}

#processo .principio-wrapper div.desc {
  display: none;
}

#processo .principio-wrapper div.send {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

#processo .principio-wrapper div.send .message {
  margin-left: 2rem;
  color: green;
}

#processo .principio-wrapper a.expand {
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
  margin-left: -1rem;
  margin-bottom: 1rem;
  display: block;
}

#processo .principio-wrapper div.sn_container {
  margin-left: 10%;
}

#processo .principio-wrapper div.subresposta {
  display: none;
  margin-top: 4rem;
}

#processo .principio-wrapper div.resposta-fields-wrapper {
  margin-top: 2.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#processo .principio-wrapper div.resposta-fields {
  padding: 3rem 2rem;
  border-left: solid 1px #c0c0c0;
}

#processo .principio-wrapper div.resposta-fields:first-child {
  border-left: 0;
}

#processo .principio-wrapper div.indicator-options {
  padding: 3rem 2rem;
  border-left: 0;
  border-right: 0;
}

#processo .principio-wrapper div.esclarecimento-wrapper {
  padding: 1rem;
  margin-bottom: 2rem;
  margin-top: -3rem;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}

#processo .principio-wrapper .requisito .indicator_detalhes form.form_resposta {
  display: none;
}

#processo .principio-wrapper .requisito .indicator_detalhes form.form_resposta .aviso_historico {
  padding: 1rem;
  font-size: 14pt;
  color: #3c3462;
  background: #eee;
  margin-top: 3rem;
  margin-right: 1rem;
  border-top: solid 1px #c0c0c0;
  text-align: center;
}

#processo .principio-wrapper .alert-processo {
  cursor: pointer;
  margin-bottom: 2rem;
}

#processo .principio-wrapper .chat_content {
  padding: 1rem;
  background: #e4fdff;
  border-radius: 1rem;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
  color: #666;
}

#processo .principio-wrapper .esclarecimento-empty {
  background: #fff;
}

#processo .principio-wrapper .chat_content.other {
  background: #fff4e4;
}

#processo .principio-wrapper h2 {
  font-size: 14pt;
  border-bottom: solid 1px #ff7500;
  color: #ff7500;
  margin-bottom: 1rem;
}

#processo .principio-wrapper .resposta-fields h2:first-child {
  margin-top: -3rem;
}

#processo .principio-wrapper .resposta-fields h2.in_loco {
  margin-bottom: 3rem;
}

#processo .principio-wrapper .subresposta .anexos {
  margin-bottom: 2rem;
}

#processo .principio-wrapper .upload_again {
  display: none;
  padding: 1rem;
  background: #d2e4f8;
}

#processo .principio-wrapper:first-child {
  display: block;
}

#processo .principio-wrapper .preenchido_auditor div.subresposta,
#processo .principio-wrapper .preenchido_tecnico div.subresposta {
  display: block;
}

#processo .principio-wrapper .preenchido_auditor h6,
#processo .principio-wrapper .preenchido_tecnico h6 {
  border-top: solid 0.25rem #2b982b;
}

#processo .principio-wrapper .preenchido_auditor h6 div.numero,
#processo .principio-wrapper .preenchido_tecnico h6 div.numero {
  background: #2b982b;
}

#processo .principio-wrapper .preenchido_nsa_auditor div.subresposta {
  display: block;
}

#processo .principio-wrapper .preenchido_nsa_auditor h6 {
  border-top: solid 0.25rem grey;
}

#processo .principio-wrapper .preenchido_nsa_auditor h6 div.numero {
  background: grey;
}

#processo .principio-wrapper .preenchido_reprovado_auditor div.subresposta {
  display: block;
}

#processo .principio-wrapper .preenchido_reprovado_auditor h6 {
  border-top: solid 0.25rem #ff6161;
}

#processo .principio-wrapper .preenchido_reprovado_auditor h6 div.numero {
  background: #ff6161;
}

#processo .principio-wrapper .preenchido_esclarecimento_auditor div.subresposta {
  display: block;
}

#processo .principio-wrapper .preenchido_esclarecimento_auditor h6 {
  border-top: solid 0.25rem #cb0;
}

#processo .principio-wrapper .preenchido_esclarecimento_auditor h6 div.numero {
  background: #cb0;
}

.big-item {
  padding: 4rem;
  font-size: 12pt;
  color: #666;
  margin-bottom: 4rem;
}

.light-green {
  background: #b9ffb9;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 255, 0, 0.75);
          box-shadow: 0px 0px 6px rgba(0, 255, 0, 0.75);
}

.danger {
  background: #ff6161;
  -webkit-box-shadow: 0px 0px 6px rgba(217, 83, 79, 0.75);
          box-shadow: 0px 0px 6px rgba(217, 83, 79, 0.75);
}

.text-danger p:first-child {
  font-size: 18pt;
  line-height: 3rem;
  margin-bottom: 3rem;
  font-weight: bold;
  color: #000;
  border-bottom: solid 1px #000;
  padding-bottom: 2rem;
}

.text-danger p:last-child {
  font-size: 15pt;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
  color: #000;
}

.big-item a.action {
  display: inline-block;
  margin-top: 2rem;
  text-align: right;
  margin-bottom: 2rem;
}

.texto_envio > p:first-child {
  font-size: 20pt;
  line-height: 3rem;
  margin-bottom: 3rem;
  font-weight: bold;
  color: #040;
  border-bottom: solid 1px #8ae087;
  padding-bottom: 2rem;
}

.subcard-title {
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #c0c0c0;
  color: #5870aa;
}

.subcard-title span.sub-text {
  display: block;
  font-size: 12pt;
  font-weight: normal;
  color: #9b9b9b;
}

.menu-lateral-preenchimento .active {
  padding: 0;
}

.menu-lateral-preenchimento .perc_container {
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #daffda;
}

.menu-lateral-preenchimento .perc_container .req_grafico {
  display: block;
  height: 1rem;
  background: green;
}

.menu-lateral-preenchimento .list a {
  padding: 5px 13px;
}

.sidebar .menu .list .header {
  margin-top: 1rem;
}

.sidebar .menu .list .req {
  display: table;
  width: 100%;
  border-top: solid 1px #4b8ed4;
}

.sidebar .menu .list .req .lateral {
  width: 10%;
  display: table-cell;
  background: #4b8ed4;
}

.sidebar .menu .list .req_green {
  display: table;
  width: 100%;
  border-top: solid 1px #2b982b;
}

.sidebar .menu .list .req_green .lateral {
  width: 10%;
  display: table-cell;
  background: #2b982b;
}

.sidebar .menu .list .req_grey {
  display: table;
  width: 100%;
  border-top: solid 1px grey;
}

.sidebar .menu .list .req_grey .lateral {
  width: 10%;
  display: table-cell;
  background: grey;
}

.sidebar .menu .list .req_red {
  display: table;
  width: 100%;
  border-top: solid 1px #ff6161;
}

.sidebar .menu .list .req_red .lateral {
  width: 10%;
  display: table-cell;
  background: #ff6161;
}

.sidebar .menu .list .req_yellow {
  display: table;
  width: 100%;
  border-top: solid 1px #cb0;
}

.sidebar .menu .list .req_yellow .lateral {
  width: 10%;
  display: table-cell;
  background: #cb0;
}

.sidebar .menu .list .filter_req {
  cursor: text;
}

.locked_message {
  padding: 1rem;
  margin: 1rem 0 3rem 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  background: #ffffd6;
  color: red;
}

.current-agendamento-data {
  padding: 1rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  font-size: 14pt;
  margin-top: 2rem;
}

#processo .historico-wrapper {
  display: none;
  border-top: solid 1px #c0c0c0;
  padding: 2rem 0;
}

#processo .historico-wrapper h2 {
  margin-bottom: 3rem;
  color: #3c3462;
  border: none;
  font-size: 16pt;
  font-weight: bold;
}

#processo .historico-wrapper .historico {
  margin-bottom: 4rem;
}

#processo .historico-wrapper .historico .item-historico {
  padding: 1rem;
  padding-top: 3rem;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
  margin-bottom: 3rem;
  background: #f3f3f3;
  margin-right: 1rem;
  border-left: solid 5px #c0c0c0;
}

#processo .historico-wrapper .historico .item-historico .anexos-table td {
  border: solid 1px #c0c0c0;
}

#processo .historico-wrapper .historico .item-historico .anexos-table td:first-child {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}

#processo .historico-wrapper .historico .item-historico.preenchido_esclarecimento_auditor {
  border-left: solid 5px #cb0;
}

#processo .historico-wrapper .historico .item-historico.preenchido_auditor {
  border-left: solid 5px #2b982b;
}

#processo .historico-wrapper .historico .item-historico.preenchido_reprovado_auditor {
  border-left: solid 5px #ff6161;
}

#processo .historico-wrapper .historico fieldset {
  margin-left: 0;
}

#processo .historico-wrapper .historico fieldset legend {
  font-size: 15px;
  font-weight: bold;
}

#processo .historico-wrapper .historico fieldset legend::before {
  margin-top: 26px;
}

#processo .historico-wrapper .historico .item-historico-tecnico {
  border-left: solid 5px #a6caf0;
}

.green {
  background: #c9ffcd;
}

.yellow {
  background: #ffffc9;
}

.red {
  background: #ffc9c9;
}

.gray {
  background: #e3e3e3;
}

.delete {
  color: red;
}

.processo_list_item {
  margin-bottom: 1rem;
  font-size: 9pt;
}

.processo_list_item span {
  display: inline-block;
}

.processo_list_item .id {
  font-weight: bold;
  text-align: right;
  min-width: 10%;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding-right: 1rem;
}

.processo_list_item .esquema {
  text-align: left;
  min-width: 80%;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-left: 1rem;
  background: #f9f9f9;
  border-bottom: solid 1px #c0c0c0;
}

.processo_list_item:last-child {
  margin-bottom: 0;
}

.display-none {
  display: none;
}

.card {
  padding: 3rem;
}

.card-title {
  color: #ff7500;
  font-size: 250%;
  font-weight: bold;
  margin-bottom: 2.05rem;
}

.card-title-gold {
  color: #cfc3a4;
  font-size: 250%;
  font-weight: bold;
  margin-bottom: 2.05rem;
  font-size: 30px;
}

.alert {
  margin: 1em;
}

.btn-xl {
  padding: 10px 20px;
  font-size: 20px;
  border-radius: 10px;
  width: 30%;
  /*Specify your width here*/
}

.uppercase {
  text-transform: uppercase;
}

.indicator_principio_title {
  padding: 1rem;
  background: #dfefff;
  margin-top: 1em;
}

.card-body.table-responsive {
  border: 0;
}

.sidebar .user-info .info-container {
  top: 0;
  margin: 0 0.65rem;
}

.sidebar .user-info .info-container .slug {
  font-size: 15pt;
  color: #c7ffff;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  text-align: left;
  height: 2rem;
  margin-top: 1.25rem;
}

#esquema-logo {
  height: 150px;
  width: auto;
}

.logo-preview {
  text-align: center;
  padding: 2rem;
  background: #eee;
}

/*// IMPORTANTE PARA O CHROME E O SAFARI IDENTIFICAREM NA VALIDAÇÃO*/

/*// MESMO QUE ESTEJA COM O TEMA DO MATERIALIZE E O SWITCH*/

.switch label input[type=checkbox] {
  width: 1px !important;
  height: 1px !important;
}

/* /////////////////////
LOGIN
////////////////////// */

body.login-page {
  background-image: url(/images/bg-blue.jpg?f1d59073155fe6e8a662d55cf3b12696);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.sidebar .user-info {
  background-image: url(/images/bg-user.jpg?7fb627b5bd5980c8128130649ed81c59);
}

.senha_wrapper {
  display: none;
}

.top-buffer {
  padding-top: 20px;
}

/* /////////////////////
TEMA
////////////////////// */

.theme-red .navbar {
  background-color: #3c345f;
}

.theme-red .navbar-brand {
  text-shadow: 2px 2px #000;
}

.theme-red .navbar-brand {
  color: #fff;
}

.theme-red .navbar-brand:hover {
  color: #fff;
}

.theme-red .navbar-brand:active {
  color: #fff;
}

.theme-red .navbar-brand:focus {
  color: #fff;
}

.theme-red .nav > li > a {
  color: #fff;
}

.theme-red .nav > li > a:hover {
  background-color: transparent;
}

.theme-red .nav > li > a:focus {
  background-color: transparent;
}

.theme-red .nav .open > a {
  background-color: transparent;
}

.theme-red .nav .open > a:hover {
  background-color: transparent;
}

.theme-red .nav .open > a:focus {
  background-color: transparent;
}

.theme-red .bars {
  color: #fff;
}

.theme-red .sidebar .menu .list li.active {
  background-color: #ffe0cc;
}

.theme-red .sidebar .menu .list li.active > :first-child i,
.theme-red .sidebar .menu .list li.active > :first-child span {
  color: #3c345f;
}

.theme-red .sidebar .menu .list .toggled {
  background-color: transparent;
}

.theme-red .sidebar .menu .list .ml-menu {
  background-color: transparent;
}

.theme-red .sidebar .legal {
  background-color: #fff;
}

.theme-red .sidebar .legal .copyright a {
  color: #3c345f !important;
}

/**
 * Multiple Select2
 */

.select2-container--material {
  width: 100% !important;
  /**
     * Textbox
     */
  /**
     * Dropdown
     */
  /**
     * Options
     */
  /**
     * Focused textbox
     */
  /**
     * Disabled textbox
     */
}

.select2-container--material ::-webkit-input-placeholder {
  color: inherit;
}

.select2-container--material :-ms-input-placeholder {
  color: inherit;
}

.select2-container--material ::-ms-input-placeholder {
  color: inherit;
}

.select2-container--material ::-moz-placeholder {
  color: inherit;
}

.select2-container--material ::placeholder {
  color: inherit;
}

.select2-container--material .select2-selection {
  /* @extend input */
  overflow: visible;
  font: inherit;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  margin: 0;
  line-height: inherit;
  border-radius: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  /* @extend .form-control */
  display: block;
  width: 100%;
  color: #55595c;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: .5rem 0 .6rem .5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  margin-top: .2rem;
  margin-bottom: 1rem;
  /* @extend input[type=text] */
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  /*height: 2.1rem;*/
  width: 100%;
  font-size: 1.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  min-height: 2.1rem;
}

.select2-container--material .select2-selection .select2-selection__rendered {
  padding-left: 0;
  max-width: 100%;
}

.select2-container--material .select2-selection--single .select2-selection__rendered {
  float: left;
}

.select2-container--material .select2-selection--single .select2-selection__arrow {
  float: right;
}

.select2-container--material .select2-selection--multiple {
  /**
         * Multiple selected options
         */
  /**
         * Multiple selected option clear button
         */
}

.select2-container--material .select2-selection--multiple .select2-selection__rendered {
  width: 100%;
}

.select2-container--material .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--material .select2-selection--multiple .select2-selection__choice {
  /* @extend .mdl-chip */
  height: 32px;
  /*font-family: "Roboto","Helvetica","Arial",sans-serif;*/
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
  /* @extend .mdl-chip__text */
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
  float: left;
  margin-right: 8px;
  margin-bottom: 4px;
}

.select2-container--material .select2-selection--multiple .select2-selection__choice__remove {
  /* Hide default content */
  font-size: 0;
  opacity: 0.38;
  cursor: pointer;
  float: right;
  margin-top: 4px;
  margin-right: -6px;
  margin-left: 6px;
  -webkit-transition: opacity;
  transition: opacity;
}

.select2-container--material .select2-selection--multiple .select2-selection__choice__remove::before {
  content: "cancel";
  /* @extend .material-icons */
  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--material .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 0.54;
}

.select2-container--material .select2-search--inline .select2-search__field {
  width: 100%;
  margin-top: 0;
  /* Match input[type=text] */
  height: 34px;
  line-height: 1;
}

.select2-container--material .select2-dropdown {
  border: 0;
}

.select2-container--material .select2-dropdown .select2-search__field {
  min-height: 2.1rem;
  margin-bottom: 16px;
  border: 0;
  border-bottom: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.select2-container--material .select2-dropdown .select2-search__field:focus {
  border-bottom: 1px solid #4285f4;
  -webkit-box-shadow: 0 1px 0 0 #4585f4;
          box-shadow: 0 1px 0 0 #4585f4;
}

.select2-container--material .select2-results__options {
  /* @extend .zf-shadow-depth* */
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /* @extend .dropdown-content */
  background-color: #fff;
  margin: 0;
  /*display: none;*/
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  /*opacity: 0;*/
  /*position: absolute;*/
  z-index: 999;
  will-change: width,height;
  /* @extend .dropdown-content inline styles */
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*opacity: 1;*/
  /*display: block;*/
}

.select2-container--material .select2-results__options--above {
  /*top: 50px;*/
}

.select2-container--material .select2-results__options--below {
  /*top: -50px;*/
}

.select2-container--material .select2-results__option {
  /* @extend .dropdown-content li */
  cursor: pointer;
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5rem;
  /*width: 100%;*/
  text-align: left;
  text-transform: none;
  /* @extend .dropdown-content li>a, .dropdown-content li>span */
  font-size: 1.2rem;
  /*color: #4285F4;*/
  display: block;
  padding: 1rem;
  /**
         * Disabled options
         */
  /**
         * Selected option
         */
  /**
         * Active/hovered option
         */
}

.select2-container--material .select2-results__option[aria-disabled=true] {
  /* @extend .select-dropdown li.disabled */
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent !important;
  cursor: context-menu;
  /* @extend .disabled */
  cursor: not-allowed;
}

.select2-container--material .select2-results__option[aria-selected=true] {
  /* @extend .dropdown-content li:active, .dropdow-content li:hover */
  color: #4285f4;
  background-color: #eee;
}

.select2-container--material .select2-results__option--highlighted[aria-selected] {
  background-color: #ddd;
}

.select2-container--material.select2-container--focus .select2-selection {
  /* @extend input[type=text]:focus */
  border-bottom: 1px solid #4285f4;
  -webkit-box-shadow: 0 1px 0 0 #4585f4;
          box-shadow: 0 1px 0 0 #4585f4;
}

.select2-container--material.select2-container--disabled .select2-selection {
  /* @extend .select-wrapper input.select-dropdown:disabled */
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.select2-container--material.select2-container--disabled.select2-container--focus .select2-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--material:after {
  content: "";
  position: absolute;
  margin-left: 97%;
  margin-top: -3.5rem;
  height: 0px;
  width: 0px;
  border: 5px solid;
  border-color: #26a69a #26a69a transparent transparent;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.profile-role-input {
  margin: 5px 20px 5px 10px;
}

.profile-role-input span {
  color: #fff;
}