/* 1. 1 Column Grid 0px - 519px
-----------------------------------------------------------------------------

Span 1:    100%

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

.OnlyMobile{display: block;}
.OnlyDesktop{display: none;}
.OnlyDesktopTable{display:none}
.OnlyDesktopTableRow{display:none;}

button,input{outline: none}

.Grid10pct{width:10%;max-width:10%}
.Grid20pct{width:20%;max-width:20%}
.Grid30pct{width:30%;max-width:30%}
.Grid40pct{width:40%;max-width:40%}
.Grid50pct{width:50%;max-width:50%}
.Grid60pct{width:60%;max-width:60%}
.Grid70pct{width:70%;max-width:70%}
.Grid80pct{width:80%;max-width:80%}
.Grid90pct{width:90%;max-width:90%}
.Grid100pct{width:100%;max-width:100%}

.Cover{background-size: cover}

.cx-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

form .cx-row {

    margin-bottom: 5px;
}

.cx-col {
    margin-left:5px;
    float:left;
}

.cx-row .cx-col:first-child,
.cx-row label:first-child ~ .cx-col {
    margin-left:0;
}

.cx-row:last-of-type { margin-bottom: 0; }

.cx-col_1,
.cx-col_2,
.cx-col_3,
.cx-col_4 {
    margin-left:0;
    width:100%;
}

.ATCenter {
    margin-left: auto;
    margin-right: auto;
}

.LimitHeight250,
.TinyBoxHeight,
.SmallBoxHeight,
.BoxHeight,
.BigBoxHeight {height: auto;}

.ScrollY{overflow-y: auto;}
.GThird{width:100%;margin:0;float:left}
.GThird:first-of-type{margin-left:0}
.GThird:last-of-type{margin-right:0}

.ct-bar{stroke-width: 10px;}
.ct-legend{float:left;width:100%;padding:0;margin:0;max-width: 100%;overflow: hidden;text-align: center;}
.ct-legend li{position:relative;display: inline-block;margin: 0 auto;padding:0 5px 0 25px;height:20px;max-width: 120px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.ct-legend li:before {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    left:5px;
    top:6px;
}
.ct-fill-donut-label {text-align: center;}
/* .EmptyChart[data-source=GetBalanceChart]:before {
    content: "Ainda n�o foram cadastrados dados para este gr�fico";
    width: 100%;
    height: 100%;
    padding: 10% 20px;
    position: absolute;
    left:0;
    text-align: center;
    top:0;
} */

.DatePeriod #EndDate {
    margin-left: 0;
}

.DatePeriod #EndDate.TopLabel:valid + label > span {
    left: 5px;
}

.TableFooter .cx-col_2 {
    width: 100%;
}

.TableFooter .cx-col_2.GhostCol { display: none; }
.TableFooter .cx-col_2.FullCol {  width: 100%; text-align: center; }
.TableFooter .cx-col_2.MasterCol { width: 70%; text-align: left; }
.TableFooter .cx-col_2.SlaveCol { width: 29%; text-align: right; }


/* 2. 2 Column Grid 520px - 1019px
-----------------------------------------------------------------------------

Span 1:    49.0%
Span 2:    100%

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


.cx-col_2.dontbreak {
    margin-left:0;
    width:49.5%;
}

.cx-col.dontbreak {
    margin-left:1%;
}

@media (min-width: 680px) {

    .cx-col {
        margin-left:5px;
    }

    .cx-col_1 {
        width: calc(50% - 2px);
    }

    .cx-col_2,
    .cx-col_3,
    .cx-col_4 {
        margin-left:0;
        width:100%;
    }
    
    .DatePeriod #EndDate {
        margin-left: 3%;
    }

    .TotalBalance td:last-child {font-size: 28px;}
}

/* 3. 4 Column Grid 1020px - Infinity
-----------------------------------------------------------------------------

Span 1:    24.25%
Span 2:    49.5%
Span 3:    74.75%
Span 4:    100%

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

@media (min-width: 1030px) {

    .OnlyMobile{display: none;}
    .OnlyDesktop{display: block;}
    .OnlyDesktopTable{display:table}
    .OnlyDesktopTableRow{display:table-row;}

    .ct-bar{stroke-width: 15px;}

    .LimitHeight210{height: 210px;}
    .LimitHeight220{height: 220px;}
    .LimitHeight230{height: 230px;}
    .LimitHeight250{height: 250px;}

    .TinyBoxHeight {height: 80px;}
    .SmallBoxHeight {height: 200px;}
    .BoxHeight {height: 400px;}
    .BigBoxHeight {height: 600px;}

    .cx-col {
        margin-left:5px;
    }

    .cx-col_1 {
        /* width: 24.25%; */
        width: calc(25% - 4px);
    }

    .cx-col_2 {
        width:calc(50% - 3px);
    }

    .cx-col_3 {
        width: calc(75% - 1px);
    }

    .cx-col_4 {
        margin-left:0;
        width:100%;
    }

    .GThird{width:32.666%;margin:0 .5%;float:left}
    .GThird:first-of-type{margin-left:0}
    .GThird:last-of-type{margin-right:0}

    .DatePeriod #EndDate.TopLabel:valid + label > span {
        left: 10px;
    }

}

@media (min-width: 1220px) {

    .TableFooter .cx-col_2 {
        width: 50%;
    }

    .TableFooter .cx-col_2.GhostCol { display: table-cell; }
    .TableFooter .cx-col_2.FullCol,
    .TableFooter .cx-col_2.MasterCol,
    .TableFooter .cx-col_2.SlaveCol {  width: 50%;  }

    .TableFooter .cx-col_2.FullCol.TextLeft,
    .TableFooter .cx-col_2.MasterCol.TextLeft,
    .TableFooter .cx-col_2.SlaveCol.TextLeft {  text-align: left;  }

    .TableFooter .cx-col_2.FullCol.TextRight,
    .TableFooter .cx-col_2.MasterCol.TextRight,
    .TableFooter .cx-col_2.SlaveCol.TextRight {  text-align: right;  }
}

/* */

.VH140{min-height: calc(100vh - 155px)}

.ScrollY{overflow-y: auto;}

.FakeCheck,.FakeRadio {
    border: 1px solid #C0C5D1;
    width: 20px;
    height: 20px;
    display: block;
}

.FakeRadio { border-radius: 100%; }

input:checked ~ .FakeCheck,
input:checked ~ .FakeRadio {
    background-image: url(../../imgs/tick-24-d.svg);
    background-size: 16px;
}

input:checked ~ .FakeRadio {
    background-image: none;
    position: relative;
}

.FakeRadio:before {
    position: absolute;
    content: "\002B24";
    top: 5px;
    line-height: 8px;
    font-size: 8px;
    color: transparent;
    transition: color .3s ease;
    left: 5px;
}

input:checked ~ .FakeRadio:before {
    color: #666;
}

table {border-collapse: collapse;}
/*
tbody {
    display:block;
    height: auto;
    max-height:calc(100vh - 500px);
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
*/

.TotalBalance td:first-child {font-size: 15px;}
.TotalBalance td:last-child {font-size: 18px;}



.Fixed {position: fixed;}
.Absolute{position: absolute;}
.Relative{position: relative;}

.OnBottom{bottom:0;left:0;right:0;}

.Top10{top:10px;}
.Right10{right:10px;}

.FullWidth {width: 100%;}

.TextCenter{text-align: center;}
.TextLeft{text-align: left;}
.TextRight{text-align: right;}

.ClearBoth {clear: both;}
.ClearRight {clear: right;}
.ClearLeft {clear: left;}

.FloatLeft {float: left;}
.FloatRight {float: right;}

.Block{display: block;}
.InlineBlock{display: inline-block;vertical-align: middle;}
.Hidden,.hidden{display: none}

.Clickable{cursor: pointer;}

.Button{text-align: center;height:42px;line-height: 42px;min-width: 95px;padding-left: 10px;padding-right: 10px;user-select: none;text-transform: uppercase;font-size: 15px;}
.Icon.Disabled,
#ModalBlockWrapper .Button.Disabled,
.Button.Disabled{pointer-events: none;cursor: auto;}
.Loading { background-repeat: no-repeat; pointer-events: none; }
.Button.Loading{font-size: 0;background-size: 50%}
body .Overlay.Loading,body.Loading { pointer-events: auto; cursor: wait; }
body.Loading * { pointer-events: none; }

.ButtonMobileFull { width: 100%; margin-bottom: 10px; }
.ButtonMobileFull:last-of-type { margin-bottom: 0; }

.Max100 { max-width: 100%; }

/* Margin */
.MarginGrid {margin: 1%}
.MarginTGrid {margin-top: 1%}
.MarginBGrid {margin-bottom: 1%}
.MarginLGrid {margin-left: 1%}
.MarginRGrid {margin-right: 1%}

.MarginTGrid3 {margin-top: 3%}

.Margin0 {margin: 0;}
.MarginT0 {margin-top: 0;}
.MarginL0 {margin-left: 0;}
.MarginT1 {margin-top: 1px;}
.MarginT3 {margin-top: 3px;}
.MarginT6 {margin-top: 6px;}

.MarginL5 {margin-left: 5px;}
.MarginR5 {margin-right: 5px;}
.MarginT5 {margin-top: 5px;}
.MarginB5 {margin-bottom: 5px;}

.Margin10 {margin: 10px;}
.MarginT10 {margin-top: 10px;}
.MarginB10 {margin-bottom: 10px;}
.MarginL10 {margin-left: 10px;}
.MarginR10 {margin-right: 10px;}

.MarginT15 {margin-top: 15px;}

.Margin20 {margin: 20px;}
.MarginT20 {margin-top: 20px;}
.MarginB20 {margin-bottom: 20px;}
.MarginL20 {margin-left: 20px;}
.MarginR20 {margin-right: 20px;}

.MarginT40 {margin-top: 40px;}

.MarginB140{margin-bottom: 140px;}

.MarginR40 {margin-right: 40px;}

/* Padding */
.PaddingL0 {padding-left: 0 !important;}

.Padding3 {padding: 3px;}
.Padding5 {padding: 5px;}

.PaddingT6 {padding-top: 6px;}

.Padding010 {padding: 0 10px;}

.Padding10 {padding: 10px;}
.PaddingT10 {padding-top: 10px;}
.PaddingB10 {padding-bottom: 10px;}
.PaddingL10 {padding-left: 10px;}
.PaddingR10 {padding-right: 10px;}

.Padding15 {padding: 15px;}
.PaddingT15 {padding-top: 15px;}
.PaddingB15 {padding-bottom: 15px;}
.PaddingL15 {padding-left: 15px;}
.PaddingR15 {padding-right: 15px;}

.Padding20 {padding: 20px;}
.PaddingT20 {padding-top: 20px;}
.PaddingB20 {padding-bottom: 20px;}
.PaddingL20 {padding-left: 20px;}
.PaddingR20 {padding-right: 20px;}

.PaddingL30 {padding-left: 30px;}

.PaddingT50 {padding-top: 50px;}
.PaddingT70 {padding-top: 70px;}
.PaddingB80 { padding-bottom: 80px; }

.Padding0 {padding: 0;}
.PaddingT0 {padding-top: 0;}
.PaddingB0 {padding-bottom: 0;}


/* Icon */
.Icon {background-repeat: no-repeat;background-position: center;}

.Icon16 {height:16px;width: 16px;background-size: 16px;}
.Icon24 {height:24px;width: 24px;background-size: 24px;}
.IconH24 {height:24px;background-size: 24px;}

.Icon27 {height:27px;width: 27px;background-size: 27px;}
.Icon32 {height:32px;width: 32px;background-size: 32px;}
.Icon48 {height:48px;width: 48px;background-size: 48px;}
.Icon32-16 {height:32px;width: 32px;background-size: 16px;}
.Icon32-24 {height:32px;width: 32px;background-size: 24px;}
.Icon36-24 {height:36px;width: 36px;background-size: 24px;text-align: center;padding: 6px;}
.Icon42-24 {height:42px;width: 42px;background-size: 24px;}
.Icon48-24 {height:48px;width: 48px;background-size: 24px;text-align: center;padding: 12px;}
.Icon48-32 {height:48px;width: 48px;background-size: 32px;}

.IconBR { border-radius: .25rem; }

.IconButton46{height: 46px;width: 46px;line-height: 46px;}

/* Photo */

.Photo40{width:40px;height:40px;background-position: center;}
.Photo90{width:90px;height:90px;background-position: center;}

.Photo90Frame{width:100px;height:100px;}

.Circle{border-radius: 100%}

/* Border */

.Border0 {border: 0px solid;}
.BorderT0 {border-top: 0px solid;}
.BorderB0 {border-bottom: 0px solid;}
.BorderL0 {border-left: 0px solid;}
.BorderR0 {border-right: 0px solid;}

.Border1 {border: 1px solid;}
.BorderT1 {border-top: 1px solid;}
.BorderB1 {border-bottom: 1px solid;}
.BorderL1 {border-left: 1px solid;}
.BorderR1 {border-right: 1px solid;}


.BorderRadius5 { border-radius: .25rem; }

/* a */
.VAlignMiddle { vertical-align: middle; }
.VAlignTop { vertical-align: top; }
.VAlignInitial { vertical-align: initial; }

/* Form */

/* input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
.selectric-wrapper,
textarea {
    padding: 5px 8px;
    border: 1px solid #C0C5D1;
    height: 36px;
    line-height: 28px;
    outline: none;
} */

.selectric-wrapper { padding: 0; }

/* input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
.selectric .label {
    font-size: 16px;
} */

.FS12 {font-size: 12px;}
.FS14 {font-size: 14px;}
.FS18 {font-size: 18px;}
.FS26 {font-size: 26px;}
.FS28 {font-size: 28px;}
.FS32 {font-size: 32px;}

.BoxTitle {
    font-weight: 500;
}

.ct-label.ct-horizontal {
    transform: rotate(55deg);
    margin-top: 5px;
}




/* Field Container */

.SmartPlaceholder {
  height: 50px;
  /*overflow: hidden;*/
}

/* Fields */


.TopLabel {
  display: block;
  margin: 6px 0 10px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: padding-top 0.2s ease, margin-top 0.2s ease;
  overflow-x: hidden;
  outline: none;
}

.selectric-wrapper.TopLabel {
    overflow-x:visible;
}


.TopLabel,
.TopLabel:invalid,
.TopLabel:focus {
    box-shadow:none;
    outline: none;
    min-width: 150px;
    overflow-x: hidden;
}

.DatePeriod .TopLabel,
.DatePeriod .TopLabel:invalid,
.DatePeriod .TopLabel:focus {
    min-width: 80px;
}

.DoubleSelect .TopLabel {
  width: 50%;
  display: inline-block;
}

.TopLabel:disabled {
    background-color: #F3F3F5;
}

/* Label */

.TopLabel + label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  width: 10%;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  height: 0px;
  z-index: 999;
}

.TopLabel:focus + label {
  width: 100%;
}

.TopLabel.selectric-focus + label > span,
.TopLabel.selectric-valid + label > span,
.TopLabel.selectric-hover + label > span,
.TopLabel.invalid + label > span,
.TopLabel:focus + label > span,
.TopLabel:valid + label > span,
.TopLabel.valid + label > span,
.TopLabel:focus ~ .TopLabel + label > span,
.TopLabel:valid ~ .TopLabel + label > span,
.TopLabel.js-typeahead:hover + label > span,
.TopLabel.js-typeahead:focus + label > span,
.TopLabel.js-typeahead.valid + label > span,
.TopLabel.js-typeahead:hover ~ .TopLabel + label > span,
.TopLabel.js-typeahead:focus ~ .TopLabel + label > span,
.TopLabel.js-typeahead.valid ~ .TopLabel + label > span {
  top: -67px;
  left: 5px;
  padding: 0 5px;
  font-size: 16px;
  height: 21px;
  color: #C5C5C5;
  background-color: #FFF;
  -webkit-transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}

.TopLabel + label > span,
.TopLabel.js-typeahead + label > span,
.TopLabel ~ .TopLabel + label > span,
.TopLabel.js-typeahead ~ .TopLabel + label > span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #C5C5C5;
    font-size: 20px;
    top: -52px;
    left: 1px;
    padding-left: 9px;
    height: 34px;
    padding-top: 5px;
    -webkit-transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}

.TopLabel.js-typeahead + label > span,
.TopLabel.js-typeahead ~ .TopLabel + label > span {
    top: -48px;
}


.SFFakeRadio:checked ~ .SellFormButton {
  background-color: #09C !important;
}

.TopLabel + label > span,
.TopLabel + label {
  pointer-events: none;
}

.TopLabel.CoverLabel + label {
  width: 70%;
}

.TopLabel.CoverLabel + label > span {
    width: 100%;
    background-color: #FFF;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TopLabel.CoverLabel:disabled + label > span {
    background-color: #F3F3F5;
}

.TopLabel.CoverLabel.selectric-open  + label {
    z-index: 9999;
}


.TopLabel.CoverLabel.selectric-open  + label > span {
    z-index: 99;
}

.TopLabel.selectric-focus + label > span,
.TopLabel.selectric-valid + label > span,
.TopLabel.selectric-hover + label > span,
.TopLabel.CoverLabel:focus + label > span,
.TopLabel.CoverLabel:valid + label > span,
.TopLabel:focus ~ .TopLabel.CoverLabel + label > span,
.TopLabel:valid ~ .TopLabel.CoverLabel + label > span {
  width: auto;
}

.LinkInput {
  height: 46px;
  padding: 20px 0;
  display: block;
}

.ui-widget.ui-widget-content {
    max-width: 500px;
}

.FixedTableContainer {
	clear: both;
	overflow: auto;
}

.FixedTableContainer table {
	float: left;
}

.TableHeader {
	display: table;
	overflow: auto;
	width: 100%;
}

.TableHeader.Fixed {
    padding: 10px;
    z-index: 10;
    opacity: 1;
}

.TableHeader tr {
    position: relative;
}

.FixedHeader tbody tr {
    display: block;
    width: 100%;
    float: left;
}

.FixedHeader tbody tr td {
    display: block;
    float: left;
}

.H171 {height: 171px;}
.H296 {height: auto;}
.H475 {height: auto;}

.print {
    display: none;
}

@media (min-width: 640px) {
    
    .Button{min-width: 135px;}
}

@media (min-width: 1020px) {

    
    .ButtonMobileFull { width: auto; margin-bottom: 0; }
}

@media print {

    * {
        text-shadow: none !important;
        filter:none !important;
        -ms-filter: none !important;
        box-shadow: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        color-adjust: exact;
    }

    .c3 svg {
        display: inline-block;
        height: 400px;
    }

    body {
        margin:0;
        padding:0;
        
        background-color: #FFF !important;
    }

    body, body * {
        /* font-family: "Times New Roman", Times, arial, serif !important; */
        color: #000;
    }

    .ListContainer { padding: 0; }

    .ContentTitle { margin-top: 0; line-height: 18px; padding-left: 0 !important; }
    /* .TransitionValueCel { color: #333 !important; } */

    .BGColor8, .Zebra tr:nth-child(even), .Zebra .ZebraRow:nth-child(even) {
        background-color: #F9F9FC !important;
    }

    @page {margin: 1.5cm;}

    #MainContainer {
        padding: 0 !important;
    }

    .wrapper {
        width: 100%;
        margin: 0;
        float: none !important;
    }

    #ContentContainer {
        padding: 0 !important;
    }

    #Marquee { display: none; }

    .cx-row {float: none;}

    table {
        margin: 0;
    }

    .TableHeader,.PrintButton {
        display: none;
    }

    .TableFooter {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left;
        left: 0 !important;
        padding: 10px;
        margin-left: 0;
        opacity: 1;
        position: static !important;
    }

    /* .TableFooter .cx-col {
        max-width: 49.9%;
        vertical-align: middle;
    } */

    .TableFooter .PeriodCol,
    .TableFooter .cx-col_2.GhostCol { display: none !important;  }
    .TableFooter .cx-col_2.FullCol {  width: 100%; text-align: center !important; }
    .TableFooter .cx-col_2.MasterCol { width: 70% !important; text-align: left !important; }
    .TableFooter .cx-col_2.SlaveCol { width: 29% !important; text-align: right !important; }

    .ContentTitle {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .PrintHeader .cx-col_2 {
        width: 50%;
        float: left;
        font-size: 14px;
        line-height: 14px;
        height: 16px;
        margin: 0;
        padding: 2px;
    }

    .PrintHeader {
        float: left;
        margin-bottom: 10px;
    }

    .no-print, nav, footer, video, audio, object, embed,header,#LateralMenu,form,.Overlay,.Button,.FakeCheck,.IconsContainer {
        display:none;
    }

    /* tr {border-bottom: 1px solid #C5C5C5} */

    .Fixed,.Absolute {
        position: relative;
    }

    .print {
        display: block;
    }

    img {
        max-width: 100%;
    }

    h1 {
        font-size: 24pt;
    }

    h2 {
        font-size: 20pt;
        margin-top: 0;
    }

    h3 {
        font-size: 14pt;
    }

    p {
        font-size: 12pt;
        widows: 3;
        orphans: 3;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a:link:after, a:visited:after {
        content: " (" attr(href) ") ";
    }

    p a {
        word-wrap: break-word;
    }

    a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    .page-break { page-break-before: always; }
    tr {page-break-inside: avoid;}

    #ReportContainer tr th:nth-child(2),
    #ReportContainer tr th:nth-child(4),
    #ReportContainer tr td:nth-child(2),
    #ReportContainer tr td:nth-child(4) {
        display: table-cell !important;
    }

    .QTD { display: inline-block !important; }
    .QTDS { display: none !important;}

    .Default .OK24X {
        position: relative !important;
        background-image: none !important;
    }

    .OK24X:before {
        content: "\2714 ";
        position: absolute;
        left: 30%;
        top: -10%;
        /* color: #333; */
    }

     
    #selectcharttype,
    #ChildPrint,
    #ChildSource,
    #ShowChildTable,
    .c3-legend-item,
    .PatientMedicalDataChildTitle,
    .btn-group { display: none !important; }
    #ChildTable { display: block !important;}
}