/* Top Elements */
/*Fonts*/
:root {
    --search-text-service-active: #557A63;
    --search-text-service-suspended: #E6611D;
    --search-text-service-warning: #3f3fe2;
    --body-text: #444;
    --menu-bg: #fff;
    --content-border: #CCCCCC;
    --content-title: #eaeaea ;
}

@font-face {
    font-family: "Roboto";
    src: url("/static/all/font/Roboto/Roboto-Regular.eot");
    src: url("/static/all/font/Roboto/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("/static/all/font/Roboto/Roboto-Regular.woff2") format('woff2'),
         url("/static/all/font/Roboto/Roboto-Regular.woff") format('woff'),
         url("/static/all/font/Roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url('/static/all/font/Roboto/Roboto-Italic.eot');
    src: url('/static/all/font/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('/static/all/font/Roboto/Roboto-Italic.woff2') format('woff2'),
         url('/static/all/font/Roboto/Roboto-Italic.woff') format('woff'),
         url('/static/all/font/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url('/static/all/font/Roboto/Roboto-Bold.eot');
    src: url('/static/all/font/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('/static/all/font/Roboto/Roboto-Bold.woff2') format('woff2'),
         url('/static/all/font/Roboto/Roboto-Bold.woff') format('woff'),
         url('/static/all/font/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
    font-size: 13px;
}

body {
    background: #FFFFFF;
    color: #000000;
    min-width: 970px;
    text-align: center;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}


input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body {
    behavior: url(/static/all/js/csshover.htc);
    overflow-x: auto;
    /* x:hover Internet explorer */
}


/* links */

a {
    color: #667F99;
}


/* headers */

h1,
h2,
h3,
h4 {
    font-weight: Bold;
}

h1 {
    font-size: 22px;
    font-weight: 300 !important;
    color: #333333;
}

h2 {
    font-size: 110%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 100%;
}

h1,
h2,
h3 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

ul,
ol {
    /* margin: 10px 20px;
    padding: 0 20px; */
}

hr {
    border: 0;
    border-top: 1px solid #EEEEEE;
    margin: 8px 0;
}

/* images */

img {
    border: 2px solid #CCC;
}

img.float-right {
    margin: 5px 0px 5px 10px;
}

img.float-left {
    margin: 5px 10px 5px 0px;
}

code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    /* white-space: pre; */
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}


/* form elements */

form {
    padding-left: 0px;
    margin: 0;
    font-size: 12px;
    border: 0px;
}

pre {
    font-family: "Consolas", "Menlo", "Courier New", "monospace" !important;
}

.add_content_sub p label, 
.add_content_sub_no_border p label,
.ui-dialog-content p label {
    width: 150px;
}

#box {
    margin: 0;
    border: 0px;
}

input:not(.button):not(.buttonsm):not(.buttonxs):not(.select2-search__field),
select,
textarea {
    border: 1px solid #bbb;
    border-radius: 4px;
    padding: 5px 6px;
    margin-top: 0;
    color: #444;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input:focus, input:hover,
select:focus, select:hover,
textarea:focus, textarea:hover {
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.15);
    outline: 0;
    transition:all 0.2s ease-in-out;
}

input:read-only:not([type="button"]):not([type=reset]):not([type=submit]): {
    background-color: #F6F6F6 !important;
}

#editconfig {
    padding: 2px;
    font: normal 1em Verdana, sans-serif;
    border: 1px solid #eee;
    height: 300px;
    display: block;
    color: #777;
}

input.submit {
    margin: 0;
    font: bolder 12px Arial, Sans-serif;
    border: 1px solid #CCC;
    padding: 2px 3px;
    background: #FFF;
    color: #275F6C;
}


/* search form */

form.search {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    border: none;
    background-color: transparent;
}

form.search input.textbox {
    margin: 0;
    padding: 1px;
    width: 120px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #333;
}

form.search input.submit {
    height: 20px;
    padding: 1px 3px;
    width: 60px;
}


/********************************************
   LAYOUT
********************************************/

body {
    overflow-x: hidden;
}

#wrap {
}

#content-wrap {
    top: -200px;
    padding: 0 !important;
    margin: 0 !important;
}

#content-main {
    text-align: left;
    padding: 3px 15px;
}

#main {
    padding: 0 !important;
}

/* header */

#header-wrap {
    z-index: 602;
    position: relative;
    width: 100%;
}

#header {
    min-width: 970px;
    background: #314351;
    font-size: 14px;
    color: #FFF;
    width: 100%;
    height: 46px;
    padding: 0 5px;
    box-sizing: border-box;
}

#header-left {
    float: left;
}

#header-left img {
    float: left;
    margin-top: 5px;
    margin-left: 14px;
    width: 90px;
}

@-moz-document url-prefix() {
    #header-left img {
        margin-right: 12px;
        margin-left: 14px;
    }
}

#header-right {
    float: right;
    color: #98a8b6;
    padding: 8px 25px 0px 20px;
}

#header-right a:link,
#header-right a:visited,
#header-right a:active {
    color: #98a8b6 !important;
    text-decoration: none;
}

#header-right a:hover {
    color: #eeeeee !important;
}

#header-right ul {
    list-style-type: none;
    text-align: center;
}

#header-right ul li {
    float: left;
    margin-left: 12.5px;
    height: 30px;
    line-height: 32px;
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#header-right ul li span {
   font-weight: bold;
   color: #eeeeee;
}

#header-right ul li.separador {
    background-color: #5e6e7a;
    width: 1px;
}

#header h1 {
    padding-left: 10px;
}

#headertop {    
    background: #4F5E6A;
    /* border-bottom: 1px solid #cccccc; */
    height: 32px;
    width: 100%;
    line-height: 10px;
    padding: 0px;
    /* box-shadow: 0 2px 20px -10px #2D353C; */
}

#headertop-left {
    float: left;
}

#headertop-right {
    float: right !important;
    padding: 10px 27.5px 10px 0;
}

#headertop-right a:link,
#headertop-right a:visited,
#headertop-right a:active {
    text-decoration: none;
    color: #f6f6f6;
}

#headertop-right a:hover {
    color: #cccccc;
}

#headertop-right ul {
    list-style-type: none;
}

#headertop-right ul li {
    float: left;
    margin-left: 13.5px;
}

#header #searchform {
    position: absolute;
    top: 40px;
    right: 20px;
}


/* footer */

#footer {
    position: relative;
    clear: both;
    color: #666666;
    min-width: 970px;
    height: 50px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#footer a {
    text-decoration: none;
}

#titlepage {
    margin-bottom: 5px;
    font-weight: normal !important;
}

#titlepageicon {
    visibility: hidden;
}

#clientebusca_top {
    float: left;
    margin: 1.5px 10px 0 20px;
}

#id_clientebusca, #id_clientebuscatipo { 
    background-color: transparent;
    border: 1px solid #4F5E6A;
    color: #cccccc;
    transition:all 0.2s ease-in-out;
}

#id_clientebusca:focus {
    background-color: #F6F6F6;
    color: #333333;
}

#id_clientebuscatipo:focus {
    transition: all 0.2s ease-in-out;
}

#id_clientebusca:focus::placeholder, 
#id_clientebusca:hover::placeholder {
    color: #999999;
}

#id_clientebusca {
   width: 175px;
   height: 20px;
}

#id_clientebusca::placeholder {
    color: #cccccc;
}

#id_clientebuscatipo {
    height: 32px;
    width: 125px;
    margin-top: 5px;
}

#id_clientebuscatipo:focus {
    background-color: #4F5E6A;
}

.clientebusca_content {
    width: 600px !important;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    border-radius: 3px;
    z-index: 603 !important;
}

#titulo_detail {
    padding: 8px;
}

/*
* Changelog
*/


#changelog ul {
    list-style-type: none;
}

#changelog ul li {
    padding: 8px;
}

#changelog ul li span {
    color: #666666;
}

#changelog ul li ul {
    padding: 2px 0 8px 0;
    border-bottom: 1px solid #CCCCCC;
}

#changelog ul li ul li {
    padding: 2px;
    margin-left: 25px;
}

/* alignment classes */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}


/* additional classes */

.clear {
    clear: both;
}

.invisible {
    visibility: hidden;
}

.separator {
    height: 5px;
    border: 0;
    margin: 0;
    padding: 0;
}

.gray {
    color: #37709f;
}

.fielderror {
    color: red;
}

.fielderror p {
    padding: 5px;
}

#status_block {
    margin: 0 auto 0.5em auto;
    padding: 15px 10px 15px 55px;
    background: #eeeeee;
    border: 1px solid #dcdcdc;
    width: 450px;
    font-size: 120%;
    font-weight: bolder;
}

span.error-message {
    font-weight: bold;
    color: #f00;
}

.tablex {
    width: 100%;
    font-size: 110%;
}

.tablex th {
    font-size: 12px;
    background-color: #dcdcdc;
    background-repeat: repeat;
    background-attachment: scroll;
    color: black;
    padding: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: #cccccc;
}

.tablex td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding: 3px;
    color: black;
}

.tablex td a {
    text-decoration: none;
    color: black;
}

.tablex th a {
    text-decoration: none;
    color: black;
}

.tablex tr:hover {
    background-color: #dcdcdc;
    color: black;
}

.tablex tr:hover a {
    background-color: #dcdcdc;
    color: black;
}

.tablex2 {
    width: 100%;
    font-size: 12px;
}

.tablex2 th {
    background-color: #dcdcdc;
    background-repeat: repeat;
    background-attachment: scroll;
    color: black;
    padding: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-right-width: 0px;
    border-right-style: solid;
    border-right-color: #cccccc;
}

.tablex2 td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding: 3px;
    color: black;
}

.tablex2 td a {
    text-decoration: none;
    color: black;
}

.tablex2 th a {
    text-decoration: none;
    color: black;
}

.tablewrap td {
    word-break: break-all;
    word-wrap: break-word;
}

.display td > span.sort {
    display:none !important;
}

.basictab {
    padding: 3px 0;
    margin-left: 0;
    font: bold 12px Verdana;
    border-bottom: 1px solid gray;
    list-style-type: none;
    text-align: left;
    /*set to left, center, or right to align the menu as desired*/
}

.basictab li {
    display: inline;
    margin: 0;
}

.basictab li a {
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid gray;
    border-bottom: none;
    background: #eaf3fa;
    color: #2d2b2b;
}

.basictab li a:visited {
    color: #2d2b2b;
}

.basictab li a:hover {
    background-color: #eeeeee;
    color: black;
}

.basictab li a:active {
    color: black;
}

.basictab li.selected a {
    /*selected tab effect*/
    position: relative;
    top: 1px;
    padding-top: 4px;
    background-color: #FFFFFF;
    color: black;
}

form.formx fieldset {
    border: 0px;
}

form.formxm fieldset {
    border: 0px;
}

form.formx fieldset p {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
}

form.formx label {
    display: inline-block;
}

form.formx label.error {
    padding-left: 10px;
    width: auto;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

#h1black {
    margin: 10px 0 0 0;
    padding: 3px 10px;
    font: bold 120% Tahoma, Verdana, Sans-Serif;
    color: #555;
    background: #eef;
    border: 1px solid #555;
}

#h1black a {
    color: #555;
}

#h1black2 {
    color: #555;
    font: bold 120% Tahoma, Verdana, Sans-Serif;
}

.h2t2 {
    color: #555;
}

#infoacesso {
    font: bold 100% Tahoma, Verdana, Sans-Serif;
}

#cadastrotipografico {
    display: none;
    float: right;
    background-color: #ededed;
    border: 1px solid #f2f2f2;
}

#cadastroprotocolo {
    display: none;
    float: right;
    background-color: #e8f5d9;
    border: 1px solid #f2f2f2;
}

.ablack {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.red_bold {
    font-weight: bold;
    color: #ed5959;
    text-decoration: none;
}

.ss_bold1 {
    font-weight: bold;
    color: #198EE5;
    text-decoration: none;
}

.ss_bold2 {
    font-weight: bold;
    color: #f3b572;
    text-decoration: none;
}

.ss_bold4 {
    font-weight: bold;
    color: #c64343;
    text-decoration: none;
}

.ss_bold3 {
    font-weight: bold;
    color: #939393;
    text-decoration: none;
}

.tbold {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.blue_bold {
    font-weight: bold;
    color: #3682F3;
    text-decoration: none;
}

img {
    border: 0px;
}

.iconmenu {
    position: relative;
    padding-right: 10px;
}

.bg1 {
    background: #eaf3fa;
}

#searchcontent {
    padding-left: 10px;
    margin: 0;
    width: 210px;
    height: 100px;
    display: none;
    float: right;
    color: #555;
    background: #eeeccc;
}


/***** Ajax indicator ******/

#ajax-indicator {
    position: absolute;
    /* fixed not supported by IE */
    background-color: white;
    border: 1px solid gray;
    -moz-border-radius: 3px;
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    color: black;
    padding: 0.4em;
    z-index: 999;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

html>body #ajax-indicator {
    position: fixed;
}

#ajax-indicator span {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    background-image: url(/static/all/img/base/loading.gif);
    padding-left: 26px;
    vertical-align: bottom;
}

.help {
    padding-left: 153px;
    vertical-align: middle;
    font-size: 11px;
    color: #999999;
    line-height: 140%;
}

.helptext {
    color: #999999;
}

.autocomplete_label {
    color: #999999;
    font-size: 12px;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    text-align: left;
    font-weight: bold;
    background-color: #C5C5C5;
}


/* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */

* html .ui-autocomplete {
    height: 100px;
    text-align: left;
}

.ui-dialog {
    position: absolute;
    padding: 0;
    width: 300px;
    overflow: hidden;
    text-align: left;
    z-index: 603 !important;
}

.ui-widget-overlay {
    z-index: 602 !important;
}


/* Extra Input Field Styling */

.autocomplete_label {
    color: #999999;
    font-size: 11px;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    text-align: left;
    font-weight: bold;
    background-color: #ffffcc;
}


/* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */

* html .ui-autocomplete {
    height: 100px;
    text-align: left;
}


/*=======================================
                BUTTONS
========================================*/

.button, .buttonsm, .buttonxs, .buttonxss {
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    padding: 7px 8px;
    text-decoration: none;
    margin-right: 4px;
    border: 0;
    color: #FFFFFF;
    font-weight: normal !important;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
    /* box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.2) inset; */
}

.buttonxs {
    padding: 5px 5px 3px 5px;
    font-size: 13px !important;
}

.buttonxss {
    padding: 0px 3px;
    font-size: 13px !important;
}

.buttonround {
    border-radius: 25px !important;
}

.black, a.black, a.black:active {
    background: #343a40;
    border: 1px solid #343a40;
    color: #fff !important;
}

.black:hover, a.black:hover {
    background: #000000;
    border: 1px solid #000000;
    color: #fff !important;
}

.gray, a.gray, a.gray:active {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #fff !important;
}

.gray:hover, a.gray:hover {
    background: #383D41;
    border: 1px solid #383D41;
    color: #fff !important;
}

.white, a.white, a.white:active {
    color: #000000 !important;
    background: #EEEEEE;
    border: 1px solid #BBBBBB;
}

.white:hover, a.white:hover {
    background: #e0e0e0;
    color: #000 !important;
}

.orange, a.orange, a.orange:active {
    background: #f26e2a;
    border: 1px solid #f26e2a;
    color: #fff !important;
}

.orange:hover, a.orange:hover {
    background: #db5916;
    border: 1px solid #db5916;
}

.red, a.red, a.red:active {
    background: #DB2100;
    border: 1px solid #DB2100;
    color: #fff !important;
}

.red:hover, a.red:hover {
    background: #991700;
    border: 1px solid #991700;
    color: #fff !important;
}

.blue, a.blue, a.blue:active {
    background: #0079b8;
    border: 1px solid #0079b8;
    color: #fff !important;
}

.blue:hover, a.blue:hover {
    background: #08486C;
    border: 1px solid #08486C;
    color: #fff !important;
}

.rosy, a.rosy, a.rosy:active {
    background: #ff6363;
    border: 1px solid #ff6363;
    color: #fff !important;
}

.rosy:hover, a.rosy:hover {
    background: #AC4647;
    border: 1px solid #AC4647;
    color: #fff !important;
}

.green2, a.green2, a.green2:active {
    background: #475a49;
    border: 1px solid #475a49;
    color: #fff !important;
}


.green, a.green, a.green:active {
    background: #28a745;
    border: 1px solid #28a745;
    color: #fff !important;
}

.green:hover, a.green:hover {
    background: #1C6F30;
    border: 1px solid #1C6F30;
    color: #fff !important;
}

.yellow, a.yellow, a.yellow:active {
    color: #000 !important;
    background: #ffc107;
    border: 1px solid #ffc107;
}

.yellow:hover, a.yellow:hover {
    color: #000 !important;
    background: #B48A08;
    border: 1px solid #B48A08;
}

.pink, a.pink, a.pink:active {
    color: #fff !important;
    background: #e83e8c;
    border: 1px solid #e83e8c;
}

.pink:hover, a.pink:hover {
    color: #fff !important;
    background: #9F2C62;
    border: 1px solid #9F2C62;
}

.cyan, a.cyan, a.cyan:active {
    color: #fff !important;
    background: #2CB2B5;
    border: 1px solid #2CB2B5;
}

.cyan:hover, a.cyan:hover {
    color: #fff !important;
    background: #25989C;
    border: 1px solid #25989C;
}

/*=======================================
                PAGINACAO
========================================*/

#dtpaginacao {
    padding: 2px 0px;
    margin: 8px 0;
    float: right;
}

#dtpaginacao ul {
    list-style-type: none;
    float: right;
}

#dtpaginacao li {
    display: inline;
}

#dtpaginacao li a {
    color: #000;
    padding: 4px;
    border: 2px solid #ccc;
    text-decoration: none;
}

#dtpaginacao li a:hover {
    color: #000;
    background: #E8E8E8;
}

#dtpaginacao li.page-current {
    color: #333333;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    background-color: #EEEE;
    font-weight: bold;
}


#djangoframe {
    min-height: 200px !important;
}

.formfield_error label::after {
    color: red;
    content: " *";
}

.required label::after {
    content: " *";
    color: #999;
}

a {
    color: inherit;
}


/* PANEL */

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 10px;
}

.panel-heading {
    padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.ui-dialog-titlebar .ui-button-text {
    display: none !important;
}

.dialog_yellow .ui-dialog-titlebar {
    background: #ffc107 !important;
}

.toast {
    opacity: 1 !important;
}

.tag {
    border: solid 1px #808080;
    border-radius: .2em;
    padding: .3em 1em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-weight: bolder;
    font-size: 10px;
    box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 20%);
    text-transform: uppercase;
    cursor: default;
}

.tag a {
    text-decoration: none !important;
    font-size: 11px !important;
}

.badge {
    border: solid 1px #00000025;
    padding: 1px 3px;
    border-radius: 3px;
    text-decoration: none !important;
}

.invert {
    color: #f00;
    -webkit-filter: invert(100%);
    filter: invert(100%);    
}

.texto-status-ativo, .texto-status-ativo a:not(.button,.buttonsm,.buttonxs,.buttonxss) {
    color: #28a745 !important;
}

.texto-status-ativored, .texto-status-ativored a:not(.button,.buttonsm,.buttonxs,.buttonxss) {
    color: #D3526D !important;
}

.texto-status-inativo, .texto-status-inativo a:not(.button,.buttonsm,.buttonxs,.buttonxss) {
    color: #BFAA0F !important;
}

.texto-status-suspenso, .texto-status-suspenso a:not(.button,.buttonsm,.buttonxs,.buttonxss) {
    color: #EE5911 !important;
}

.texto-status-cancelado, .texto-status-cancelado a:not(.button,.buttonsm,.buttonxs,.buttonxss) {
    color: #606060 !important;
}

.badge_1, .badge_1 a {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #28a745;
    color: #fff;
}

.badge_2, .badge_2 a {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #BFAA0F;
    color: #fff;
}

.badge_3, .badge_3 a {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #606060;
    color: #fff;
}

.badge_4, .badge_4 a {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #FF630D;
    color: #fff;
}

.badge_7, .badge_7 a {
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: #D3526D;
    color: #fff;
}

.link-no-decoration a {
    text-decoration: none;
}

.link-no-decoration a:hover {
    text-decoration: underline;
}

.strong {
    font-weight: bold;
}

/***************************
* Notification
* *************************/

ul.notification_list {
    list-style: none;
}

ul.notification_list li {
    border-bottom: 1px solid #ccc;
    text-align: left;
}

ul.notification_list li:last-child {
    border-bottom: 0;
}

ul.notification_list li.read:hover, ul.notification_list li.unread:hover {
    background-color: #eee;
}

ul.notification_list li.read {
    color: #999999;
}

ul.notification_list li.unread {
    font-weight: bold;
    background-color: #EAFFEA;
}

ul.notification_list li .row {
    display: flex;
    align-items: center;
    padding: 10px 5px 0 5px;
}
  
ul.notification_list li .column1 {
    flex: 0;
    flex-direction: row;
}

ul.notification_list li.read .column1  {
    color: #999;
}

ul.notification_list li.unread .column1  {
    color: #51A350;
}

ul.notification_list li .column2 {
    padding-left: 5px;
    flex: 100%;
}

ul.notification_list li .footer {
    clear:both; 
    text-align: right; 
    padding: 5px 7px 5px 0;
}

.notification_unread_counter {
    color: #FF6246;
}

/***************************
* User Online
* *************************/

ul.useronline_list {
    list-style: none;
    position: relative;
}

ul.useronline_list li {
    border-bottom: 1px solid #ccc;
    text-align: left;
}

ul.useronline_list li:last-child {
    border-bottom: 0;
}

ul.useronline_list li.offline:hover, ul.useronline_list li.online:hover {
    background-color: #eee;
}

ul.useronline_list li.offline {
    color: #aaa;
}

ul.useronline_list li.online {
    font-weight: bold;
}

ul.useronline_list li .row {
    display: flex;
    align-items: center;
    padding: 5px;
}
  
ul.useronline_list li .column1 {
    flex: 12%;
    flex-direction: row;
    text-align: center;
}

ul.useronline_list li.online .column1 {
   color: #31C550;
}

ul.useronline_list .column1  {
    color: #ddd;
}

ul.useronline_list li .column2 {
    padding-left: 5px;
    flex: 88%;
}

ul.useronline_list li .column2 i {
    font-size: 8px !important;
}

ul.useronline_list li.online .answerer {
    color: #ff0000;
}

ul.useronline_list li.online .superuser {
    color: #198EE5;
}

#debug_messages_container {
    display: none;
    background: #242424;
    color: #2bdd00;
    text-align: left;
}

#debug_messages_container hr {
    border-color: #535353;
}

.booksmarkdoicon {
    /* color: #FFCA00;
    cursor: pointer !important; */
}

.booksmarkdoicon:hover {
    /* color: #E5B600; */
}

#booksmark-backdrop {
    z-index: 600;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #999;
    opacity: 0.75;
    display: none;
}
#booksmark-wrap {
    z-index: 601;
    position: fixed;
    overflow: hidden;
    right: 0;
    top: 0 !important;
    width: 385px;
    height: 100%;
    overflow: hidden;
    background: #4F5E6A;
    display: none;
}
#booksmark-content {
    z-index: 602;
    text-align: justify;
    padding: 15px;
    position: absolute;
    right: 2.5px;
    width: 345px;
    display: none;
}

#booksmark-content p {
    color: #fff !important;
}

#booksmark-content h3 {
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 10px;
    color: #D4E1EF !important;
}

#booksmark-content ul {
    color: white;
    list-style: none;
    margin: 0;
    padding: 0;
}

#booksmark-content li {
    padding: 4.5px 0;
    list-style-position: inside;
    border-bottom: 1px solid #576774;
}

#booksmark-content li a {
    text-decoration: none;
}

#booksmark-content li:hover {
    color: #D4E1EF;
}

#booksmark-content .group {
    font-weight: bold;
    margin-top: 2.5px;
}

#booksmark-content .group i {
    margin-right: 5px;
    margin-bottom: -1.5px;
}

#booksmark-content .group i, #booksmark-content .item i {
    color: #D4E1EF;
}

#booksmark-content .items {
    margin-left: 20px;
    display: none;
}

#booksmark-content .action i {
    margin-top: 2px;
    margin-left: 7.5px;
    margin-right: 0 !important;
    font-size: 11px;
    float: right;
}

.booksmark_toastr {
    top: 90px;
    right: 365px
}

.cke_contents_ltr pre {
    white-space: pre-wrap !important;
    word-wrap: break-word;
    padding: 1em 1em;
}

.cke_contents_ltr li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal !important;
    margin-left: 2em;
}

.formerror, .formerror ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.formerror_title {
    float: left;
    margin-right: 5px;
    clear: both;
}

.formerror_sub {
    float: left;
}

.circle {
    width: 1.75em;
    line-height: 1.75em;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    border: 2px solid transparent;
    font-size: 10px !important;
    font-weight: bold;
    border: 1px solid #ffffff6b;
    background-color: transparent;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    float: right;
    position: relative;
    right: -5px;
    top: -4px;   
}

#sgpoutofdate {
    cursor: pointer;
    padding: 6.5px;
    padding-right: 25px;
    color: #000;
    background-color: #ffc107;
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 9999;
    text-align: left;
    border-radius: 5px 0 0 0;
}

#sgpoutofdate:hover {
    background-color: #b48a08;
}

#sgpoutofdatebtn {
    background-color: #ffa407;
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 9999;
    width: 15px;
    display: block;
    padding: 14px 2.5px;
    cursor: pointer;
}

.select2-search__field, .select2-selection__choice {
    margin: 1.5px !important;
    padding: 0;
    width: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #aaa !important;
    background-color: transparent !important;
}

.highcharts-credits {
    display: none !important;
}

/***************************
* OC Feeds
* *************************/

ul.ocfeed_list {
    list-style: none;
    background: #fff0c9;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}

ul.ocfeed_list li {
    text-align: left;
}

ul.ocfeed_list li .row {
    display: flex;
    align-items: center;
    padding: 5px 2.5px;
}

ul.ocfeed_list li.expand {
    display: none;
}
  
ul.ocfeed_list li .column1 {
    flex: 0;
    flex-direction: row;
}

ul.ocfeed_list li .column2 {
    padding-left: 5px;
    flex: 100%;
}