/** LAYOUT PADRAO **/

@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/LatoLatin-Regular.woff') format('woff'); /* Modern Browsers */
         url('../fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/LatoLatin-Bold.woff') format('woff'); /* Modern Browsers */
         url('../fonts/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

html, body {
    font-size: 0.813em;
    font-family: "Lato", "LatoLatin", "Verdana" , "Open Sans", "Arial", sans-serif;
    color: #555555;
}

body {
    margin: 0;
    padding: 0;
    min-width: 800px;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 1em 0 1rem;
}

a:hover {
    color: #666;
    text-decoration: none;
}

.hidden {
    display: none !important;
}

.flash {
    position: fixed !important;
    margin: 0 auto !important;
    text-align: center;
    padding: 12px 35px 12px 22px !important;
    z-index:10000;
    background-color: #ecffad !important;
}

.nrp-header {
    background: url('../images/bg-cinza.jpg') repeat #cccccc;
    border-bottom: 1px solid #e5e5e5;
}

.nrp-topo {
    height:72px;
}

.nrp-menu {
    border-radius: 5px 5px 0 0 !important;
}

.nrp-menu>.item .big {
    font-size: 1.5em !important;
}

.nrp-menu>.item {
    padding: 0 9px 10px 12px !important;
    border-top: 2px solid #2ECC40 !important;
    min-width: 90px;
    text-align: center;
    font-size: 0.85rem !important;
    height: 60px;
}

.nrp-menu>.item>a {
    padding: 13px  0 !important;
}

.nrp-menu>.item>a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.nrp-menu>.item:hover, .nrp-menu>.item.active {
    background-color: rgba(0,0,0,0.1) !important;
}

.nrp-menu>.item:first-child {
    border-left: 2px solid #2ECC40 !important;
    border-top-left-radius: 5px !important;
}

.nrp-menu>.item:before {
    background: linear-gradient(rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.03) 100%) repeat scroll 0% 0% transparent !important;
}

.nrp-menu .dropdown.item .menu {
    box-shadow: 1px 1px 2px 2px #DDD !important;
    border-radius: 2px;
}

.nrp-menu .pointing.dropdown .menu:after, .nrp-menu-topo .pointing.dropdown .menu:after {
    top: -0.35em;
    left: 1.2em;
    margin: 0 0 0 -0.25em;
    width: 0.7em;
    height: 0.7em;
}

.nrp-menu .dropdown .menu .item {
    font-size: 1rem !important;
    letter-spacing: 0.04em;
}

.nrp-menu .dropdown.icon {
    margin: 0 0 0 6px !important;
    height: 10px !important;
}

.nrp-conteudo {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    background-color: #ffffff;
    min-height: 300px;
    overflow: visible !important;
}

.nrp-footer {
    font-size: 0.75rem !important;
    color: #bbbbbb;
    padding-top: 1em;
    margin-bottom: 30px;
}

.nrp-menu-topo {
    margin-top: 0.6em;
}

.nrp-menu-topo .avatar {
    height: 4.4em !important;
    width: auto !important;
    border: 7px solid #f0f0f0;
}

.nrp-menu-topo .caret.down.icon {
    color: #999;
    font-size: 1.2em;
    margin: 1.5em 0.5em 0 -0.7em;
    position: relative;
    z-index: 2;
}

.nrp-menu-topo>.links {
    background-color: #dde5ee;
    border-radius: 1em;
    padding: 0.5em 2em 0.4em 1em;
    margin: 1.9em -1.8em 0 0;
    font-size: 0.90em;
}

.nrp-menu-topo>.links .menu>.item {
    font-size: 0.9em;
    min-width: 132px;
    padding: 0.4em 0.8em !important;
}

.nrp-header .dropdown .menu>.item>.icon {
    margin-right: 0.4em !important;
    font-size: 1.2em;
}

.nrp-menu-topo>.links>div>.item {
    margin-right: 0.8em;
    color: #888888;
}

.nrp-menu-topo>.links .item:hover {
    text-decoration: none;
    color: #2ECC40;
}

.nrp-menu-topo>.links .dropdown.item .menu {
    box-shadow: 1px 1px 2px 2px #DDD !important;
    border-radius: 2px;
    margin-top: 1.5em;
}

.nrp-menu-topo .top.right.pointing.dropdown .menu {
    box-shadow: 1px 1px 2px 2px #DDD !important;
    border-radius: 2px !important;
    margin-top: 0;
    right: 34px;
}

.nrp-menu-topo .user.info {
    width: 165px;
    font-size: 0.88em !important;
}

.nrp-menu-topo .user.info>.avatar {
    height: 6.8em !important;
    width: auto !important;
    border: 2px solid #f0f0f0;
}

.nrp-menu-topo .user.info h3 {
    padding: 0.6em 0 0.3em 0;
}

.nrp-menu-topo .user.info .link {
    font-weight: normal;
    color: #2ECC40;
    font-size: 0.8em;
}

.ui.inverted.dimmer {
    background-color: rgba(245, 245, 245, 0.95);
}

.ui.nrp.modal {
    width: auto;
    margin: 0 auto;
    box-shadow: 2px 2px 2px 1px rgba(200,200,200,.6);
}

.ui.nrp.modal>.header, .ui.nrp.modal>form>.header {
    color: #444;
    background-color: #fff;
    padding: 0.8em 3em 0.8em 0.8em;
    font-weight: normal;
    font-size: 1.5em;
    letter-spacing: 0.03em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ui.nrp.modal>.content, .ui.nrp.modal>form>.content {
    padding: 1.1em 1.5em;
    position: relative;
    display: table;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    background: #ffffff;
    table-layout: auto;
}

.ui.nrp.modal>.actions, .ui.nrp.modal>form>.actions {
    padding: 1.1em 1.5em;
    text-align: center;
}

.ui.nrp.modal>.close, .ui.nrp.modal>form>.close {
    color: #666 !important;
    top: 0.5em;
    right: -0.1em;
}

.ui.nrp.modal>.actions>.button:first-child, .ui.nrp.modal>form>.actions>.button:first-child {
    margin-left: 0;
}

.nrpdimmer {
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.ui.dimmer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.nrpdimmer.scrolling {
    position: absolute !important;
    height: inherit;
}

.blank.main {
    height: 350px;
    width: 100%;
    padding: 80px;
    text-align: center;
}

input.disabled {
    opacity: 0.5;
}

.ui.form .field.disabled, .ui.form .field.disabled label {
    opacity: 1;
}

.ui.form .field.disabled label::after {
    font-family: "Icons";
    content: " \f023";
    color: #a80005 !important;
}

.ui.form .field.required > label::before {
    font-family: "Icons";
    content: "\f069\ ";
    font-size: 0.7em;
    color: #a80005 !important;
}

.ui.form .field.required > label::after {
    content: "";
}

.ui.form .field.disabled {
    opacity: .5;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
    border:1px solid #32bb1e !important;
    background: #32bb1e !important;
    font-weight: bold;
    color: #fff;
}

/** HELPERS **/

.hlp-upper-case>input {
    text-transform: uppercase !important;
}

.hlp-margin-top-menos-5 {
    margin-top: -5px !important;
}

.hlp-margin-top-5 {
    margin-top: 5px !important;
}

.hlp-margin-top-8 {
    margin-top: 8px !important;
}

.hlp-margin-top-10 {
    margin-top: 10px !important;
}

.hlp-margin-top-15 {
    margin-top: 15px !important;
}

.hlp-margin-top-18 {
    margin-top: 18px !important;
}

.hlp-margin-top-15 {
    margin-top: 15px !important;
}

.hlp-margin-top-20 {
    margin-top: 20px !important;
}

.hlp-margin-top-25 {
    margin-top: 25px !important;
}

.hlp-margin-top-30 {
    margin-top: 30px !important;
}

.hlp-margin-top-40 {
    margin-top: 40px !important;
}

.hlp-margin-left-5 {
    margin-left: 5px !important;
}

.hlp-margin-left-10 {
    margin-left: 10px !important;
}

.hlp-margin-left-20 {
    margin-left: 20px !important;
}

.hlp-margin-left-30 {
    margin-left: 30px !important;
}

.hlp-margin-right-3 {
    margin-right: 3px !important;
}

.hlp-margin-right-5 {
    margin-right: 5px !important;
}

.hlp-margin-right-7 {
    margin-right: 7px !important;
}

.hlp-margin-right-10 {
    margin-right: 10px !important;
}

.hlp-margin-right-15 {
    margin-right: 15px !important;
}

.hlp-margin-right-20 {
    margin-right: 20px !important;
}

.hlp-margin-right-30 {
    margin-right: 30px !important;
}

.hlp-margin-bottom-4 {
    margin-bottom: 4px !important;
}

.hlp-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.hlp-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.hlp-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.hlp-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.hlp-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.hlp-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.hlp-margin-rl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.hlp-no-margin {
    margin: 0 !important;
}

.hlp-no-margin-top {
    margin-top: 0 !important;
}

.hlp-no-margin-bottom {
    margin-bottom: 0 !important;
}

.hlp-no-margin-left {
    margin-left: 0 !important;
}

.hlp-no-margin-right {
    margin-right: 0 !important;
}

.hlp-padding-7 {
    padding: 7px !important;
}

.hlp-padding-top-5 {
    padding-top: 5px !important;
}

.hlp-padding-top-10 {
    padding-top: 10px !important;
}

.hlp-padding-top-70 {
    padding-top: 70px !important;
}

.hlp-padding-right-10 {
    padding-right: 10px !important;
}

.hlp-padding-left-10 {
    padding-left: 10px !important;
}

.hlp-padding-bottom-5 {
    padding-bottom: 5px !important;
}
.hlp-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.hlp-no-padding {
    padding: 0 !important;
}

.hlp-no-padding-top {
    padding-top: 0 !important;
}

.hlp-no-padding-bottom {
    padding-bottom: 0 !important;
}

.hlp-no-padding-right {
    padding-right: 0 !important;
}

.hlp-no-padding-left {
    padding-left: 0 !important;
}

.hlp-no-rl-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hlp-no-rl-padding-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hlp-padding-rl-5 {
    padding: 0 5px !important;
}

.hlp-padding-rl-10 {
    padding: 0 10px !important;
}

.hlp-padding-rl-15 {
    padding: 0 15px !important;
}

.hlp-padding-left-40 {
    padding-left: 40px !important;
}

.hlp-spacer-10 {
    display: inline-block;
    width: 10px;
}

.hlp-no-box-shadow {
    box-shadow:none !important;
}

.hlp-border-radius {
    border-radius: 4px !important;
}

.hlp-border-dashed {
    border: 2px dashed #ccc;
}

.hlp-border-solid {
    border: 1px solid #ccc !important;
}

.hlp-border-top>div {
    border-top: 1px solid #ddd !important;
}

.hlp-border-left {
    border-left: 1px solid #ddd !important;
}

.hlp-no-border-left {
    border-left: none !important;
}

.hlp-no-border-right {
    border-right: none !important;
}

.hlp-no-border-bottom {
    border-bottom: none !important;
}

.hlp-no-border-bottom-last:last-child {
    border-bottom: 0 !important;
}

.hlp-linha-pontos {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media only screen {
    .hlp-so-impressao {
        display: None !important;
    }

    .overflow-modal {
        width: 800px !important;
        min-height: 300px !important;
        max-height: 550px !important;
        overflow-y: auto !important
    }
}

@media only print {
    .hidden-impressao {
        display: None !important;
    }

    .hlp-no-padding-impressao {
        padding: 0 !important;
    }
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-center {
    text-align: center !important;
}

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

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

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

.hcenter {
    display: table-cell;
    vertical-align: middle;
}

.content-header {
    display: block !important;
    border-right: none;
    border-left: none;
    border-top: 3px solid transparent;
    border-bottom: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 9px 15px !important;
}

.lower {
    text-transform: lowercase !important;
}

.clearfix{
    *zoom:1
}

.clearfix:before,.clearfix:after{
    display:table;
    line-height:0;
    content:""
}

.clearfix:after{
    clear:both
}

.subtitulo {
    font-size: 0.7em;
    color: #AAAAAA;
}

/** MEDIA QUERIES **/

@media only screen and (max-width: 768px) {
    .ui.page.grid {
        margin-left: 1em;
        margin-right: 1em;
    }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .ui.page.grid {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1119px) {
    .ui.page.grid {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1120px) {
    .ui.page.grid {
        margin: 0 auto;
        max-width: 1120px;
    }
}

@media only screen and (max-width: 1050px) {
    .nrp-menu>.item {
        padding: 13px 6px 13px 0 !important;
        font-size: 0.7rem !important;
    }

}

/** UI FIXES **/

.ui.scrolling.modal {
    position: absolute !important;
}

.ui.selection.dropdown {
    width: 100%;
    min-width: 0;
}

.ui.buttons > .ui.dropdown:last-child .menu {
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
}

.ui.selection.dropdown .menu .item:first-child {
    border-top: 1px solid #ddd !important;
    min-height: 34px;
}

.ui.selection.dropdown .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.ui.selection.dropdown .icon {
    /*text-align: right;*/
    right: 0.6em !important;
    position: absolute;
    top: 0.6em !important;
}

.disabled.field, .disabled.field>input, .disabled.field>label {
    cursor: not-allowed;
}

.ui.icon.message {
    color: #555555;
}

.ui.icon.message>.icon:not(.close) {
    display: table-cell;
    vertical-align: middle;
    opacity: .5;
}

.ui.button {
    padding: .6em 1em !important;
}

.ui.blue.button, .ui.blue.buttons .button {
    background-color: #449ad4;
}

.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #0070d0;
}

.ui.menu .blue.active.item, .ui.blue.menu .active.item {
    border-color: #449ad4 !important;
    color: #449ad4 !important;
}

.ui.list .description {
    color: rgba(110, 110, 110, 0.8);
}

.ui.vertical.menu {
    width: 100%;
}

.ui.darkgray.header {
    color: #666 !important;
}

.ui.gray.header {
    color: #aaa !important;
}

.ui.light.header {
    font-weight: normal;
    font-size: 0.86em;
}

.ui.card {
    width: auto;
}

.ui.red.label, .ui.red.ribbon.label, .ui.green.label, .ui.green.ribbon.label, .ui.yellowlabel, .ui.yellow.ribbon.label {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.ui.form .field>label {
    font-size: 0.8rem;
    height: 15px;
    margin-left: 1px;
}

.ui.dropdown .menu>.divider {
  margin: 0.2em 0;
}

.ui.list .header {
    font-family:  "Lato",  "LatoLatin",  "Verdana" , "Open Sans", "Arial", sans-serif;
}

.ui.header {
    font-family:  "Lato",  "LatoLatin",  "Verdana" , "Open Sans", "Arial", sans-serif;
}

i.mini.icons {
  line-height: 1;
  font-size: 0.71428571rem;
}

i.tiny.icons {
  line-height: 1;
  font-size: 0.85714286rem;
}

i.small.icons {
  line-height: 1;
  font-size: 0.92857143em;
}

i.icons {
  font-size: 1em;
}

i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}

i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}

i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}

i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}

i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}

i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}

i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-right: 0.25rem;
}

/* Corner Icon */

i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-size: 0.55em;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d;
}

/** CSS GERAL **/

.ui.dropdown.curto .menu .item {
    border-color: transparent !important;
    padding: 0.5em 1em !important;
}

.center-login {
    top: 45%;
    left: 50%;
    position: absolute !important;
    margin-left: -173px !important;
    margin-top: -110px !important;
    width: 345px;
}

.login-bg {
    background-color: #222;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}

.configmenu .item, .nfsemenu .item {
    min-height: 80px !important;
    line-height: 5em !important;
}

.configmenu .item .icon, .nfsemenu .item .icon {
    box-shadow: none !important;
    padding: 0 !important;
    width: 1em !important;
    height: 1em !important;
    font-size: 2em;
    line-height: 2.5em !important;
}

.configmenu .item .icon {
    color: #aaa !important;
}

.user-circulo {
    width: 90px !important;
    height: 90px !important;
    font-size: 3.46em !important;
    box-shadow: none !important;
    color: #ccc;
    background-size: cover !important;
    margin-right: 0 !important;
}

.user-circulo-small {
    width: 50px !important;
    height: 50px !important;
    font-size: 3.46em !important;
    box-shadow: none !important;
    color: #ccc;
    background-size: cover !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}
.user-del-circulo {
    width: 60px !important;
    height: 60px !important;
    font-size: 3.46em !important;
    box-shadow: none !important;
    color: #ccc;
    background-size: cover !important;
    margin-right: 0 !important;
}

.box-shadow-img {
    box-shadow: rgba(0,0,0,0.4) 0 0 0.4em inset !important;
}

.contato-ribbon, .contatod-ribbon {
    float: left;
    width: 95px;
    min-height: 20px;
    margin-top: -6px;
}

.lancamento-ribbon, .lanc-index-ribbon {
    position: absolute;
    float: left;
    width: 35px;
    min-height: 20px;
}

.contato-ribbon>label, .contatod-ribbon>label, .lancamento-ribbon>label, .lanc-index-ribbon>label {
    left: -18px !important;
    padding-left: 15px !important;
    padding-bottom: 8px !important;
    font-size: 0.8em !important;
}

.lanc-index-ribbon>label {
    left: -8px !important
}

.contato-ribbon>label {
    background-color: #449ad4 !important;
    color: #fff !important;
}

.contatod-ribbon>label {
    background-color: #ff4136 !important;
    color: #fff !important;
}

.lancamento-ribbon>label {
    width: 46px;
}

.lanc-index-ribbon>label {
    width: 38px !important;
    padding-left: 13px !important;
}

.lancamento-ribbon>label>.icon {
    width: 17px !important;
}

.lancamento-categoria {
    min-width: 103px;
    max-width: 118px;
    display: inline;
}

.item.lancamento, .item.contato, .item.servico, .item.produto-servico, .item.compra, .item.venda, .item.contas-config, .item.historico, .item.cheque-relatorio, .item.tarefa, .item.boleto-relatorio, .item.funcionario, .item.proposta, .item.email, .item.nfse {
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.item.email:first-child, .item.nfse:first-child {
    border-top: 0 !important;
}

.item.nfse:last-child {
    border-bottom: 0 !important;
}

.item.contato, .item.funcionario {
    min-height: 58px;
}

.item.lancamento .content, .item.cheque-relatorio .content, .item.boleto-relatorio .content {
    width: 100%;
    float: left;
    padding-right: 70px;
    padding-left: 35px;
}

.item.contato .content, .item.funcionario .content {
    width: 70%; /* fallback */
    width: calc(100% - 165px);
    float: left;
}

.item.produto-servico .content, .item.compra .content, .item.venda .content, .item.historico .content, .item.tarefa .content, .item.proposta .content, .item.email .content, .item.nfse .content {
    width: 100%;
    float: left;
    padding-right: 70px;
    padding-left: 14px;
}

.item.email .content {
    padding: 0 !important;
}

.item.contas-config .content {
    width: 100%;
    float: left;
    padding-right: 125px;
    padding-left: 14px;
}

.item.produto-servico .content .description, .item.compra .content .description, .item.venda .content .description, .item.contas-config .content .description, .item.historico .content .description, .item.tarefa .content .description, .item.proposta .content .description, .item.email .content .description, .item.nfse .content .description {
    font-size: 0.9em;
}

.item.lancamento .content .checkbox, .item.cheque-relatorio .content .checkbox, .item.boleto-relatorio .content .checkbox {
    line-height: 1.4em;
}

.item.lancamento .content .icon.circular, .item.cheque-relatorio .content .icon.circular, .item.boleto-relatorio .content .icon.circular {
    padding: 0.36em 0 !important;
    width: 1.8em !important;
    height: 1.8em !important;
}

.item.lancamento a.header, .item.cheque-relatorio a.header, .item.boleto-relatorio a.header {
    padding-left: 20px;
}

.item.lancamento .ui.header, .item.cheque-relatorio .ui.header, .item.boleto-relatorio .ui.header {
    margin-left: -10px !important;
}

.item.contato .description .column>.column, .item.lancamento .description .column>.column, .item.produto-servico .description .column>.column, .item.compra .description .column>.column, .item.venda .description .column>.column, .item.contas-config .description .column>.column, .item.historico .description .column>.column, .item.cheque-relatorio .description .column>.column, .item.tarefa .description .column>.column, .item.boleto-relatorio .description .column>.column, .item.funcionario .description .column>.column, .item.proposta .description .column>.column, .item.email .description .column>.column, .item.nfse .description .column>.column {
    font-size: 0.95rem !important;
    white-space: nowrap;
}

.item.venda .description:hover {
    text-decoration: none;
    color: rgba(110, 110, 110, 0.8) !important;
}

.item.contato .description .column>.column, .item.produto-servico .description .column>.column, .item.compra .description .column>.column, .item.venda .description .column>.column, .item.contas-config .description .column>.column, .item.historico .description .column>.column, .item.tarefa .description .column>.column, .item.funcionario .description .column>.column, .item.proposta .description .column>.column, .item.email .description .column>.column, .item.nfse .description .column>.column {
    margin: 3px !important;
}

.item.lancamento .description .column>.column, .item.cheque-relatorio .description .column>.column, .item.boleto-relatorio .description .column>.column {
    margin: 0 3px 3px 0 !important;
    padding-left: 0 !important;
}

.item.contato .description .column>.column>small, .item.lancamento .description .column>.column>small, .item.produto-servico .description .column>.column>small, .item.compra .description .column>.column>small, .item.venda .description .column>.column>small, .item.contas-config .description .column>.column>small, .item.historico .description .column>.column>small, .item.cheque-relatorio .description .column>.column>small, .item.tarefa .description .column>.column>small, .item.boleto-relatorio .description .column>.column>small, .item.funcionario .description .column>.column>small, .item.proposta .description .column>.column>small, .item.email .description .column>.column>small, .item.nfse .description .column>.column>small {
    color: #449ad4 !important;
    margin-right: 4px;
}

.item.contato .description .icon, .item.produto-servico .description .icon, .item.contas-config .description .icon, .item.historico .description .icon, .item.funcionario .description .icon {
    margin-top: -14px;
    font-size: 1.5em;
}

.item.contato:hover>.options, .item.lancamento:hover>.options, .item.produto-servico:hover>.options, .item.compra:hover>.options, .item.venda:hover>.options, .item.contas-config:hover>.options, .item.historico:hover>.options, .item.cheque-relatorio:hover>.options, .item.tarefa:hover>.options, .item.boleto-relatorio:hover>.options, .item.funcionario:hover>.options, .item.proposta:hover>.options, .item.nfse:hover>.options {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

.item.contato>.options, .item.lancamento>.options, .item.produto-servico>.options, .item.compra>.options, .item.venda>.options, .item.historico>.options, .item.cheque-relatorio>.options, .item.tarefa>.options, .item.boleto-relatorio>.options, .item.funcionario>.options, .item.proposta>.options, .item.nfse>.options {
    margin-right: 15px;
    font-size: 1.3em !important;
    top: 50%;
    position: absolute !important;
    right: 0;
    margin-top: -10px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    width: 55px;
}

.item.contas-config>.options {
    margin-right: 15px;
    font-size: 1.3em !important;
    top: 50%;
    position: absolute !important;
    right: 0;
    margin-top: -10px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    width: 117px;
    text-align: right;
}

.icone {
    font-size: 1.3em !important;
}

.item.contato>.options .icon, .item.lancamento>.options .icon, .item.produto-servico>.options .icon, .item.compra>.options .icon, .item.venda>.options .icon, .item.contas-config>.options .icon, .icone, .item.historico>.options .icon, .icone, .item.cheque-relatorio>.options .icon, .item.tarefa>.options .icon, .item.boleto-relatorio>.options .icon, .item.funcionario>.options .icon, .item.proposta>.options .icon, .item.nfse>.options .icon {
    color: #bbb;
    transition: all 0.2s ease-out;
}

.item.contato>.options .icon:hover, .item.lancamento>.options .icon:hover, .item.produto-servico>.options .icon:hover, .item.compra>.options .icon:hover, .item.venda>.options .icon:hover, .item.contas-config>.options .icon:hover, .icone:hover, .item.historico>.options .icon:hover, .item.cheque-relatorio>.options .icon:hover, .item.tarefa>.options .icon:hover, .item.boleto-relatorio>.options .icon:hover, .item.funcionario>.options .icon:hover, .item.proposta>.options .icon:hover, .item.nfse>.options .icon:hover {
    color: #2ecc40;
    transform: scale(1.5);
}

.barra-header {
    right: 5px;
    position: absolute;
    bottom: 10px;
}

.segment-padding {
    padding: 5px 9px !important;
}

.segment-padding2 > input {
    padding: 7px 13px !important;
}

.segment-padding-dropdown {
    padding: 8px 13px !important;
}

.segment-padding-dropdown2 > .selection.dropdown {
    padding: 8px 13px !important;
}

.endereco-segment {
    margin-top: 0 !important;
    margin-bottom: 9px !important;
    margin-right: 1.5% !important;
    margin-left: 1.5% !important;
}

.position-checkbox {
    margin-top: 15px;
    margin-left: 125px;
}

.lancamento-info {
    height: 103px !important;
}

.lancamento-periodo, .historico-periodo, .compra-periodo, .venda-periodo, .cheque-periodo, .assinatura-periodo, .fatura-periodo{
    position:absolute !important;
    left: 12px;
    top: 25px;
    height: 0;
    min-width: 184px
}

.lancamento-periodo .menu .content, .historico-periodo .menu .content, .compra-periodo .menu .content, .venda-periodo .menu .content, .cheque-periodo .menu .content, .assinatura-periodo .menu .content, .fatura-periodo .menu .content {
    padding: 10px;
}

.lancamento-periodo .input, .historico-periodo .input, .compra-periodo .input, .venda-periodo .input, .cheque-periodo .input, .assinatura-periodo .input, .fatura-periodo .input {
    width: 135px;
    margin-left: 5px;
}

.lancamento-periodo .input input, .historico-periodo .input input, .compra-periodo .input input, .venda-periodo .input input, .cheque-periodo .input input, .assinatura-periodo .input input, .fatura-periodo .input input {
    font-size: 1.2em !important;
    padding: 4px 12px !important;
}

.lancamento-periodo .input .icon, .historico-periodo .input .icon, .compra-periodo .input .icon, .venda-periodo .input .icon, .cheque-periodo .input .icon, .assinatura-periodo .input .icon, .fatura-periodo .input .icon {
    margin-right: 0 !important;
}

.lancamento-periodo .button, .historico-periodo .button, .compra-periodo .button, .venda-periodo .button, .cheque-periodo .button, .assinatura-periodo .button, .fatura-periodo .button {
    float: none !important;
    border-radius: 4px !important;
    margin-right: 10px !important;
    margin-left: 5px !important;
}

.lancamento-search, .compra-search, .venda-search, .cheque-search, .boleto-search {
    width: 130px !important;
    transition: width 1s ease !important;
}

.lancamento-search:focus, .compra-search:focus, .venda-search:focus, .cheque-search:focus, .boleto-search:focus {
    width: 220px !important;
}

.cheque-search:focus, .boleto-search:focus {
    background-color: #fff !important;
}

.filtro-dropdown .menu .content, .acao-dropdown .menu .content {
    width: 250px !important;
    height: auto;
}

.filtro-dropdown .checkbox>label, .toggle>label, .acao-dropdown .checkbox>label {
    font-size: 12px !important;
    font-weight: bold;
}

.text-area-height>textarea {
    height: 146px !important;
}

.avatar-margin {
    margin-top: -30px;
    margin-bottom: 5px;
}

.upload-field, .upload-field.big {
    position: relative;
    width: 100%;
    padding: 1px 0 0 1px;
    overflow: hidden;
    margin-top: 0;
    border-radius: 0 5px 6px 0;
}

.upload-field {
    height: 30px;
}

.upload-field.big {
    height: 36px;
}

.upload-field>a {
    position: absolute;
    top: 3px;
    right: 1px;
    height: 29px !important;
    width: 40px !important;
    margin: -3px 0 0 0 !important;
}

.upload-field.big>a {
    padding: 0.9em 1em !important;
    height: 35px !important;
}

.upload-field>input {
    width: 100% !important;
    height: 27px !important;
    padding-right: 52px !important;
}

.upload-field.big>input {
    height: 33px !important;
}

.upload-field input[type="file"] {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -42px;
    font-size: 16px;
    opacity: 0;
    cursor: pointer;
}

.upload-field.big  input[type="file"] {
    height: 34px;
}

.position-checkbox-ativo {
    margin-top: 23px !important;
}

.position-checkbox-header {
    margin: -15px 0 5px 140px !important
}

.padding-left-35>label {
    padding-left: 35px !important;
}

.no-rl-padding>input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

.padding-rl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.nrpdimmer .ui-autocomplete {
    position: fixed !important;
}

.ui.toggle.checkbox.small .box:before, .ui.toggle.checkbox.small label:before {
    width: 2.4rem;
}

.ui.toggle.checkbox.small input:checked ~ .box:after, .ui.toggle.checkbox.small input:checked ~ label:after {
    left: 1.2rem;
}

.ui.toggle.checkbox.small .box, .ui.toggle.checkbox.small label {
    padding-left: 3rem;
}

.lancamento-modal {
    max-height: 400px;
    overflow-y: auto;
    padding-left: 12px
}

.input-marcador {
    position: absolute;
    top: -7px;
    left: 12px;
    font-size: 9px;
    color: #999;
    background-color: #fff;
}

.input-marcador-agenda {
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: 10px;
    color: #000;
}

.celula-fluxo {
    width: 80%;
    margin-left: 38px;
}

.celula-fluxo2 {
    height: 60px;
}

.celula-fluxo>div, .celula-fluxo2>div {
    height: 60px;
    line-height: 17px;
    padding: 18px 10px 5px 10px;
    border: 1px solid #eee;
    border-top: none;
    background-color: white;
    position: relative;
}

.celula-fluxo>div:first-child {
    border-top: none;
}

.celula-fluxo2>div {
    width: 115px;
    border-left: none;
}

.celula-fluxo>div>div, .celula-fluxo2>div>div {
    height: 100%;
    vertical-align: middle;
    width: 100%;
    margin-top: -6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.celula-fluxo>div>div>span, .celula-fluxo2>div>div>span {
    padding-right: 3px;
}

.fluxo {
    width: 865px !important;
    overflow-x: scroll;
    padding: 0 10px 0 0 !important;
    font-size: 12px !important;
}

.fluxo2 {
    font-size: 12px !important;
    padding: 0 0 0 10px !important;
}

.fluxo-coluna {
    width: 100%;
    position: relative;
    height: auto;
}

.fluxo-coluna>.barra {
    width: 38px;
    position: absolute;
    height: 100%;
    border: 1px solid #eee;
    float: left;
}

.fonte-receita {
    color: #32bb1e;
    font-weight: bold;
}

.fonte-despesa {
    color: #d4434a;
    font-weight: bold;
}

.fluxo-fonte-real {
    color: #666;
}

.fluxo-fonte-previsto {
    color: #bbb;
}

.fonte-cinza {
    color: #bbb;
}

.fluxo-linha-total {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

.label-width>div {
    width: 115px !important;
    text-align: center;
}

.barcode {
    vertical-align: bottom;
}

.lancamento-flip {
    position: absolute;
    bottom: -40px;
    width: 250px;
    left: 0;
    height: 40px;
    border-radius: 0 0 50px 50px;
    background-color: #f6f6f6;
    z-index: 2;
    border: solid #ddd;
    border-width: 0 1px 1px 1px;
    display: none;
    padding: 8px 32px 0 32px;
    transition:.2s color ease,.2s padding-left ease,.2s background-color ease;
}

.lancamento-flip:hover {
    background-color: #f2f2f2;
}

.boleto .icon.button, .cheque .icon.button, .pessoa .icon.button {
    height: 60px;
    font-size: 1.1rem;
    width: 90px;
}

.boleto .icon.button i, .cheque .icon.button i, .pessoa .icon.button i {
    font-size: 1.5rem;
    height: 21px !important;
}

.state-hover {
    background-color: red !important;
}

.state-active {
    background-color: green !important;
}

.scroll-cheque, .scroll-boleto, .scroll-pessoa {
    max-height: 500px;
    overflow-y: scroll;
}

.escrita-anexo {
    position: absolute;
    top: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 40px;
}

.escrita-anexo i {
    font-size: 35px !important;
}

.img-receita, .img-despesa, .img-saldo {
    width: 10px;
    top: 50%;
    position: relative;
}

.img-receita {
    margin-top: -33px;
}

.img-despesa {
    margin-top: -37px;
}

.img-saldo {
    margin-top: -25px;
}

.calendario>.row {
    margin: 0 !important;
    padding: 0 !important;
}

.item-calendario {
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.item-calendario>h5 {
    padding: 5px 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.item-calendario>div {
    padding: 4px !important;
    min-height: 75px;
    box-shadow: none !important;
}

.item-calendario>.ui.grid {
    padding: 0 16px !important;
}

.item-calendario>div>a {
    padding: 4px 5px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    color: #444;
    font-size: 0.85em;
    background-color: #eaeaea;
    display: block;
    margin: 0px !important;
}

.item-calendario>div>a:hover {
    font-weight: bold;
    background-color: #cacaca;
}

.contato-detalhe>label {
    margin-left: 10px !important;
}

.popup-width {
    max-width: none !important;
    width: 400px !important;
}

.box-enviar-email {
    width: 281px;
    margin: 5px auto;
}

.semaforo {
    height: 35px;
    width: 35px;
}

.cor.ui.toggle.checkbox label {
    color: #449AD4
}

.cor.ui.toggle.checkbox input ~ .box:before,
.cor.ui.toggle.checkbox input ~ label:before {
  background-color: #449AD4;
}

.cor.ui.toggle.checkbox input:checked ~ .box:before,
.cor.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2ecc40;
}

.red.ui.toggle.checkbox label, .blue.ui.toggle.checkbox label {
    color: #ddd;
}

.red.ui.toggle.checkbox input ~ .box:before,
.red.ui.toggle.checkbox input ~ label:before,
.blue.ui.toggle.checkbox input ~ .box:before,
.blue.ui.toggle.checkbox input ~ label:before,
.green.ui.toggle.checkbox input ~ .box:before,
.green.ui.toggle.checkbox input ~ label:before {
  background-color: #ddd;
}

.red.ui.toggle.checkbox input:checked ~ .box:before,
.red.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #ff4136;
}

.blue.ui.toggle.checkbox input:checked ~ .box:before,
.blue.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #449ad4;
}

.green.ui.toggle.checkbox input:checked ~ .box:before,
.green.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2ecc40;
}

.assinatura-detalhamento {
    resize: none !important;
    height: 88px !important;
    font-size: 12px !important;
    min-height: 0 !important;
}

.fatura-box {
    padding: 0 8px 7px 8px !important;
}

.fatura-label {
    margin-left: 3px;
    color: #999;
}

.fatura-label-2 {
    margin-left: -5px;
    color: #999;
}

.fatura-cb {
    margin-left: 10px;
}

.fatura-head {
    text-align: center;
    padding: 3px !important;
    line-height: 14px;
    width: 90%;
    margin: 5px auto 0 auto !important;
}

.fatura-input-especial {
    width: 100px !important;
    margin-left: 5px !important;
    height: 32px !important;
    margin-top: -10px !important;
    position: absolute;
    padding: 0 10px !important;
}

.input-fino {
    height: 32px;
}

.seta-fatura {
    font-size: 0.8em !important;
    vertical-align: top;
    margin: 5px 1px 0px 2px !important;
}

.ui.basic.buttons .button.filtro-receita.active {
    background-color: #2ecc40 !important;
    color: #fff !important;
}

.ui.basic.buttons .button.filtro-despesa.active {
    background-color: #ff4136 !important;
    color: #fff !important;
}

.ui.basic.buttons .button.filtro-previsao.active {
    background-color: #f1f11f !important;
}

.lancamento_receita_fatura {
    background: #96e59f !important;
    background: -moz-linear-gradient(left,  #ffc28c 40%, #96e59f 60%) !important;
    background: -webkit-linear-gradient(left,  #ffc28c 40%,#96e59f 60%) !important;
    background: linear-gradient(to right,  #ffc28c 40%,#96e59f 60%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc28c', endColorstr='#96e59f',GradientType=1 ) !important;
}

.segment-contato-detalhe {
    overflow-y: auto;
    overflow-x: hidden;
    height: 350px;
}

.trg-anexo {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.icone-nfse {
    background-color: #999;
    color: white;
    padding: 2px;
    font-size: 9px;
    border-radius: 3px;
}

.icone-nfse:hover {
    background-color: #666;
}

.icone-nfse.azul {
    background-color: #4793C3 !important;
}

.ui.inverted.red.label {
    background-color: #fff!important;
    color: #db2828!important;
    border-color: #db2828!important;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
}

.ui.inverted.black.label {
    background-color: #fff!important;
    color: #000!important;
    border-color: #000!important;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
}

@media only screen and (min-width: 992px){
    .ui.mini.modal {
        width: 340px;
        margin: 0 0 0 -170px;
    }
}
@media only screen and (min-width: 768px) {
    .ui.mini.modal {
        width: 35.2%;
        margin: 0 0 0 -17.6%;
    }
}