.errorinput{border: solid 1px #ca4242!important;}  
                  ul[dnd-list] {
                      min-height: 42px;
                      padding-left: 0px;
                  }

                  /**
                   * The dndDraggingSource class will be applied to
                   * the source element of a drag operation. It makes
                   * sense to hide it to give the user the feeling
                   * that he's actually moving it.
                   */
                  ul[dnd-list] .dndDraggingSource {
                      display: none;
                  }

                  /**
                   * An element with .dndPlaceholder class will be
                   * added to the dnd-list while the user is dragging
                   * over it.
                   */
                  ul[dnd-list] .dndPlaceholder {
                      background-color: #ddd;
                      display: block;
                      min-height: 42px;
                  }

                  ul[dnd-list] li {
                      display: inline-block;
                      padding: 3px 0px;
                      margin-bottom: -1px;
                      width: 100%;
                  }
                  ul[dnd-list] li.selected {
                      background-color: #dff0d8;
                      color: #3c763d;
                  }
                  .avisohome{color: white;background: #d60303; border-radius: 5px 5px 0px 0px;}
.avisohomew{color: white;background: #d66703; border-radius: 5px 5px 0px 0px;}
.xselectfirst{margin-top: 0px!important;}
.task-check{background: #ceefce!important;}
.successcalendar{
  background: #5cb85c!important;
  border-color: #4cae4c!important;
  color: white!important;
}
.warningcalendar{
  background: #d58512!important;
  border-color: #d58512!important;
  color: white!important;
}
.dangercalendar{
  background: #ac2925!important;
  border-color: #ac2925!important;
  color: white!important;
}
.calendaritem{
  padding: 3px!important;
  text-align: center;
  padding-top: 5px!important;
}
.fc-widget-header{
  padding: 3px!important;
}
.calendaritem > div > .fc-title{font-size: 13px!important;}
.fc-widget-content > .fc-day-grid-container{
  height: 100%!important;
}
input[type="checkbox"]:disabled {
  cursor: default!important;
}
.float {
  position: fixed;
  padding: 7px 22px;
  bottom: 30px;
  right: 30px;
  background-color: #0d2350;
  color: #fff;
  border-radius: 50px;
  border: solid 2px;
  text-align: center;
  font-size: 16px;
  box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
  z-index: 100;
  cursor: pointer;
  transition: background-color .2s linear;
  -webkit-tap-highlight-color: transparent;
}
.btn-primary{background-color: #0d2350;border-color: #0d2350;}
.btn-primary:hover{background-color: #0d2350;border-color: #0d2350;}
.badgeNovo{
  padding: 4px;
  border-radius: 4px;
  background:#ed3237;
  color: white;
  font-size: 10px;
  text-align: center;
  position: absolute;
  right: 20px;
  margin-top: 0px;
}
.avisocritico{
  width: 300px;
  position: fixed;
  z-index: 99999999999;
  right: 10px;
  bottom: 10px;
  background: #eb5a45;
  padding: 10px 25px;
  border-radius: 15px;
  color: white;
}
#blockedscreen{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.5);
  z-index: 99999;
}
.blockedscreenin{
  border-radius: 15px;
  background:white;
  width: 50%;
  height: 200px;    margin: auto;
    margin-top: 20vh;
    display: table;
    width: 100px;
}
.badge-info {    color: #fff;    background-color: #0077bd;}
.badge-light {    color: #212529;    background-color: #f8f9fa;}
.badge-dark {    color: #fff;    background-color: #343a40;}
.badge-primary {    color: #fff;    background-color: #007bff;}
.badge-secondary {    color: #fff;    background-color: #a9a9a9;}
.badge-success {    color: #fff;    background-color: #28a745;}
.badge-danger {    color: #fff;    background-color: #ed3237;}
.list-style-square{  list-style: square!important;}
.bodyin{  margin-top: 10px; padding: 0px!important; margin-bottom: 100px;}
.top7px{  top:7px!important;}
.colormale{  color:#4787bd}
.colorfemale{  color: #f5516e;}
.searchmenuli{
  padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px #ededed;
}
.naoSelecionavel, th, td, .filter_input, .searchmenu,img {
    -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;            /* Possível implementação no futuro */
    /* cursor: default; */
}

.searchmenu{  padding:5px 10px;margin: 5px 10px;font-size: 13px;width: calc(100% - 20px);border-radius: 5px;border: solid 1px #cfcfcf;}
.tooltip.top .tooltip-arrow{  border-top-color: #4888be;}
.xselect{
  padding: 0px 5px;
  background: white;
  color: #777;
  position: absolute;
  right: 15px;
  top: 25px;
  cursor: pointer;
}
.fs-14{  font-size: 14px!important; }
.itemContainerinfinite {    background: white;min-height: 100vh;
  width: 100%;
      padding-top: 0px!important;
  padding-left:10px!important;
  padding-right:10px!important;
    padding-bottom: 50px!important;
  height: calc(100vh - 100px);  
  overflow-x: hidden;
  overflow-y: scroll;
}
.fixedPage{
  height: 100vh;
  overflow-y: hidden;
}
.itemContainerinfiniteAgenda {    background: white;min-height: 100vh;
  width: 100%;
      padding-top: 0px!important;
  padding-left:10px!important;
  padding-right:10px!important;
    padding-bottom: 50px!important;
  height: calc(100vh - 100px);  
  overflow-x: hidden;
  overflow-y: scroll;
}
.tipotextarea{
    width: 100%;
    border: solid 1px lightgray;
    border-radius: 3px;
    padding: 6px;
    height: 100px!important;
    font-size: 14px;
    background: #eee!important;
    overflow: scroll;
}
.tipoinput{
    width: 100%;
    border: solid 1px lightgray;
    border-radius: 3px;
    padding: 6px;
    height: 30px!important;
    font-size: 14px;
    background: #eee!important;
    overflow: hidden;
    line-height: 1.4;
}
.tipoinputwouttask{
    width: 100%;
    border: solid 1px lightgray;
    border-radius: 3px;
    padding: 6px;
    height: 30px!important;
    font-size: 14px;
    background: #eee;
    overflow: hidden;
    line-height: 1.4;
}
.tooltip.bottom .tooltip-arrow{  border-bottom-color: #000!important;top: 1px!important;}
.tooltip-inner{  background-color: #000;}
.informationtext{
  width: 100%;
  /*border: solid 1px #dfdfdf;*/
  font-size: 13px;
  /*padding: 8px;*/
  /*border-radius: 5px;*/
  display: table;
  margin-bottom: 5px;
}
.mainblock{display: table;width: 100%; text-transform: uppercase; cursor:pointer;}
.leftrodape{
  display: table;font-size: 12px;
  float: left;line-height: 1.4;
  width: 20%;
  height: 100%;
}
.centerrodape > a{  text-decoration: underline!important;}
.centerrodape{
  display: table;
  float: left; line-height: 1.4; font-size: 12px;
  width: 55%;
  height: 100%;
}
.rightrodape{
  display: table;
  float: right; line-height: 1.4; font-size: 12px;
  width: 25%;
  height: 100%;text-align: right;
}
.disabled_line_diassematualizacao i,
.disabled_line_diassematualizacao{  color: #b9b9b9!important;}
.disabled_line{  /*cursor: no-drop!important;*/  /*cursor: help!important;*/  color: gray!important;}
.tox-notifications-container{display: none!important;}
.qtddias{  width:10px;height:5px; background:gray; display:inline-table;margin: 0px 2px;}
.quebralinhaqtddias{  width: 100%;background: none;height:0px;    margin: 0px;    display: block;}
.monthview-selected {    background-color: #090!important;    color: #fff;}
.itemsCheckbox {
    float: left;
    display: table;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 4px 10px;
    margin-right: 5px;
    cursor: pointer;
}
.inputcommais > div > input,
.inputcommais > input{  border-radius: 5px 0px 0px 5px!important;}
.inputcommais{  width: calc(100% - 40px);  display: inline-block;}
.xfilters{  float: left;margin-right: 10%;width: 45%;color: #d9534f;}
.opacity_hover:hover{  opacity: 0.5;}
.inativo{  color: #aaa!important;  cursor: no-drop!important;}
.riscado{  text-decoration: line-through;}
.maisdoinput{
  width: 40px;
  cursor: pointer;
  color: white;
  text-align: center;
  border-radius: 0px 5px 5px 0px;
  background: #0d2350;
  display: inline-block;
  float: right;
  padding: 9px 0px;
  font-size: 12px;
}
.disabledslider{  cursor:no-drop!important;}
/*.form-control[disabled], */
.form-control[readonly], fieldset[disabled] .form-control {    background-color: #eee!important;    opacity: 1;}
.valorsomanm0{  margin-top:7px;display:table;}
.margintop10px{  margin-top: 10px;}
.margintop18px{  margin-top: 18px!important;}
.itemsCheckbox {    float: left;    display: table;    border: solid 1px #ddd;    border-radius: 5px;    padding: 2px 10px;    margin-right: 5px;    margin-bottom: 4px;    cursor: pointer;}
.fixardiv {    position:fixed;    display: inherit;    margin-top: -10px !important;    width: calc(100% - 237px)!important;}
.bolinhaqtdtopo{
  border-radius: 15px; font-size: 10px;  position: absolute;  margin-left: -9px;
  bottom: 17px;  top: initial;
  right: 0px;
  height: 15px;
  width: 15px;
  background: #ed3237;
  padding: 2px;
}
.alertdesc > small{  font-size: 10px;}
.alertdesc{  font-size: 12px;display: initial;}
.bolinhaqtd{
      border-radius: 25px;
    height: 6px;
    width: 6px;
    font-size: 5px;
    background: white;
    position: absolute;
    top: 2px;
    margin-left: -9px;
}
.font-size-12{  font-size: 12px;}
.font-size-14{  font-size: 14px;}
.font-weight-bold{  font-weight: bold;}
.width100-300{  width: calc(100% - 220px)!important;}
.width100-50{  width: calc(100% - 50px)!important;}
.toast-bottom-center > .ng-scope{
  display: table!important;
  margin: 0px auto!important;
}
footer{  right: 0;z-index: 1;position: fixed; min-height: 20px; bottom: 0px; background: #f5f5f5;; }
.tooltip-inner{font-size: 12px;min-width: 200px;    border: solid 1px #333;    border-style: dotted;    cursor: help!important;}
.selectdropdown > div > ul{  margin: 0px!important;    max-height: 200px;    overflow: auto;  width: 100%!important;}
.selectdropdown > div > input{  padding-right: 18px!important;}
.delfavarito{  position: absolute;    top: 5px;    right: 15px;    cursor: pointer;    color: white;font-size: 14px;}
ng-bind{  font-size: 14px;}
.uib-typeahead-match > a{  padding-left: 10px!important;}
.tarefafinalizada{  color: #aaa!important;}
.dropdown-menu>li>a{  white-space: inherit!important;}
.optiontext > strong{  font-size: 13px!important;}
.optiontext{  font-size: 13px!important;}
.has-error .form-control{      border-color: #d9534f;}
.typeahead-demo .custom-popup-wrapper {  position: absolute;  top: 100%;  left: 0;  z-index: 1000;  display: none;  background-color: #f9f9f9;}
.margin-top-0{  margin-top: 0px!important;}
.botaosistema{  float: right;  position: relative;  margin: -20px 10px 0 0;  right: 10px;  top: 5px;}
.input-group .form-control, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{  z-index: 0;}
label > span{  color: #AAA;font-size: 11px;}
.contratoencerrado{  color: #f36a6a;}
.typeahead-demo .custom-popup-wrapper > .message {  padding: 10px 20px;  border-bottom: 1px solid #ddd;  color: #868686;} 
.lupasearch{  position: absolute;  right: 16px;  color: #aaa;  top: 25px;  background: white;  /*cursor:pointer;*/}
.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none; 
}
[uib-typeahead-popup].dropdown-menu {
    display: block;
    max-height: 200px;
    overflow: auto;
}
.labelform{
  color: #777;
  /*color: #000;*/
  /*color: #AAA;*/
  margin-bottom: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 11px;
  width: 100%;
  margin-top:4px;
}

.modal-delete{
  width: 33%;
  margin: 5% auto;
  border-radius: 10px;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
@media (min-width: 768px){
  .modal-content {      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);      box-shadow: 0 5px 15px rgba(0,0,0,.5);  }
}
.modal-relatorios{
  width: 75%;
  margin: 5% auto;
  border-radius: 10px;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
} 

.maisesquerda{  padding-left: 25px!important;}
.radiobuttons1.active, .radiobuttons1:active.focus, .radiobuttons1:active:hover{  background: green!important;  color: white!important;}

.pageinitial{  overflow-y: hidden!important;  background: #fff;}
.iconsleft{  float: left;display: table;  margin-left: 0px;padding-left: 0px;    text-align: left;}
.iconsright{  float: right;display: table;  margin-right: 0px;padding-right: 0px;    text-align: right;}
.radiobuttons.active, .radiobuttons:active.focus, .radiobuttons:active:hover{  background: #d9534f!important;  color: white!important;}
.filter_input{  width: 100%!important; padding: 5px;font-size: 13px;    border-radius: 5px;    height: 30px;    border: solid 1px #bcbcbc;}
.filter_input:read-only{  background: #dfdfdf!important;}
.filter_input:-moz-read-only {  background: #dfdfdf!important;}
.iconsright > a, .iconsleft > a, .iconsright > .makeFavorito{  margin: 0px 3px;}
.filter_times{  color: gray; position: absolute;left: 0px;top: 1px;cursor: pointer; padding: 5px;}
.modal-header > h4{  color: #333;}
.modal-header{  background: #eee;  /*color: white; */  border-radius: 10px 10px 0px 0px;}
.bodyiconusercontainer > a{   font-size: 13px;  width: 100%;  display: block;  padding: 6px 0px;}
.bodyiconusercontainer{  background: white;  color: black;}
.iconmessages{  color: white;}
.bolinhaaba:hover{  background: #ccc;}
.bolinhaaba{  padding: 2px;  border-radius: 100%;   width: 15px;  height: 15px;  display: table;  float: right;  text-align: center;  margin-top: -2px;}
.pesquisaheaderpagebtn{
  width: 7%;
  color: black;
  line-height: inherit;
  background: none;
  border: none;
  position: absolute;
  right: 15px;
  top: 5px;
}
.makeFavorito{  cursor:pointer; font-size: 25px;    padding-top: 2px!important;    display: table;    float: right;
}
.variasabas{
  margin-top: 9px;
}
.umaaba{
  margin-top: 10px;
}
.abas{
  float: left;
  margin-left: 1px;
}
.aba.active{
  background: #f2f2f2;  
  color: #444;
}
.aba{
  float: left;
  padding: 10px 15px;
  padding-right: 10px;
  background: white;
  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  color: gray;
  cursor: pointer;
  border-right: solid 1px #ddd; 
  border-radius: 10px 10px 0px 0px;
  width: 150px;
  height: 33px;
}
.headericonusercontainer{
  padding: 10px!important;
}
.headericonusercontainer, .bodyiconusercontainer{
  font-size: 12px;
  padding: 0px;
}
.cursor_nodrop{
  cursor: no-drop!important;
}
.cursor_pointer{
  cursor: pointer;
}
.background_ccc{
  background-color: #ccc!important;
}
.xaba{
  cursor: pointer;
  position: absolute;
  z-index: 12;

}
.iconusercontainer{
  position: absolute;
  right: 10px;
  margin-top: 50px;
  background: #000;
  max-width: 30%;
  padding: 2px;
  border-radius: 5px;
  font-size: 12px;
}
.arrowicon{
  border-style: solid;
  border-width: 0 9px 9px;
  height: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  right: 7px;
  top: -18px;
  transition: all 0.25s ease 0s;
  width: 0;
  z-index: 10;
  margin-top: 10px;
  opacity: 1;
  border-color: transparent transparent #000;
  border-bottom-color: #000 !important;
  border-top-color: #000 !important;
}
.headerdropdown{
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 10px;
  cursor: default;
  font-size: 12px;
  width: 100%;
  background: #a2a2a2;
  margin-top: -5px;
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
}
.iconuser:hover{
  color: #cdcdcd;
}
.opacity, .bodyiconusercontainer > a:hover,.xaba:hover, .iconmessages:hover{
  opacity: 0.6;
}
.iconuser{
  float: right;
  color: black;
  display: table;
  margin-top: 3px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border: solid 1px #dcdcdc;
  cursor: pointer;
  font-size: 17px;
  border-radius: 100%;
  padding: 0px;
  padding-top: 5px;
  text-align: center;
}
body{
  overflow-x: hidden;
}
select > option{
  font-size: 14px;
}
.primeiroadd{
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  border: solid 1px;
  display: table;
  width: 98%;
  margin: 1%;
  border-radius: 10px;
  cursor: pointer;
} 
.primeiroadd:hover{
  opacity: 0.6;
}
#toast-container .toast{
  width: 191px!important;
}
.toast-message{
  font-size: 11px!important;
}
.btnPessoasEncontradas{
  float: left;
  display: table;
  font-size: 10px;
  padding: 2px 10px;
  background: #c6020c;
  color: white;
  border-radius: 6px;
  margin-left: 5px;
  cursor: pointer;
}
.mese{
  padding: 4px 24px!important;
}
.bolinha{
  font-size: 6px;
}
.anonormal{
  display: table;
  float: left;
  margin-top: 11px!important;
  color: gray;
  background: #d4d4d4;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 400;
  border: 5px solid;
  border-bottom: none;
  border-color: #d9edf7;
  border-radius: 15px 15px 0px 0px;
  cursor: pointer;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
}
.anonormal:hover{
  background: #fff!important; 
}
.anoselected{
  background: #fff!important;
  border-color: #8c8c8c;
  font-size: 14px!important;
  font-weight: bold;
  margin-top: 5px!important;
  cursor: default;
  color: black!important;
  padding: 10px 20px 4px 20px!important;
  border-color: transparent!important;
}
.anoselected:active, .anoselected:selected, .anoselected:hover, .anoselected:focus{
  border-color: transparent!important;
  background: #fff!important;
}
.imagecenter{ 
    object-fit: cover;
    object-position: center top;
}
.supportPrecisa{
  position: absolute;bottom: 10px;right: 10px;opacity: 0.6;color: #c6020c;
}
.supportPrecisa:hover{
  opacity: 1;
}
.margin-top-17-5px{
  margin-top: 17.5px;
}
.disableButton{
  background-color: darkgray!important;
}
input{
  text-transform: uppercase;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform: none!important;
}
input::-moz-placeholder { /* Firefox 19+ */
  text-transform: none!important;
}
input:-ms-input-placeholder { /* IE 10+ */
  text-transform: none!important;
}
input:-moz-placeholder { /* Firefox 18- */
  text-transform: none!important;
}
input, select, textarea,.chosen-single, .border_in, .checkmark, .slider {
  transition: all 0.6s ease; 
      font-family: 'Roboto', sans-serif!important;
    font-weight: 400!important;
}
input:hover, textarea:hover,.chosen-single:hover, select:hover,.slider:hover, .border_in:hover, .checkmark:hover{
  /*box-shadow: inset 0px 0px 2px 0px #c6020c!important;*/
} 
.panel-body {
  padding: 10px 5px;
}
.panel-body-integrante:first-child {
    padding-top: 10px!important;
}
.iconesPanel{
  float: left;margin-top: -28px;
  margin-left: 15px;position: absolute;
  color: white;
}
.badgezinho{
  position: absolute;
  left: 50px;
  margin-top: -10px;
  font-size: 10px;
  background: #c6020c;
  color: white;
  border-radius: 15px;
  padding: 2px 5px;
  display: table;

}
.float_left{
  float: left!important;
}
.width85p{
  width: 85%!important;
}
.width15p{
  width: 15%!important;
}
a{
  text-decoration: none!important;
}
.colorWhite{
  color: white;
}
.paddingTop10px{
  padding-top: 10px!important;
}
.colorAAA{
  color:#aaa;
}
.color31708f{
  color:#31708f;
}
.colorGreen{
  color: green;
}
.colorRed{
  color: red;
}
.colored3237{
  color: #ed3237!important;
}
textarea{
  resize: vertical!important;
  min-height: 90px!important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding-left: 10px!important;
  padding-right: 10px!important;
}
.starActive{
  color: orange;
}
.strela:hover{
  color: orange;
}
.inativo{
  color: #bbb!important;
}
.fixar1 {
    position:fixed;
    margin-top: 4px !important;
    z-index: 1;
    width: calc(100% - 200px);
}
.fixar2 {
    position:fixed;
    margin-top: 4px !important;
    z-index: 1;
    width: calc(100% - 50px);
}
.help-block{
  margin-bottom: 0px!important;
} 
p{
  margin: 0px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}
.block_pdf{
  border: solid 1px #b72525!important;
  color: #b72525!important;
}
.block_doc{
  border: solid 1px #2196f3!important;
  color: #2196f3!important;
}
.block_xls{
  border: solid 1px #558000!important;
  color: #558000!important;
}
.block_jpg{
  border: solid 1px gold!important;
  color: gold!important;
}
.block_rar{
  border: solid 1px black!important;
  color: black!important;
}
.block_txt{
  border: solid 1px gray!important;
  color: gray!important;
}
.block_default{
  border: solid 1px gray;
  color: gray;
}
.file-upload {
  position: relative;
  overflow: hidden;
  padding: 2px 10px!important;
  border: solid 1px gray;
}
.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.search_input{
  width: 94%;
  padding: 7px;
  font-size: 13px;
  border-radius: 5px;
  border: solid 1px #bcbcbc;
}
.search_input_button{
  width: 5%;
  float: right;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    bottom: 0;
    position: fixed;
    z-index: 1;
    height: 100%;
}
.panel{margin-bottom: 12px!important;}
.panel-primary > .panel-heading,
.panel-info>.panel-heading > span,
.panel-info>.panel-heading{
  font-size: 14px!important;
}
.panel-primary > .panel-heading > div > a{
  color: white;
}
.modal-content{
  width: 80%!important;
  border-radius: 10px;
}
.panel-heading{
  -webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;     
        box-shadow: 1px 3px 10px 1px lightgrey;
            padding: 8px 15px!important;

}
.hero-widget {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well-sm {
  box-shadow: 1px 3px 10px 1px lightgrey;
    padding: 9px;
    border-radius: 3px;
        border-bottom: solid 2px #0d2350; 
}
.hero-widget .icon {
    display: block;
    font-size: 40px;
    line-height: 0px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.hero-widget var {
    display: block;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    font-style: normal;
}
.hero-widget label {
    font-size: 15px;
}
.hero-widget .options {
    margin-top: 10px;
}
input, select{
  height: 30px!important;
}
.form-control {
  padding: 6px!important;
  color:#333!important; 
  border-radius: 4px!important;
}
.modal-body{
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 0px;
  padding-right: 0px!important;
  padding-left: 0px!important;
  padding-top: 0px!important;
}
.form-check-label{
  cursor: pointer;
  padding: 0px 10px 0px 0px;
  font-weight: normal;
  text-transform: uppercase;
}
input[type=email]{
text-transform: lowercase;
}
.chosen-container-single .chosen-search input[type=text]{
  font-size: 12px!important;
}
label, p,i{
  font-size: 12px; font-weight: normal;
}
.rotate180{
  -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.chosen-search > input {
  font-size: 12px;
}
em{
  font-size: 12px!important;
}
.bloco{
  display: table; width:100%;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;
} 

span.required{ font-size: 11px;}
label.alertrequired{color: #d9534f!important;}
label > i.required{font-weight: 100;}
input.alertrequired, textarea.alertrequired, select.alertrequired{
  border-color: #d9534f!important;
  border-left: solid 4px #d9534f!important;
}
input[required], textarea[required], select[required]{
  /*border-left: solid 5px #d9534f!important;*/
  border-left: solid 4px #aaa;
}
.help-block{
  font-size: 11px;
}
.labelswitch-sim{
  font-size: 10px;position: absolute;margin-top: 10px; cursor:pointer;margin-left: 5px;color: white;
}
.labelswitch-nao{
  font-size: 10px;position: absolute;margin-top: 10px; cursor:pointer;margin-left: 35px;color: white;
}
.buttonNew{
  cursor: pointer;
}
.buttonNew:hover{
  color: #d58512;
}
.switch {
  position: relative;
  display: block;
  width: 60px;
  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  height: 30px;
  margin-bottom: 0px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 25px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
 
.slider.round {
  border-radius: 44px;
}

.slider.round:before {
  border-radius: 60%;
}
.chosen-results > li{
  font-size: 12px;
}
.chosen-container{
  width: 100%!important;
}
select{
  width: 100%;
  font-size: 12px;
  padding:10px;
}
.chosen-single{
  padding-top: 10px!important;
  height: 35px!important;
  font-size: 12px;
}
.chosen-single > span{ 
  font-size: 12px;
}
.menuSemPubItem{
  font-size: 12px; width: 72%;float:left;
}
.pastaItemMenu{  
  width: 100%; 
  padding: 8px;
  padding-left: 20px; 
}
.pastaMenu{
  background: #f7f7f7;
  cursor: pointer;
  width: 100%; 
  padding: 8px;
  padding-left: 20px;
}
.pastaMenu:hover{
  background: #e9e9e9; 
}
.itemMenu{
  width: 100%; 
  padding: 8px; 
  padding-left: 40px;
}
.itemMenu:hover{
  font-weight: bold;
}
.theader{
  background:#eee; 
  padding: 10px 0px; float:left; 
  font-size: 12px
}
li{
  list-style: none!important;
}
@media (min-width: 992px){
  .modal-lg {
      width: 1200px;
  }
}
.aActive{
  color: #23527c;
  text-decoration: underline;
}
.circulo {
    background: rgb(237,50,55);
    border-radius: 100%;
    padding-left: 17px;
    padding-top: 17px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    webkit-box-shadow: 0 0 0px rgba(0,0,0,.12),0 5px 20px rgba(0,0,0,.24);
    box-shadow: 0 0 0px rgba(0,0,0,.12), 0 5px 20px rgba(0,0,0,.24);
    z-index: 1;
    color: white;
    cursor: pointer;
}
.modal-200{
  width: 200px;
}
.modal-500{
  width: 500px;
}
.menuStyleClickActive{
  background: #1c718a;
    border-radius: 25%;
    padding: 7px;
    margin: 0px!important;
}
.btn > a{
  color:white!important;
}
.btn {
      padding: 4px 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  font-size: 12px;
  padding: 7.5px 5px;
}
thead{
      background: #f3f3f3;
}
th{
  font-weight: bold;
}
.headerCabecalhoPages{
  margin: 0px;padding-left: 5px;
  font-size: 12px;
}
.cabecalho{
  border-bottom: solid 1px #dfdfdf;
}
.cabecalhoPages{
  background: #f2f2f2;padding: 10px 5px;font-size: 12px;color: #787878;
  margin-top: 4px; 
  height: 38px;
  display: table;
  width: 100%;
}
.activeIconMenu{
  color: #c6020c;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #eee;
    scrollbar-highlight-color:#FF0000;
}
::-webkit-scrollbar-thumb{ 
  background: #aaa;
} 
@media screen and (min-width: 651px) {
  .marginLeft300{
    margin-left: 300px!important;
  }
  .marginLeft0{
    margin-left: 50px!important;
  }

}
@media screen and (max-width: 1050px) {
  .abas, .aba{
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .abas, .aba{
    display: none;
  }
  .backgroundGray{
    position: fixed;
    background: rgba(40,40,40,0.5);
    width: 100%;
    height: 100%;
    top: 47px; 
  }  
  .marginLeft0{
    margin-left: 0px!important;
  }
  .width300{
    width: 100%!important;
    z-index: 1!important;
  }
  .width0{
    width: 0px!important;
    z-index: 0!important;
  }
}
@media screen and (min-width: 651px) {
  .width300{
    width: 220px!important;
  }
  .width0{
    width: 50px!important;
  }
}
div > [ui-view]{
  padding-top:20px;
  padding-left: 20px;
}
.marginLeft300{
  margin-left: 220px!important;
} 
/*.activeMenu > i,*/
.activeMenu{
  background: #0d2350!important;
  color: white!important;
}
a {
    cursor: pointer;
    font-size: 12px;
}
.boxLogin{
	background: white; padding:20px!important; border-radius: 5px; margin-top:20px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
	margin-bottom: 15px;
}
.logoLogin{
	margin: 10px 0px 30px 0px;
}
.notification{
	text-align: center;
}
.backgroundLogin{
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;
  background: white no-repeat left bottom!important;display: table;z-index: -1;
}

/*-------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------MENU------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
    /* The side navigation menu */
      .sidenav {
          height: 100%; /* 100% Full-height */
          width: 0; /* 0 width - change this with JavaScript */
          position: fixed; /* Stay in place */
          z-index: 2; /* Stay on top */
              top: 47px;
          left: 0;
          background-color: #f5f5f5; /* Black*/
          overflow-x: hidden; /* Disable horizontal scroll */
          padding-top: 20px; /* Place content 60px from the top */
          transition: 0.3s; /* 0.5 second transition e ffect to slide in the sidenav */
      } 
      .sidenav a {
          padding: 10px;
          padding-left: 15px;
          text-decoration: none;
          font-size: 16px;
          color: #333;
          display: block;
          transition: 0.3s;
      }

      /* When you mouse over the navigation links, change their color */
      .sidenav a:hover, .offcanvas a:focus{
          /*color: #fff;*/
          background: #fff;
      }
      .sidenav a:hover > i{
          /*color: #fff;*/
      }

      /* Position and style the close button (top right corner) */
      .sidenav .closebtn {
          position: absolute;
          top: 0;
          right: 25px;
          font-size: 36px;
          margin-left: 50px;
      }

      /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
      #main {
          transition: margin-left .5s;
          /*padding: 20px;*/
      }

      /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
      @media screen and (max-height: 450px) {
          .sidenav {padding-top: 15px;}
          .abas, .aba{display: none;}
          .sidenav a {font-size: 18px;}
      }
/*-------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------Sidebar Menu-----------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-overflow-scrolling: touch;
          -webkit-tap-highlight-color: rgba(0,0,0, 0);
          -moz-tap-highlight-color: rgba(0,0,0, 0);
          tap-highlight-color: rgba(0,0,0, 0);
          font: 300 16px/100% 'Arial', sans-serif;
        }

        a {
          color: inherit;
          text-decoration: none;
        }

        [sidebarjs] .img {
          display: block;
          width: 24px;
          min-width: 24px;
          height: 24px;
          min-height: 24px;
          margin-right: 16px;
          opacity: .8;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
        }

        .img.github {
          /*background-image: url('./img/github.png');*/
        }
        .img.npm {
          /*background-image: url('./img/npm.png');*/
        }
        .img.author {
          /*background-image: url('./img/code.png');*/
        }
        .img.wiki {
          /*background-image: url('./img/wiki.png');*/
        }
        .img.bugs {
          /*background-image: url('./img/bugs.png');*/
        }
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0d2350!important;
    border-color: #0d2350!important;
}
.panel-primary{    border-color: #0d2350!important;}
.panel-info>.panel-heading {
    color: #000!important;
    /*background-color: #ccc!important;*/
    /*border-color: #ccc!important;*/
}
        /* –––––––––––––––––––––––––––––––––––––––
                        Basic Demo
        –––––––––––––––––––––––––––––––––––––––– */
        header {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          position: relative;
          padding: 12px;
          background: #fafafa;
        }
        .icon {
          /*position: relative;*/
          z-index: 1;
          width: 32px;
          height: 32px;
          border-radius: 50%;
          transition: background .1s;
        }
        .icon:active {
          background: rgba(255,255,255, .2);
        }
        .hamburger-icon{
          cursor: pointer;
        }
        .hamburger-icon:before {
          content: '';
          position: absolute;
          top: 0; right: 0; bottom: 0; left: 0;
          margin: auto;
          width: 70%;
          height: 2px;
          border-radius: 2px;
          background: #FFF;
          box-shadow: 0 -6px 0 #FFF, 0 6px 0 #FFF;
        }
        [sidebarjs] .large-img {
          position: absolute;
          top: 48%; left: 50%;
          transform: translate(-50%, -50%);
          display: block;
          width: 110px;
          height: 110px;
          margin: auto;
        }
        header h1 {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          height: 22px;
          margin: auto;
          font: 300 22px/100% 'Arial', sans-serif;
          color: #FFF;
          cursor: default;
          text-align: center;
        }


        /* –––––––––––––––––––––––––––––––––––––––
                      Advanced Demo
        –––––––––––––––––––––––––––––––––––––––– */
        [sidebarjs] * {
          font: 300 16px/100% 'Arial', sans-serif;
        }

        [sidebarjs] h3 {
          margin-top: 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-end;
          -ms-flex-align: end;
          align-items: flex-end;
          /*min-height: 180px;*/
          padding: 16px;
          background: #000;
          color: #FFF;
          font-size: 40px;
        }

        [sidebarjs] nav {
          overflow-x: hidden;
          overflow-y: auto;
        }

        [sidebarjs] nav > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          border-top: 1px solid rgba(0,0,0, .1);
        }
        [sidebarjs] nav > div:first-child {
          border-top: none;
        }
        [sidebarjs] nav a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -moz-align-items: center;
          -ms-align-items: center;
          -webkit-align-items: center;
          align-items: center;
          color: rgba(0,0,0, .64);
          padding: 16px;
          transition: background 0.3s ease;
        }
        [sidebarjs] nav a:active {
          color: inherit;
          background: rgba(0,0,0, .1);
        }

        #selected {
          position: absolute;
          top: 0; right: 0; bottom: 0; left: 0;
          margin: auto;
          width: 110px;
          height: 84px;
        }
        #selected .img {
          margin: auto;
          width: 64px;
          height: 64px;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
        }
        #selected .label {
          text-align: center;
          padding: 12px;
        }

        .basic {
          position: absolute;
          right: 0; bottom: 16px; left: 0;
          margin: auto;
          text-align: center;
          color: #000;
          font-size: 12px;
          line-height: 140%;
        }

        section {
          padding: 16px;
        }
 

        h2 {
          margin: 12px 0;
        }
        [sidebarjs] h3 {
          line-height: 120%;
        }

        html, body, app {
          height: 100%;
        }
        body {
          min-height: auto;
        }
        app {
          display: block;
        }
        main p {
          font-size: 14px;
          line-height: 140%;
        }
        main .app__js-toggle-buttons {
          display: flex;
          justify-content: space-between;
          position: fixed;
          z-index: 9999;
          left: 16px;
          bottom: 16px;
          right: 16px;
        }

        main .app__js-toggle-button {
          width: 48%;
          font-size: 14px;
          text-align: center;
          padding: 12px 15px;
          border-radius: 2px;
          background: #eeeeee;
          box-shadow: 0 3px 6px rgba(0,0,0, .16), 0 3px 6px rgba(0,0,0, .23);
        }


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