/* Minification failed. Returning unminified contents.
(4257,19): run-time error CSS1019: Unexpected token, found ' '
(4257,19): run-time error CSS1036: Expected expression, found ' '
 */
/*!
   angular-block-ui v0.0.10
   (c) 2014 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/

.responsive-affix.block-ui { position: fixed; }

.block-ui { position: relative; }

.block-ui-overlay {
    z-index: 1001;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

body > .block-ui > .block-ui-overlay { position: fixed; }

.block-ui-overlay.block-ui-visible {
    background-color: #fff;
    background-image: url("images/ico_loader.gif");
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    cursor: wait;
}

.block-ui-message-container {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    z-index: 10002;
}

body > .block-ui > .block-ui-message-container { position: fixed; }

.block-ui-message {
    cursor: wait;
    display: inline-block;
    text-align: left;
    background-color: #333;
    color: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
}
/*# sourceMappingURL=angular-block-ui.css.map */
.tab-content-left {
    position: relative;
    z-index: 0;
}

.tabs-left, .tabs-right {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    .tab-content-left { margin-top: -1px; }
}

@media screen and (min-width: 992px) {
    .tab-content-left {
        padding-left: 15px;
        margin-left: -31px;
        position: relative;
        z-index: 0;
    }

    .tabs-left, .tabs-right {
        border-bottom: none;
        padding-top: 25px;
        position: relative;
        z-index: 1;
    }

    .tabs-left { border-right: 1px solid #ddd; }

    .tabs-right { border-left: 1px solid #ddd; }

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

    .tabs-left > li { margin-right: -1px; }

    .tabs-right > li { margin-left: -1px; }

    .tabs-left > li.active > a,
    .tabs-left > li.active > a:hover,
    .tabs-left > li.active > a:focus {
        border-bottom-color: #ddd;
        border-right-color: transparent;
    }

    .tabs-right > li.active > a,
    .tabs-right > li.active > a:hover,
    .tabs-right > li.active > a:focus {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent;
    }

    .tabs-left > li > a {
        border-radius: 4px 0 0 4px;
        margin-right: 0;
        display: block;
    }

    .tabs-right > li > a {
        border-radius: 0 4px 4px 0;
        margin-right: 0;
    }

    .sideways {
        margin-top: 50px;
        border: none;
        position: relative;
    }

    .sideways > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

    .sideways > li > a {
        border-bottom: 1px solid #ddd;
        border-right-color: transparent;
        text-align: center;
        border-radius: 4px 4px 0px 0px;
    }

    .sideways > li.active > a,
    .sideways > li.active > a:hover,
    .sideways > li.active > a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        border-left-color: #ddd;
    }

    .sideways.tabs-left { left: -50px; }

    .sideways.tabs-right { right: -50px; }

    .sideways.tabs-right > li {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sideways.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}
.qrcode-refresh {
    background-color: white;
    border-style: none;
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    z-index: 10000 !important;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

.datepicker-inline { width: 220px; }

.datepicker.datepicker-rtl { direction: rtl; }

.datepicker.datepicker-rtl table tr td span { float: right; }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before { left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after { left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before { right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after { right: 7px; }

.datepicker-dropdown.datepicker-orient-top:before { top: -7px; }

.datepicker-dropdown.datepicker-orient-top:after { top: -6px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.datepicker > div { display: none; }

.datepicker.days div.datepicker-days { display: block; }

.datepicker.months div.datepicker-months { display: block; }

.datepicker.years div.datepicker-years { display: block; }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th { background-color: transparent; }

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new { color: #999999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; }

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; }

.datepicker table tr td.today:hover:hover { color: #000; }

.datepicker table tr td.today.active:hover { color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover { background: #eeeeee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; }

.datepicker table tr td span.old,
.datepicker table tr td span.new { color: #999999; }

.datepicker th.datepicker-switch { width: 145px; }

.datepicker thead tr:first-child th,
.datepicker tfoot tr th { cursor: pointer; }

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover { background: #eeeeee; }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input { text-align: center; }

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}
.dropdown-menu > li > label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > label:hover,
.dropdown-menu > li > label:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus { color: #999999; }

.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}

.dropdown-menu > li > label {
    margin-bottom: 0;
    cursor: pointer;
}

.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
    display: none;
    position: absolute;
    top: -9999em;
    left: -9999em;
}

.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.dropdown-submenu > .dropdown-menu {
    left: 100%;
    right: auto;
    margin-right: 0;
    margin-left: -1px;
    border-top-left-radius: 0;
    float: none !important;
}

.dropdown-submenu > .dropdown-menu.pull-right {
    right: 100%;
    left: auto;
    margin-left: 0;
    margin-right: -1px;
    border-top-right-radius: 0;
}

.dropdown-menu.pull-top {
    bottom: 100%;
    top: auto;
    margin: 0 0 2px;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-center {
    right: 50%;
    left: auto;
}

.dropdown-menu.pull-middle {
    right: 100%;
    margin: 0 2px 0 0;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    left: auto;
}

.dropdown-menu.pull-middle.pull-right {
    right: auto;
    left: 100%;
    margin: 0 0 0 2px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}

.dropdown-menu.pull-middle.pull-center {
    right: 50%;
    margin: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.dropdown-menu.bullet { margin-top: 8px; }

.dropdown-menu.bullet:before {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    border-width: 0 7px 7px;
    border-bottom-color: #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    top: -7px;
    left: 9px;
}

.dropdown-menu.bullet:after {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    border-width: 0 6px 6px;
    border-bottom-color: #ffffff;
    top: -6px;
    left: 10px;
}

.dropdown-menu.bullet.pull-right:before {
    left: auto;
    right: 9px;
}

.dropdown-menu.bullet.pull-right:after {
    left: auto;
    right: 10px;
}

.dropdown-menu.bullet.pull-top {
    margin-top: 0;
    margin-bottom: 8px;
}

.dropdown-menu.bullet.pull-top:before {
    top: auto;
    bottom: -7px;
    border-bottom-width: 0;
    border-top-width: 7px;
    border-top-color: #cccccc;
    border-top-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu.bullet.pull-top:after {
    top: auto;
    bottom: -6px;
    border-bottom: none;
    border-top-width: 6px;
    border-top-color: #ffffff;
}

.dropdown-menu.bullet.pull-center:before {
    left: auto;
    right: 50%;
    margin-right: -7px;
}

.dropdown-menu.bullet.pull-center:after {
    left: auto;
    right: 50%;
    margin-right: -6px;
}

.dropdown-menu.bullet.pull-middle { margin-right: 8px; }

.dropdown-menu.bullet.pull-middle:before {
    top: 50%;
    left: 100%;
    right: auto;
    margin-top: -7px;
    border-right-width: 0;
    border-bottom-color: transparent;
    border-top-width: 7px;
    border-left-color: #cccccc;
    border-left-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu.bullet.pull-middle:after {
    top: 50%;
    left: 100%;
    right: auto;
    margin-top: -6px;
    border-right-width: 0;
    border-bottom-color: transparent;
    border-top-width: 6px;
    border-left-color: #ffffff;
}

.dropdown-menu.bullet.pull-middle.pull-right {
    margin-right: 0;
    margin-left: 8px;
}

.dropdown-menu.bullet.pull-middle.pull-right:before {
    left: -7px;
    border-left-width: 0;
    border-right-width: 7px;
    border-right-color: #cccccc;
    border-right-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu.bullet.pull-middle.pull-right:after {
    left: -6px;
    border-left-width: 0;
    border-right-width: 6px;
    border-right-color: #ffffff;
}

.dropdown-menu.bullet.pull-middle.pull-center {
    margin-left: 0;
    margin-right: 0;
}

.dropdown-menu.bullet.pull-middle.pull-center:before {
    border: none;
    display: none;
}

.dropdown-menu.bullet.pull-middle.pull-center:after {
    border: none;
    display: none;
}

.dropdown-submenu { position: relative; }

.dropdown-submenu > .dropdown-menu {
    top: 0;
    margin-top: -6px;
}

.dropdown-submenu > a:before {
    display: block;
    float: right;
    width: 0;
    height: 0;
    content: "";
    margin-top: 6px;
    margin-right: -8px;
    margin-left: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-left-style: dashed;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.dropdown-menu.pull-right .dropdown-submenu > a:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    content: "";
    margin-top: 6px;
    margin-right: 0;
    margin-left: -8px;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-left-style: dashed;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

@media (max-width: 767px) {
    .navbar-nav .dropdown-submenu > a:before {
        float: right !important;
        margin-right: 2px !important;
        margin-top: 8px;
        border-color: inherit;
        border-style: solid;
        border-width: 4px 4px 0 !important;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: #333 !important;
    }

    .navbar-nav .dropdown-submenu > a { padding-left: 40px; }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label { padding-left: 35px; }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 45px; }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 55px; }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 65px; }

    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
    .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 75px; }
}

.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
    background-color: #e7e7e7;
    color: #555555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before { border-top-color: #555555; }
}

.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
    background-color: #080808;
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before { border-top-color: #ffffff; }
}
/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 85vh;
    margin-top: -53px;
}

.fade-carousel .carousel-inner .item { height: 85vh; }

.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: transparent;
    border-color: #fff;
    opacity: .7;
}

.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #fff
}

/********************************/

/*          Hero Headers        */

/********************************/

.hero {
    position: absolute;
    top: 50%;
    left: 69%;
    z-index: 3;
    color: #fff;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.hero h1 {
    font-size: 2.2em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
}

.hero h3 {
    color: #fff !important;
    font-size: 1.3em !important;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    margin-bottom: 0 !important;
}

.hero p.cost {
    font-size: 4em;
    color: #002a4e;
    font-weight: bold;
    margin: 0 0 20px 35px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
}

.hero p.cost sup {
    font-size: 0.4em;
    color: #fff;
    font-weight: normal;
    vertical-align: super;
    display: inline;
    top: -12px;
    left: 6px;
    position: relative;
    font-weight: normal;
}

.hero p.cost small {
    font-size: 0.4em;
    color: #fff;
    vertical-align: sub;
    display: inline;
    top: 15px;
    left: -60px;
    position: relative;
    font-weight: normal;
}

.hero .video {
    margin: 20px 0 0 90px;
    width: 300px;
    text-align: center;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 1s all ease-in-out .1s;
    -moz-transition: 1s all ease-in-out .1s;
    -ms-transition: 1s all ease-in-out .1s;
    -o-transition: 1s all ease-in-out .1s;
    transition: 1s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 1s all ease-in-out .1s;
    -moz-transition: 1s all ease-in-out .1s;
    -ms-transition: 1s all ease-in-out .1s;
    -o-transition: 1s all ease-in-out .1s;
    transition: 1s all ease-in-out .1s;
}

/********************************/

/*            Overlay           */

/********************************/

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .1;
}

/********************************/

/*          Custom Buttons      */

/********************************/

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/

/*       Slides backgrounds     */

/********************************/

.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
}

/********************************/

/*          Media Queries       */

/********************************/

@media screen and (min-width: 980px) {
    .hero {
        width: 500px;
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .fade-carousel { margin-top: -20px; }

    .hero h1 { font-size: 1.7em; }
}
.introjs-overlay {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1.0 !important;
    position: absolute !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th { z-index: 9999999 !important; }

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th { position: relative; }

.introjs-helperLayer {
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    position: absolute;
    z-index: 10000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    background: #ff3019; /* Old browsers */
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
    width: 23px;
    height: 23px;
    line-height: 18px;
    border: 3px solid white;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}

.introjs-arrow {
    border: 5px solid white;
    content: '';
    position: absolute;
}

.introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-tooltip {
    position: absolute;
    padding: 10px;
    background-color: white;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/

.introjs-button {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #fff;
    font: 12px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*//* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    margin-top: 10px;
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.introjs-skipbutton {
    color: #7a7a7a;
    float: left;
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
}

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.introjs-bullets { text-align: center; }

.introjs-bullets ul {
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block;
}

.introjs-bullets ul li {
    list-style: none;
    float: left;
    margin: 0 2px;
}

.introjs-bullets ul li a {
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
}

.introjs-bullets ul li a:hover { background: #999; }

.introjs-bullets ul li a.active { background: #999; }

.introjs-progress {
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}



#pageGuideToggle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #002b4f;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 15px;
    height: 60px;
    line-height: 15px;
    padding: 8px 6px 6px 8px;
    position: fixed;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    top: 153px;
    right: -210px;
    width: 210px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    z-index: 1000;
    border: 3px solid #ff6600;
    border-right: none;
}

#pageGuideToggle:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f128";
    position: absolute;
    left: -66px;
    top: -12px;
    height: 80px;
    width: 80px;
    font-size: 40px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    background-color: #002b4f;
    border: 3px solid #ff6600;
    border-radius: 40px;
}

#pageGuideToggle .pageguide-tourtitlewrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    height: 40px;
    width: 200px;
    line-height: 10px;
    overflow: hidden;
    padding: 0 0 0 19px;
    position: absolute;
    left: 0;
    top: 6px;
}

#pageGuideToggle .pageguide-toggletitle {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 75px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#pageGuideToggle .pageguide-tourtitlewrapper span {
    display: table-cell;
    vertical-align: middle;
    margin: 0 0 0 -118px;
    width: 124px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#pageGuideToggle a.pageguide-close {
    bottom: -25px;
    color: #444;
    opacity: 0;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: none;
}

#pageGuideToggle a.pageguide-close:hover { color: #F17419; }


#pageGuideToggle.pageguide-toggle-close { right: -190px; }

#pageGuideToggle.pageguide-toggle-open { right: 0; }

#pageGuideToggle:hover {
    background-color: #002b4f;
    right: 0 !important;
}

#pageGuideToggle:hover div span { margin: 0; }

.pageguide-open #pageGuideToggle {
    background-color: #ff6600;
    color: #fff;
    right: 0 !important;
}

.pageguide-open #pageGuideToggle a {
    opacity: 100;
    color: #fff;
}

.pageguide-open #pageGuideToggle .pageguide-tourtitlewrapper { border-left: none; }

.pageguide-open #pageGuideToggle .pageguide-tourtitlewrapper span { margin: 0; }

.pageguide-open #pageGuideToggle:before { background-color: #ff6600; }

.pageguide-open #pageGuideToggle:hover { background-color: #ff6600; }

.pageguide-open #pageGuideToggle:hover div span { margin: 0; }
/*! ngTable v0.3.0 by Vitalii Savchuk(esvit666@gmail.com) - https://github.com/esvit/ng-table - New BSD License */

.ng-table th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ng-table th.sortable { cursor: pointer }

.ng-table th.sortable div {
    padding-right: 18px;
    position: relative
}

.ng-table th.sortable div:after, .ng-table th.sortable div:before {
    content: "";
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #000 transparent;
    visibility: visible;
    right: 8px;
    bottom: 0.5em;
    position: absolute;
    opacity: .3;
    margin-bottom: 4px
}

.ng-table th.sortable div:before {
    margin-bottom: -2px;
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000
}

.ng-table th.sortable div:hover:after, .ng-table th.sortable div:hover:before {
    opacity: 1;
    visibility: visible
}

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
    background-color: rgba(141, 192, 219, .25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    border-radius: 4px 4px 0 0;
}

.ng-table th.sortable.sort-desc div:after, .ng-table th.sortable.sort-asc div:after { margin-bottom: 0; }

.ng-table th.sortable.sort-desc div:before, .ng-table th.sortable.sort-asc div:before { visibility: hidden }

.ng-table th.sortable.sort-asc div:after, .ng-table th.sortable.sort-asc div:hover:after {
    visibility: visible;
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.ng-table th.sortable.sort-desc div:after {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.ng-table th.filter .input-filter {
    margin: 0;
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ng-table + .pagination { margin-top: 0 }

@media only screen and (max-width: 767px) {
    .ng-table-responsive { border-bottom: 1px solid #999 }

    .ng-table-responsive tr {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999
    }

    .ng-table-responsive td:before {
        position: absolute;
        padding: 8px;
        left: 0;
        top: 0;
        width: 50%;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    }

    .ng-table-responsive thead tr th { text-align: left }

    .ng-table-responsive thead tr.ng-table-filters th { padding: 0 }

    .ng-table-responsive thead tr.ng-table-filters th form > div { padding: 8px }

    .ng-table-responsive td {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left
    }

    .ng-table-responsive td:before { content: attr(data-title-text) }

    .ng-table-responsive, .ng-table-responsive thead, .ng-table-responsive tbody, .ng-table-responsive th, .ng-table-responsive td, .ng-table-responsive tr { display: block }
}
/* PNotify modules included in this custom build file:
animate
buttons
callbacks
confirm
desktop
mobile
nonblock
*/
/*
Author  : Hunter Perrin
Version : 3.0.0
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2;
}

body > .ui-pnotify {
    /* Notices in the body context should be fixed to the viewport. */
    position: fixed;
    /* Ensures notices are above everything */
    z-index: 100040;
}

.ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

body > .ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039;
}

.ui-pnotify.ui-pnotify-in { display: block !important; }

.ui-pnotify.ui-pnotify-move { transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; }

.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .6s linear;
    opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; }

.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .4s linear;
    opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; }

.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .2s linear;
    opacity: 0;
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; }

.ui-pnotify.ui-pnotify-fade-in { opacity: 1; }

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 28px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 28px 0px rgba(0, 0, 0, 0.1);
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}

.ui-pnotify-container:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
}

.ui-pnotify-text { display: block; }

.ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}

/* Alternate stack initial positioning. */

.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
    left: 25px;
    right: auto;
}

.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
    bottom: 25px;
    top: auto;
}

.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px;
}

.ui-pnotify-closer, .ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
}

.ui-pnotify-closer:focus, .ui-pnotify-sticker:focus {
    outline: none;
} 


.ui-pnotify-container {
    position: relative;
    left: 0;
}

@media (max-width: 480px) {
    /* -- Notice */
    .ui-pnotify-mobile-able.ui-pnotify {
        position: fixed;
        top: 0;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        font-size: 1.2em;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-bottom-width: 5px;
    }

    .ui-pnotify-mobile-able .ui-pnotify-container {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    /* Alternate stack initial positioning. */
    .ui-pnotify-mobile-able.ui-pnotify.stack-topleft, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
        left: 0;
        right: 0;
    }

    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
    }

    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow {
        border-top-width: 5px;
        border-bottom-width: 1px;
    }
}

.ui-pnotify.ui-pnotify-nonblock-fade {
    /*transition: opacity .3s ease;*/
    opacity: .2;
}

.ui-pnotify.ui-pnotify-nonblock-hide { display: none !important; }
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/open-sans/fonts/OpenSans-Regular.eot');
    src: url('fonts/open-sans/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url("fonts/open-sans/fonts/OpenSans-Regular.woff") format("woff"), url('fonts/open-sans/fonts/OpenSans-Regular.woff2') format('woff2'), url("fonts/open-sans/fonts/OpenSans-Regular.ttf") format("truetype"), url('fonts/open-sans/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/open-sans/fonts/OpenSans-Light.eot');
    src: url('fonts/open-sans/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/open-sans/fonts/OpenSans-Light.woff') format('woff'), url('fonts/open-sans/fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/open-sans/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/open-sans/fonts/OpenSans-LightItalic.eot');
    src: url('fonts/open-sans/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/fonts/OpenSans-LightItalic.woff2') format('woff2'), url('fonts/open-sans/fonts/OpenSans-LightItalic.woff') format('woff'), url('fonts/open-sans/fonts/OpenSans-LightItalic.ttf') format('truetype'), url('fonts/open-sans/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('fonts/open-sans/fonts/OpenSans-SemiBold.eot');
    src: url('fonts/open-sans/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('fonts/open-sans/fonts/OpenSans-SemiBold.woff') format('woff'), url('fonts/open-sans/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('fonts/open-sans/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

html {
    font-size: 62.5%; /* 1rem = 1rem, 10/16 = 62.5% */
}

body {
    padding-top: 13.3rem;
    font-family: 'OpenSans', sans-serif;
    font-weight: 400;
    color: #7c7c7c;
    font-size: 1.4rem;
}

.btn:focus {
     outline: none!important; 
     outline-offset: 0!important; 
}

/* DEBUG */

.loading-container { position: relative; }

.loading-container .loading:before, .loading-container .loading:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 5rem;
    min-width: 5rem;
}

.loading-container .loading:before {
    background-color: red;
    opacity: 0.5;
}

.debug.borders > div { border: .1rem  solid red; }

/* LOGGED AND UNLOGGED */

.home-page .hide-unlogged { display: none; }

.content-page .hide-logged { display: none; }

.content-page .simple-home,
.content-page .content-strip {
    margin: 0;
    padding: 0;
}

/* BUG GAS-EVENTS-UNI (PLUGIN DE BANCO) */

object[type^="application/gas-events"] { display: none; }

/* BOOTSTRAP - NEWER VERSIONS MERGE */

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

.btn-group-justified > .btn-group .btn { width: 100%; }

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}

.form-control-static-lg {
    min-height: 4.5rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 0;
    word-wrap: break-word;
}

.form-control-static {
    min-height: 3.4rem;
    padding-top: .7rem;
    padding-bottom: .7rem;
    margin-bottom: 0;
    word-wrap: break-word;
}

.has-feedback { position: relative; }

.has-feedback .form-control { padding-right: 4.25rem; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 1.5rem;
}

.form-control-feedback {
    position: absolute;
    top: 2.5rem;
    right: 0;
    z-index: 2;
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
}

.no-label .form-control-feedback { top: 0 !important; }

.input-lg + .form-control-feedback {
    width: 4.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
}

.input-sm + .form-control-feedback {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success { color: #3c763d; }

a.list-group-item-success .list-group-item-heading { color: inherit; }

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info { color: #31708f; }

a.list-group-item-info .list-group-item-heading { color: inherit; }

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning { color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading { color: inherit; }

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger { color: #a94442; }

a.list-group-item-danger .list-group-item-heading { color: inherit; }

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

/* BOOTSTRAP - OVERRIDES */

.modal-dialog .modal-body + .modal-footer { margin-top: 0; }

.modal-title strong { font-weight: normal; }

.text-warning { color: #da9f50; }

.tooltip-inner { word-wrap: break-word; }

.text-muted { color: #bbb; }

.radio + .radio, .checkbox + .checkbox { margin-top: 1rem; }

.nav .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] { margin-top: .1rem ; }

.navbar .navbar-form {
    padding-left: 1rem;
    padding-right: 1rem;
}

.list-group-item .list-group-item-heading:last-child { margin-bottom: 0; }

.col-md-9 > .callout:first-child,
.tab-pane.panel-body > .callout:first-child { margin-top: 0; }

.nav-tabs { margin-top: -.4rem; }

.nav-tabs > li > a {
    border-color: #eee #eee #ddd;
    background-color: #f5f5f5;
    font-size: 1em;
    letter-spacing: -0.02em;
    padding: 1rem .8rem;
    margin: .4rem .3rem 0 0;
}

.navbar-default .navbar-nav > .disabled > a .caret,
.navbar-default .navbar-nav > .disabled > a:hover .caret,
.navbar-default .navbar-nav > .disabled > a:focus .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}

.dropdown-header,
.dropdown-menu > li > a { padding: .3rem 1.5rem; }

.dropdown-menu .dropdown-header {
    color: #7c7c7c;
    padding: .5rem 1.5rem;
}

.navbar-nav .open .dropdown-menu > li > a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.dropdown-menu > li > a .checkbox { margin: 0; }

.btn-block { /* auto line-break (avoid <brs> inside resource strings) */
    white-space: normal;
    padding-left: 1rem;
    padding-right: 1rem;
}

.table > tbody > tr.active > td { background-color: #FAFADA; }

.checkbox label,
.radio label,
.checkbox-inline label,
.radio-inline label {
    font-weight: normal;
    cursor: pointer;
}

.btn {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.btn-static {
    display: inline-block;
    padding: .6rem 1.2rem;
    margin-bottom: 0;
    line-height: 1.428571429;
    white-space: nowrap;
    vertical-align: middle;
    border: .1rem  solid transparent;
}

.btn-certisign {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-certisign:hover, 
.btn-certisign:focus, 
.btn-certisign:active, 
.btn-certisign.active, 
.open .dropdown-toggle.btn-certisign {
    background-color: #c75102;
    color:#ffffff;
}

.tooltip { z-index: 2000; }

td.tooltip-large-size .tooltip-inner { max-width: 100rem; }

.popover { z-index: 9999; }

.bootstrap-tagsinput {
    width: 100%;
    padding: .6rem 1.2rem;
}

.form-group .bootstrap-tagsinput { margin-bottom: 0; }

#content .navbar-inverse {
    background-color: #193867;
    border-color: #183354;
}

#content .navbar-inverse .navbar-toggle { border-color: #FFF; }

#content .navbar-inverse .navbar-toggle:hover,
#content .navbar-inverse .navbar-toggle:focus { background-color: transparent; }

.navbar-inverse .navbar-brand { color: #8C9CB3; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #ffffff; }

.navbar-inverse .navbar-text { color: #8C9CB3; }

.navbar-inverse .navbar-nav > li > a { color: #8C9CB3; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #224A88;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; }

.navbar-inverse .navbar-link { color: #8C9CB3; }

.navbar-inverse .navbar-link:hover { color: #ffffff; }

.popover-title {
    font-weight: normal !important;
    font-size: 1.4rem !important;
}

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

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

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.show-grid [class^="col-"] {
    background-color: rgba(86, 61, 124, .15);
    border: .1rem  solid rgba(86, 61, 124, .2);
}

a:hover, a:focus { color: #000; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'OpenSansLight', sans-serif; }

hr { border-top-color: #DADADA; }

.acoes-inbox hr { border-top-color: #c5c5c5; }

.panel-group { margin-bottom: 1rem; }

.panel.panel-group {
    border: 0;
    background-color: transparent;
}

.panel-body h3:first-child { margin-top: 0; }

.list-styled {
    padding-left: 0;
    list-style: none;
}

.list-styled li {
    position: relative;
    padding: 0 0 1rem 1.8rem;
    line-height: 1.8rem;
}

.list-styled li { background-image: none !important; }

.list-styled li:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f054";
    position: absolute;
    top: .2rem;
    left: .3rem;
    font-size: 1.1rem;
}

.document-list li { background-image: none !important; }

.document-list li:before {
    position: absolute;
    left: .1rem ;
    top: .1rem ;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f15b";
    font-size: 1.3rem;
}
    
    
	
.navbar-toggle { border-radius: .3rem; }

#header.navbar-default .navbar-toggle {
    padding: 1.4rem .6rem 0 .6rem;
    margin: .5rem 1rem 0 0;
    float: right;
    background-color: #fff;
    border-color: #002a4e;
    z-index: 99
}

#header.navbar-default .navbar-toggle .icon-bar {
    width: 1.2rem;
    background-color: #428bca;
}

#header.navbar-default .navbar-toggle .icon-bar + .icon-bar { margin-top: .2rem; }

#header.navbar-default .navbar-toggle:hover,
#header.navbar-default .navbar-toggle:focus {
    background-color: #FFF;
    outline: none;
}

#header .navbar-header { float: right; }

#header .navbar-default .navbar-nav > li > a:hover,
#header .navbar-default .navbar-nav > li > a:focus { color: #000; }


  

.navigation__checkbox {
    display: none; }

.navbar-toggle{
    border: none;
}

.navigation__icon {
    position: relative;
    margin-top: .5rem;
}

.navigation__icon, .navigation__icon::before, .navigation__icon::after {
    width: 3rem;
    height: .2rem;
    background-color: #333;
    display: inline-block; 
}

.navigation__icon::before, .navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s; 
}

.navigation__icon::before {
    top: -.8rem; 
}

.navigation__icon::after {
    top: .8rem; 
}

.navigation__checkbox:checked + .navbar-toggle .navigation__icon {
    background-color: transparent; 
}
  
.navigation__checkbox:checked + .navbar-toggle .navigation__icon::before {
    top: 0;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); 
}

.navigation__checkbox:checked + .navbar-toggle .navigation__icon::after {
    top: 0;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); 
}



/* IDIOMA */

#header .tools .flag > .dropdown-menu, #header .tools .help > .dropdown-menu {
    left: auto !important;
    top: 100%;
    margin-top: .5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#header .tools .flag .icon { background: url('images/flags_header_sprite.png') 0 0; }

#header .lang-pt-br { background-position: -1.9rem 0 !important; }

#header .lang-en-us { background-position: -3.8rem !important; }

#header .lang-es-pe { background-position: -15.2rem !important; }

#header .lang-es-es { background-position: -5.7rem !important; }

#header .lang-fr-fr { background-position: -7.6rem !important; }

#header .lang-it-it { background-position: -9.5rem !important; }

#header .lang-de-de { background-position: -11.4rem !important; }

#header .lang-nl-nl { background-position: -13.3rem !important; }

#header .lang-es-py { background-position: -17.1rem !important; }

#header .tools .flag a {
    width: 1.9rem;
    height: 1.9rem;
}

#header .tools .flag .dropdown-menu:before, 
#header .tools .help .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: .7rem solid transparent;
    border-right: .7rem solid transparent;
    border-bottom: .7rem solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -.7rem;
    right: .3rem;
}

#header .tools .flag .dropdown-menu:after, 
#header .tools .help .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-bottom: .6rem solid #ffffff;
    position: absolute;
    top: -.6rem;
    right: .4rem;
}

#header .tools .flag .dropdown-menu ul li { width: 100%; }

#header .tools .flag .dropdown-menu a {
    color: #333;
    display: block;
    clear: both;
    padding: .3rem 1rem;
    white-space: nowrap;
    width: 100%;
    height: auto;
    margin-right: 5rem;
}

#header .tools .flag .dropdown-menu a:before {
    content: '';
    background: url('images/flags_menu_sprite.png');
    display: block;
    float: left;
    width: 3rem;
    height: 2.2rem;
    margin: 0 .5rem 0 0;
}

#header .tools .flag .dropdown-menu a.pt-br:before { background-position: -3rem 0; }

#header .tools .flag .dropdown-menu a.en-us:before { background-position: -6rem 0; }

#header .tools .flag .dropdown-menu a.it-it:before { background-position: -15rem 0; }

#header .tools .flag .dropdown-menu a.es-pe:before { background-position: -24.1rem 0; }

#header .tools .flag .dropdown-menu a.es-es:before { background-position: -9rem 0; }

#header .tools .flag .dropdown-menu a.de-de:before { background-position: -18.1rem 0; }

#header .tools .flag .dropdown-menu a.fr-fr:before { background-position: -12rem 0; }

#header .tools .flag .dropdown-menu a.nl-nl:before { background-position: -21.1rem 0; }

#header .tools .flag .dropdown-menu a.es-py:before { background-position: -27.1rem 0; }

#header .tools .flag .dropdown-menu a:hover { text-decoration: none; }

.modal-header .tools, #useTerm .tools {
    float: right;
    margin: -2.6rem 2rem 0 0;
    display: none; /*ESCONDE O HTML DA FUNCIONALIDADE DE SELEÇÃO DE IDIOMAS*/
}

#useTerm .tools {
    float: right;
    margin: 0 0 1rem 0;
}

.modal-header .tools ul.dropdown-menu, #useTerm .tools ul.dropdown-menu { margin-top: 2.6rem; }

.modal-header .tools .flag .icon, #useTerm .tools .flag .icon { background: url('images/flags_header_sprite.png') 0 0; }

.modal-header .lang-pt-br, #useTerm .lang-pt-br { background-position: -1.9rem 0 !important; }

.modal-header .lang-en-us, #useTerm .lang-en-us { background-position: -3.8rem !important; }

.modal-header .lang-es-pe, #useTerm .lang-es-pe { background-position: -15.2rem !important; }

.modal-header .lang-es-es, #useTerm .lang-es-es { background-position: -5.7rem !important; }

.modal-header .lang-fr-fr, #useTerm .lang-fr-fr { background-position: -7.6rem !important; }

.modal-header .lang-it-it, #useTerm .lang-it-it { background-position: -9.5rem !important; }

.modal-header .lang-de-de, #useTerm .lang-de-de { background-position: -11.4rem !important; }

.modal-header .lang-nl-nl, #useTerm .lang-nl-nl { background-position: -13.3rem !important; }

.modal-header .lang-es-py, #useTerm .lang-es-py { background-position: -17.1rem !important; }

.modal-header .tools .flag a, #useTerm .tools .flag a {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
}

.modal-header .tools .flag a:before, #useTerm .tools .flag a:before, #useTerm .tools .flag a:before, #useTerm .tools .flag a:before { content: none; }

.modal-header .tools .flag .dropdown-menu:before, #useTerm .tools .flag .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: .7rem solid transparent;
    border-right: .7rem solid transparent;
    border-bottom: .7rem solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -.7rem;
    right: .3rem;
}

.modal-header .tools .flag .dropdown-menu:after, #useTerm .tools .flag .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: .6rem solid transparent;
    border-right: 6rem solid transparent;
    border-bottom: 6rem solid #ffffff;
    position: absolute;
    top: -6rem;
    right: .4rem;
}

.modal-header .tools .flag .dropdown-menu ul li, #useTerm .tools .flag .dropdown-menu ul li { width: 100%; }

.modal-header .tools .flag .dropdown-menu a, #useTerm .tools .flag .dropdown-menu a {
    background: none !important;
    color: #333 !important;
    display: block;
    clear: both;
    padding: .3rem 1rem;
    white-space: nowrap;
    width: 100%;
    height: auto;
    margin-right: 5rem;
}

.modal-header .tools .flag .dropdown-menu a:before, #useTerm .tools .flag .dropdown-menu a:before {
    content: '';
    background: url('images/flags_menu_sprite.png');
    display: block;
    float: left;
    width: 3rem;
    height: 2.2rem;
    margin: 0 .5rem 0 0;
}

.modal-header .tools .flag .dropdown-menu a.pt-br:before, #useTerm .tools .flag .dropdown-menu a.pt-br:before { background-position: -3rem 0; }

.modal-header .tools .flag .dropdown-menu a.en-us:before, #useTerm .tools .flag .dropdown-menu a.en-us:before { background-position: -6rem 0; }

.modal-header .tools .flag .dropdown-menu a.it-it:before, #useTerm .tools .flag .dropdown-menu a.it-it:before { background-position: -15rem 0; }

.modal-header .tools .flag .dropdown-menu a.es-pe:before, #useTerm .tools .flag .dropdown-menu a.es-pe:before { background-position: -24.1rem 0; }

.modal-header .tools .flag .dropdown-menu a.es-es:before, #useTerm .tools .flag .dropdown-menu a.es-es:before { background-position: -9rem 0; }

.modal-header .tools .flag .dropdown-menu a.de-de:before, #useTerm .tools .flag .dropdown-menu a.de-de:before { background-position: -18.1rem 0; }

.modal-header .tools .flag .dropdown-menu a.fr-fr:before, #useTerm .tools .flag .dropdown-menu a.fr-fr:before { background-position: -12rem 0; }

.modal-header .tools .flag .dropdown-menu a.nl-nl:before, #useTerm .tools .flag .dropdown-menu a.nl-nl:before { background-position: -21.1rem 0; }

.modal-header .tools .flag .dropdown-menu a.es-py:before, #useTerm .tools .flag .dropdown-menu a.es-py:before { background-position: -27.1rem 0; }

.modal-header .tools .flag .dropdown-menu a:hover, #useTerm .tools .flag .dropdown-menu a:hover {
    text-decoration: none !important;
    background: #f5f5f5 !important;
}



/* Boostrap 3 horizontal scroll bug */

.row {
    /*margin-left: 0;
    margin-right: 0;*/
}

#progressIndicator {
    width: 100%;
    height: 100%;
    z-index: 9000;
    padding: 0;
    margin: 0;
    background-color: grey;
    opacity: 0.5;
    position: fixed;
    top: 0;
    overflow: hidden;
}

.loadingBackground { background: url('images/spiffygif_52x52.gif') 32rem 20rem no-repeat; }

.progress { height: 1.5rem; }

#content .breadcrumb { background-color: #002a4e; }

#content .breadcrumb a.enabled {
    color: #fff;
    cursor: pointer;
}

#content .breadcrumb a.disabled {
    color: #ccc;
    cursor: default;
    text-decoration: none;
}

#content .breadcrumb li span { padding-right: .4rem; }

#content .breadcrumb li span:after { content: "."; }

.dropdown.full-width .dropdown-menu { min-width: 100%; }

.panel-light { border-color: #dddddd; }

.panel-light > .panel-heading {
    color: #333333;
    background-color: transparent;
    border-color: #dddddd;
}

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

.panel-light > .panel-heading > .dropdown .caret { border-color: #333333 transparent; }

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

.dropdown-menu .dropdown-content { padding: .6rem 1.5rem 1.5rem 1.5rem; }

.dropdown-menu .dropdown-content > .form-group:last-child { margin-bottom: 0 !important; }

.dropdown-menu .dropdown-content > .form-group:last-child .form-control:last-child { margin-bottom: 0 !important; }

.dropdown-menu .dropdown-footer { padding: 1.5rem; }

.dropdown-menu .dropdown-footer {
    border-top: .1rem  solid #e5e5e5;
    background-color: #F5F5F5;
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    margin-bottom: -.5rem;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 2.4rem;
    padding: .3rem .6rem;
    font-size: 1.1rem;
    line-height: 1.4;
    border-radius: .2rem;
}

select.input-group-xs > .form-control,
select.input-group-xs > .input-group-addon,
select.input-group-xs > .input-group-btn > .btn {
    height: 2.4rem;
    line-height: 2.4rem;
}

textarea.input-group-xs > .form-control,
textarea.input-group-xs > .input-group-addon,
textarea.input-group-xs > .input-group-btn > .btn { height: auto; }

.input-group-addon.clean {
    border: 0;
    background: transparent;
}

.table-sm,
.table-sm th,
.table-sm td {
    font-size: 1.2rem;
    word-break: break-all;
    word-wrap: break-word;
}

.no-break,
.no-break th,
.no-break td {
    word-break: initial;
    word-wrap: initial;
}

/* GENERAL FONT STYLING */

.no-wrap {
    word-break: keep-all;
    white-space: nowrap;
}

p.error {
    font-size: 1.2rem;
    color: red;
    padding-top: .6rem;
}

#content h2 {
    font-size: 2rem;
    color: #002a4e;
}

#content h3 {
    font-size: 1.8rem;
    color: #002a4e;
    margin-bottom: 2rem;
    line-height: 2.5rem;
}

.tooltip-button {
    cursor: pointer;
    margin-top: .7rem;
    margin-left: 1rem;
}

#content h3.tooltip-button {
    margin-bottom: 0;
}

.panel-group.accordion-inbox .panel-heading .pages .btn-default.btn-select:active, .btn-default.btn-select.active {
    background-color: #428bca;
    border-color: #0d6cbd;
}

#content h4 {
    font-size: 1.4rem;
    color: #7c7c7c;
}

#content .modal h4 {
    font-size: 1.8rem;
}

/* JQUERY PNOTIFY - GENERAL */

.ui-pnotify-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.ui-pnotify.stack-bar-top {
    margin-left: 25%;
    right: auto;
    bottom: auto;
    top: 2rem;
    left: 0;
}

.ui-pnotify.stack-bar-topright { top: 2rem; }

.ui-pnotify .ui-pnotify-icon {
    position: absolute;
    left: 1.2rem;
    top: 1.2rem;
}

.ui-pnotify .ui-pnotify-text { padding-left: 2.2rem; }


/* JQUERY PNOTIFY - ALERTS */

.ui-pnotify.stack-bar-topright .ui-pnotify-container { border-left-width: 3rem; }

.ui-pnotify.stack-bar-topright .ui-pnotify-title { padding-bottom: 1rem; }

.ui-pnotify.stack-bar-topright .ui-pnotify-icon {
    padding: 0;
    margin: 0;
    float: none;
    color: #fff;
    left: -2.8rem;
    top: .9rem;
    text-align: center;
}

.ui-pnotify.stack-bar-topright .ui-pnotify-text { padding-left: 0; }

.ui-pnotify.stack-bar-topright .ui-pnotify-action-bar {
    border-top: .1rem  solid #e6e6e6;
    margin-top: 1rem !important;
    text-align: center !important;
}

.ui-pnotify.stack-bar-topright .ui-pnotify-icon span {
    margin: 0;
    float: none;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.8rem;
}

.ui-pnotify.stack-bar-topright .alert-info {
    color: #333;
    border-color: #56B8E8;
    background-color: #fff;
    background-image: none;
}

.ui-pnotify.stack-bar-topright .alert-success {
    color: #333;
    border-color: #87ca88;
    background-color: #fff;
    background-image: none;
}

.ui-pnotify .alert-warning {
    color: #BB7E14;
    background-color: #FFF3B2;
    background-image: none;
    border-color: #ffd98c;
}

.ui-pnotify.stack-bar-topright .alert-warning .ui-pnotify-icon { color: #BB7E14; }

.ui-pnotify .alert-info {
    color: #fff;
    background-color: #56B8E8;
    background-image: none;
}

.ui-pnotify.stack-bar-topright .alert-warning {
    color: #333;
    background-color: #fff;
    border-color: #fbe384;
    background-image: none;
}

.ui-pnotify .alert-danger {
    color: #fff;
    background-color: #C3161C;
    background-image: none;
}

.ui-pnotify .alert-success {
    color: #fff;
    background-color: #468847;
    background-image: none;
}

.modal-body .well:last-child,
.modal-body > .form-group:last-child { margin-bottom: 0; }

/* HEADER */
#header {
    border-bottom: .5rem solid #f68515;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #fff;
    margin-bottom: 0;
    z-index:1000;
}

#header .logo {
    width: 19.4rem;
    height: 7.4rem;
    background: transparent url(images/img_logoportal.png) no-repeat 0 0;
    top: 3.2rem;
    left: 1.5rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

#header .container {
    height:  12.8rem;
    position: relative;
    background: no-repeat;
}

#header .icon-user {
    display: none;
    position: absolute;
    top: .4rem;
    width:  3.5rem;
    height:  3.5rem;
    display: block;
    overflow: hidden;
    color: #fff;
}

#header .icon-user:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f007";
    font-weight: 300;
    font-size: 3rem;
}

/* MAIN  MENU*/

#header .main-menu {
    position: absolute;
    top: 5.4rem;
    left: 25rem;
    text-transform: uppercase;
}

#header .navbar-collapse {
    min-height:  3.5rem;
    float: right;
    padding-right: 0;
}

.main-menu.navbar-nav > li > a {
    color: #7c7c7c;
    font-size: 1.2rem;
}

.meusDocumentos > a, .meusDocumentos > ul > li > a, .meusDocumentos > div > span {
    color: #002a4e;
    text-decoration: none;
    background-color: white !important;
    display: block;
}

.meusDocumentos {
    display: table;
    padding: 0 1.1rem 0 3rem;
}

.meusDocumentos > .dropdown-toggle {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1rem;
}

.meusDocumentos > ul > li > a { padding: 0 3rem 0 3rem; }

.home-page .main-menu.navbar-nav > li > a {
    line-height: 1.8rem;
    padding: 1.8rem 1rem 1.2rem 1rem;
}

.content-page .main-menu.navbar-nav > li > a { padding: 1rem 2.5rem 0 2.5rem; }

.main-menu li { border-left: none; }

.main-menu li:first-child { border-left: 0; }

.home-page .main-menu .item0 a { width: 10rem; }

.home-page .main-menu .item1 a { width: 11rem; }

.home-page .main-menu .item2 a { width: 14rem; }

.home-page .main-menu .item3 a { width: 8rem; }

.home-page .main-menu .item4 a { width: 12.4rem; }

.home-page .main-menu .item5 a { width: 9rem; }

.content-page .main-menu a:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    display: block;
    text-align: center;
    font-size: 2.5rem;
    padding-bottom: 1rem;
    color: #002a4e;
}

.content-page .main-menu .dashboard a:before {
    content: "\f015";
    font-size: 2.8rem;
}

.content-page .main-menu .inbox-transactions a:before {
    content: "\f07c";
    font-size: 2.5rem;
}

.content-page .main-menu .create-new a:before {
    content: "\f055";
    font-size: 2.8rem;
}

.content-page .main-menu .buy-credits a:before {
    content: "\f07a";
    font-size: 2.8rem;
}

.content-page .main-menu .verify-document a:before {
    content: "\f002";
    font-size: 2.4rem;
}

#header .top-menu { margin: 1.5rem 0 0 0; }

#header .top-menu > li > a {
    text-decoration: none;
    font-size: 1.2rem;
    font-family: 'OpenSans', sans-serif;
    background: transparent;
}

.top-menu > li {
    border-left: .1rem  solid #002a4e;
    height: 1rem;
    position: relative;
}

.navbar-default .top-menu.navbar-nav > .item0 { border-left: 0; }

.navbar-default .top-menu.navbar-nav > .item0 a { color: #002a4e }

.navbar-default .top-menu.navbar-nav > .item1 a { color: #f68515 }

.navbar-default .top-menu.navbar-nav > .item0 i.fa-user, .navbar-default .top-menu.navbar-nav > .item0 i.fa-user-circle {
    font-size: 1.8rem;
    position: absolute;
    left: -1.8rem;
    top: 0;
}

.navbar-default .top-menu.navbar-nav > .item0 a:before { display: none; }

.navbar-default .top-menu.navbar-nav > .item0 a .fa-caret-down { display: none; }

.navbar-default .top-menu.navbar-nav > .item1 i { display: none; }

.navbar-default .top-menu.navbar-nav > .item2 a { color: #db822d; }

.navbar-default .top-menu.navbar-nav > .item2 i { display: none; }

.navbar-default .top-menu.navbar-nav > li a:hover { text-decoration: underline; }

.top-menu.navbar-nav .dropdown-menu { margin-top: 2rem; }

.top-menu.navbar-nav .dropdown-menu li { height: auto; }

.top-menu.navbar-nav .dropdown-menu a {
    color: #333 !important;
    display: block;
    clear: both;
    padding: .3rem 2rem;
    white-space: nowrap;
}

.top-menu.navbar-nav .dropdown-menu a:hover {
    text-decoration: none !important;
    background: #f5f5f5 !important;
}

.top-menu.navbar-nav .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: .7rem solid transparent;
    border-right: .7rem solid transparent;
    border-bottom: .7rem solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -.7rem;
    right: .9rem;
}

.top-menu.navbar-nav .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-bottom: .6rem solid #ffffff;
    position: absolute;
    top: -.6rem;
    right: 1rem;
}

.config > .dropdown-menu {
    left: auto !important;
    top: 100%;
    margin-top: .5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.config .dropdown-menu { border-radius: .4rem !important; }

.config > .dropdown-menu .fal { margin-right: .3rem; }

#header .tools { margin: 0; }

#header .tools .config .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: .7rem solid transparent;
    border-right: .7rem solid transparent;
    border-bottom: .7rem solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -.7rem;
    right: .3rem;
}

#header .tools .config .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-bottom: .6rem solid #ffffff;
    position: absolute;
    top: -.6rem;
    right: .4rem;
}

#header .tools .config .dropdown-menu .dropdown-menu:before,
#header .tools .config .dropdown-menu .dropdown-menu:after {
    content: none;
    display: none;
}

#header .certisign {
    position: absolute;
    top: 4.2rem;
    right: 2rem;
    width: 19.3rem;
    height: 7.4rem;
    background: transparent url(images/img_logocertisign.png) no-repeat 0 0;
    display: block;
    text-indent: -9999px;
}

/* LOGIN */

.certificados {
    padding-bottom: 2rem;
    background-color: #F6F6F6;
}

.dificuldades .spr-icons {
    display: block;
    width: 10rem;
    height: 10rem;
    background-position: 1.4rem -43.2rem;
    margin: 0 auto;
}

.media-token {
    background: transparent url(images/img_cartoes_token.png) no-repeat 0 -3rem;
    width: 30.4rem;
    height: 25.2rem;
    margin: 0 auto;
    display: block;
}

.password-toggle [type=password] + .input-group-btn a:before {
    content: "\f06e";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

.password-toggle [type=text] + .input-group-btn a:before {
    content: "\f070";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

/* CONTENT AREA */

#content { padding: 2rem 0 3rem 0; }

/* HOME - CONTENT STRIP */

.home-page #content .content-strip .container > h1 {
    color: #002a4e;
    margin: 0 0 1.5rem 0;
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-family: 'OpenSansLight';
    font-weight: 300;
}

.home-page #content .content-strip h2 {
    color: #002a4e;
    margin: 0 0 3rem 0;
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    word-spacing: .4rem;
    letter-spacing: .1rem;
    font-family: 'OpenSansLight';
    font-weight: 300;
}

.home-page #content .content-strip .container > h1 strong {
    border: none;
    font-weight: normal;
}

#content .content-strip { padding: 2.5rem 0; }

.content-strip p.description { margin-bottom: 2rem; }

.content-strip h2 strong {
    border: none;
    font-family: 'OpenSansLight';
    font-weight: 300;
}

/* LANDING - BEM VINDO */

#landing-bemvindo {
    margin-top: -2rem;
    margin-bottom: -3rem;
    padding-top: 2rem;
    background-color: #e7e7e7;
    background-image: url(images/img_certisign_lg.png);
    background-repeat: no-repeat;
    background-position: 143.5rem -2.4rem;
}

#landing-bemvindo .video {
    width: 100%;
    height: auto;
    background-color: black;
}

/* HOME - SINGLE STRIPS */

.simple-home {
    margin-top: -2rem;
    margin-bottom: -3rem;
}

.simple-home #highlight { margin-top: 0 !important; }

/* HOME - HIGHLIGHT */

#highlight {
    background-color: #002a4e;
    background-repeat: no-repeat;
}

#content #highlight {
    margin-top: -2rem;
    padding-top: 0;
    color: #fff;
}

#content #highlight:last-child { 
    margin-bottom: -3rem;
    padding-top: 2rem;
}

#highlight .container { padding-top: 3rem; }

#content #highlight h2 {
    width: 37.5rem;
    height: 15.3rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    color: white;
    background: transparent url(images/tit_assinedocumentos_pt.png) no-repeat 0 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    padding: 0 0 1rem 0;
    margin: 0 0 2rem 0;        
}

    #content #highlight h2.assine {
        width: 100%;
        padding: 0;
        font-size: 3.6rem;
        text-align: left;
        line-height: 4rem;
    }

#highlight h2 strong { border-bottom-color: #E78D1D; }

#content #highlight .circle {
    background: #ff6600;
    width: 7rem;
    height: 7rem;
    display: block;
    margin: 0 auto 1.5rem auto;
    border-radius: 7rem;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#content #highlight .circle:hover{
    background-color:#c75102;
}

#content #highlight .circle i {
    color: #fff;
    font-size: 3.6rem;
    margin-top: 1.2rem;
}

#content #highlight .circle i.cs-certisign-raw { font-size: 6rem; }

#content #highlight .circle i.fal.fa-file-signature { margin-left: 1rem; }

#content #highlight h1.advogados {
    width: 47.6rem;
    height: 14.3rem;
    background: transparent url(images/tit_assinedocumentos_advogados.png) no-repeat 0 0;
    margin: 0 0 2rem 2.5rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 1rem 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
}

#content #highlight h1.condominios {
    width: 39.3rem;
    height: 19.5rem;
    background: transparent url(images/tit_assinedocumentos_condominios.png) no-repeat 0 0;
    margin: 0 0 2rem 6rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 1rem 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
}

#content #highlight h1.construtores {
    width: 39.3rem;
    height: 19.5rem;
    background: transparent url(images/tit_assinedocumentos_construtores.png) no-repeat 0 0;
    margin: 0 0 2rem 6rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 1rem 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
}

#content #highlight h1.saude {
    width: 39.3rem;
    height: 19.5rem;
    background: transparent url(images/tit_assinedocumentos_saude.png) no-repeat 0 0;
    margin: 0 0 2rem 6rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 1rem 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
}

#content #highlight h1.empresas {
    width: 39.3rem;
    height: 19.5rem;
    background: transparent url(images/tit_assinedocumentos_empresas.png) no-repeat 0 0;
    margin: 0 0 2rem 6rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0 0 1rem 0;
    -webkit-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -moz-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -ms-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    -o-filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
    filter: drop-shadow(0 .2rem .2rem rgba(0, 0, 0, .6));
}

#content #highlight h1 {
    color: #fff;
    font-size: 4.6rem;
    word-spacing: .4rem;
    letter-spacing: .1rem;
    font-family: 'OpenSansLight';
    font-weight: 300;
    text-transform: uppercase;
    -webkit-animation-name: moveInLeft;
    animation-name: moveInLeft;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

#content #highlight .col-md-6.col-sm-8 h1{
    text-transform:inherit;
}

#content #highlight h2 {
    background-image: none;
    text-indent: inherit;
    width: auto;
    height: auto;
    font-size: 1.6rem;
    letter-spacing: normal;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    padding: 0 0 1rem 0;
    -webkit-animation: moveInRight 3s ease-out;
    animation: moveInRight 3s ease-out;
}

#content #highlight h4 {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}

#highlight div.description {
    color: #fff;
    font-size: 1.4rem;
}

#highlight .video {
    width: 90%;
    height: auto;
    border: 1.1rem solid white;
    background-color: black;
    -webkit-box-shadow: inset 0 .1rem  0 rgba(255, 255, 255, 0.35), 0 .4rem 1rem rgba(0, 0, 0, 0.505);
    box-shadow: inset 0 .1rem  0 rgba(255, 255, 255, 0.35), 0 .4rem 1rem rgba(0, 0, 0, 0.505);
    float: right;
}

#highlight .btn { margin: 3rem 0 0 0; }

#highlight #validade-juridica {
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

/*HOME - ABOUT US*/

#aboutUS .well {
    margin-top: 3rem;
    margin-bottom: 0;
}

#aboutUS .well p { color: #002a4e; }

/*HOME - FEATURES*/

#features .panel-default {
    margin-top: -.1rem ;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

#features .nav-tabs > li > a {
    color: #7c7c7c;
    padding: 1.2rem 1.4rem 1.2rem 1.4rem;
}

#features .nav-tabs > li > a i {
    font-size: 3.8rem;
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}

#features .nav-tabs > li > a span {
    display: block;
    width: 9.2rem;
    height: 2.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
}

#features .nav-tabs > li > a:hover i, #features .nav-tabs li.active > a i { color: #ff6600; }

#features .tab-content h3 {
    font-weight: bold;
    text-transform: uppercase;
}

/* HOME - HOW */
.home-page #content #how h2 { text-align: center; }

#how h2 strong { border-bottom-color: #E78D1D; }

#how .item h3 {
    font-size: 2rem;
    color: #002a4e;
}

#how .item p {
    font-size: 1.2rem;
    text-align: left;
}

#how .item .icon {
    width: 10rem;
    height: 10rem;
    margin-left: -5rem;
    display: block;
    overflow: hidden;
    position: relative;
    left: 50%;
    background-color: #428bca;
    border-radius: 1.6rem;
    color: #fff
}

#how .item .icon:before {
    display: block;
    line-height: 9.4rem;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    text-align: center;
    font-weight: 900;
}

#how .step1 .icon:before {
    content: "\f09d";
    font-size: 6rem;            
}

#how .step2 .icon:before {
    content: "\f064";
    font-size: 3.6rem;
}

#how .step3 .icon:before {
    content: "\f0c0";
    font-size: 6rem;
}

#how .step4 .icon:before {
    content: "\f044";
    font-size: 7rem;
}

#how .step5 .icon:before {
    content: "\f15c";
    font-size: 6rem;
}

#how .item hr {
    border-top: .2rem dotted #002a4e;
    margin: .5rem 0 1rem 0;
}

/* HOME - USEFUL */

#useful {
    background: #f68515 url(images/bg_useful.png) repeat-y 50% -6rem;
    color: #fff;
}

.home-page #content #useful h2 {
    text-align: center;
    color: #fff;
}

#useful h2 strong { border-bottom-color: #A99577; }

#useful .item h3 {
    font-size: 1.8rem;
    margin-top: 1rem;
    color: #fff;
}

#useful .item p {
    font-size: 1.2rem;
    color: #fff;
}

#useful .item .icon {
    width: 10rem;
    height: 10rem;
    line-height: 9rem;
    margin-left: -5rem;
    display: block;
    overflow: hidden;
    position: relative;
    left: 50%;
    border-radius: 1.6rem;
    color: #fff;
}

#useful .item .icon:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 6.5rem;
    font-weight: 900;
}

#useful .type1 .icon:before { content: "\f007"; }

#useful .type2 .icon:before { content: "\f0e3"; }

#useful .type3 .icon:before { content: "\f19d"; }

#useful .type4 .icon:before { content: "\f0f0"; }

#useful .item hr {
    border-top: .2rem solid #fff;
    margin: .5rem 0 1rem 0;
}

/* HOME - benefits */

.home-page #content #benefits h2 { text-align: center; }

#benefits h2 strong { border-bottom-color: #e88e1e; }

#benefits p.description { color: #002a4e; }

#benefits p.subdescription {
    color: #002a4e;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: -.1rem ;
    padding: 1.5rem 0;
}

#benefits p.subdescription span { border-bottom: .5rem solid #e88e1e; }

#benefits .item { text-align: left; }

#benefits .row { margin-bottom: 2rem; }

#benefits .item h3 {
    color: #002a4e;
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: bold;
}

#benefits .item p {
    font-size: 1.4rem;
}

#benefits .item hr {
    border-top: .1rem  solid #ccc;
    margin: .5rem 0 1rem 0;
}

#benefits .icon {
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    border: .4rem solid #f68515;
    float: left;
    clear: both;
    margin: 0 1rem 6.5rem 0;
    text-align: center;
}

#benefits .icon i {
    color: #002a4e;
    font-size: 4.2rem;
    margin-top: 1rem;
}

/* HOME - WHO */

#who { background-color: #F4F5F8; }

#content #who h2 {
    text-align: left;
    font-size: 2.5rem;
    letter-spacing: -.1rem ;
}

#who .item { }

#who .item .video {
    width: 100%;
    height: auto;
    background-color: #58618A;
}

#who .item .caption {
    margin-top: 1rem;
    color: #002a4e;
    font-size: 1.4rem;
}

#who .item .source {
    color: #002a4e;
    font-size: 1.4rem;
}

/* HOME - PRICING */

#pricing { background-color: #ddd; }

#content .container #pricing {
    background: none;
    padding: 0;
}

#content #pricing h2, #content #faq h2, #content #infoPlan h2, #content #anotherPlan h2 {
    color: #002a4e;
    margin: 1.5rem 0;
    font-size: 3.6rem;
    text-align: center;
}

#content #infoPlan i {
    color: #ff6600;
}

#content #anotherPlan .alert.bonus {
    border-color: #cccccc;
    font-weight: 300;
    width: 80%;
    margin: 0 auto 2rem auto;
    line-height: 4.4rem;
}

#content #pricing h2 strong {
    font-weight: normal;
}

#pricing .card {
    border-radius: 1.6rem;
    text-align: center;
    color: #FFF;
    margin: 0 0 1.5rem 0;
}

#pricing .card .top {
    font-weight: bold;
    font-size: 2rem;
    padding: .7rem 0;
}

#pricing .card .middle {
    background-color: #FFF;
    font-size: 2rem;
    padding: .4rem 0;
}

#pricing .card .bottom {
    font-size: 1.6rem;
    padding: .7rem 0;
}

#pricing .item1 { background-color: #73654a; }

#pricing .item1 .middle { color: #73654a; }

#pricing .item2 { background-color: #002a4e; }

#pricing .item2 .middle { color: #002a4e; }

#pricing .item3 { background-color: #bfaf8b; }

#pricing .item3 .middle { color: #bfaf8b; }

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2rem;
}
    

.container-fluid .panel {
    width: 100%;
    height: 100%;
}

.container-fluid .plano {
    border-radius: .4rem;
    border-width: .2rem;
}

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

.container-fluid .plano .panel-heading {
    background-color: transparent;
    border-color: transparent;
}

.container-fluid .panel-heading {
    font-size: 2rem;
    text-align: center;
}

.container-fluid .panel-default > .panel-heading { color: #333333; }

.container-fluid .panel-info > .panel-heading { color: #3a87ad; }

.container-fluid .panel-primary > .panel-heading { color: #428bca; }

.container-fluid .panel-warning > .panel-heading { color: #c09853; }

.container-fluid .panel-body #content h3 {
    font-size: 1.8rem;
    color: #002a4e;
    margin-bottom: 2rem;
}

.container-fluid .panel-body .lead span.cost {
    display: block;
    font-size: 8rem;
    font-weight: bold;
}

.container-fluid .panel-body .lead span.cost {
    display: block;
    font-size: 4.2rem;
    font-weight: bold;
    color: #002a4e;
}

.container-fluid .panel-success .panel-body .lead span.cost { color: #468847; }

.container-fluid .panel-body h4 {
    font-size: 1.3rem;
    margin-top: 2rem;
}

.container-fluid .panel-body .lead {
    text-align: center;
    margin-bottom: 1.5rem;
}

.container-fluid .panel-body .lead span.cost sup {
    font-size: 1.5rem;
    top: -1.5em;
}

.container-fluid .panel-body .lead span.cost small {
    font-size: 1.4rem !important;
    display: block;
    position: relative;
    font-weight: normal;
}

.container-fluid .panel-body .leadYear {
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    color: #002a4e;
}

.container-fluid .panel-body .leadYear span.cost { font-size: 100%; }

.container-fluid .panel-body .leadYear span.cost sup {
    font-size: 1.4rem;
    top: 0;
}

.container-fluid .panel-body .leadYear span.cost small { font-size: 1.4rem !important; }

.container-fluid .panel-body .desconto {
    text-align: center;
    color: #3a87ad;
}

.container-fluid .panel-body .description { font-size: 1.3rem; }

.container-fluid .panel-body .description ul {
    list-style-type: none;
    padding: 0;
}

.container-fluid .panel-body .description ul li {
    position: relative;
    padding: .2rem .5rem 1.5rem 3.2rem;
    line-height: 1.6rem;
}

.container-fluid .panel-body .description ul li:last-child { padding-bottom: .5rem; }

.container-fluid .panel-body .description ul li i {
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #428bca;
}

.container-fluid .panel-success .panel-body .description ul li i { color: #468847; }

.container-fluid .panel-body span { font-size: 70%; }

.container-fluid .panel-footer {
    background-color: transparent;
    border-top: none;
}

.container-fluid .panel-success .panel-footer .btn {
    border-color: #d6e9c6;
    color: #468847;
    font-weight: bold;
    opacity: initial;
}

.container-fluid .hoverable {
    cursor: default;
    text-decoration: none;
    position: relative;
    display: block;
}

.container-fluid .hoverable .hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.container-fluid .hoverable .hover, .container-fluid .hoverable .normal {
    transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    margin-bottom: 6rem;
}

.container-fluid .hoverable:hover .normal { opacity: 0; }

.container-fluid .hoverable:hover .hover { opacity: 1; }

.container-fluid .hoverable .hover .mini-divider {
    background-color: #002a4e;
    height: .2rem;
    margin: .5rem auto;
    width: 2.6rem;
}

.container-fluid .hoverable .hover .billing-cycle {
    font-size: 1.5rem;
    color: #002a4e;
}

#content #pricing .clube-vantagens h2 { text-align: left; }

#content #pricing .clube-vantagens .col-md-8 { padding-top: 3rem; }

#content #pricing .clube-vantagens img {
    position: relative;
    bottom: -3rem;
}

/* HOME - VERIFIER */

.content-page #verifier > .container { padding: 0; }

.home-page #content #verifier h2 { text-align: center; }

#verifier .icon {
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    border: .4rem solid #002a4e;
    float: left;
    clear: both;
    margin: 0 1rem 6rem 0;
    text-align: center;
}

#verifier .icon i {
    color: #002a4e;
    font-size: 4.2rem;
    margin-top: 1rem;
}

.verifier-circle {
    border-radius: 50%;
    width: 18rem;
    height: 18rem;
    float: left;
    clear: both;
    margin: 0 1rem 6rem 0;
    text-align: center;
    border: .8rem solid #002a4e;
}

.verifier-circle i {
    font-size: 10.5rem;
    margin-top: 2.5rem;
    color: #002a4e;
}

.verifier-circle:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f002";
    font-weight: 300;
    font-size: 4.5rem;
    position: absolute;
    margin: 7.5rem 0 0 -2rem;
    color: #002a4e;
    text-shadow: .2rem 0 0 #fff, -.2rem 0 0 #fff, 0 .2rem 0 #fff, 0 -.2rem 0 #fff, .1rem  .1rem  #fff, -.1rem  -.1rem  0 #fff, .1rem  -.1rem  0 #fff, -.1rem  .1rem  0 #fff;
    font-weight: 900;
}

/* HOME - QUESTIONS */

#questions {
    background: #eee;
    margin-bottom: -3rem;
}

#content #questions h2 {
    text-align: left;
    font-size: 2.5rem;
    letter-spacing: -.1rem ;
}

#questions .item a {
    display: block;
    background-color: #f3f5f7;
    text-align: center;
    padding: 2rem 0;
    margin: 0 0 1.5rem 0;
}

#questions .item { position: relative; }

#questions .icon {
    width: 7rem;
    height: 7rem;
    margin-left: - 3.5rem;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: -5rem;
    left: 50%;
    background-image: url(images/spr_icons.png);
    z-index: 1;
}

#questions .question1 .icon { background-position: .2rem -44.5rem; }

#questions .question2 .icon { background-position: -14.3rem -44.5rem; }

.welcome {
    color: #002a4e;
    margin: 0 0 1.5rem 0;
    font-size: 3.2rem;
    line-height: 3.2rem;
}

.welcome strong {
    border-bottom: none;
    font-weight: 300;
}

/* WIDGETS */
.widget .panel-heading, .widget-behavior .panel-heading {
    position: relative;
    cursor: pointer;
}

.etapa .panel-heading { cursor: default; }

.widget .panel-heading.hover .panel-title,
.widget-behavior .panel-heading.hover .panel-title { text-decoration: underline; }

.widget h5 {
    color: #678BA9;
    font-size: 1.6rem;
}

.widget.panel .widget-close,
.widget-behavior.panel .widget-close {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: .7rem;
    right: .7rem;
    cursor: pointer;
    z-index: 10;
    background: #999 none !important;
    border-radius: .3rem;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    text-decoration: none;
}

.widget-behavior.panel .widget-close {
    position: relative;
    top: 0;
    right: 0;
}

.widget.panel .widget-close:before, .widget-behavior.panel .widget-close:before,
.panel-group > .panel.toggle > .panel-heading .widget-close:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    height: 2.4rem;
    width: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    font-size: 1.2rem;
    text-indent: 0;
    content: "\f078";
    display: block;
    color: #fff;
}

.widget.panel.toggle > .panel-heading .widget-close:before,
.widget-behavior.panel.toggle > .panel-heading .widget-close:before,
.panel-group > .panel > .panel-heading .widget-close:before { content: "\f077"; }

#accordion-documentos .panel-default.panel .panel-heading.status.status-documents .collapsed.widget-close:before { content: "\f077"; }

#accordion-documentos .panel-default.panel .panel-heading.status.status-documents .widget-close:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    height: 2.4rem;
    width: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    font-size: 1.2rem;
    text-indent: 0;
    content: "\f078";
    display: block;
    color: #fff;
}

#content .widget > .panel-heading .panel-title { width: 95%; }

.widget.panel .panel { margin-bottom: 1rem; }

.widget .panel:last-child { margin-bottom: 0; }

.widget hr { margin: 1rem 0; }

.panel .documento:last-child hr { margin: 1rem 0 0 0; }

.widget > .panel-heading {
    border-radius: .3rem;
    border-bottom: 0 !important;
    background: #F1F3F5;
    padding: 1.2rem 1.5rem;
}

.widget .panel .panel-title {
    font-size: 1.4rem;
    color: #576B7B;
    position: relative;
}

.widget .panel-body .btn { /* margin-bottom: 1rem; */ }

/* WIDGET COLORS */

.color3.panel.toggle > .panel-heading .widget-close,
.color4.panel.toggle > .panel-heading .widget-close,
.color5.panel.toggle > .panel-heading .widget-close,
.color6.panel.toggle > .panel-heading .widget-close,
.color7.panel.toggle > .panel-heading .widget-close { background-position: 0 -4rem; }

#content .widget.color1 > .panel-heading {
    background: #ADB1CB;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color1 > .panel-heading h4.panel-title,
#content .widget.color1 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color2 > .panel-heading {
    background: #002a4e;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color2 > .panel-heading h4.panel-title,
#content .widget.color2 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color3 > .panel-heading {
    background: #7c7c7c;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color3 > .panel-heading h4.panel-title,
#content .widget.color3 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color3 > .panel-heading .widget-close { background-position: -4rem -4rem; }

#content .widget.color4 > .panel-heading {
    background: #736549;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color4 > .panel-heading h4.panel-title,
#content .widget.color4 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color4 > .panel-heading .widget-close { background-position: -4rem -4rem; }

#content .widget.color5 > .panel-heading {
    background: #8F8F93;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color5 > .panel-heading h4.panel-title,
#content .widget.color5 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color5 > .panel-heading .widget-close { background-position: -4rem -4rem; }

#content .widget.color6 > .panel-heading {
    background: #3D4B53;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color6 > .panel-heading h4.panel-title,
#content .widget.color6 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color6 > .panel-heading .widget-close { background-position: -4rem -4rem; }

#content .widget.color7 > .panel-heading {
    background: #676B6D;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color7 > .panel-heading h4.panel-title,
#content .widget.color7 > .panel-heading h4.panel-title * { color: #FFF; }

#content .widget.color7 > .panel-heading .widget-close { background-position: 0 -4rem; }

#content .widget.color8 > .panel-heading {
    background: #C8CACA;
    -webkit-filter: none;
            filter: none;
}

#content .widget.color8 > .panel-heading h4.panel-title,
#content .widget.color8 > .panel-heading h4.panel-title * { color: #002a4e; }

#content .widget.color8 > .panel-heading .widget-close { background-position: 0 -4rem; }

.widget .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    background-color: transparent !important;
    font-size: 1.2rem;
}

.widget .breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.widget .breadcrumb li {
    float: left;
    margin: 0 .4rem .5rem 1.1rem;
}

.widget .breadcrumb a {
    background: #D3D9DF;
    color: #678BA9;
    padding: .2rem .5rem .3rem .5rem;
    float: left;
    text-decoration: none;
    position: relative;
}

.widget .breadcrumb a:hover,
.widget .breadcrumb .active a {
    background: #A99577;
    color: #FFF;
}

.widget .breadcrumb a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.1rem;
    border-width: 1.1rem 0 1.1rem 1rem;
    border-style: solid;
    border-color: #D3D9DF #D3D9DF #D3D9DF transparent;
    left: -1rem;
}

.widget .breadcrumb a:hover::before,
.widget .breadcrumb .active a::before { border-color: #A99577 #A99577 #A99577 transparent; }

.widget .breadcrumb a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.2rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-left: 1.1rem solid #D3D9DF;
    right: -1rem;
}

.widget .breadcrumb a:hover::after,
.widget .breadcrumb .active a::after { border-left-color: #A99577; }

.widget .breadcrumb .current, .widget .breadcrumb .current:hover {
    font-weight: bold;
    background: none;
}

.widget .breadcrumb .current::after, .widget .breadcrumb .current::before { content: normal; }

.panel-heading.status { padding: 1.2rem 1.5rem; }

.panel-heading.status .icon {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    overflow: hidden;
    position: absolute;
    top: -.5rem;
    left: 0;
    background-color: transparent;
    text-align: center;
}

.panel-heading.status .panel-title {
    padding-left:  3.5rem;
    padding-right:  3.5rem;
}

.panel-heading.status .icon:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    display: block;
    font-size: 2.4rem;
}

.panel-heading.status.status-waiting-yours .icon:before {
    content: "\f06a";
    color: #da9f50;
}

.panel-heading.status.status-waiting-others .icon:before {
    content: "\f017";
    color: #7cc3e6;
}

.panel-heading.status.status-done .icon:before {
    content: "\f00c";
    color: #B4D49A;
}

.panel-heading.status.status-authorize .icon:before {
    content: "\f0e3";
    color: #B4B4B4;
}

.panel-heading.status.status-documents .icon:before {
    content: "\f07c";
    color: #002a4e;
}

.panel-heading.status.status-docsSemDossie .icon:before {
    content: "\f15b";
    color: #002a4e;
}

.panel-heading.status.status-delete .icon:before {
    content: "\f00d";
    color: #E89392;
}

.panel-heading.status.status-received .icon:before {
    content: "\f090";
    color: #B4D49A;
}

.panel-heading.status.status-sent .icon:before {
    content: "\f08b";
    color: #002a4e;
}
                

.panel-body p.status-waiting i.icon.fa.fa-user {
    position: absolute;
    top: .2rem;
    left: 0;
}

.panel-body p.status-waiting {
    position: relative;
    padding: 0 0 0 1.5rem;
}

.ico-search {
    display: block;
    height: 3.4rem;
    width: 2.6rem;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    background: transparent url(images/spr_widget.png) no-repeat -20rem .4rem;
    margin: 0;
    padding: 0;
}

/* CREDITOS */

#funds { }

#funds .panel-body:first-child { padding-bottom: 0; }

#funds .account { margin: 0 0 1.5rem 0; }

#funds .account .config {
    padding-left: .8rem;
    padding-right: .8rem;
    position: absolute;
    right: 0;
    top: 0;
}

#funds .account .config:before {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
    content: "\f013";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

#funds .account .panel-body { padding: 1rem; }

#funds .account:first-child hr:first-child { display: none !important; }

#funds .account.person .header:before { content: "\f007"; }

#funds .account.company .header:before { content: "\f1ad"; }

#funds .account .header:before {
    width: 2.8rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.8rem;
    text-align: center;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent !important;
    border-radius: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

.btn-floating {
    border-radius: 50%;
}

#funds .account .header {
    padding: 0 3.6rem 0 2.8rem;
    position: relative;
    border-bottom: .1rem  solid #DDD;
    padding-bottom: .6rem;
    margin-bottom: 1rem;
    min-height: 3.8rem;
}

#funds .account .header .name {
    padding-top: .6rem;
    line-height: 1.8rem;
    font-size: 1.4rem;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#funds .account .balance { margin: 0; }

#funds .account .value { float: right; }

#funds .account .bonus-status {
    border-top: .1rem  solid #DDD;
    padding-top: 1rem;
    margin-top: 1rem;
}

#funds .account .bonus-status .title { margin-bottom: 0; }

#funds .account .bonus-status ul {
    margin: 0;
    font-size: 90%;
}

#funds .account .bonus-status ul li {
    line-height: 1.2rem;
    margin-top: .7rem;
}

.alert.bonus { line-height: 3.4rem; }

.alert.bonus .secondary { display: none; }

.alert.bonus button.close { margin-left: 2rem; }
           
			
/* ULTIMAS ATIVIDADES */

#latestactivities { }

#latestactivities .scroll {
    max-height: 30rem;
    overflow-y: auto;
}

#latestactivities .activity {
    position: relative;
    border-bottom: .1rem  solid #DADADA;
    margin: 0 0 .6rem 0;
    padding: 0 0 .2rem 0;
    min-height: 4.5rem;
}

#latestactivities .activity:last-child { border-bottom: 0; }

#latestactivities .activity .icon {
    position: absolute;
    left: 0;
    top: .2rem;
    display: block;
    width:  3.5rem;
    height:  3.5rem;
    overflow: hidden;
    background: #c1c1c1;
    border-radius: .4rem;
}

#latestactivities .activity .icon i {
    font-size: 2.5rem;
    line-height:  3.5rem;
    display: block;
    color: #fff;
    text-align: center;
}

#latestactivities .activity p {
    font-size: 1.2rem;
    padding: 0 0 0 4.2rem;
    word-wrap: break-word;
}

#latestactivities strong { color: #333; }


	

/* PREFOOTER */

#prefooter { background: #f68515; }

    #prefooter .links li:first-child a {
        padding: 0 1rem 0 0;
    }

#prefooter .container {
    height: 8rem;
    position: relative;
}

#prefooter .container .text-right { padding: 2rem 0 0 0; }

#prefooter .container .text-right .btn.app-store {
    background: url(images/app_store_pt.png);
    width: 13.5rem;
    height: 4rem;
    text-indent: -9999px;
}

#prefooter .container .text-right .btn.google-play {
    background: url(images/google_play_pt.png);
    width: 13.3rem;
    height: 4rem;
    text-indent: -9999px;
}

#prefooter .links {
    font-size: 1.5rem;
    margin-top: 3rem;
}

#prefooter .links a {
    color: #FFF;
    padding: 0 1rem;
}

#prefooter .links li { border-left: .1rem  solid #FFF; }

#prefooter .links li:first-child { border-left: 0; }

#prefooter .links a:hover {
    background-color: transparent;
    text-decoration: underline;
}

#prefooter .powered {
    display: block;
    width: 16.4rem;
    height: 6.4rem;
    background: transparent url(images/img_logocertisign2.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin-top: -3.2rem;
    right: 1.5rem;
}

#prefooter .powered > span {
    font-size: 1.1rem;
    color: #FFF;
    text-indent: 0;
    position: absolute;
    top: .5rem;
    left: -7rem;
    text-align: right;
}

/* FOOTER */

#footer { }

#footer .container {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

#footer .container .company-info {
    line-height: 3rem;
}

#footer .container .company-info i {
    font-size: 1.4rem;
    margin: 0;
}

#footer .container .company-info strong {
    top: 0;
    position: relative;
}

#footer .container .company-info .btn-link{
    color: inherit;
}
    #footer .container .company-info .btn-link:hover{
        text-decoration: none;
    }
   
#footer #logos a {
    text-indent: -9999px;
    padding: 0;
    height: 5.9rem;
}

#footer #logos.nav-pills > li + li { margin-left: 1.9rem; }

#footer #logos .icp a {
    background: transparent url(images/img_logoicp.png) no-repeat 0 0;
    width: 4.6rem;
}

#footer #logos .siteseguro a {
    background: transparent url(images/img_logositeseguro.png) no-repeat 0 0;
    width: 11.6rem;
}

#footer .container .btn.google-play {
    background: url(images/google_play_pt.png) no-repeat 0 0;
    width: 13.3rem;
    height: 4rem;
    text-indent: -9999px;
    margin-top: 0;
}

#footer .container .btn.app-store {
    background: url(images/app_store_pt.png) no-repeat 0 0;
    width: 13.5rem;
    height: 4rem;
    text-indent: -9999px;
    margin-top: 0;
}

#footer .list-inline > li {
    padding-right: 0;
    padding-left: 0;
}

#footer .container p strong {
    top: -.8rem;
    position: relative;
}

#footer .container p i {
    margin: 0 0 0 1rem;
}

#footer .container p i:first-child { padding: 0; }

#footer .social-media li:not(:last-child){
    margin-right: 1.5rem;
}

#footer .social-media li i {
    font-size: 3rem;
}

    #footer .social-media li i.fa-facebook-square { color:#3b5998; }

    #footer .social-media li i.fa-linkedin { color:#0077b5; }

    #footer .social-media li i.fa-twitter { color:#1da1f2; }

    #footer .social-media li i.fa-youtube { color:#ff0000; }

    #footer .social-media li i.fa-instagram { color: #515ECF; }

    @supports (-webkit-background-clip: text) {
        #footer .social-media li i.fa-instagram {
            background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
            color: transparent;
            display: inline-block;
            -webkit-background-clip: text;
        }
    }

    #footer .social-media li i.fa-rss { color:#002a4e; }

/* GENERAL */
.spr-icons {
    background-color: transparent;
    background-image: url(images/spr_icons.png);
}

.xs-input { width: 6.5rem; }

/* MEUS DOCUMENTOS */

#area-documentos .alert .alert-link {
    text-decoration: underline;
    font-weight: normal;
}

.ng-table .filter-select { padding: .6rem 0 .6rem .8rem; }

.meus-documentos .documentos input[type="checkbox"] { }

.meus-documentos .documentos .status-icon { text-align: left; }

.meus-documentos .documentos .status-icon i { margin-top: .1rem ; }

.documentos .pagination { margin: 0; }

.documentos .documento {
    border-bottom: .1rem  solid #ddd;
    padding: 1rem 0;
}

.documentos .documento:first-child { padding-top: 0; }

.documentos .documento:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.documentos .media { margin-top: .7rem; }

.documentos .media:first-child { margin-top: 0; }

.documentos .folder {
    max-width: 20rem;
    min-width: 9rem;
}

.documentos .folder .badge {
    border: 0;
    padding: .5rem .3rem .4rem 2.8rem;
    line-height: 1.4rem;
    color: #999;
    font-weight: normal;
    word-break: break-all;
    display: inline-block;
    margin: .3rem 0 0 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    max-width: 100%;
}

.documentos .folder .badge:before {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.6rem;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
    float: left;
    border: .1rem  solid #D6D6D6;
    text-align: center;
    border-radius: .4rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    font-weight: 300;
}

.dossie .badge { white-space: normal; }

.documentos .documento .icon {
    width: 1.5rem;
    text-align: center;
}

.documentos .documento .nome .icon input[type="radio"],
.documentos .documento .nome .icon input[type="checkbox"] { margin: .1rem  auto 0 auto; }

.documentos .documento .empresa .media-body,
.documentos .documento .dossie .media-body,
.documentos .documento .tags .media-body { font-size: 1.2rem; }

.panel-body .sem-documento { margin-bottom: 0; }

.acoes-inbox .media:first-child { margin-top: .8rem; }

.panel-group.accordion-inbox > .panel > .panel-heading { min-height: 5rem; }

.panel-group.accordion-inbox .panel-title { line-height: 2.5rem; }

.panel-group.accordion-inbox .panel-heading.status .icon { top: 0; }

.panel-group.accordion-inbox .widget-close { top: 1.1rem; }

.panel-group.accordion-inbox .panel-heading .pages {
    margin-right: 2.2rem;
    float: right;
}

.panel-group.accordion-inbox .panel-heading .pages .btn-default:active, .btn-default.active {
    background-color: #C2C2C2;
    color: #fff;
}

.btn-default.active span { color: #333333; }

.panel-group.accordion-inbox .panel-heading .pages .detalhes { margin-left: .6rem; }

.panel-group.accordion-inbox .panel-heading .pages .detalhes .fal { font-size: 1.2rem; }

.panel-group.accordion-inbox .extra-info { margin-top: 1.5rem; }

.accordion-inbox .select-inbox {
    padding-left: .5rem;
    padding-right: .5rem;
    width: .5rem;
}

#accordion-etapas .widget-close { top: .5rem; }

.panel-heading .pages .input-group-addon,
.panel-heading .pages .input-group-btn { width: auto; }

.panel-heading .pages .form-control { width: 4rem; }

.filtro-inbox .nav > li > a,
#filtro-documentos .nav > li > a,
#filtro-documentos-lote .nav > li > a,
.acoes-inbox .nav > li > a {
    font-size: 1.1rem;
    position: relative;
    z-index: 2;
}

.filtro-inbox .nav > li > a {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}

.my_documents #filtro-documentos .nav > li > a { }

.acoes-inbox.navbar-default { background-color: #EAEAEA; }

.acoes-inbox.navbar-default .nav > li > a:hover,
.acoes-inbox.navbar-default .nav > .open > a,
.acoes-inbox.navbar-default .nav > .open > a:hover,
.acoes-inbox.navbar-default .nav > .open > a:focus { background-color: #e0dede; }

.acoes-inbox.desabilitado { visibility: hidden; }

.acoes-inbox hr { margin: 0; }

.filtro-inbox .navbar-nav .open,
#filtro-documentos .navbar-nav .open {
    position: relative;
    background-color: #e7e7e7;
    border-radius: .3rem .3rem 0 0;
}

.filtro-inbox .navbar-nav > li.active > a { background-color: transparent; }

.filtro-inbox .navbar-nav > li.active:after {
    z-index: 1;
    position: absolute;
    top: .8rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 91%; /* fallback if needed */
    width: calc(100% - 1.5rem);
    line-height: 3.4rem;
    height: 3.4rem;
    content: "";
    background-color: #E5EEF5;
    color: #234763 !important;
    border-radius: .4rem;
    border: .1rem  solid #cad8e4;
}

.filtro-inbox .navbar-nav .input-group {
    padding: .8rem;
    width: 25rem;
}

#filtro-usuarios .navbar-nav .input-group { width: 33rem; }

#filtro-contrapartes .navbar-nav .input-group { width: auto; }

.acoes-inbox .icon {
    width: 2rem;
    margin-right: .3rem;
    height: 2rem;
    float: left;
}

.acoes-inbox .sprite { background: url(images/spr_dossie.png) no-repeat; }

.acoes-inbox .sprite.assinar { background-position: 0 -4.9rem; }

.acoes-inbox .sprite.dossie { background-position: -5.2rem -5rem; }

.acoes-inbox .sprite.baixar { background-position: -9.8rem -5rem; }

.acoes-inbox .sprite.excluir {
    width: 1.6rem;
    background-position: -15rem -4.8rem;
}

.navbar .filter-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 17rem;
    display: inline-block;
    vertical-align: bottom;
}

.dropdown.keep-open .btn-block.dropdown-toggle { text-align: left; }

.dropdown.keep-open .btn-block.dropdown-toggle:first-child { padding-right: 2rem; }

.multiple.dropdown .caret {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.2rem;
}

.multiple.dropdown-menu .multiple .sub-text-input { padding: .3rem 0 .3rem 2.2rem; }

.multiple.dropdown-menu .active.multiple { border-bottom: .1rem  solid #D4DADC; }

.multiple.dropdown-menu .active.multiple.sub { border-bottom-color: #c5cfd2; }

.multiple.dropdown-menu .active.multiple,
.multiple.dropdown-menu .active.multiple > a {
    background-color: #E5EEF5 !important;
    color: #234763 !important;
}

.multiple.dropdown-menu .active.multiple.sub,
.multiple.dropdown-menu .active.multiple.sub > a { background-color: #d9e3ea !important; }

.multiple.dropdown-menu li > a {
    background-color: transparent;
    padding-left: 1rem !important;
    outline: 0;
    white-space: normal;
}

.multiple.dropdown-menu .multiple {
    border-bottom: .1rem  solid transparent;
    padding-left: 3.2rem;
    position: relative;
    cursor: pointer;
}

.multiple.dropdown-menu .multiple > label { cursor: pointer; }

.multiple.dropdown-menu .multiple.form-group {
    padding-top: .8rem;
    padding-bottom: .8rem;
    margin-bottom: 0;
    padding-right: 1.5rem;
}

.multiple.dropdown-menu .multiple.form-group > .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.multiple.dropdown-menu .multiple.form-group:before { top: 1.2rem; }

.multiple.dropdown-menu .multiple.form-group .form-control + .form-control { margin-top: 1.2rem; }

.multiple.dropdown-menu .dropdown-content { padding: 0; }

.multiple.dropdown-menu .multiple > a { padding-left: 0 !important; }

.multiple.dropdown-menu .multiple:hover,
.multiple.dropdown-menu .multiple:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.multiple.dropdown-menu .multiple:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f0c8";
    color: #8C8585;
    width: 1.28571429em;
    text-align: center;
    display: block;
    position: absolute;
    top: .3rem;
    left: 1rem;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.multiple.dropdown-menu .multiple.active:before {
    content: "\f14a";
    color: #234763;
    margin-left: .1rem ;
    margin-right: -.1rem ;
}

.multiple.dropdown-menu .multiple.sub { padding-left: 5rem; }

.multiple.dropdown-menu .multiple.sub:before { left: 2.8rem; }

    

/* NOVO DOCUMENTO */

.box {
    border: 1.5rem solid #f2f4f6;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: .4rem;
}

.box2 {
    border: 1.5rem solid #f2f4f6;
    background-color: #f2f4f6;
    margin-bottom: 1.5rem;
    position: relative;
}

.box h3:first-child,
.box > .title {
    margin-top: 0;
    margin-bottom: 2rem;
}

.box > .title span { padding-right: .8rem; }

.box > .title span:after { content: "."; }

.box3 {
    padding: 2rem;
    border: .1rem  solid #c2c2c2;
}

.box3 h3:first-child { margin-top: 0; }

.box3 .form-group:last-child { margin-bottom: 0; }


.summary #participantes .participante .list-group-item-heading {
    margin: .2rem 0 0 0;
    line-height: 1.6rem;
    font-weight: bold;
}

.summary #participantes .participante .list-group-item-heading span { font-weight: normal; }

.summary #participantes .usuarios { margin: .6rem 0 0 0; }

.summary #participantes .usuario {
    border-left: .1rem  solid #ccc;
    padding: .6rem 0 .6rem 2rem;
    font-size: 1.2rem;
    position: relative;
}

.summary #participantes .media > .pull-left { margin-right: .6rem; }

.summary #participantes .usuario .icon {
    position: absolute;
    left: .3rem;
    top: .8rem;
}

#resumoNovoDocumento #participantes .participante .list-group-item-heading {
    margin: .2rem 0 0 0;
    line-height: 1.6rem;
    font-weight: bold;
}

#resumoNovoDocumento #participantes .participante .list-group-item-heading span { font-weight: normal; }

#resumoNovoDocumento #participantes .usuarios { margin: .6rem 0 0 0; }

#resumoNovoDocumento #participantes .usuario {
    border-left: .1rem  solid #ccc;
    padding: .6rem .3rem;
    font-size: 1.2rem;
    position: relative;
}

#resumoNovoDocumento #participantes .usuarios .list-group-item.usuario .icon {
    position: relative;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    top: 0;
    left: 0;
}

#resumoNovoDocumento #participantes .media > .pull-left { margin-right: .6rem; }

#novodocumento .participante .sub-items .form-control,
#novodocumento .participante .sub-items .form-group { margin-top: 1rem; }

#novodocumento .participante .sub-items > .form-control:last-child,
#novodocumento .participante .sub-items > .form-group:last-child { margin-bottom: 2rem; }

#novodocumento .participante .filtrado p small i { color: #39b3d7; }

#novodocumento .participante .filtrado .papel .icon { color: #39b3d7 !important; }

#novodocumento .participante .filtrado .papel strong { color: #39b3d7; }

#novodocumento .participante .filtrado .papel .toggler { background-color: #39b3d7; }

.panel.panel-with-actions .panel-heading .title { line-height: 2.4rem; }

.panel.panel-with-actions .panel-heading .title .icon {
    background-color: transparent !important;
    border: 0 none !important;
    color: #aaa;
    font-size: 1.8rem;
    height: 1.8rem !important;
    line-height: 1.8rem;
    left: 0 !important;
    top: 0;
    text-align: center;
    width: 2.8rem !important;
    position: relative !important;
}

#novodocumento .participante .panel-heading .buttons { }

#novodocumento .participante hr { margin: 1.2rem 0; }

#novodocumento .participante .papel {
    text-align: center;
    cursor: pointer;
    padding: .5rem;
    height: auto;
    position: relative;
}

#novodocumento .participante .papel strong { color: #002a4e; }

#novodocumento .participante .papel .icon {
    position: relative;
    left: auto;
    width: 5rem;
    margin: 0 auto;
    clear: both;
    height: 4rem;
    background-color: transparent;
    border: 0;
    color: #428bca;
    padding-top: .6rem;
}

#novodocumento .participante .papel .toggler {
    bottom: 0;
    height: 1.6rem;
    line-height: 1.6rem;
    background-color: #428bca;
    border-radius: 0 0 .4rem .4rem;
    margin: -.5rem;
}

#novodocumento .participante .papel .toggler .fal {
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
}

#novodocumento .participante .papeis.dropdown-menu {
    left: auto;
    right: 0;
    display: block;
    max-height: 30rem;
}

#novodocumento .participante .papeis.dropdown-menu .simulink {
    padding: .3rem 2rem;
    color: #333;
    cursor: pointer;
}

#novodocumento .participante .papeis.dropdown-menu .simulink:hover { background-color: #e8e8e8; }

#novodocumento .participante .papeis { }

#novodocumento .participante .papeis .papel {
    cursor: pointer;
    width: 30rem;
}

#novodocumento .participante .papeis .papel:hover::before {
    background-color: #EEE;
    position: absolute;
    left: .5rem;
    top: 0;
    content: "";
    display: block;
    right: .5rem;
    bottom: 0;
    border-radius: .6rem;
    z-index: -1;
}

#novodocumento .participante .papeis hr { margin: 0; }

#novodocumento .participante .papeis strong { color: #002a4e; }

#novodocumento .participante .papeis .icon {
    position: absolute;
    left: .5rem;
    top: 0;
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    border: 0;
    font-size: 2rem;
    line-height: 2rem;
    font-family: 'Font Awesome 6 Pro';
    text-align: center;
    font-weight: 300;
}

#novodocumento .participante .papeis .papel.assinar .icon:before { content: "\f305"; }

#novodocumento .participante .papeis .papel.assinar-eletronico .icon:before { content: "\f304"; }

#novodocumento .participante .papeis .papel.observar .icon:before { content: "\f06e"; }

#novodocumento .participante .papeis .papel.autorizar .icon:before { content: "\f0e3"; }

#novodocumento .participante .papeis .papel.aprovar .icon:before { content: "\f164"; }

#novodocumento .participante .papeis .description {
    text-align: left;
    padding-left: 3rem;
}

#novodocumento .participante { position: relative; }

#novodocumento .participante h3:first-child { margin: .4rem 0 2.2rem 0; }

#novodocumento .participante .controles {
    position: absolute;
    right: 1.6rem;
    top: 1.4rem;
    z-index: 10;
    cursor: pointer;
}

#novodocumento .participante .icon {
    width: 6.1rem;
    height: 6.1rem;
    background-color: #428bca;
    border-radius: .4rem;
    position: absolute;
    left: -4.4rem;
    border: .8rem solid #fff;
    background-position: .7rem -29.2rem;
}

#novodocumento .participante .form-horizontal .control-label {
    font-weight: normal;
    padding-bottom: 1rem;
}

#novodocumento .participante .inner {
    background-color: #FFF;
    padding: 1rem 1.5rem;
}

#novodocumento .participante .destinoDocumento .btn {
    height: 6rem;
    font-size: 1.1rem;
}

#novodocumento .option .highlight {
    background-color: #fff;
    padding: 1.5rem;
}

#novodocumento .option h4 { font-size: 1.5rem; }

#novodocumento .option .lead { margin-bottom: 0; }

#novodocumento .option hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#novodocumento .option .fa-check { display: none; }

#novodocumento .option .radio { display: none; }

#novodocumento .option {
    background-color: #f2f4f6;
    padding: 2rem;
    margin: 0 0 1.5rem 0;
    position: relative;
    cursor: pointer;
}

    #novodocumento .option.flow {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

#novodocumento .option:hover { background-color: #E7EAED; }

#novodocumento .option .icon {
    display: block;
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 0;
}

#novodocumento .option .row .col-md-2 i {
    font-size: 6rem;
    margin: 3rem 0 0 1.5rem;
    color: #283860;
}

#novodocumento .gerar .option .icon,
#novodocumento .select-flow .option .icon {
    position: relative;
    margin: 0 auto !important;
    height: auto;
    padding: 0 0 2rem 0;
    top: 0;
    color: #283860;
}

#novodocumento .select-flow .option .icon {
    padding: 0 0 1rem 0;
}

#novodocumento .option.selected .fa-check { display: inline-block; }

#novodocumento .option.selected { background-color: #D4D7DF !important; }

#novodocumento .option.selected h4 { color: #ed9c28; }

#novodocumento .option.selected p { color: #000; }

/* SelecionarOperacao.cshtml */

.operations.fancy-buttons .action,
.signature-pattern.fancy-buttons .action,
#upload-type .fancy-buttons .action { height: 15.7rem; }

.fancy-buttons .action {
    background-color: #fff;
    -webkit-box-shadow: 0 .2rem .4rem .1rem  rgba(0, 0, 0, 0.15);
    box-shadow: 0 .2rem .4rem .1rem  rgba(0, 0, 0, 0.15);
    border-radius: .3rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    cursor: pointer;
    border: .2rem solid rgb(248, 248, 248);
    border: .2rem solid rgba(0, 0, 0, 0.05);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear, -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.2s linear, -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s linear;
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s linear, -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.fancy-buttons .action.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    -webkit-box-shadow: 0 .2rem .4rem .1rem  rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 .2rem .4rem .1rem  rgba(0, 0, 0, 0.15) !important;
}

.fancy-buttons .action.selected {
    border-color: rgb(164, 174, 192) !important;
    border-color: rgba(29, 132, 34, 0.56) !important;
    background-color: rgba(24, 51, 95, 0.06);
    -webkit-box-shadow: 0 .4rem .5rem .1rem  rgba(53, 66, 93, 0.3);
            box-shadow: 0 .4rem .5rem .1rem  rgba(53, 66, 93, 0.3);
}

.fancy-buttons .action:hover {
    -webkit-box-shadow: 0 .4rem .5rem .1rem  rgba(0, 0, 0, 0.20);
    box-shadow: 0 .4rem .5rem .1rem  rgba(0, 0, 0, 0.20);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.fancy-buttons .action .icon {
    position: absolute;
    margin: auto;
    top: 27%;
    left: 0;
    right: 0;
    font-family: 'Font Awesome 6 Pro';
    font-size: 4rem;
    line-height: 4rem;
    height: 5rem;
    width: 100%;
    text-align: center;
    color: #428bca;
    font-weight: 300;
}

.fancy-buttons .action .top-actions {
    position: absolute;
    top: .6rem;
    right: .6rem;
}

.fancy-buttons .action .top-actions .top-action {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.3rem;
    cursor: pointer;
    text-align: center;
    border: .1rem  solid transparent;
    border-radius: .3rem;
    float: left;
}

.fancy-buttons .action .top-actions .top-action:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 2.4rem;
    color: #7C7C7C;
}

.fancy-buttons .action .top-actions .learn-more { cursor: help; }

.fancy-buttons .action .top-actions .learn-more:hover { border-color: transparent; }

.fancy-buttons .action .top-actions .learn-more:before, .fancy-buttons .action .top-actions .about:before {
    content: "\f059";
    font-weight: 300;
}

.fancy-buttons .action .top-actions .config:before {
    content: "\f013";
    font-weight: 900;
}

.fancy-buttons .action .top-action:hover { border-color: #D6D6D6; }

#novodocumento .operations .action.send .icon:before { content: "\f093"; }

#novodocumento .operations .action.generate .icon:before { content: "\f15c"; }

#novodocumento .operations .action.capture .icon:before { content: "\f030"; }

#novodocumento .operations .action.email .icon:before { content: "\f0e0"; }

#novodocumento .operations .action.cartorio .icon:before { content: "\f25d"; }

#verificar-assinaturas #upload-type .action.single .icon:before { content: "\f14b"; }

#verificar-assinaturas #upload-type .action.multiple .icon:before { content: "\f03a"; }

#novodocumento .signature-pattern { margin-bottom: -1.5rem; }

#novodocumento .signature-pattern .action .icon {
    font-size: 5rem;
    line-height: 2rem;
    position: relative;
    font-weight: 300;
    bottom: .5rem;
}

#novodocumento .signature-pattern .action.cades .icon:before { content: "\f56c"; }

#novodocumento .signature-pattern .action.pades .icon:before { content: "\f573"; }

#novodocumento .signature-pattern .action.xades .icon:before { content: "\f1c9"; }

#novodocumento .signature-pattern .action .top-actions .top-action:before { font-size: 2rem; }

.fancy-buttons .action h4 {
    color: #428bca;
    font-weight: bold;
    text-align: center;
    position: absolute;
    margin: auto;
    padding: 0 1.5rem;
    left: 0;
    right: 0;
    top: 63%;
}

.fancy-buttons .action p:last-child {
    margin-bottom: 0;
    display: none;
}


#novodocumento .progressDiv { word-break: break-word; }

#novodocumento .progressDiv .progress, #adicionaranexo .progressDiv .progress, .anexo .progress { margin-bottom: 0; }

#novodocumento .summary .lote .documentos li {
    padding: 0 0 .7rem 2.2rem;
    position: relative;
    word-wrap: break-word;
}

#novodocumento .summary .lote .documentos li:before {
    position: absolute;
    left: .2rem;
    top: .2rem;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.6rem;
    line-height: 1.6rem;
    content: "\f0f6";
    font-weight: 300;
}

#novodocumento .summary .lote .documentos {
    max-height: 30rem;
    overflow: auto;
}


.imported-data .imported-icon {
    color: #97c0e4;
    position: absolute;
    left: 50%;
    width: 4rem;
    margin-left: -1.2rem;
}

/* GERAR DOCUMENTO*/

.gerar #import { }

.gerar #import .callout { font-size: 1.3rem; }

.gerar #import .callout mark { background-color: #DCE8EF; }

.gerar #import .example {
    padding-left: 2.5rem;
    position: relative;
    line-height: 1.4rem;
}

.gerar #import .example:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.6rem;
    line-height: 1.6rem;
    content: "\f06a";
    font-weight: 300;
}

.gerar .imported-data { margin: 2rem 0 0 0; }

.ng-table-pager { margin-top: 1rem; }

.table-responsive .ng-table-pager { margin-right: .5rem; }

.always-responsive.table-responsive {
    border-radius: .4rem;
    margin-bottom: 1rem;
    border: .1rem  solid #ddd;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.gerar .imported-data .table-responsive { margin-bottom: 0; }

.gerar .imported-data .imported-icon { top: -2.2rem; }

.gerar .imported-docs { margin: 0; }

.gerar .imported-docs td {
    white-space: nowrap;
    padding: .2rem;
}

.gerar .imported-docs .imported-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border: .1rem  solid transparent;
    min-width: 9rem;
    max-width: 15rem;
    padding: .4rem;
}

.review .imported-docs .imported-cell { cursor: inherit; }

.gerar .imported-docs .static-cell { padding: .4rem; }

.gerar .imported-docs .index-cell {
    min-width: 3rem;
    text-align: right;
}

.gerar .imported-docs .imported-cell.active {
    padding: 0;
    min-width: 15rem;
    border: 0;
}

.gerar .imported-docs .imported-cell.active:hover { border: 0; }

.gerar .imported-docs .imported-cell.active input { padding: .4rem; }

.gerar .imported-docs .imported-cell .form-control {
    padding: .2rem;
    height: auto;
    line-height: normal;
}

.gerar .imported-docs .imported-cell:hover {
    border: .1rem  solid #3a87ad;
    border-radius: .4rem;
}

.review .imported-docs .imported-cell:hover { border-color: transparent; }

.gerar .imported-docs .edit-form-control input { width: 100%; }

.highlight .ui-droppable { }

.highlight.pol .droppable-pol,
.highlight.person .droppable-gobs,
.highlight.company .droppable-gobs,
.highlight.sig .droppable-sig,
.highlight.obs .droppable-obs,
.highlight.aut .droppable-aut,
.highlight.apr .droppable-apr {
    background-color: #f3ffee;
}

.etapas-assinaturas .participanteDragDiv.ui-draggable.ui-draggable-dragging {
    background-color: #d9edf7;
    border: .1rem  solid #bce8f1;
    color: #31708f;
    max-width: 23rem;
    padding: 0 .3rem 0 3rem;
    line-height: 4rem;
    height: 4rem;
    border-radius: .4rem;
    z-index: 9999 !important;
}

.etapas-assinaturas .participanteDragDiv.ui-draggable.ui-draggable-dragging:before {
    line-height: 3.8rem;
    border-radius: .4rem;
    content: "\00a0";
    width: 2.6rem;
    background-color: #bce8f1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.etapas-assinaturas .participanteDragDiv.ui-draggable.ui-draggable-dragging:after {
    line-height: 3.8rem;
    position: absolute;
    left: .4rem;
    top: 0;
    color: #31708f;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.8rem;
    content: "\f047";
    z-index: 2;
    font-weight: 300;
}

.etapas-assinaturas td { }

.etapas-assinaturas .participanteDragDiv {
    height: 2.5rem;
    cursor: pointer;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: .1rem  solid transparent;
    border-radius: .4rem;
    cursor: move;
}

.etapas-assinaturas .participanteDragDiv:hover {
    border: .1rem  solid #bce8f1;
    background-color: #d9edf7;
}

.etapas-assinaturas .participanteDragIcon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
}

.etapas-assinaturas .participanteDragNome {
    position: relative;
    top: -.5rem;
    left: .5rem;
}

.etapas-assinaturas .participanteDragDiv .icon { color: #428bca; }

.security-policies .polDragDiv.ui-draggable.ui-draggable-dragging {
    background-color: #d9edf7;
    border: .1rem  solid #bce8f1;
    color: #31708f;
    max-width: 23rem;
    padding: 0 .3rem 0 3rem;
    line-height: 4rem;
    height: 4rem;
    border-radius: .4rem;
    z-index: 9999 !important;
}

.security-policies .polDragDiv.ui-draggable.ui-draggable-dragging:before {
    line-height: 3.8rem;
    border-radius: .4rem;
    content: "\00a0";
    width: 2.6rem;
    background-color: #bce8f1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.security-policies .polDragDiv.ui-draggable.ui-draggable-dragging:after {
    line-height: 3.8rem;
    position: absolute;
    left: .4rem;
    top: 0;
    color: #31708f;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.8rem;
    content: "\f047";
    z-index: 2;
    font-weight: 300;
}

.security-policies td {
}

.security-policies .polDragDiv {
    height: 2.5rem;
    cursor: pointer;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: .1rem  solid transparent;
    border-radius: .4rem;
    cursor: move;
}

.security-policies .polDragDiv:hover {
    border: .1rem  solid #bce8f1;
    background-color: #d9edf7;
}

.security-policies .polDragIcon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
}

.security-policies .polDragNome {
    position: relative;
    top: -.5rem;
    left: .5rem;
}

.security-policies .polDragDiv .icon {
    color: #428bca;
}

.mobileFlowDiv {
    height: auto;
    cursor: pointer;
    line-height: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.table-bordered .mobileFlowCell {
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    width: 16%
}

.mobileFlowImg { height: auto; }

.mobileFlowImg2 {
    width: 93%;
    height: auto;
}

#observadoresGlobaisDiv .item {
    padding-left: 2rem;
    margin: 0 0 .7rem 0;
}

#observadoresGlobaisDiv .icon {
    color: #002a4e;
    position: absolute;
    left: 0;
    top: .2rem;
}

/* STATUS DAS ASSINATUAS - DETALHES */

#action-status .mobile-buttons { }

/*ETAPAS DE FLUXO ASSINATURAS*/

.etapa { margin-bottom: 1rem; }

.etapa .rules {
    margin: 1.5rem 0 0 0;
    font-size: 1.3rem;
}

.etapa .panel-footer { margin: 1rem -1.5rem -1.5rem -1.5rem; }

.etapa.ended .panel-title { position: relative; }

.etapa.ended .panel-title > a { padding-left: 4rem !important; }

.etapa.ended .panel-title > a:before {
    position: absolute;
    left: 1.2rem;
    top: 1rem;
    font-family: 'Font Awesome 6 Pro';
    font-size: 2rem;
    content: "\f058";
    font-weight: 300;
}

.etapa.ended > .panel-heading { background-color: #EDF9ED; }

#content .etapa.ended .summary .ended { }

#content .etapa .ended .header,
.etapa .ended .icon,
.etapa .member.done .icon,
.etapa .member .member.ended .icon,
.etapa.ended .panel-title > a:before { color: #468847; }

#content .etapa .pending .header,
.etapa .pending .icon {
    color: #da9f50; 
}
.etapa .pending .icon.fa-eye {
    color: #7c7c7c
}
.etapa .member.discarded .desc p:first-child {
	text-decoration:line-through;
}
.etapa .member.discarded > .desc .name {
    color: #BDBDBD;
}
.etapa .member.discarded .member-type {
    color: #7c7c7c;
}
.etapa .member.discarded .member-type:before {
    content: "\f05e";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

.etapa .record-status {
    font-size: 1.3rem;
    color: #c3c3c3;
    padding: .5rem .2rem;
}

.etapa .member > .desc .name {
    margin-top: .3rem;
    line-height: 1.6rem;
    font-weight: bold;
    color: #505050;
    width: 100%;
}

.etapa .poder > .desc > .name span { font-weight: normal; }

.etapa .member .desc > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .1rem;
    margin-bottom: .6rem;
    display: table;
    vertical-align: middle;
    line-height: 1.6rem;
}

.etapa .member .cpf {
    width: 100%;
    color: #999;
    margin-bottom: .6rem;
    font-size: 1.3rem;
}

.etapa .member .cpf i { font-size: 1.8rem; }

.etapa .member .email,
.etapa .member .date-limit {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.etapa .member .email {
    font-size: 1.3rem;
    margin-bottom: .6rem;
}

.etapa .member .celular,
.etapa .member .date-limit {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.etapa .member .celular {
    font-size: 1.3rem;
    margin-bottom: .6rem;
}

.etapa .member .cdacesso,
.etapa .member .date-limit {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.etapa .member .cdacesso {
    font-size: 1.3rem;
    margin-bottom: .6rem;
}

.etapa .member .action-date {
    width: 100%;
    text-transform: lowercase;
    color: #999;
    margin-bottom: .6rem;
    font-size: 1.3rem;
}

.etapa .member .action-title {
    width: 100%;
    color: #999;
    margin-bottom: .6rem;
    font-size: 1.3rem;
}

.etapa .member .date-limit {
    text-transform: lowercase;
    margin-bottom: 0;
    font-size: 1.3rem;
}

.etapa .member .date-limit.lock {
    color: #999 !important;
    cursor: default !important;
    text-decoration: none;
}

.etapa .member .date-limit.lock:after { content: ""; }

.etapa .member .date-limit:before,
.etapa .member .action-date:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f105";
    padding-right: .3rem;
    display: inline-block;
    font-weight: 300;
}

.etapa .member .date-limit:before {
    content: "\f073" !important;
    color: #999;
}

.member .action-date:before { content: "\f017" !important; }

.member.ended .action-date:before { content: "\f00c" !important; }

.etapa .header {
    font-weight: bold;
    margin-bottom: .6rem;
    padding: 0 .4rem .8rem .4rem;
    border-bottom: .1rem  solid #D6D6D6;
}

.etapa .header .icon {
    margin-right: 1.2rem;
    margin-left: .2rem;
}

.etapa .general-actions .observadores {
    border-top: .1rem  solid #ddd;
    margin-top: 1.5rem;
    padding-top: 1rem;
}

#notificacoes a.disabled {
    pointer-events: none;
    cursor: text;
    color: #7c7c7c;
}

#notificacoes a.enabled {
    cursor: pointer;
}

.etapa hr { border-color: #C7C7C7; }

.panel-group .etapa .panel-heading { padding: 0; }

#action-status .panel-group { margin-bottom: 0; }

.etapa .panel-title { line-height: 2.7rem; }

.etapa .panel-heading .panel-title > a {
    display: block;
    padding: 1rem 1.5rem;
}

.etapa .icon {
    margin-right: .5rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.etapa .member {
    padding: .5rem .4rem;
    border-radius: .4rem;
    position: relative;
    border-width: .1rem ;
    border-style: solid;
}

#participantes .etapa,
.etapa .member {
    border-color: transparent;
    margin-bottom: .6rem;
}

#action-status .etapa .member:last-child { margin-bottom: 0 !important; }

.etapa .poder .member {
    border-color: transparent;
    margin-bottom: 0;
}

.etapa .member .member-type { margin-top: .3rem !important; }

.etapa .member.poder .member .member-type {
    margin-top: 0 !important;
    padding-top: .1rem ;
}

.etapa .member .pull-left .icon {
    display: block;
    margin-top: .6rem;
}

.etapa .member .desc { border-left: .1rem  solid #D6D6D6; }

.etapa .member > .desc { padding-left: .7rem; }

.etapa .poder > .desc { min-height: 5.6rem; }

.etapa .poder .member > .desc {
    min-height: 2.4rem;
    padding-left: .3rem;
    border-left-color: transparent !important;
}

.etapa .poder .poder-actions { margin-top: .6rem !important; }

.etapa .poder .regra:last-child { margin-bottom: 0; }

.etapa .poder .regra:last-child:after { content: ""; }

.etapa .poder .member .desc:before {
    border-left: .1rem  solid #D6D6D6;
    content: " ";
    position: absolute;
    left: 1.3rem;
    top: .6rem;
    height: 100%;
    z-index: 1;
}

.etapa .poder .member .icon {
    margin-right: .2rem;
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 0 0 .6rem 0;
}

.etapa .member,
.etapa .member .desc {
    overflow: hidden;
    zoom: 1;
}

.etapa .member:hover { border-color: #D6D6D6; }

.etapa .member.done:hover { border-color: #B3E2B8; }

.etapa .member .poder-info {
    cursor: pointer;
    color: #31708f;
}

.etapa .member .fa-trash-alt {
    cursor: pointer;
    color: #b94a48;
}

.etapa .member .remove:before { content: "\f014"; }

.etapa .member .data-limite-trigger { cursor: pointer; }

.etapa .member .data-limite-set { color: #468847; }

.etapa .member .data-limite-set:before { content: "\f073"; }

.etapa .member .data-limite-notset { color: #c3c3c3; }

.etapa .member .data-limite-notset:before { content: "\f271"; }

.etapa .member > .pull-left { margin-right: 0; }

.etapa .member .desc h6 {
    font-size: 1.5rem;
    color: #678BA9;
    margin: 0;
}


.etapas-assinaturas {
    margin: 0 0 1.5rem 0;
    position: relative;
}

.etapas-assinaturas table { table-layout: fixed; }

.etapas-assinaturas th {
    padding: .7rem;
    border-bottom: .2rem solid #ddd;
}

.etapas-assinaturas td {
    word-wrap: break-word;
    vertical-align: top;
    padding: .7rem;
}

.etapas-assinaturas .seta-fluxo {
    position: absolute;
    top: -2.2rem;
    left: 50%;
    margin-left: -1.5rem;
    width: 3rem;
}

#enviarDocumentoContainer, .plupload_container { margin-bottom: 2rem; }

a.plupload_button_google { text-decoration: none; }

.plupload_button_google {
    display: -moz-inline-box; /* FF < 3*/
    display: inline-block;
    font: normal 1.4rem sans-serif;
    text-decoration: none;
    color: #42454a;
    border: .1rem  solid #bababa;
    padding: .6rem .8rem;
    margin-right: .4rem;
    background-color: #f3f3f3;
    outline: 0;
    /* Optional rounded corners for browsers that support it */
    border-radius: .3rem;
    position: relative;
}

.plupload_button_google:hover {
    color: #000;
    text-decoration: none;
}

.plupload_button_google i { color: #428bca; }

#verificadorLote #enviarDocumentoContainer { }

/* FIM - NOVO DOCUMENTO */

/* INICIO - DOCUMENTOS - DETALHES */

#doc-details .assinar { margin-bottom: 2rem; }

.assinar .modal-content,
.modal-content.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.assinar .modal-footer .dropdown-menu { text-align: left; }

.assinar .form-horizontal .form-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: .1rem  solid #e9e9e9;
}

.assinar .form-horizontal .form-group:last-child { border-bottom: none; }

.assinar .form-horizontal .form-group.panel-heading {
    padding: 0;
    border-bottom: none;
}

.assinar .form-horizontal .form-group.panel-heading.collapsed { border-bottom: .1rem  solid #E9E9E9; }

.assinar .form-horizontal .panel-collapse.first {
    background-color: #f9f9f9;
    border-bottom: .1rem  solid #E9E9E9;
}

.assinar .form-horizontal .panel-collapse.first .form-group.panel-heading.collapsed, .assinar .form-horizontal .panel-collapse.first .form-group { border-bottom: 0; }

.assinar .form-horizontal .panel-collapse.first .box-overflow {
    overflow-y: auto;
    height: 27rem;
}

.assinar .form-horizontal .form-group.panel-heading label, .assinar .form-horizontal .form-group.panel-heading.accordion-toggle p.accordion { cursor: pointer; }

.assinar .form-horizontal .form-group.panel-heading.accordion-toggle p.accordion:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
    float: left;
    font-weight: 300;
}

.assinar .form-horizontal .form-group.panel-heading.accordion-toggle.collapsed p.accordion:after { content: "\f054"; }

.assinar .modal-content .require-documents { padding: .7rem 0 0 0; }
    


.btn-default .plus {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: url(images/ico_plus.png) top left no-repeat;
}

.box-gray {
    background: #f2f4f6 !important;
    border: none !important;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.page-header h1 {
    font-size: 3rem;
    color: #002a4e;
    font-weight: bold;
}

.lnk-laranja {
    color: #e88e1e;
    font-size: 1.3rem;
    font-weight: bold;
}

.lnk-delete {
    font-size: 1.1rem;
    color: #ff9494;
    line-height: 3rem;
}

.lnk-delete:hover {
    color: #ff9494;
    text-decoration: none;
}

.lnk-delete .icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: url(images/ico_delete_small.png) top left no-repeat;
    margin-right: .5rem;
    line-height: 1.5rem;
}

.btn-primary .ico_download {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    background: url(images/ico_download.png) top left no-repeat;
}

.btn-primary .ico_print {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    background: url(images/ico_print.png) top left no-repeat;
}

.control-file { }

.control-file .modal-body { padding-bottom: 0; }

.control-file .modal-footer { margin-top: 2rem; }

.control-file .modal-footer .pull-right > div {
    display: inline-block;
    float: left;
}

.control-file .modal-footer .pull-right > div + div {
    margin-bottom: 0;
    margin-left: .5rem;
}

.control-file.concluido,
.control-file.concluido .modal-footer { }

.control-file .img-doc {
    width: 100%;
    height: 100%;
    border: .1rem  solid #e7e7e7;
}

.control-file .img-doc img { width: 100%; }

.control-file .border-left { border-left: .1rem  solid #eeeeee !important; }

.control-file .border-right {
    width: auto;
    max-height: 20.5rem;
    border-right: .1rem  solid #eeeeee;
}

.control-file .border-bottom {
    width: 100%;
    height: .1rem ;
    border-bottom: .1rem  solid #eeeeee;
}

.control-file .clear { margin-top: 1rem; }

.control-file .lnk-nao-assinar {
    font-size: 1.3rem;
    color: #002a4e;
    text-decoration: underline;
    margin-top: 1rem;
}

.control-file p { }

.control-file .lnk-dossie { display: inline; }

.control-file .lnk-dossie .triangulo {
    float: left;
    border-color: transparent #002a4e transparent transparent;
    border-width: 1.1rem;
    border-style: solid;
}

.control-file .lnk-dossie .badge {
    background-color: #002a4e;
    border-radius: 0;
    padding: .5rem 1rem;
}

.control-file .btn-dossie {
    padding: 0 1rem;
    background-color: #d3dae0;
    border-radius: 1rem;
    color: #688ba9;
    border: none;
}

.attach { }

.attach .content-attach { border-top: .1rem  solid #dbdbdb; }

.attach .content-attach h3 {
    font-size: 1.8rem !important;
    color: #4c4c4c !important;
    margin-top: 0 !important;
}

.attach .content-attach p {
    font-size: 1.3rem;
    margin-bottom: 0;
    color: #a1a1a1;
}

.attach .panel-footer {
    border: none;
    background-color: #ffffff;
}

.attach .panel-footer .btn-center {
    margin: 0 auto;
    display: inherit;
}

.attach .content-attach .btn-primary { }

.attach .content-attach .btn-primary .ico_download {
    width: 1.7rem;
    height: 1.7rem;
    background: url(images/ico_download.png) top left no-repeat;
}

.attach .content-attach button label { width: 7.5rem; }

.attach .content-attach .list-file-attach .title {
    font-weight: bold;
    color: #505050;
    margin-bottom: 0 !important;
}

.attach .content-attach .list-file-attach {
    border-bottom: .1rem  solid #dbdbdb;
    padding: 1rem 0;
}

.attach .content-attach .list-file-attach:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}


.attach .content-attach .list-file-attach .media .pull-left { 
    position: relative; 
    font-size:4.4rem; 
}

.attach .content-attach .list-file-attach .media .pull-left .fa-file-o {
    font-size: 4.4rem;
    color: #ccc;
}

.attach .content-attach .list-file-attach .media .pull-left .fa-file-o.dark-color { color: #7c7c7c; }

.attach .content-attach .list-file-attach .lock-status {
    position: absolute;
    right: .4rem;
    bottom: 1.6rem;
    font-size: 1.6rem;
}

.comments { }

.comments .content-comments {
    max-height: 30rem;
    overflow-y: auto;
}

.comments .content-comments .icon {
    width: 4.2rem;
    height: 4.2rem;
    background-color: #C2C2C2;
    background-position: .6rem -29.4rem;
}

.comments .content-comments h3 {
    margin: 0;
    color: #4c4c4c !important;
}

.comments .content-comments .comentario .fal { color: #C2C2C2; }

.comments .content-comments p {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.comments .content-comments .comentario {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: .1rem  solid #DADADA;
}

.comments .content-comments .comentario:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.comments .content-comments blockquote {
    padding: 0 1rem;
    margin: 1rem 0 0 0;
}

.comments .content-comments .data { font-size: 1.2rem; }

.comments .panel-footer { background-color: #ffffff !important; }

.comments .panel-footer .btn-center {
    margin: 0 auto;
    display: inherit;
}

#participantes .etapa { margin-top: 1.2rem; }

#participantes .etapas .etapa { margin: 0; }

#participantes .panel-footer { background-color: #ffffff; }

#participantes .panel-footer .btn-center {
    margin: 0 auto;
    display: inherit;
}

.modalNotSign { }

.modalNotSign .btn-close {
    width: 1.9rem;
    height: 1.9rem;
    background: url(images/ico_fechar.png) top left no-repeat;
    text-indent: -99999px;
    display: inline-block;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.modalNotSign h4 {
    color: #002a4e;
    font-size: 2rem;
    font-weight: bold;
}

.modalNotSign .modal-container {
    background-color: #f2f4f6;
    padding: .5rem 2rem 1rem 2rem;
    margin-top: 1.5rem;
}

.containerEnviarAssinatura { display: inline-block; }

.containerEnviarAssinatura .avatar {
    background: #fff;
    padding: .5rem;
    margin-left: .5rem;
}

.containerEnviarAssinatura .container-form {
    background-color: #fff !important;
    display: inline-block;
}

.containerEnviarAssinatura .container-form h5 { font-weight: bold; }

.containerEnviarAssinatura .container-form .choose-sign {
    border: .1rem  solid #cccccc;
    margin-right: 0;
    border-radius: .4rem;
}

.containerEnviarAssinatura .container-form .choose-sign hr { margin: 0; }

.containerEnviarAssinatura .container-form .choose-sign .btn-abrir {
    width: 9.2rem;
    height: 1rem;
    display: inline-block;
    background: url(images/ico_arrow_down.png) 4rem .2rem no-repeat #002a4e;
    margin-left: -1.5rem;
}

.containerEnviarAssinatura .thumb {
    width: 8rem;
    height: auto;
    text-align: center;
    text-decoration: none;
    margin: 1rem 0 1rem -1rem;
    display: inline-block;
}

.containerEnviarAssinatura .thumb .imagem {
    width: 6rem;
    display: inline-block;
    background: url(images/spr_icons.png) 0 0 no-repeat;
}

.containerEnviarAssinatura .thumb-assinar .imagem {
    height: 3.7rem;
    background-position: 1rem -75rem;
}

.containerEnviarAssinatura .thumb-acompanhar .imagem {
    height: 2.5rem;
    background-position: -43.8rem -75rem;
}

.containerEnviarAssinatura .thumb .titulo {
    font-size: 1.3rem;
    color: #002a4e;
    font-weight: bold;
    text-align: center;
}

.containerEnviarAssinatura .thumb-acompanhar .titulo { margin-left: -.3rem; }

.containerEnviarAssinatura .thumb .desc {
    font-size: 1rem;
    color: #7f7f7f;
    line-height: 1.2rem;
    display: inline-block;
}

.containerEnviarAssinatura button span.ico_add_user {
    width: 2.6rem;
    height: 1.5rem;
    float: left;
    display: inline-block;
    margin-right: .5rem;
    background: url(images/ico_add_user.png) top left no-repeat;
}

.containerListarParticipantes {
    background-color: #fff;
    display: inline-block;
    padding-bottom: 1rem;
    overflow-y: auto;
    max-height: 30rem;
}

.containerListarParticipantes .itemParticipantes { position: relative; }

.containerListarParticipantes .itemParticipantes .btn-excluir {
    position: absolute;
    top: 1rem;
    right: -1rem;
    z-index: 3000;
}

.containerListarParticipantes .itemParticipantes .icon {
    width:  3.5rem;
    height:  3.5rem;
    float: left;
    display: inline-block;
    background: url(images/ico_participante.jpg) top left no-repeat;
    margin: 0 1rem 1rem 0;
}

.containerListarParticipantes .itemParticipantes .icon-delete {
    width: 2rem;
    height: 2rem;
    float: left;
    display: inline-block;
    background: url(images/spr_dossie.png) -14.5rem -4.8rem no-repeat;
    margin: 0 1rem 1rem 0;
}


.containerLerAssinar { width: 100%; }

.containerLerAssinar .content-buttons { padding-bottom: 1.5rem; }

.containerLerAssinar .thumb {
    cursor: pointer;
    padding: 1rem 1rem .5rem 1rem;
}

.containerLerAssinar .thumb img { border: .1rem  solid #cccccc; }

.containerLerAssinar .thumb p { margin-bottom: .5rem; }

.containerLerAssinar a.link {
    color: #002a4e;
    font-size: 1.3rem;
    text-decoration: underline;
}

/* FIM - DOCUMENTOS - DETALHES */

/* INICIO - MEUS DOCUMENTOS */

.my_documents .no-border { border: none !important; }

.my_documents .widget-accordion { margin-top: 1.5rem; }

.my_documents h3 {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 0;
}

.my_documents .ipt-filter { }

.my_documents .btn-opt-filter {
    background-color: #c2c2c2;
    color: #ffffff;
}

.my_documents .btn-opt-filter .caret { border-top-color: #fff; }

.my_documents .btn-filter-search {
    width: 3rem;
    height: 3rem;
    background: url(images/spr_widget.png) -20rem .5rem no-repeat;
}

.my_documents .box-header { padding: 0 1rem 1rem 1rem; }

.my_documents .well-header {
    background-color: #002a4e;
    line-height: 4.8rem;
}

.my_documents .border-radius { border-radius: .5rem .5rem 0 0; }

.my_documents .well-header h4 {
    color: #fff !important;
    font-weight: bold;
    margin: 0;
    padding: 1.5rem;
}

.my_documents .well-header h4.title-lg { font-size: 2rem !important; }

.my_documents .well-header h4.title-md { font-size: 1.4rem !important; }

.my_documents a.lnk-table {
    font-size: 1.4rem;
    color: #4c4c4c !important;
}

.my_documents .table { border-bottom: .1rem  solid #dddddd; }

.my_documents .table tr td { font-size: 1.2rem; }

.my_documents .lnk-dossie { display: inline; }

.my_documents .heading-list-documents { min-height: 5.3rem; }



.my_documents .heading-list-documents .title-list-documents {
    height: 3rem;
    line-height: 3rem;
}

.my_documents .heading-list-documents .title-list-documents .icon { top: 0; }

.my_documents .heading-list-documents .pagination-control {
    position: absolute;
    top: .6rem;
    right: 0;
}

.my_documents .lnk-dossie .triangulo {
    float: left;
    border-color: transparent #002a4e transparent transparent;
    border-width: 1.1rem;
    border-style: solid;
    margin: 0 0 0 -.8rem;
}

.my_documents .lnk-dossie .badge {
    background-color: #002a4e;
    border-radius: 0;
    padding: .5rem 1rem;
}

.my_documents .icon-dossie .icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    top: .5rem;
    position: relative;
    margin-right: .5rem;
}

.my_documents .icon-dossie .sprite { background: url(images/spr_dossie.png) no-repeat; }

.my_documents .icon-dossie .sprite-config { background-position: .3rem .3rem; }

.my_documents .icon-dossie .sprite-part { background-position: -5.2rem 0; }

.my_documents .icon-dossie .sprite-hist { background-position: -10rem .2rem; }

.my_documents .action-dossie .icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    top: .5rem;
    position: relative;
    margin-right: .5rem;
}

.my_documents .action-dossie a,
.my_documents .action-dossie button,
.my_documents .action-dossie small { color: #80909d !important; }

.my_documents .action-dossie .sprite { background: url(images/spr_dossie.png) no-repeat; }

.my_documents .action-dossie .sprite-assinar { background-position: 0 -4.9rem; }

.my_documents .action-dossie .sprite-dossie { background-position: -5.2rem -5rem; }

.my_documents .action-dossie .sprite-baixar { background-position: -9.8rem -5rem; }

.my_documents .action-dossie .sprite-excluir { background-position: -14.5rem -4.8rem; }

.my_documents .panel-group .panel-heading h4.panel-title a:hover { text-decoration: none; }

.my_documents .panel-group .panel-heading h4.panel-title a span {
    display: block;
    cursor: pointer;
}

.my_documents .panel-group .panel-body .form-group .checkbox p { font-weight: normal; }



/* FIM - MEUS DOCUMENTOS */

/* INICIO - CONFIGURACAO PJ */


#lista-empresas a.list-group-item.active { }

#category-tabs a.list-group-item.active *,
#lista-empresas a.list-group-item.active * { color: #fff !important; }

.config_pj h3 {
    font-size: 3rem !important;
    font-weight: bold;
    margin-top: 0;
}

.config_pj .lnk-voltar {
    font-size: 1.3rem;
    color: #7f7f7f;
}

.config_pj .txt-description { }

.config_pj .box-company {
    background-color: #f2f4f6;
    padding-bottom: 8rem;
    padding-right: 0;
    margin-bottom: 2rem;
}

.config_pj .box-company ul {
    width: 100%;
    margin: 3rem 0 0 0;
    display: inline-block;
}

.config_pj .box-company ul li {
    padding-left: 1.5rem;
    float: left;
    margin-bottom: 1rem;
    width: 100%;
}

.config_pj .box-company ul li a { margin-left: 1.5rem; }

.config_pj .box-company .active a {
    width: 94%;
    float: right;
    background-color: #fff !important;
    color: #002a4e !important;
    position: relative;
    border-radius: 0;
}

.config_pj .box-company .lnk-add-company,
.config_pj .box-company .lnk-add-company:hover {
    background: #d3dae0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 1.5rem 1.5rem 5rem;
    background: url(images/ico-company.png) 1.3rem 1.3rem no-repeat #d3dae0 !important;
    margin-top: 1rem;
    color: #688ba9 !important;
}

.config_pj .box-tabs, .config_usuarios .box-tabs {
    border: .1rem  solid #dddddd;
    border-top: none;
    -webkit-border-bottom-right-radius: .4rem;
    -webkit-border-bottom-left-radius: .4rem;
    -moz-border-radius-bottomright: .4rem;
    -moz-border-radius-bottomleft: .4rem;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem;
}

.config_pj .txt-summary,
.config_pj .no-records,
.config_usuarios .no-records { padding-top: 1rem; }

.table .no-records { padding-top: 0; }

.config_pj .box-actions { padding: .5rem 1rem 0 1rem; }

.config_pj .box-actions button,
.config_pj .box-actions label {
    color: #688ba9 !important;
    font-size: 1.2rem !important;
    margin-bottom: 0;
}

.config_pj .box-actions .icon {
    width: 2.7rem;
    height: 2.4rem;
    float: left;
    display: inline-block;
    background: url(images/spr_dossie.png) no-repeat;
}

.config_pj .box-actions .icon-remove { background-position: -19.7rem .3rem; }

.config_pj .box-actions .icon-add { background-position: -15.3rem 0; }

.config_pj .box-actions .icon-empty { background-position: 20rem 20rem; }

.config_pj .box-actions .icon-add-company { background-position: -36.4rem 0; }

#adicionarEmail input[type="checkbox"][disabled] { display: none; }

.checkbox.bordered { position: relative; }

.form-inline-spacing .checkbox.bordered.ativo { margin: 1rem 0 1rem -.8rem !important; }

.form-inline-spacing .checkbox.bordered.ativo { margin: 1rem 0 1rem -.8rem !important; }

.checkbox.bordered.ativo {
    border: .1rem  solid #ccc;
    border: .1rem  solid #ccc;
    padding: .4rem .4rem .6rem 2.7rem;
    margin: .5rem 0 .5rem -.8rem !important;
    background-color: #F9F9F9;
}

.checkbox.bordered.ativo .extra-info, .checkbox.bordered.ativo .form-inline.recaptcha {
    border-top: .1rem  solid #E5E5E5;
    padding-top: .6rem;
    margin-top: .4rem;
    font-size: 1.2rem;
}

.checkbox.bordered.ativo .extra-info, .checkbox.bordered.ativo .form-horizontal.recaptcha { font-size: 1.2rem; }

.checkbox.bordered.ativo .extra-info, .checkbox.bordered.ativo .form-horizontal.recaptcha .form-group { margin-bottom: .7rem; }

.checkbox.bordered.ativo .form-inline.recaptcha:last-child { border-top: none; }

.checkbox.bordered.ativo .form-inline.extra-info .form-control { width: 5rem; }

.checkbox.bordered.ativo .form-inline.recaptcha .form-control { width: 25rem; }

.checkbox.bordered .icon {
    position: absolute;
    right: .6rem;
    top: .7rem;
    display: none;
}

.checkbox.bordered.ativo .icon { display: block; }




/* TABS BOX */

.tabs-box li a {
    background: #f2f4f6;
    color: #688ba9;
    font-size: 1.3rem;
    border-bottom: none;
}

/* TABLE GROUP */

.table-group { }

.table-group th {
    background: #a1b5c6;
    font-size: 1.2rem;
    color: #fff;
    vertical-align: middle !important;
    text-align: center;
    border-right: .1rem  solid #fff;
    border-bottom: none !important;
}

.table-group thead tr { border: none !important; }

.table-group th.first { text-align: left; }

.table-group th.last {
    border: none !important;
    background: none !important;
}

.table-group td {
    border-top: none !important;
    border-bottom: .1rem  solid #e5e5e5 !important;
    font-size: 1.2rem;
    color: #909090;
    vertical-align: middle !important;
}

.table-group td.last { width: 13%; }

.table-group td .ico-user {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -25.9rem 0 no-repeat;
    margin: 0 .5rem;
}

.table-group td .botao {
    min-width: 3.1rem;
    background-color: none;
    background: url(images/spr_dossie.png) no-repeat;
    width: auto;
    height: auto;
    margin: 0 0 1rem 0 !important;
    border: none;
}

.table-group td .botao-edit { background-position: -20.6rem -5.3rem; }

.table-group td .botao-remove { background-position: -25.9rem -5.3rem; }

.table-group td .txt-outstanding {
    background-color: #f2f4f6;
    font-size: 1.1rem;
    color: #6f90ad;
    line-height: 1.5rem;
    padding: 0 0 0 1rem;
}

.table-group td .txt-outstanding .paragraph {
    padding: .3rem 0;
    display: inline-block;
}

.table-group td .txt-outstanding .paragraph u { cursor: pointer; }

.table-group td .txt-or {
    text-align: center;
    margin: 0;
    font-size: 1.1rem;
    color: #6f90ad;
}

.box-group {
    display: inline-block;
    padding: 2rem 0 1rem 0;
    border: .1rem  solid #ddd;
    border-radius: .4rem;
    font-size: 1.1rem;
    background-color: #fff;
}


.box-group .group-list-user ul li {
    float: left;
    display: inline;
    margin-right: 2rem;
    list-style: none;
    font-size: 1.2rem;
    color: #909090;
    font-family: 'OpenSans', sans-serif !important;
}

.box-group .ico-user-small {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -30.6rem -5.3rem no-repeat;
}

.box-group .ico-group-user {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -31.2rem 0 no-repeat;
}

.box-group .botao {
    min-width: 3.1rem !important;
    background-color: none;
    background: url(images/spr_dossie.png) no-repeat;
    width: auto;
    height: auto;
    margin: 0 .1rem  1rem 0 !important;
    border: none;
}

.box-group p { font-size: 1.2rem; }

.box-group .botao-edit { background-position: -20.6rem -5.3rem; }

.box-group .botao-remove {
    background-position: -25.9rem -5.3rem;
    margin-right: 0 !important;
}

.box-group .icon-user {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -25.9rem 0 no-repeat;
    margin: 0 .5rem;
}

.box-group .icon-company {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -36.4rem -5.3rem no-repeat;
    margin: 0 .5rem;
}

.box-group .box-list-contacts {
    background-color: #f2f4f6;
    padding-bottom: 1rem;
}

.box-group .box-list-contacts h4 {
    font-size: 1.2rem !important;
    color: #688ba9 !important;
    font-weight: normal;
}

.box-group .icon-add-group {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -15.3rem .7rem no-repeat;
}

.box-config-signature h5 {
    font-size: 1.6rem;
    color: #7f7f7f;
    font-weight: bold;
}

.box-config-signature ul { padding-left: 0; }

.box-config-signature ul li {
    float: left;
    list-style: none;
}

.box-config-signature .subscription-model .page-example { width: 6.1rem; }

.box-config-signature .subscription-model .page-example .page {
    width: 6.1rem;
    height: 6.9rem;
    display: inline-block;
}

.box-config-signature .subscription-model .page-example .page-1 { background: url(images/ico-page-1.jpg) top left no-repeat; }

.box-config-signature .subscription-model .page-example .page-2 { background: url(images/ico-page-2.jpg) top left no-repeat; }

.box-config-signature .subscription-model .page-example p {
    font-size: 1rem !important;
    color: #909090;
}

.modal-config .modal-body h4 { font-size: 1.6rem; }

.modal-config .item-blue {
    background: #f2f4f6;
    padding: .5rem 3rem;
    font-size: 1.2rem;
    color: #688ba9;
}

.modal-group h4 {
    font-size: 1.4rem;
    color: #4c4c4c;
    font-weight: bold;
}

.modal-group h4.tit-name-user {
    color: #7f7f7f;
    font-size: 1.3rem;
}

.modal-group p {
    font-size: 1.3rem;
    color: #7f7f7f;
}

.modal-group .media { margin-top: 1rem; }

.modal-group .ico-user-small {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -30.6rem -5.3rem no-repeat;
}

.modal-group .botao {
    min-width: 3.1rem !important;
    background-color: none;
    background: url(images/spr_dossie.png) no-repeat;
    width: auto;
    height: auto;
    margin: 0 .1rem  1rem 0 !important;
    border: none;
}

.modal-group .botao-remove {
    background-position: -25.9rem -4.7rem;
    margin-right: 0 !important;
}


.modal-group .well-header {
    background-color: #002a4e;
    line-height: 4.8rem;
}

.modal-group .border-radius { border-radius: .5rem .5rem 0 0; }

.modal-group .well-header h4 {
    color: #fff !important;
    font-weight: bold;
    margin: 0;
    padding: 1.5rem;
    text-align: center;
}

.modal-group .well-header h4.title-lg { font-size: 2rem !important; }

.modal-group .well-header h4.title-md { font-size: 1.4rem !important; }

.modal-group .box-funcionarios {
    border-top: none;
    background: none !important;
    border-radius: 0 0 .5rem .5rem;
}

.modal-group .box-funcionarios span { color: #7f7f7f; }

.modal-group .btn-add-user {
    color: #688ba9;
    font-size: 1.2rem;
}

.modal-group .btn-add-user .icon {
    width: 2.7rem;
    height: 2.4rem;
    float: left;
    display: inline-block;
    background: url(images/spr_dossie.png) no-repeat;
}

.modal-group .btn-add-user .icon-add { background-position: -15.3rem 0; }


.modal-group .situation { }

.modal-group .situation .header {
    background: #002a4e;
    padding: 1rem .5rem;
}

.modal-group .situation .header span {
    color: #fff;
    font-weight: bold;
}

.modal-group .situation .header .ico-closed {
    width: 1rem;
    height: .9rem;
    background: url(images/ico_closed_small.png) 0 0 no-repeat;
    opacity: 1;
}

.modal-group .situation .body { border: .1rem  solid #DADADA; }

.modal-group .situation .body .group-work {
    font-size: 1.2rem;
    color: #7f7f7f;
    line-height: 3rem;
    margin-top: 0;
}

.modal-group .situation .body .group-work a {
    font-size: 1.2rem;
    color: #7f7f7f;
    line-height: 3rem;
    margin-top: 0;
}

.modal-group .situation .body .group-work .ico-group-user {
    width: 3.4rem;
    height: 3rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -31.2rem 0 no-repeat;
}

.modal-group .situation .body .group-work .ico-group-user-small {
    width: 2rem;
    height: 3rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -41.6rem -4.8rem no-repeat;
}

.modal-group .situation .body .media { margin-top: 0; }

.modal-group .situation .body .ico-user-small {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background: url(images/spr_dossie.png) -30.5rem -4.9rem no-repeat;
}

/* FIM - CONFIGURACAO PJ */


/* COMPRAR CREDITOS */

#creditos #bonus-status,
#creditos #transactions-status { margin-bottom: 1.5rem; }

#creditos .variable-prices {
    margin: 0;
    font-size: 1.3rem;
}

#creditos .insufficient-credits {
    margin-top: 0;
    font-size: 1.3rem;
}

#creditos .panel-group .panel {
    margin-top: -.1rem ;
    border-radius: 0;
    position: relative;
    overflow: visible;
}

#novodocumento #creditos #transactions-status .panel { border-radius: .4rem; }

#creditos .title { margin-top: 0; }

#creditos .panel-group { margin: 0; }

#creditos .panel.disabled .panel-heading a {
    cursor: default;
    color: inherit;
}

#creditos .panel.disabled .panel-heading .toggle-icon { color: #DEDEDE; }

#creditos .panel .panel-heading .toggle-icon { float: left; }

#creditos .panel.open .panel-heading .toggle-icon { }

#creditos .panel .panel-collapse { padding: 0 .7rem 1rem; }

#novodocumento #creditos .panel .panel-collapse { padding-bottom: 2rem; }

#novodocumento #creditos .panel:last-child .panel-collapse { padding-bottom: 1rem; }

#creditos .panel-group .panel-body {
    border-top-color: transparent;
    padding: 1rem 0 0 0;
}

#creditos .panel .panel-body li {
    position: relative;
    padding-left: 2.4rem;
}

#creditos .panel .panel-body li:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f00c";
    position: absolute;
    left: .5rem;
    top: 0;
    color: #468847;
    font-weight: 300;
}

#creditos .panel .panel-body *:last-child { margin-bottom: 0; }

#creditos .panel > .panel-heading > .panel-title {
    font-size: 1.4rem;
    color: #7c7c7c;
}

#creditos .panel > .panel-heading .badge {
    margin-top: -.1rem ;
    font-size: 1.2rem;
    margin-left: .4rem;
    font-weight: normal;
    text-transform: lowercase;
    width: auto !important;
}

#creditos .panel > .panel-heading > .panel-title a span.available {
    display: inline-block;
    width: 54%;
    word-wrap: break-word;
}

#creditos .panel > .panel-heading > .panel-title a { text-decoration: none; }

#creditos .panel > .panel-heading > .panel-title a span.currency { width: auto !important; }

#creditos .credit {
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
    margin: 0;
}

#creditos .credit:first-child { margin-bottom: 1.5rem; }

#creditos .cost-type {
    padding: .7rem 0;
    border-bottom: .1rem  solid #DADADA;
}

#creditos .cost-type .desc { float: left; }

#creditos .cost-type .sub {
    color: #AAA;
    font-size: 1.2rem;
    display: block;
}

#creditos .cost-type:first-child { padding-top: 0; }

#creditos .cost-type:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

#creditos .cost-type.total-cost { font-weight: bold; }


#creditos .credit.no-credit {
    background-color: #fcf2f2;
    border-color: #d9534f;
}

#creditos .credit .my-credits,
#creditos .credit .total-cost,
#creditos .credit .my-credits .value,
#creditos .credit .total-cost .value { color: #000; }

#creditos .no-credit .my-credits,
#creditos .cost-type.no-credit,
#creditos .no-credit .my-credits .value,
#creditos .cost-type.no-credit .value { color: #b94a48; }

#creditos .no-credit .buy-more {
    padding: .7rem 0 0 0;
    margin: 0;
}

#creditos .credit #bonus-status { margin-bottom: 0; }

#creditos .credit #bonus-status ul li { clear: both; }

#creditos .credit hr { margin: 1rem 0; }

#creditos .credit .value {
    float: right;
    font-weight: bold;
}

#creditos .credit .value span { text-transform: lowercase; }

#creditos .currency { text-transform: none !important; }

#novodocumento #creditos #transactions-status .panel:after {
    content: "ou";
    text-align: center;
    font-size: 1.2rem;
    border-radius: 1.5rem;
    /*background-color: #f5f5f5;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
    background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE6-9 */
    border: .1rem  solid #B7B7B7;
    position: absolute;
    left: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.2rem;
    margin: 0 auto;
    bottom: -1.7rem;
    z-index: 10;
}

#novodocumento #creditos #transactions-status .panel:last-child:after { display: none; }

#creditos .panel .panel-heading { padding: 0 .7rem 0 .7rem; }

#creditos .panel .panel-heading a {
    display: block;
    padding: 1rem 0;
}

#novodocumento #creditos .panel-group .panel + .panel { margin-top: 1.1rem; }

#creditos .panel-group .panel:first-child {
    border-top-right-radius: .4rem;
    border-top-left-radius: .4rem;
}

#creditos .panel-group .panel:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem;
}

#comprarCreditos.panel .panel {
    border-width: .1rem ;
    border-style: solid;
}

#comprarCreditos .planos-row { }

#comprarCreditos .plano .panel-body .dropdown .btn {
    border: .2rem solid #333;
    font-weight: bold;
}

#comprarCreditos .plano .panel-body .dropdown .btn .caret {
    float: right;
    margin: .8rem 0 0 0;
    border-top: .6rem solid #000;
    border-right: .6rem solid transparent;
    border-left: .6rem solid transparent;
}

#comprarCreditos .planos-row:last-child { padding-bottom: 0; }

#comprarCreditos .plano { margin-bottom: 1.5rem; }

#comprarCreditos .plano .panel-body {
    min-height: 19rem;
    height: 19rem;
    padding-top: .7rem;
    padding-bottom: .7rem;
}

#comprarCreditos .plano small { font-size: 40%; }

#comprarCreditos .plano .lead { margin-bottom: 0; }

#comprarCreditos .plano .lead h2 {
    font-size:  3.5rem;
    margin-top: 0;
    position: relative;
}

#comprarCreditos h3 { text-align: center; }

#comprarCreditos h3 strong { font-weight: normal; }

#comprarCreditos .plano span.info-noUserLimit { font-size: 70%; }

.panel-business > .panel-heading {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}

.panel-business > .panel-heading h3 { color: #fff !important; }

#comprarCreditos .plano .panel-body h3 { margin-top: .8rem; }

#comprarCreditos .plano .panel-body .desconto { color: #3a87ad; }

#comprarCreditos .plano:hover { -webkit-box-shadow: 0 .1rem  .5rem rgba(0, 0, 0, 0.4), 0 .1rem  .5rem rgba(130, 130, 130, 0.35); box-shadow: 0 .1rem  .5rem rgba(0, 0, 0, 0.4), 0 .1rem  .5rem rgba(130, 130, 130, 0.35); }

.signature-image {
    display: block;
    max-width: 80rem;
    max-height: 25rem;
    width: auto;
    height: auto;
}

/* ADMINISTRACAO */

.doctype-fields .doctype {
    border-bottom: .1rem  solid #d4d4d4;
    margin-bottom: .8rem;
}

.doctype-fields .doctype:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

#administracao_usuarios tbody td,
#administracao_empresas tbody td { cursor: pointer; }

#content #dataInicio .dropdown-menu { top: -2rem!important; }
#content #dataFim .dropdown-menu { top: -10.5rem!important; }
#content #dataInicio .dropdown-menu button, #content #dataFim .dropdown-menu button{ 
    padding: .5rem 1rem;
    font-size: 1.2rem; 
    line-height: 1.5; 
    border-radius: .3rem;
}

#tableEmailsRegistrados .email{
    text-transform:lowercase;
}

#tableEmailsRegistrados .label-with-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 19rem;
    display: inline-block;
}
/* CAIXA DE UPLOAD */
#batch-uploader .plupload_container {
    padding: 0;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 20rem !important;
    direction: ltr;
    cursor: pointer;
    background-color: red;
}


/* LER E ASSINAR */

#assinarDocumento .tipos {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

#assinarDocumento .tipos .item { margin-bottom: 1rem; }

#assinarDocumento .tipos .item:last-child { margin-bottom: 0; }

#assinarDocumento .tipos .selecionado { background-color: #ccc; }

#notificacoesDocumento .conteudoEmail { max-height: 25rem; }

#notificacoesDocumento .informacoesAdicionais { max-height: 18rem; }

#notificacoes .table-responsive { clear: both; }

/* CUSTOM SPACING */

.top-space-xxs { margin-top: .2rem; }

.top-space-xs { margin-top: .5rem; }

.top-space-sm { margin-top: 1rem; }

.top-space-md { margin-top: 2rem; }

.left-space-xxs { margin-left: .2rem; }

.left-space-xs { margin-left: .5rem; }

.left-space-sm { margin-left: 1rem; }

.left-space-md { margin-left: 2rem; }

.right-space-xxs { margin-right: .2rem; }

.right-space-xs { margin-right: .5rem; }

.right-space-sm { margin-right: 1rem; }

.right-space-md { margin-right: 2rem; }

.top-padding-xxs { padding-top: .2rem; }

.top-padding-xs { padding-top: .5rem; }

.top-padding-sm { padding-top: 1rem; }

.top-padding-md { padding-top: 2rem; }

.bottom-padding-xxs { padding-bottom: .2rem; }

.bottom-padding-xs { padding-bottom: .5rem; }

.bottom-padding-sm { padding-bottom: 1rem; }

.bottom-padding-md { padding-bottom: 2rem; }

.bottom-margin-sm { margin-bottom: 1rem; }

/* CALLOUT */

.callout {
    margin: 2rem 0;
    padding: 1.5rem;
    border-left: .3rem solid #eee;
}

.callout h4 {
    font-size: 1.8rem !important;
    margin-top: 0;
}

.callout p:last-child,
.callout .form-group:last-child { margin-bottom: 0; }

.callout code,
.callout .highlight { background-color: #fff; }

.callout-default {
    background-color: #F6F6F6;
    border-color: #9C9C9C;
}

.callout-default h4 { color: #7c7c7c !important; }

.callout-danger {
    background-color: #fcf2f2;
    border-color: #d9534f;
}

.callout-danger h4 { color: #a94442 !important; }

.callout-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

.callout-warning h4 { color: #f0ad4e !important; }

.callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

.callout-info code,
.callout-info .highlight { background-color: #C9DEE8; }

.callout-info h4 { color: #5bc0de !important; }

.callout-success {
    background-color: #dff0d8;
    border-color: #3c763d;
}

.callout-success h4 { color: #3c763d !important; }

.callout .form-horizontal .form-group.alertas {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc;
    cursor: pointer;
}

.callout .form-horizontal .form-group.accordion-toggle p.accordion:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
    float: right;
    font-weight: 300;
}

.callout .form-horizontal .form-group.accordion-toggle.collapsed p.accordion:after { content: "\f054"; }

/* FUNCIONARIOS */

#funcionariosDiv ul.funcionarios {
    padding-left: 0;
    margin-bottom: 0;
}

#funcionariosDiv ul.funcionarios li {
    border-top: .1rem  solid #ddd;
    list-style: none;
}

#funcionariosDiv ul.funcionarios li:first-child {
    border-top: 0;
    padding-top: 0;
}

#funcionariosDiv ul.funcionarios .funcionario { padding: .4rem 0; }

#funcionariosDiv ul.funcionarios .funcionario .icon {
    margin-top: .2rem;
    width: 1.6rem;
    text-align: center;
    margin-right: -.4rem;
}

/* REPRESENTANTES POR SITUACAO */

.media input[type="radio"],
.media input[type="checkbox"] { margin: .2rem 0 0 0; }

/* CONFIGURACOES DE ASSINATURA */

#collapseAssinaturas h5 {
    margin-bottom: 0;
    margin-top: 2rem;
}

.signature-models div.box_sign {
    max-height: 15rem;
    min-height: 15rem;
    overflow-y: visible;
    overflow-x: hidden;
    background-color: #fff;
    border-radius: .3rem;
}

.signature-models ul {
    padding: .6rem;
    margin: 0;
    list-style-position: inside;
    list-style-type: none;
}

.signature-models .model { margin: 2rem 0 0 0; }

.signature-models .model.signatureType1 {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.signature-models .model.selecionado { background-color: red; }

.signature-models .radio {
    margin-top: .3rem;
    font-size: 1.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.signature-models li {
    padding: .3rem 0 .6rem 1.4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    word-wrap: break-word;
}

.signature-models .list-styled { padding-left: 0; }

.signature-models .list-styled li { padding-top: 0; }

.signature-models li.title_list {
    font-size: 1.4rem;
    background: none;
    padding: .3rem 0 .3rem 0;
}

.signature-models li.title_list span { font-size: 1.1rem; }
        
/* REPRESENTANTES POR SITUACAO */

.regras .regra:first-child { margin-top: 0; }

.regras .regra {
    margin: 2.8rem 0 0 0;
    position: relative;
    background-color: #fff;
}

.regras .regra.well-sm { padding: .2rem .5rem; }

.regras .regra .subregra { display: inline; }

.regras .regra .subregra .divisor {
    display: inline;
    padding: 0 .4rem;
    margin-bottom: 0;
    position: relative;
    width: auto;
    bottom: 0;
}

.regras .regra .divisor {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -2.5rem;
    left: 0;
}

.regras .regra .grupo { cursor: pointer; }

.popover-funcionarios { width: 23rem; }

.popover-funcionarios .funcionario {
    margin: 0 0 0 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: .6rem 0;
}

.popover-funcionarios .funcionario .pull-left { margin: .2rem .4rem 0 0; }

.popover-funcionarios .funcionario:first-child {
    margin-top: 0;
    border-top: 0;
}


/* CONTATOS - CONTRAPARTES */

#contrapartes .contraparte .panel-heading { cursor: default; }

#contrapartes .contraparte.panel {
    border-width: .1rem ;
    font-size: 1.2rem;
}

.importar .radio-inline { margin: .7rem 1rem .7rem .4rem; }

#contrapartes .contraparte.panel label { margin-bottom: 1.2rem; }

#contrapartes .contraparte.panel .btn-actions label { margin-bottom: .5rem; }

#contrapartes .contraparte .users .user span { line-height: 2.2rem; }

#contrapartes .contraparte div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#contrapartes .contraparte .tag-list {
    white-space: normal;
    display: block;
}


#contrapartes .contraparte div a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
}

#contrapartes .list-group { margin-bottom: 0; }

#contrapartes .dropdown-menu > li a {
    display: block;
    padding: .3rem 2rem;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}

#contrapartes .dropdown-menu > li a:hover,
#contrapartes .dropdown-menu > li a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

#contatosPF .tab-content { padding-bottom: 1.5rem; }

#contatosPF .contatos.panel { border-width: .1rem ; }

#contatosPF #importar .radio-inline { margin: .7rem 1rem .7rem .4rem; }

#contatosPF .contatos.panel:last-child { margin-bottom: 2rem; }

    
#contatosPF .contatos div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#contatosPF .list-group { margin-bottom: 0; }

#contatosPF .dropdown-menu > li a {
    display: block;
    padding: .3rem 2rem;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}

#contatosPF .dropdown-menu > li a:hover,
#contatosPF .dropdown-menu > li a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


.btn-actions, .btn-actions div { overflow: visible !important; }

/* CONTEXTO */

.adm-tabs .tab-pane h3:first-child { margin-top: 0; }

.adm-tabs .tab-pane {
    padding-left: 0;
    padding-right: 0;
}

div[contenteditable=false] { background-color: #eee }

div .secao { margin-bottom: 4rem }

div .item { margin-bottom: 2rem }

.enable-eletronic-signature { position: relative; }

.enable-eletronic-signature .enable-eletronic-signature__item {
    margin-left: 20px;
    margin-bottom: 20px;
}

/* CONTEXTOS */

.form-inline-spacing .checkbox + .checkbox,
.form-inline-spacing .radio + .radio { margin-top: 1.5rem; }

.form-inline-spacing > .form-inline,
.form-inline-spacing > .form-group { margin-bottom: .5rem; }

.form-inline-spacing .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
}

.form-inline-spacing .form-inline .input-group {
    display: inline-table;
    margin-bottom: 0;
}

.form-inline-spacing .form-inline .checkbox {
    padding-left: 2rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.form-inline-spacing .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -2rem;
    margin-top: .9rem;
}

#notificacoesTemplates .ng-table th.sortable.sort-asc:before { content: "Organizar por nome A-Z "; }

#notificacoesTemplates .ng-table th.sortable.sort-desc:before { content: "Organizar por nome Z-A "; }


/* TAGS */

#area-documentos .tag-list {
    max-width: 20rem;
    min-width: 9rem;
}

.tag-list {
    display: block;
    margin-top: -.3rem;
    white-space: normal;
}

.tag-list .tag {
    padding: .4rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    display: inline-block;
    margin: .3rem .3rem 0 0;
    font-weight: normal;
    word-break: break-all;
    background-color: #f4f8fa;
    color: #7c7c7c;
    border: .1rem  solid #cadbe0;
    text-align: left;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.tag-list .btn-acao { padding-left: 0; }

/* MONITORAMENTO APIS */

.listaMonitoramentoAPIs li { margin: 1em 0; }

.listaMonitoramentoAPIs li.ResponseFailure { color: red; }

.listaMonitoramentoAPIs li.ResponseSuccess { color: green; }

.indent-checkbox { margin-left: 2rem }

.checkbox.monitoramentoapi { margin: .7rem 0; }

.filter-obs-qtde {
    color: red;
    font-weight: bold;
}

.status-conexao-1 { color: green; }

.status-conexao-0,
.status-conexao-2,
.status-conexao-4 { color: red; }

/* DIALOGS */

.modal-dialog .modal-body > .callout:first-child { margin-top: 0; }

/* DIALOG EnviarVersao.cshtml */

/* DIALOG EnviarAnexo.cshtml */

.fontes .fal {
    display: block;
    padding: 1rem 0;
}

/* DIALOG AdicionarEditarSituacao.cshtml */
.situacoes .situacao:last-child .alternativa { margin-bottom: 0; }

.situacao .form-control { display: inline-block; }

.situacao > .panel > .panel-body { padding-bottom: 0; }

.situacao > .panel.alternativa {
    margin-bottom: 2rem;
    background-color: #f5f5f5;
}

#AdicionarEditarSituacao .example { font-style: italic; }

.situacao .panel { margin: 0 0 1rem 0; }

.situacoes .txt-e,
.situacoes .txt-ou {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.situacoes .txt-ou { height: 4rem; }

.situacoes .txt-e {
    position: absolute;
    top: 50%;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin-top: -1rem;
}

.situacoes .numero-pessoas { width: 7rem; }

.situacoes .grupos { min-height: 14.9rem; }

.situacoes .grupos .list-group {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.situacoes .grupos .panel { margin-bottom: 0; }

.situacoes .grupos .lista-grupos {
    max-height: 12.1rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.situacoes .grupos .usuarios {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 8.6rem;
    max-height: 8.6rem;
}

.situacoes .panel-default > .panel-heading {
    padding: 1rem;
    background-color: transparent;
}

.situacoes .panel-body { padding: 1rem; }

.situacoes .grupo .panel-heading .badge {
    color: #3a87ad;
    background-color: #fff;
}

.situacoes .grupos .panel-heading,
.situacoes .grupos .list-group-item { padding: .6rem 1rem; }

.situacoes .grupos .usuarios .list-group-item { border: 0; }

.situacoes .txt-ou { }

/* DIALOG AssinarDocumentos.cshtml */

.assinar-documentos { }

.assinar-documentos .list-group-item { padding: .7rem; }

.assinar-documentos .modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.assinar-documentos .preview,
.assinar-documentos .preview ul { margin-bottom: 0; }

.assinar-documentos .status-icon {
    position: absolute;
    right: .7rem;
    top: .6rem;
}


/* DIALOG ParticipantesDossie.cshtml */
.dossie-participantes .participante .checkbox:last-child,
.dossie-participantes .participante .form-group:last-child { margin-bottom: 0; }

.dossie-participantes .participante hr { margin: 1rem 0; }

.dossie-participantes .participante .icon * { line-height: normal; }

/* DIALOG HistoricoDossie.cshtml */

.dossie-historico {
    max-height: 25rem;
    overflow-y: auto;
    overflow-x: hidden;
}

/* DIALOG AdicionarEditarContraparte.cshtml */

.adicionar-contraparte .contraparte { margin-bottom: 1.5rem; }

/* DIALOG AdicionarEditarContraparte.cshtml + AdicionarEditarGrupo */

/* USUARIOS CADASTRADOS */

.usuarios-cadastrados .cadastros {
    overflow-y: auto;
    min-height: 13.6rem;
    max-height: 13.6rem;
}

.tipo-documento-checkbox .empresas {
    overflow-y: auto;
    min-height: 13.6rem;
    max-height: 40rem;
}

.tipo-documento-checkbox .herancas {
    overflow-y: auto;
    min-height: 13.6rem;
    max-height: 30rem;
}

.usuarios-cadastrados .search { margin-bottom: 1rem; }

.usuarios-cadastrados .cadastro .checkbox { margin: .5rem 0; }

.usuarios-cadastrados .cadastro .media { margin: 0; }

.funcionarios-participantes {
    max-height: 28rem;
    overflow-y: auto;
    overflow-x: hidden;
}

/*DIALOG AdicionarEditarFormatoAssinatura.cshtml */

.modal-body .tab-content .tab-pane { padding: 1rem 0 0 0; }

/* jQuery BlockUI */

.blockOverlay.fullscreen { z-index: 1050 !important; }

.blockOverlay.with-loader {
    background-image: url("images/ico_loader.gif");
    background-position: 50%;
    background-repeat: no-repeat;
}

.blockOverlay.disabled { cursor: not-allowed !important; }

.blockUI.blockElement,
.blockUI.fullscreen.blockPage {
    width: 30rem;
    padding: 2rem 1rem !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    top: 40%;
    text-align: center;
    border: none;
    background-color: #000;
    border-radius: .6rem;
    opacity: .65;
    color: #fff;
    cursor: wait;
}

.blockUI.blockElement.fullscreen,
.blockUI.blockPage.fullscreen {
    top:  3.5rem !important;
    z-index: 1060 !important;
    font-size: 1.6rem;
}

.blockUI.blockElement .fal { padding: .1rem ; }

/* oakModel oakError */

.input-validation-error {
    border: .1rem  solid #953b39;
    color: #953b39;
}

/* AFFIX */
.config_pj .affix,
.config_usuarios .affix { top: 14.5rem; }

#novodocumento .affix { top: 14.5rem; }

.affix-bottom { position: absolute; }

/* Configuracoes Usuario e configs AARRR */

.horarios .horario table { float: left; }

.horarios .horario .botao-remove { margin: 3.1rem 0 0 .7rem; }



/* Estatisticas AARRR */
#content #gerarRelatorio .dropdown-menu { min-width: 25rem; }

.tabs-filterbar { position: relative; }

.tabs-filterbar .filter-trigger {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.aarrr-table-resultados thead tr th,
.aarrr-table-resultados tr td,
.aarrr-table-resultados tr td { text-align: center; }

.aarrr-maquina-estados-container { position: relative; }

.aarrr-maquina-estados-text {
    position: relative;
    font-size: 1.4rem;
    font-weight: bold;
    border: solid;
    border-width: thin;
    display: inline-block;
    padding: 0 .8rem;
    color: #5b7e9c;
    border-color: #5b7e9c;
}

.aarrr-maquina-estados-text-6 {
    color: white;
    border-color: white;
}

.aarrr-maquina-estados-text-8 {
    color: white;
    border-color: white;
}

.aarrr-maquina-estados {
    z-index: 100;
    position: absolute;
    height: 2.8rem;
    width: 17rem;
    text-align: center;
    margin-top: .3rem;
}

.aarrr-maquina-estados#id1 {
    left: 1.9rem;
    top: 25.1rem;
}

.aarrr-maquina-estados#id2 {
    left: 23.3rem;
    top: 25.1rem;
}

.aarrr-maquina-estados#id3 {
    left: 23.3rem;
    top: 40rem;
}

.aarrr-maquina-estados#id4 {
    left: 50.3rem;
    top: 25.1rem;
}

.aarrr-maquina-estados#id5 {
    left: 76.7rem;
    top: 25.1rem;
}

.aarrr-maquina-estados#id6 {
    left: 98.4rem;
    top: 25.1rem;
    color: white;
}

.aarrr-maquina-estados#id7 {
    left: 76.7rem;
    top: 36.3rem;
}

.aarrr-maquina-estados#id8 {
    left: 76.7rem;
    top: 13.9rem;
    color: white;
}


/* LISTA DE DOCUMENTOS */

#tableDocumentos > tbody > tr > td {
    word-wrap: break-word;
    word-break: break-all;
}


/* VERIFICADOR CAdES */
#upload-type { margin-bottom: 2rem; }

#verificador.finished .upload { background-color: #E6F3FF; }

#verificador.working .verificacao > .callout { margin-bottom: 0; }

#verificador .finished .batch-screening { margin-top: 0 !important; }

#verificador .finished .batch-screening:before,
#verificador .finished .batch-screening:after { display: none; }

#verificador .finished.skip-screening .verificacao:before,
#verificador .finished.skip-screening .verificacao:after { display: none; }

#verificador .finished.skip-screening .verificacao { margin-top: 0 !important; }

#verificador .batch-screening:after,
#verificador .verificacao:after {
    font-family: 'Font Awesome 6 Pro';
    font-size: 3rem;
    color: #adadad;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 6rem;
    top: -9rem;
    height: 6rem;
    line-height: 5.2rem;
    text-align: center;
    background-color: #f1f3f5;
    border-radius: 6rem;
    border: .4rem solid #e2e2e2;
    font-weight: 300;
}

#verificador .batch-screening:before,
#verificador .verificacao:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\00a0";
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: .4rem;
    top: -11rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    background-color: #e2e2e2;
    font-weight: 300;
}

#verificador .batch-screening:after { content: "\f063"; }

#verificador .verificacao:after { content: "\f00c"; }

#verificador .batch-screening .panel-body table:last-child { margin-bottom: 0; }

#verificador .batch-screening,
#verificador .verificacao {
    position: relative;
    margin-top: 1.1rem !important;
    margin-bottom: 2rem;
}

.verificacao .panel-group { margin-bottom: 0; }

.verificacao .assinatura > .panel-heading { padding: 0; }

.verificacao .assinatura > .panel-heading .accordion-toggle {
    display: block;
    padding: 1.2rem 4rem 1.2rem 3.6rem;
    text-decoration: none;
}

.verificacao .assinatura > .panel-heading .accordion-toggle:hover { color: #000; }

.verificacao .assinatura .panel-title > a {
    color: #002a4e;
    border: 0;
}

.verificacao .assinatura .form-horizontal .control-label { padding-bottom: .7rem; }

.verificacao .assinatura .form-horizontal .form-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.verificacao .assinatura .panel-heading {
    padding: 0;
    border-bottom: none;
    border-radius: .4rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.verificacao .assinatura .panel-heading.collapsed {
    border-bottom: .1rem  solid #E9E9E9;
    border-radius: .4rem;
}

.verificacao .assinatura .panel-heading.alertas {
    color: #c09853;
    background-color: #fcf8e3;
    border: .1rem  solid #e6cfa8;
}

.verificacao .assinatura .panel-heading.erros {
    color: #b94a48;
    background-color: #f2dede;
    border: .1rem  solid #dcb6b5;
}

.verificacao .assinatura .accordion-toggle + .panel-collapse {
    border-width: 0 .1rem  .1rem  .1rem  !important;
    border-style: solid;
    border-color: #ddd;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem;
    padding: 1rem;
}

.verificacao .assinatura .form-horizontal .form-group.panel-heading.accordion-toggle p.accordion:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
    float: right;
    color: #7c7c7c;
    font-weight: 300;
}

.verificacao .assinatura .form-horizontal .form-group.panel-heading.accordion-toggle.collapsed p.accordion:after { content: "\f054"; }

.verificacao .assinatura .form-horizontal .form-group.panel-heading label { cursor: pointer; }

.verificacao .assinatura .form-horizontal .form-group:last-child { border-bottom: 0; }

.verificacao .assinatura .form-horizontal .form-group .accordion-sign {
    width: 98.5%;
    float: left;
}

.verificacao .assinatura .form-horizontal .form-group .accordion-sign .form-group { border-bottom: 0; }

.verificacao .assinatura .form-horizontal .panel-collapse.first { background-color: #f9f9f9; }

.verificacao .assinatura .form-horizontal .panel-collapse.first .second { background-color: #e9e9e9; }

.verificacao .assinatura .form-horizontal .panel-collapse.first .second .third { background-color: #d9d9d9; }

.verificacao .assinatura .form-horizontal .panel-collapse.first .second .third .fourth { background-color: #c9c9c9; }

.verificacao ul {
    padding-left: 0;
    margin-bottom: 0;
}

.verificacao .assinatura li {
    list-style-type: none;
    padding-left: 2rem;
    position: relative;
    margin-bottom: .8rem;
}

.verificacao .assinatura li:last-child { margin-bottom: 0; }

.verificacao .assinatura .alertas li,
.verificacao .assinatura .erros li { font-size: 1.3rem; }

.verificacao .assinatura.status-invalido .panel-title,
.verificacao .assinatura.status-indefinido .panel-title,
.verificacao .assinatura.status-alerta .panel-title,
.verificacao .assinatura.status-valido .panel-title { position: relative; }

.verificacao .status > span {
    padding-right: 2rem;
    position: relative;
}

.verificacao .assinatura .accordion-toggle {
    border: .1rem  solid #ddd;
}

.verificacao .assinatura .accordion-toggle:hover,
.verificacao .assinatura .accordion-toggle:hover + .panel-collapse {
    border-color: #b1b1b1 !important;
    z-index: 2;
    position: relative;
}

.verificacao .assinatura .panel-collapse + .accordion-toggle,
.verificacao .assinatura .collapse-group + .collapse-group .accordion-toggle { margin-top: -.1rem ; }

.verificacao .assinatura .alertas.accordion-toggle,
.verificacao .assinatura .alertas + .panel-collapse { border-color: #e6cfa8; }

.verificacao .assinatura .alertas.accordion-toggle:hover,
.verificacao .assinatura .alertas.accordion-toggle:hover + .panel-collapse { border-color: #d8b67b !important; }

.verificacao .assinatura .erros.accordion-toggle,
.verificacao .assinatura .erros + .panel-collapse { border-color: #dcb6b5; }

.verificacao .assinatura .erros.accordion-toggle:hover,
.verificacao .assinatura .erros.accordion-toggle:hover + .panel-collapse { border-color: #d68684 !important; }

.verificacao .assinatura .first .accordion-toggle,
.verificacao .assinatura .first .panel-collapse { border-color: #ddd; }

.verificacao .assinatura .second .accordion-toggle,
.verificacao .assinatura .second .panel-collapse { border-color: #ccc; }

.verificacao .assinatura .second .third .accordion-toggle,
.verificacao .assinatura .second .third .panel-collapse { border-color: #bbb; }

/* VERIFICADOR - ICONES */

/* icone indefinido */

.verificacao .assinatura .status > span.text-info:after {
    color: #31708f;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f059";
}

/* icone atencao */

.verificacao .assinatura.status-indefinido .panel-title:before,
.verificacao .status > span.text-question:after {
    color: #D5B769;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f059";
}

/* icone alerta */

.verificacao .assinatura .alertas li:before,
.verificacao .status > span.text-alert:after {
    color: #C98336;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f06a";
}

/* icone sucesso */

.verificacao .status > span.text-success:after,
.verificacao .assinatura.status-alerta .panel-title:before,
.verificacao .assinatura.status-valido .panel-title:before {
    color: #3c763d;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f058";
}

/* icone erro */

.verificacao .assinatura .erros li:before,
.verificacao .status > span.text-danger:after,
.verificacao .assinatura.status-invalido .panel-title:before {
    color: #a94442;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f057";
}

/* posicionamento dos icones */

.verificacao .status > span.text-info:after,
.verificacao .status > span.text-danger:after,
.verificacao .status > span.text-success:after,
.verificacao .status > span.text-warning:after,
.verificacao .status > span.text-question:after {
    top: -.2rem;
    right: 0;
}

.verificacao .assinatura .erros li:before,
.verificacao .assinatura .alertas li:before {
    top: -.1rem ;
    left: 0;
}

.verificacao .assinatura.status-invalido .panel-title:before,
.verificacao .assinatura.status-indefinido .panel-title:before,
.verificacao .assinatura.status-alerta .panel-title:before,
.verificacao .assinatura.status-valido .panel-title:before {
    left: 1.4rem;
    top: 1.2rem;
}

/* tamanho dos icones */

.verificacao .assinatura .panel-title .toggle-icon {
    position: absolute;
    right: 1.3rem;
    top: 1.3rem;
}

.verificacao .assinatura .erros li:before,
.verificacao .assinatura .alertas li:before { font-size: 1.6rem; }

.verificacao .status > span.text-info:after,
.verificacao .status > span.text-danger:after,
.verificacao .status > span.text-success:after,
.verificacao .status > span.text-warning:after,
.verificacao .status > span.text-question:after,
.verificacao .assinatura.status-invalido .panel-title:before,
.verificacao .assinatura.status-indefinido .panel-title:before,
.verificacao .assinatura.status-alerta .panel-title:before,
.verificacao .assinatura.status-valido .panel-title:before { font-size: 1.8rem; }

.verificacao #mensagens .panel-heading.accordion-toggle:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
    font-weight: 300;
    float: right;
}

.verificacao #mensagens .panel-heading.accordion-toggle.collapsed:after { content: "\f054"; }

#verificadorLote .modal-content { margin-top: 2rem; }

#verificadorLote .modal-content table:last-child { margin-bottom: 0; }

.table-contacts { position: relative; }

.table-contacts .checkbox-inline-contacts {
    position: absolute;
    left: .3rem;
    top: .3rem;
}


/* STEP WIZARD */

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step .filename {
    margin: .7rem 0 0 0;
    padding: .5rem 0;
    background-color: #fff;
}

.stepwizard-step .progress,
.progress-small .progress {
    background-color: #E2E2E2;
    margin: 1rem 0 0 0;
    height: 1rem;
}

.progress-small .filename {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.3rem;
}

.stepwizard-step .btn.disabled,
.stepwizard-step .btn[disabled],
.stepwizard-step fieldset[disabled] .btn {
    opacity: 0.35;
    filter: alpha(opacity=35);
}

.stepwizard-step .step { margin-bottom: 1rem; }

.stepwizard-step .desc {
    background-color: initial;
    margin: 0 0 1rem 0;
    display: block;
}

.stepwizard-step .step { cursor: default; }

.stepwizard-row:before {
    top: 2.4rem;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: .3rem;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    text-align: center;
    position: relative;
}

.stepwizard-step .btn-circle {
    width: 5rem;
    height: 5rem;
    text-align: center;
    padding: 0;
    font-size: 1.5rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    border-width: .3rem;
}

/* RECAPTCHA */

.g-recaptcha > div {
    margin: 0 auto;
    left: 0;
    right: 0;
}

/* CONTRATAR PLANO */

.cartoes a.list-group-item.active {
    background-color: #E0EBF4;
    border-color: #B1CAE0;
    color: #000;
}

.cartoes .cartao .icon {
    width: 5.1rem;
    height: 3.2rem;
    display: block;
}

.cartoes .cartao.americanexpress .icon { background-image: url("images/ico_card_americanexpress.png"); }

.cartoes .cartao.visa .icon { background-image: url("images/ico_card_visa.png"); }

.cartoes .cartao.mastercard .icon { background-image: url("images/ico_card_mastercard.png"); }

.cartoes .cartao.elo .icon { background-image: url("images/ico_card_elo.png"); }

.cartoes .cartao.diners .icon { background-image: url("images/ico_card_diners.png"); }

.tab-pane .well.acoes { margin: 1.5rem 0 0 0; }

#contratarPlano .tab-content-left {
    border-radius: .4rem;
    background-color: #fff;
    border: .1rem  solid #ddd;
    padding: 3rem;
}

#contratarPlano .stepwizard { margin-bottom: 1.5rem; }

#contratarPlano .stepwizard-step .step {
    color: #999;
    background-color: #fff;
    -webkit-transition: line-height 0s;
    transition: line-height 0s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contratarPlano .stepwizard-step.active .step {
    color: #666;
    border-width: .3rem;
    line-height: 2.2;
}

#contratarPlano .stepwizard-step.complete .step {
    border-color: #79CB83;
    color: #79CB83;
}

#contratarPlano .stepwizard-step.disabled { color: #D4D4D4; }

#contratarPlano .stepwizard-step.disabled .step {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #F8F8F8;
    color: #D4D4D4;
}

#contratarPlano .panel .panel-heading h2 {
    margin: 1rem 0;
    color: #fff;
}

#contratarPlano .panel .panel-body { padding: 0; }

#contratarPlano .panel .panel-body h4 {
    padding: 1.5rem;
    background: #ebebeb;
    color: #7c7c7c;
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
    font-weight: bold;
}

#contratarPlano .panel .panel-body p { padding: 0 1.5rem; }

#contratarPlano .panel .panel-body ul {
    list-style-type: none;
    padding: 0;
}

#contratarPlano .panel .panel-body ul li { padding-bottom: 1rem; }

#contratarPlano .panel .panel-body ul li i {
    color: #428bca;
    padding-right: 1rem;
    font-size: 2rem;
}

#contratarPlano .btn-lg .caret {
    float: right;
    margin: 1rem;
}

.receipt-content .logo a:hover {
    text-decoration: none;
    color: #7793C4;
}

.receipt-content .invoice-wrapper { background: #FFF; }

.receipt-content .invoice-wrapper .payment-details {
    border-top: .2rem solid #EBECEE;
    margin-top: 3rem;
    padding-top: 2rem;
    line-height: 2.2rem;
    font-size: 1.3rem;
}

.receipt-content .invoice-wrapper .payment-details span {
    display: block;
    font-size: 1.4rem;
    color: #B0B0B0;
}

.receipt-content .invoice-wrapper .payment-details a {
    display: inline-block;
    margin-top: .5rem;
}

.receipt-content .logo {
    text-align: center;
    margin-top: 5rem;
}

.receipt-content .logo a {
    font-family: Myriad Pro, Lato, Helvetica Neue, Arial;
    font-size: 3.6rem;
    letter-spacing: .1px;
    color: #555;
    font-weight: 300;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.receipt-content .invoice-wrapper .payment-info { }

.receipt-content .invoice-wrapper .payment-info span { color: #B0B0B0; }

.receipt-content .invoice-wrapper .payment-info strong {
    display: block;
    margin-top: .3rem;
}

.receipt-content .invoice-wrapper .line-items { margin-top: 4rem; }

.receipt-content .invoice-wrapper .line-items .headers {
    letter-spacing: .3rem;
    border-bottom: .2rem solid #EBECEE;
    padding-bottom: .4rem;
    color: #B0B0B0;
}

.receipt-content .invoice-wrapper .line-items .items {
    margin-top: .8rem;
    border-bottom: .2rem solid #EBECEE;
    padding-bottom: .8rem;
}

.receipt-content .invoice-wrapper .line-items .items .item { padding: 1rem 0; }

.receipt-content .invoice-wrapper .line-items .items .item .amount { letter-spacing: 0.1px; }

.receipt-content .invoice-wrapper .line-items .total { margin-top: 3rem; }

.receipt-content .invoice-wrapper .line-items .total .extra-notes {
    float: left;
    width: 40%;
    text-align: left;
    font-size: 1.3rem;
    line-height: 2rem;
}

.receipt-content .invoice-wrapper .line-items .total .extra-notes strong {
    display: block;
    margin-bottom: .5rem;
}

.receipt-content .invoice-wrapper .line-items .total .field {
    margin-bottom: .7rem;
    font-size: 1.4rem;
}

.receipt-content .invoice-wrapper .line-items .total .field.grand-total {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 500;
}

.receipt-content .invoice-wrapper .line-items .total .field.grand-total span {
    color: #20A720;
    font-size: 1.6rem;
}

.receipt-content .invoice-wrapper .line-items .total .field span {
    display: inline-block;
    margin-left: 2rem;
    min-width: 8.5rem;
    font-size: 1.5rem;
}

.receipt-content .invoice-wrapper .line-items .print {
    margin-top: 5rem;
    text-align: center;
}

.receipt-content .invoice-wrapper .line-items .print a i {
    margin-right: .3rem;
    font-size: 1.4rem;
}

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

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) { display: none !important; }

ng\:form { display: block; }

.ng-animate-shim { visibility: hidden; }

.ng-animate-anchor { position: absolute; }

/*MOBILE ID*/

#MobileId .mobileid-loader, #sign .mobileid-loader {
    position: relative;
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
}

#MobileId .mobileid-loader canvas, #sign .mobileid-loader canvas {
    position: absolute;
    left: 0;
    margin-top: -6rem;
}

#MobileId .mobileid-confirmRequestDevice {
    max-width: 28.5rem;
    padding: 0 2rem;
}

#MobileId span.code {
    font-size: 2.3rem;
    font-weight: bold;
}

#MobileId i.fa-mobile-alt, #sign i.fa-mobile-alt {
    font-size: 3.1rem;
    line-height: 5.8rem;
}

#MobileId i.fa-exclamation-triangle { font-size: 3rem; }

#MobileId .blockUI.blockMsg.blockElement .input-group .form-control { width: auto !important; }

#MobileId .blockUI.blockMsg.blockElement .btn_close {
    position: absolute;
    top: -7rem;
    right: -3.2rem;
    font-size: 2.6rem;
    color: #000;
}

#anexoUploadDiv .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 1rem;
}

#anexoUploadDiv .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 7.2rem;
}



/* FONT AWESOME SPIN FIX */

.spin-fix.fa-spin {
    -webkit-transform-origin: 50% calc(50% - .5px) !important;
    transform-origin: 50% calc(50% - .5px) !important;
}

/* NEW FEATURES */

.new-feature-markdown:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f005";
    padding-right: .4rem;
    color: #337ab7;
}

.new-feature-trigger {
    cursor: pointer;
    color: #337ab7;
}

.introjs-tooltip.new-feature { text-align: center; }

.introjs-tooltip.new-feature.no-cookie .set-cookie { display: none; }

.introjs-tooltip.new-feature hr { margin: 1rem 0; }

.introjs-tooltip.new-feature h4 { color: #337ab7; }

.introjs-tooltip.new-feature h4:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f005";
    padding-right: .4rem;
    color: #337ab7;
}

/* INTEGRATIONS */

body.integration-frame .integration-header {
    text-align: left;
    padding: 1rem;
    margin-bottom: 0;
}

body.integration-frame .well h3:first-child { margin-top: 0; }

body.integration-frame .well,
body.integration-frame .assinatura-eletronica .m-signature-pad { margin: 0; }

body.integration-frame .well.pre-scrollable {
    max-height: 25.5rem;
    min-height: 25.5rem;
}

body.integration-frame,
body.integration-frame #content {
    padding: 0 !important;
    margin: -1rem 1.5rem 0 1.5rem !important;
}

body.integration-frame .container { width: 100%; }

.button-checkbox button.btn-default:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    display: inline-block;
    content: "\f0c8";
    width: 1.5rem;
}

.button-checkbox button.btn-default.active {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.button-checkbox button.btn-default.active:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    display: inline-block;
    content: "\f14a";
    width: 1.5rem;
}

/* COLLECT MOBILE INFO */

.button-bottom-margin { margin-bottom: .5rem; }


#inbox-emails .view-email,
#inbox-emails .certificate-generated { position: relative; }

#inbox-emails .view-email:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f003";
    font-size: 1.6rem;
    width: 2.2rem;
    line-height: 2rem;
    height: 2rem;
    display: inline-block;
}

#inbox-emails .certificate-generated:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f019";
    font-size: 1.6rem;
    width: 2.2rem;
    line-height: 2rem;
    height: 2rem;
    display: inline-block;
}

#inbox-emails .certificate-not-generated {
    position: relative;
    display: block;
    margin-top: -1.5rem;
}

#inbox-emails .certificate-not-generated:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f017";
    font-size: 2.4rem;
    line-height: 2.4rem;
    top: 1.5rem;
    position: relative;
}

/* CAPTURA */

.form-horizontal .form-inline .form-group {
    margin-right: 0;
    margin-left: 0;
}

.capture-fields .field { position: relative; }

.capture-screens .expander,
.summary .expander {
    cursor: pointer;
    font-size: 1.2rem;
    position: relative;
    padding-right: 1.2rem;
}

.capture-screens .expander:after,
.summary .expander:after {
    position: absolute;
    right: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f0d7";
    font-size: 1.6rem;
    line-height: 1.8rem;
}

.capture-screens .expander.expand:after,
.summary .expander.expand:after { content: "\f0d8"; }

.capture-screens .html {
    height: 8rem;
    overflow: auto;
}

.capture-screens .html.expand {
    min-height:  13rem;
    height: auto !important;
}

.capture-screens .html .tag {
    margin: 0 .2rem;
    line-height: 1.3;
    display: inline-block !important;
}

.label-cluster .label {
    margin: .2rem .2rem 0 0;
    cursor: pointer;
    float: left;
    line-height: 1.3;
}

.summary .capture-steps { margin-bottom: 1rem; }

.summary .capture-steps:last-child { margin-bottom: 0; }

.summary .capture-steps .sub .list-group,
.summary .capture-steps .sub p { margin-bottom: 0; }

.summary .capture-steps .name-not-set { color: #bbb !important; }

.summary .list-group-item-heading {
    margin: .5rem 0;
    font-weight: bold;
}

.summary .capture-steps .sub { margin: 1.5rem 0 0 0; }

.summary .capture-steps .sub .list-group .list-group-item { border-color: #eee; }

#content .summary .capture-steps .sub,
#content .summary .capture-steps .sub h4 { font-size: 0.95em; }

.summary .capture-steps .sub h4 { margin-top: 0; }

.summary h3:first-child { margin: 0 0 2rem 0; }

.summary .form-group:last-child { margin-bottom: 0; }

.summary .list-group-item { padding: 1rem; }

.summary hr { margin: .5rem 0; }

.summary .form-control-static {
    min-height: auto;
    padding-top: 0;
}

.summary .form-group:last-child hr { display: none; }

.capture-fields .col-md-6 .panel.panel-with-actions .panel-heading .title span, #capture-screens .col-md-6 .panel.panel-with-actions .panel-heading .title span {
    width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/*TIPOS DE DOCUMENTO*/
#accordion-tiposDocumento .panel-heading h4 {
    font-size: 1.4rem;
    color: #576B7B;
    position: relative;
    cursor: pointer;
}

#accordion-tiposDocumento .panel-heading [data-toggle="collapse"]:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f077";
    float: right;
    font-size: 1.8rem;
    line-height: 1.6rem;
}

#accordion-tiposDocumento .panel-heading [data-toggle="collapse"].collapsed:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f078";
}


/* FLUXO MOBILE (MOBILEFLOW) */

.flow-steps { margin-bottom: 0; }

.flow-steps.box-overflow {
    height: 55.2rem;
    overflow-y: scroll;
}

.flow-steps .flow-step.active { background: #f5f5f5; }

.flow-steps.box-overflow .flow-step:hover { cursor: move; }

.flow-steps .flow-step .flow-step-title small {
    display: block;
    margin-top: .4rem;
}

.flow-steps .flow-step .icon {
    position: relative;
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    background-color: #dddddd;
    border-radius:  3.5rem;
}

.flow-step.ui-draggable-dragging {
    background-color: #f5f5f5;
    border-color: #ccc;
}

.flow-steps .flow-step.adding { border: 0; }

.flow-steps .flow-step.adding .icon { background-color: #bbb; }

.flow-steps .flow-step .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.flow-steps .flow-step p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .1rem ;
    margin-bottom: .6rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6rem;
}

#faq .faqHeader {
    font-size: 2.7rem;
    margin: 2rem;
}

#faq .panel-heading h4 {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

#faq .panel-heading .accordion-toggle { text-decoration: none; }

.panel-faq .panel-heading [data-toggle="collapse"].collapsed span:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f078";
}

.panel-faq .panel-heading [data-toggle="collapse"] span:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f077";
}

#content .nav-tabs + .tab-content.vertical-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.qrcode-refresh {
    background-color: white;
    border-style: none;
}

#planoEmpresa .box-overflow {
    overflow-y: auto;
    height: 12rem;
    margin-top: .5rem;
}

#sign-parties .box-overflow {
    overflow-y: auto;
    height: 12rem;
    margin-top: .5rem;
}

.selecionar-funcionarios-empresa .box-overflow {
    height: 19rem;
    overflow-y: auto;
    margin-top: .5rem;
}


.input-group.clean-first-button .input-group-addon {
    border: 0;
    background-color: transparent;
    padding-left: 0;
}

.input-group.clean-first-button .form-control:last-child { border-radius: .4rem; }

.input-group.clean-first-button .input-group-addon .radio-inline,
.input-group.clean-first-button .input-group-addon .checkbox-inline { padding-top: .3rem; }

#landing-bemvindo .form-signin {
    background-color: #F8F8F8;
    border-radius: 1rem;
    padding: 2rem;
    -webkit-box-shadow: inset 0 .1rem  0 rgba(255, 255, 255, 0.35), 0 .4rem 1rem rgba(0, 0, 0, 0.205);
    box-shadow: inset 0 .1rem  0 rgba(255, 255, 255, 0.35), 0 .4rem 1rem rgba(0, 0, 0, 0.205);
}

.panel-heading.text-center { font-size: 1.8rem; }

/* Sobre o verificador */

.about-verifier {
    float: right;
    margin-left: 3rem;
    margin-bottom: 3rem;
}

.method {
    padding-left: 4rem;
    position: relative;
}

.method span {
    font-size: 1.6rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.method span:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f0c8";
    font-size:  3.5rem;
    line-height: 2.5rem;
    height: 3rem;
    width: 3rem;
    color: #002B4F;
}

/* Assinatura eletronica - partial */

.assinatura-eletronica .m-signature-pad { width: 100%; }

.list-group-item__info { line-height: 30px; }

.list-group-item__button { text-align: right; }

/*CADASTRO*/
#content.cadastro { background: #e7e7e7; }

.panel-footer .row .col-md-6.text-center:first-child { border-left: none; }

.panel-footer .borders { margin: 0; }

.panel-footer .borders > div,
.panel-footer .borders > oauth-login-option > div{
    border-bottom: .1rem  solid #cccccc;
    font-size: 85%;
}

.panel-footer .borders > div:first-child { border-left: none; }

.login .panel-footer,
.register .panel-footer { padding: 0; }

.login .panel-footer .linebreak span,
.register .panel-footer .linebreak span {
    clear: both;
    display: block;
    text-transform: lowercase;
}

.login .panel-footer .row > div,
.login .panel-footer .row > oauth-login-option > div,
.register .panel-footer .row > div {
    padding: .8rem 0;
    color: #428bca;
    cursor: pointer;
}

.login .panel-footer .row > div:hover,
.login .panel-footer .row > oauth-login-option > div:hover,
.register .panel-footer .row > div:hover,
.login .panel-footer .row > div:focus,
.login .panel-footer .row > oauth-login-option > div:focus,
.register .panel-footer .row > div:focus {
    color: #000;
    background-color: #e7e7e7;
}

.btn-social {
    position: relative;
    padding-left: 4.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3.2rem;
    line-height: 3.4rem;
    font-size: 1.6em;
    text-align: center;
    border-right: .1rem  solid rgba(0, 0, 0, 0.2)
}

.btn-social.btn-lg { padding-left: 0 }

.btn-social.btn-lg > :first-child {
    line-height: 4.5rem;
    width: 4.5rem;
    font-size: 1.2em
}

.btn-social.btn-sm { padding-left: 3.8rem }

.btn-social.btn-sm > :first-child {
    line-height: 2.8rem;
    width: 2.8rem;
    font-size: 1.0em
}

.btn-social.btn-xs { padding-left: 3rem }

.btn-social.btn-xs > :first-child {
    line-height: 2rem;
    width: 2rem;
    font-size: 0.8em
}

.btn-social-icon {
    position: relative;
    padding-left: 4.4rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.4rem;
    width: 3.4rem;
    padding: 0
}

.btn-social-icon > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3.2rem;
    line-height: 3.4rem;
    font-size: 1.6em;
    text-align: center;
    border-right: .1rem  solid rgba(0, 0, 0, 0.2)
}

.btn-social-icon.btn-lg { padding-left: 6.1rem }

.btn-social-icon.btn-lg > :first-child {
    line-height: 4.5rem;
    width: 4.5rem;
    font-size: 1.8em
}

.btn-social-icon.btn-sm { padding-left: 3.8rem }

.btn-social-icon.btn-sm > :first-child {
    line-height: 2.8rem;
    width: 2.8rem;
    font-size: 1.4em
}

.btn-social-icon.btn-xs { padding-left: 3rem }

.btn-social-icon.btn-xs > :first-child {
    line-height: 2rem;
    width: 2rem;
    font-size: 1.2em
}

.btn-social-icon > :first-child {
    border: none;
    text-align: center;
    width: 100% !important
}

.btn-social-icon.btn-lg {
    height: 4.5rem;
    width: 4.5rem;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-sm {
    height: 3rem;
    width: 3rem;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-xs {
    height: 2.2rem;
    width: 2.2rem;
    padding-left: 0;
    padding-right: 0
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:focus, .btn-google.focus {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
    color: #fff;
    background-color: #a32b1c;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none }

.btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google .badge {
    color: #dd4b39;
    background-color: #fff
}

#contato { -webkit-box-shadow: none; }

/* Adm alerts */

.preview .alert .required { color: #afafaf !important; }

.preview.ui-pnotify.stack-bar-topright {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 40rem;
    margin: 0 auto;
}

.adm-alerts .icon { font-weight: bold; }

.adm-alerts .icon:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    margin-right: .5rem;
}

.adm-alerts .icon.alert-type-warn { color: #BB7E14; }

.adm-alerts .icon.alert-type-warn:before { content: "\f05a"; }

.adm-alerts .icon.alert-type-info { color: #56B8E8; }

.adm-alerts .icon.alert-type-info:before { content: "\f005"; }

.adm-alerts .icon.alert-type-success { color: #3c763d; }

.adm-alerts .icon.alert-type-success:before { content: "\f00c"; }

#adm-alerts tr.deleted td, #adm-alerts tr.deleted td span {
    text-decoration: line-through;
}

    #adm-alerts tr.deleted td.text-right {
        text-decoration: none;
    }

#adm-alerts tr.deleted {
    display: none;
}

    #adm-alerts tr.deleted.viewExcluded {
        display: table-row;
    }

#alert-pages a.filter-wrap.active, #alert-events a.filter-wrap.active {
    background-color: #e0dede;
}

.updated,
tr.updated td { -webkit-animation: yellowfade 3000ms !important; animation: yellowfade 3000ms !important; }

/* CONFIGURACAO DE PLANOS */

#config-plan .description { min-height: 15rem; }

#config-plan #creditos .credit .total {
    border-bottom: .1rem  dotted #bbb;
    line-height: 2rem;
}

#config-plan #creditos .credit .total span {
    background-color: #fff;
    display: block;
    float: left;
    position: relative;
    bottom: -.5rem;
    padding-right: .5rem;
}

#config-plan #creditos .credit .total .value {
    float: right !important;
    padding-left: .5rem;
}

#config-plan #creditos .credit .total.highlight { color: #000; }

.cost .value { margin: 0; }

/* TABLE RADIUS AND BORDER */

.table-radius { border-collapse: separate; }

.table-radius {
    border: solid #ccc .1rem ;
    border-radius: .6rem;
    border-left: 0;
}

.table-radius td, .table-radius th {
    border-left: .1rem  solid #ccc;
    border-top: .1rem  solid #ccc;
}

.table-radius th { border-top: none; }

.table-radius th:first-child { border-radius: .6rem 0 0 0; }

.table-radius th:last-child { border-radius: 0 .6rem 0 0; }

.table-radius th:only-child { border-radius: .6rem .6rem 0 0; }

.table-radius tr:last-child td:first-child { 
    border-bottom-right-radius: .6rem;
    border-bottom-left-radius: .6rem;
}

.table-radius td:first-child, .table-radius th:first-child { border-left: none; }

.slider-control {    
    border: .1rem  solid #e3e3e3;
    border-radius: .4rem;
    padding: 1.5rem;
    background-color: #f5f5f5;
    margin-top: .5rem;
}
    .slider-control P {
        font-weight: bold;
        margin: -1rem 0 1.5rem;
    }

    .slider-control .rzslider {
        width: 95%;
        margin: 0 0 2.8rem 0;
    }

.form-horizontal.extra-info input[type="checkbox"] {
    margin-top: .1rem ;
}
.form-horizontal.extra-info { width: 95%}

/*RZSLIDER*/
.rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: .4rem;
    margin:  3.5rem 0 2.8rem 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rzslider.with-legend { margin-bottom: 4rem; }

.rzslider[disabled] { cursor: not-allowed; }

.rzslider[disabled] .rz-pointer { cursor: not-allowed; }

.rzslider[disabled] .rz-draggable { cursor: not-allowed; }

.rzslider[disabled] .rz-bar.rz-selection { background: #8b91a2; }

.rzslider[disabled] .rz-tick { cursor: not-allowed; background: #e0dcdc; }

.rzslider[disabled] .rz-bar{background: #e0dcdc;}

.rzslider[disabled] .rz-tick.rz-selected { background: #8b91a2; }

.rzslider[disabled] .rz-pointer { background: url(images/slider-tip-off.png) no-repeat 1.3rem .9rem; }

.rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}

.rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0;
}

.rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1.8rem;
    padding-top: 1.6rem;
    margin-top: -1.6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.rzslider .rz-draggable { cursor: move; }

.rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    background: #bbb;
    border-radius: .2rem;
}

.rzslider .rz-selection {
    z-index: 2;
    background: #002a4e;
    border-radius: .2rem;
}

.rzslider .rz-pointer {
    top: -1.5rem;
    z-index: 3;
    width: 3.2rem;
    height: 3.2rem;
    cursor: pointer;
    background: url(images/slider-tip.png) no-repeat 1.3rem .9rem;
    outline: 0;
}

.rzslider .rz-pointer:after {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    width: .8rem;
    height: .8rem;
    background: #ffffff;
    border-radius: .4rem;
    content: '';
    display: none;
}

.rzslider .rz-pointer:hover:after { background-color: #ffffff; }

.rzslider .rz-pointer.rz-active { z-index: 4; }

.rzslider .rz-bubble {
    bottom: 1.6rem;
    padding: .1rem  .3rem;
    color: #55637d;
    cursor: default;
}

.rzslider .rz-bubble.rz-limit { color: #55637d; }

.rzslider .rz-ticks {
    position: absolute;
    top: -.3rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -3.2rem;
}

.rzslider .rz-tick {
    position: absolute;
    top: -.2rem;
    left: .9rem;
    width: 1.4rem;
    height: 1.3rem;
    margin-left: .7rem;
    text-align: center;
    cursor: pointer;
    background: #bbb;
    border-radius: 50%;
}

.rzslider .rz-tick.rz-selected { background: #002a4e; }

.rzslider .rz-tick-value {
    position: absolute;
    top: -3rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
}

.rzslider .rz-tick-legend {
    position: absolute;
    top: 2.4rem;
    white-space: normal;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
    position: relative;
    width: .4rem;
    height: 100%;
    padding: 0;
    margin: 0 2rem;
    vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
    width: 100%;
    height: 100%;
    padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
    top: auto;
    left: 0;
    width: 3.2rem;
    height: 100%;
    padding: 0 0 0 1.6rem;
    margin: 0 0 0 -1.6rem;
}

.rzslider.rz-vertical .rz-bar {
    bottom: 0;
    left: auto;
    width: .4rem;
    height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
    top: auto;
    bottom: 0;
    left: -1.4rem !important;
}

.rzslider.rz-vertical .rz-bubble {
    bottom: 0;
    left: 1.6rem !important;
    margin-left: .3rem;
}

.rzslider.rz-vertical .rz-ticks {
    top: 0;
    left: -.3rem;
    z-index: 1;
    width: 0;
    height: 100%;
}

.rzslider.rz-vertical .rz-tick {
    margin-top: 1.1rem;
    margin-left: auto;
    vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
    top: auto;
    left: 2.4rem;
    -webkit-transform: translate(0, -28%);
    transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
    top: auto;
    right: 2.4rem;
    max-width: none;
    white-space: nowrap;
    -webkit-transform: translate(0, -28%);
    transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
    right: 2.4rem;
    bottom: auto;
    left: auto;
}

/* DASHBOARD */

#dashboard > .row { margin-bottom: 4rem; }

#dashboard .document-operations .btn-lg { padding: 1.6rem; }

#dashboard .transaction-status .action {
    height: 9rem;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}

#dashboard .transaction-status .action {
    background-color: #fff;
    border: .1rem  solid #ccc;
    border-radius: .4rem;
    cursor: pointer;
}

    #dashboard .transaction-status .action:active {
        background-color: #e6e6e6;
        border-color: #adadad;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 .3rem .5rem rgba(0,0,0,.125);
        box-shadow: inset 0 .3rem .5rem rgba(0,0,0,.125);
    }

    #dashboard .transaction-status .action:hover,
    #dashboard .transaction-status .active .action {
        background-color: #f1f1f1;
    }

        #dashboard .transaction-status .action .active{
            cursor:default;
        }

        #dashboard .transaction-status .action .badge {
            background-color: transparent;
            font-size: 3.8rem;
            color: #7c7c7c;
            padding: .9rem;
            display: block;
        }

#dashboard .transaction-status .action.text-danger, #dashboard .transaction-status .action .badge { color: #da9f50; }

#dashboard .transaction-status .action.text-warning, #dashboard .transaction-status .action.text-warning .badge { color: #7cc3e6; }

#dashboard .transaction-status .action.text-success, #dashboard .transaction-status .action.text-success .badge { color: #B4D49A; }

#dashboard .transaction-status .action .badge .fa-plus {
    font-size: 1.7rem;
    position: relative;
    top: -.6rem;
}

#dashboard table th {
    color: #fff;
    padding: 1.5rem;
}

#dashboard #my-actions table th {
    background: #da9f50;
}

#dashboard #another-actions table th {
    background: #7cc3e6;
}

#dashboard #finished table th {
    background: #B4D49A;
}

#dashboard .table-radius {
    border: .1rem  solid #dddddd;
    border-collapse: separate;
    margin-bottom: 0;
}

#dashboard .table-radius td, .table-radius th {
    border-top: none;
    padding: 1rem 1.5rem;
}
    #dashboard .table-radius a:link,
    #dashboard .table-radius a:visited {
        color: #7c7c7c;
    }

    #dashboard .table-radius a:hover,
    #dashboard .table-radius a:focus {
        color: #7c7c7c;
        text-decoration: underline;
    }

#dashboard .table-radius > thead > tr > th, #dashboard .table-radius > thead > tr > td { border-bottom-width: 0; }

#dashboard .ng-table th.sortable.sort-desc, #dashboard .ng-table th.sortable.sort-asc {
    background-color: #193f5f;
    text-shadow: none;
    border-radius: 0 0 0 0;
}

#dashboard .ng-table th.sortable.sort-desc div:after,
#dashboard .ng-table th.sortable.sort-desc div:before,
#dashboard .ng-table th.sortable.sort-asc div:after,
#dashboard .ng-table th.sortable.sort-asc div:before { opacity: 1; }

#dashboard .ng-table th.sortable.sort-desc:first-child, #dashboard .ng-table th.sortable.sort-asc:first-child { border-radius: .6rem 0 0 0; }

#dashboard .ng-table th.sortable.sort-desc:last-child, #dashboard .ng-table th.sortable.sort-asc:last-child { border-radius: 0 .6rem 0 0; }


#dashboard .ng-table th.sortable div:after, #dashboard .ng-table th.sortable div:before { color: #fff; }

#dashboard .ng-table th.sortable div:after, #dashboard .ng-table th.sortable div:before { border-color: #fff transparent; }

#dashboard .table-responsive .ng-table-pager { display: none; }

#dashboard .panel {-webkit-box-shadow:none;box-shadow:none;}

#dashboard .panel.panel-default { margin-bottom: 2rem; }

#dashboard .panel.plano { margin: 0; }

#dashboard .panel.plano .panel-heading,
#dashboard .panel.plano .panel-body,
#dashboard .panel.plano .panel-footer { padding: 1rem; }


#dashboard .planosMensais h3 strong { font-weight: normal; }

#dashboard .panel-info .lead { color: #002a4e !important; }

#dashboard .panel-info > .panel-heading h3 { margin-bottom: 1.2rem; }

#dashboard .panel-info > .panel-heading p { color: #7c7c7c; }

#dashboard .panel-success > .panel-heading h3 {
    margin-bottom: 1.2rem;
}

#dashboard .panel-primary > .panel-heading, 
#dashboard .panel-success > .panel-heading, 
#dashboard .panel-info > .panel-heading {
    color: #7c7c7c;
    border-bottom: transparent;
    background-color: transparent;
}

#dashboard .panel-primary,
#dashboard .panel-info,
#dashboard .panel-success {
    background-color: #fff;
    border-radius: .5rem;
    border: .1rem  solid #ccc;
}

#dashboard .panel-primary > .panel-heading h3 {
    color: #002a4e;
    margin-bottom: 1rem;
}


#dashboard .panel-primary .panel-body, 
#dashboard .panel-success .panel-body, 
#dashboard .panel-info .panel-body {
    background-color: transparent;
    color: #7c7c7c;
}


#dashboard .panel-primary .panel-footer,
#dashboard .panel-success .panel-footer,
#dashboard .panel-info .panel-footer {
    padding: 1rem 1.5rem;
    background-color: transparent;
    border-top: .1rem  solid transparent;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

#dashboard .panel-heading {
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
}

#dashboard .panel-body {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

#dashboard .panel-heading p { font-size: 1.4rem; }

#dashboard .panel-body .description {
    font-size: 1.2rem;
    height: 1.7rem;
}

#dashboard .panel-body .lead sup {
    font-size: 32%;
    line-height: 0;
    top: -1.5em;
}
    

#dashboard .panel-body .lead {
    font-size: 3rem;
    color: #002a4e;
}

#dashboard h3 {
    margin-top: 0;
    margin-bottom: 4rem;
}

#dashboard .planosMensais .input-group, #dashboard .planosMensais .btn-group {
    margin-bottom: 2rem;
}

#meiosPagamentoDiv .panel-default > .panel-heading h3 {
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

#meiosPagamentoDiv .panel-default > .panel-heading {
    background-color: #fff;
    border-color: transparent;
    padding: 0 1.5rem;
}

#meiosPagamentoDiv .lead {
    font-size: 3.2rem;
    color: #002a4e;
}

#meiosPagamentoDiv .panel-body .lead sup {
    font-size: 32%;
    line-height: 0;
    top: -1.5em;
}

#meiosPagamentoDiv .panel-body .description { margin-bottom: 1.5rem; }

#meiosPagamentoDiv .panel-body p.descontoPorcentagem {
    height: 2.2rem;
    border: .1rem  solid #fff;
}



.ribbon {
    position: absolute;
    right: 1.1rem;
    top: -.4rem;
    z-index: 1;
    overflow: hidden;
    width: 7.5rem;
    height: 7.5rem;
    text-align: right;
}

    .ribbon span {
        font-size: .9rem;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 2rem;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 10rem;
        display: block;
        background: #79A70A;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff6600));
        background: linear-gradient(#ff6600 0%, #ff6600 100%);
        -webkit-box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, 1);
                box-shadow: 0 .3rem 1rem -.5rem rgba(0, 0, 0, 1);
        position: absolute;
        top: 1.9rem;
        right: -2.1rem;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            z-index: -1;
            border-left: .3rem solid #c75102;
            border-right: .3rem solid transparent;
            border-bottom: .3rem solid transparent;
            border-top: .3rem solid #c75102;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0;
            top: 100%;
            z-index: -1;
            border-left: .3rem solid transparent;
            border-right: .3rem solid #c75102;
            border-bottom: .3rem solid transparent;
            border-top: .3rem solid #c75102;
        }

#dashboard .list-styled li {
    padding: 0 0 1.5rem 2rem;
    background: url(images/ico_bullet1.png) no-repeat .2rem .2rem;
}

#dashboard .alert.bonus {
    background: #eaeaea;
    color: #002a4e;
    border-color: #eaeaea;
    margin-bottom: 4rem;
    line-height: 4rem;
    font-weight: bold;
}

#dashboard #latestactivities h3 { margin-top: 0; }

#dashboard .planosPrePagos { margin-top: .6rem; }

#dashboard .planosPrePagos .lead { margin-bottom: 1.3rem; }

#dashboard .planosPrePagos > .panel-heading {
    color: #002a4e;
    background-color: #fff;
    border-color: #fff;
}

#dashboard .planosPrePagos > .panel-heading h3 {
    color: #002a4e;
    font-size: 1.8rem;
}

#dashboard .planosPrePagos > .panel-heading h3 strong { font-weight: normal; }

#dashboard .planosPrePagos > .panel-heading p { color: #7c7c7c; }

#dashboard .planosPrePagos .panel-body .descontoPorcentagem { height: 1rem; }

/* Folder Management */

#manage-folders .folder-list .folder:hover {
    -webkit-box-shadow: 0 .4rem .5rem .1rem  rgba(96, 106, 156, 0.4);
    box-shadow: 0 .4rem .5rem .1rem  rgba(96, 106, 156, 0.4);
    border-color: #d9e5ef;
}

#manage-folders .folder-list .folder { padding: 1rem; }

#manage-folders .folder-list .folder:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f07b";
    font-weight: 300;
    font-size: 1.8rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: left;
    background-color: #fff;
    border-radius: 1.5rem;
    color: #7c7c7c;
    float: left;
}

#manage-folders.enable-edit .folder-list .folder:hover:before {
    content: "\f013";
    color: #357ebd;
}

#manage-folders.enable-move .folder-list .folder:hover:before {
    content: "\f07c";
    color: #357ebd;
}

#manage-folders.enable-move .folder-list .folder:after {
    opacity: 0;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    position: absolute;
    left: .6rem;
    top: -2.4rem;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f063";
    font-size: 1.9rem;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    color: #357ebd;
    z-index: 2;
}

#manage-folders.enable-move .folder-list .folder:hover:after {
    opacity: 1;
    -webkit-animation: folderarrow_in 500ms ease-in-out infinite;
            animation: folderarrow_in 500ms ease-in-out infinite;
    top: -.8rem;
}

#manage-folders .folder-list .folder {
    text-align: left;
    margin-bottom: 1.5rem;
}

#manage-folders .folder-list .folder .clip {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#manage-folders .folder-list .folder .actions {
    float: right;
    margin: 0 0 0 .4rem;
}

#manage-folders .folder-list .folder .actions .btn:hover { border-color: #ccc; }

#manage-folders .document-list {
    max-height: 30rem;
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
}

/* Extended company info */

#accordion-documentos .doc-name {
    word-break: break-all;
    word-wrap: break-word;
}

.extended-company {
    margin: 0;
    padding: 0;
}

.extended-company li {
    list-style: none;
    position: relative;
    padding: .5rem .3rem .4rem 2.8rem;
    line-height: 1.4rem;
    margin-bottom: .3rem;
}

.extended-company li:last-child { margin-bottom: 0; }

.extended-company ul {
    margin: 1rem 0 0 -.6rem;
    padding: 0;
}

.extended-company .company:before,
.extended-company .counterpart:before,
.extended-company .group:before,
.extended-company .user:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 1.6rem;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
    float: left;
    border: .1rem  solid #D6D6D6;
    text-align: center;
    border-radius: .4rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
}

.extended-company .company:before { content: "\f1ad"; }

.extended-company .counterpart:before { content: "\f0f7"; }

.extended-company .group:before { content: "\f0c0"; }

.extended-company .user:before { content: "\f007"; }

.extended-company > .company:after {
    position: absolute;
    left: 1.1rem;
    top: 0;
    content: "";
    width: .1rem ;
    height: 100%;
    background-color: #D6D6D6;
    z-index: 1;
}

.extended-company.no-levels > .company:after { content: none; }

.extended-company ul li:after {
    position: absolute;
    left: -1.1rem;
    top: 1.1rem;
    content: "";
    height: .1rem ;
    width: 3rem;
    background-color: #D6D6D6;
    z-index: 1;
}

/* IMAGE UPLOAD */

.image-upload {
    height: 16rem;
    width: 26rem;
    background: #FFF;
    border: .3rem dashed #ddd;
    padding: 1rem;
    border-radius: 1rem;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.image-upload .signature-image-wrapper {
    position: relative;
    display: inline-block;
    min-width: 8rem;
    min-height: 8rem;
}

.image-upload .signature-image-wrapper .actions {
    z-index: 10;
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.image-upload .signature-image { position: relative; }

.image-upload.uploaded {
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.image-upload .no-image {
    color: #aeaeae;
    text-align: center;
    margin: 6.5rem 0 1rem 0;
}

.image-upload.no-image:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 5rem;
    line-height: 6rem;
    content: "\f03e";
    color: #dddddd;
    position: absolute;
    width: 8rem;
    height: 6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#padraoAssinatura .help {
    cursor: pointer;
    margin-right: 1rem;
}

.formatoAssinaturas.panel-group .panel + .panel { margin-top: 0; }

.formatoAssinaturas .panel { -webkit-box-shadow: none; box-shadow: none; }

.formatoAssinaturas .panel-default {
    border: none;
    border-radius: 0;
}

.formatoAssinaturas .panel-default > .panel-heading {
    background: #fff;
    border-radius: 0;
    border-top: .1rem  solid #dddddd;
}

.formatoAssinaturas .panel-default:nth-of-type(odd) .panel-heading { background: #f9f9f9; }

.formatoAssinaturas .panel-default > .panel-heading a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #7c7c7c;
}

.formatoAssinaturas.panel-group .panel-heading + .panel-collapse .panel-body { border-top: none; }

.formatoAssinaturas .panel-heading [data-toggle="collapse"] span:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f0d8";
    color: #7c7c7c;
}

.formatoAssinaturas .panel-heading [data-toggle="collapse"].collapsed span:after { content: "\f0d7"; }

.formatoAssinaturas.panel-group.panel-signature-format { margin-bottom: 0; }

.formatoAssinaturas.panel-group.panel-signature-format .panel-default:nth-of-type(odd) .panel-heading {
    background: #fff;
    border-top: none;
    border-bottom: .1rem  solid #dddddd;
    color: #7c7c7c;
    font-weight: bold;
}

.widget.panel .formatoAssinaturas .panel { margin-bottom: 0; }

.maxCharURL {
    max-width: 30ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*  VIDEOS PLAYLIST 
############################### */

.vid-list-container {
    width: 50%;
    padding-bottom: 2rem;
    position: relative;
    float: left;
    padding: .5rem 0;
    border: .1rem  solid #cccccc;
    border-radius: .6rem; 
}

    .vid-list-container .vid-list {
        overflow-x: hidden;
        height: 30.2rem;
        width: 100%;
    }

.responsive-video-wrapper {
    border: .1rem  solid #ccc;
    -webkit-box-shadow: 0 .2rem .2rem #efefef;
    box-shadow: 0 .2rem .2rem #efefef;
}

.vid-item {
    display: block;
    width: 60rem;
    height: 10.5rem;
    float: left;
    margin: 0;
    padding: 1rem;
    clear: left;
}

.thumb {
    overflow: hidden;
    height: 8.4rem;
    width:  13rem;
    float: left;
    margin-right: 1.5rem
}

.thumb img {
    width: 100%;
    position: relative;
    top: -1.3rem;
}

.vid-item .desc {
    margin-top: 2.3rem;
    width: 90%;
}

.vid-item {
    transition: background-color 0.2s, border 0.2s, color 0.2s;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
    -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
    -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
}

    .vid-item:hover,
    .vid-item.active,
    .vid-item.active {
        background: #ff6600;
        cursor: pointer;
        color: #fff;
    }

#videoSection .youtube-container {
    display: block;
    margin: 0;
    width: 50%;
    max-width: 60rem;
}

.home-page #content .content-strip #videoSection h2 {
    text-align: center;
    font-size: 3.2rem;
    margin-bottom: 2rem;
}

.word-wrap { word-wrap: break-word; }

/*GOOGLE OPTIMIZE*/

.async-hide { opacity: 0 !important; }

/*DEVELOPER PORTAL*/

.developer_portal {
    padding-top: 0;
    font-family: "wf_segoe-ui_light", "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", "Tahoma", "Arial", "sans-serif";
    font-weight: 500;
    line-height: 1.1;
}

.developer_portal .container {
	padding-bottom: 1.5rem;
}

.developer_portal h1, .developer_portal h2, .developer_portal h3, .developer_portal h4, .developer_portal h5, .developer_portal h6, .developer_portal .h1, .developer_portal .h2, .developer_portal .h3, .developer_portal .h4, .developer_portal .h5, .developer_portal .h6 {
    font-family: "wf_segoe-ui_light", "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", "Tahoma", "Arial", "sans-serif";
    color: #002a4e;
}

.developer_portal a.logo {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAABKCAYAAADpAouEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJFOUU1NkMwNEY3MTFFOEFCMDZCMURFRUE0NTcwMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJFOUU1NkQwNEY3MTFFOEFCMDZCMURFRUE0NTcwMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QkU5RTU2QTA0RjcxMUU4QUIwNkIxREVFQTQ1NzAwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkU5RTU2QjA0RjcxMUU4QUIwNkIxREVFQTQ1NzAwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/+qFkAACTuSURBVHja7F0HfBRFF/+nhxQIhCTUEDqh9yK9CH4KCAjoh1IEUZpSRFH4aAooRUGlBxDpvRfpofcaCNJCDyG0UFLuktx97+3NHnvLXgoEjLjv95vs7WbazsybV+a9tw74m+Bxt9JOdPmEUldKZSk5U/qL0lxKv3hPPR0HHXR4ReDwNyGBN13WUKpnJ8sZSm8SMtzSp0iHVwGOf1O785VIsNKzLupeqIyvjI1gcPbkR6UorRZUQwcdXj9EoMXdhi7N5PsLhd9Btw1XcebGHfy+9wLmZm8q/6sKpU76FOnwulKEvla+zN0L8x/mQrLJjC6tGknPVpyOhrN/kJylmz5FOrx2iEDUIDddasj3bhWaYPOB09Lvbz//EPn8c+Dw2cswlm4oZ6lMZfz0adLhdaMIjZQ3MYVq4Pz1KBTO44d8uf1QukggzGYzrmYJVGarpk+TDq8bItRQ3oQneVu2/TJFpWuBfP7S9Q48ldlK6tOkw+uGCOXlH045cuP6/Vjpd5ECeS3PHCzdcfbKpixTQJ8mHV43RChiRQTfQNy+80D6nS+vRQyINRilq7ubq7KMpz5NOrxscH6FgrIbXayCr4OnD0wmk/TbI4u7dL1M8gJD3hwez9sGk5a6lN6gVJpSMa6eElccSmmC99TTf+nTrkOKiEALiRfNB5QaUypOKbvi34kS+w5EUjpF6TClfbSwHqaxLdvV7eEF5wTLeZnBmAgDUYPDYRfg75MVeVyMiH2aMz6VxZ8LlvMGPp+oaCdbNvE+nSl/d+rzTH3qddBEBFogfJIVQilXGlib92TkoHLb6bqE0kJaYCktWi+bu0QDcvn7Sj+v3YzG5p1HEE8I0fatmsCNC8qc1+wgQAW6fCP6Yj2BTjY74IzBB0ccAnHqsSuuU49cYMa3RZ+gXMJfLpRlOpW9RH0N1adfBxtEoIXBVGC+LDM4euWAS9n6iHLPjVuPEvE4wQh3F0e4xD9CgPkh/OIiYbp5FjAl88JqItJoqmcSXX+mRfZIo60Y5Y3p0X2UqJpf+r1tz1EcPH5W+v3fdxsiMWyOMusZFQIE0WWMoABWOJ6YC6uMQVh85gHuxiaomwN8y2BpoUQkR13idxxBqZY+/TpYWXVaWIXoyqdaWfiBa3At3G85EN+OX4ACef2R288Xjo4OePg4FpFRd3Hi7GWcvnAFpQrnQ73CvmjkeRdl7+yFQ5JRrvM2pQGU5hBCmFWLOEnevR29c8Ltx20o3aAzLlO9DBWKFcDeRaMRP6AezEkGuVgA1RMt7I76UfqO5Wn+B1cemlwIE276Yu+laCmzm4sz3qxeDnWrl0XlcsUxfsZyrAk9jM/aNsbPZRMRv222XG8OqveBvgR0kClCbxkJ4JIFrp1HYd7cTZgwrCeyZfXSLGQkFmbPwTCs3rIHzZafQMGACuheyRetH++Ac3J8AGXh1daSFm9nWmz3FUWZ5ykhUYTHd+F07Sy++Lgl+v4QIv1zSJ+OwN7lSiQ4KJCAT6QXU6ot/+NSsi8G3S6CredYDo5GxRJB6P5RMzRvXFPq95PYePQcOF5CgoK5cmJAzw9hWjlS+RrMAuqIoIMVEaxWbq6FSdb0yo6sXh4WJIgjDifyEomrJLp6eJPImYP20bxwdXVBg9oVpTS038eYPncNvqadd2LO0hhV0RF1nhzk6t5ljoVlD1rMYaKJIzIiSGLC8W0IPfCUhfll5jIUy3MWAU/7V4jKzxB9DJCpwKzEShhyMAaGxCiULxqIYf06oUm9KnBwsFiVb919FP2+myKdWhfNF4Dl04chT3IMYsN2KN89Wp9+HZSsUbIsG7gWqw7XviE4c+4y4uITUOHyJiRstlWwODi5wCl/MFyKV4NT+YZAUCmLRBsZjX5DJ2EdLcIedYphsPMuuJilnZ133dZCjvjSKtgGVUTf6GDMXb8HtSsGw4kWcejRcHgSkn1RLivaOJ9GoLvRpu0nJlf0u18ZK8JuIgvlG9GvAz4jKuDs7IwEgxGbaPf/ZeYK7Dt1TsrfqkE1/DaqN3wRj/ifuyD5zlW5qjBCzrL69OugRASWLN1k1shr7E66y4I1m/eiSnAgciwZisSLh+1W4JK/FFyb9oBD2TqSndDP05Zg0IS5qF8yELPzhcEzMeaZMndKt0CPvQnYcewsahIfv3LGd9Ih2pgpizCWKIshMUnK90ZgdryR04Rg3IWfUwK+u1MER67chl82L4z+pguyZ8uK8xHXcZDq2XbgJB7GJUjlKpUoiIG92uGdRjWAy6cRN70PTDG3lV3oSIgwR59+HZSIwGxLafmBx9s94djMYv28ffcx+Hi5o9y51YjftYj4EpPdilxL1YVrh+FAVl8sXrMdnb8ZjzeK58e8/E+RwZzVHwuyN8WQJXulRduxRQNJFnGPjiC2hohS/uKIvH0PsxZtwOK1obhw43aaX8TH0x3NiQK0aVYfjWpXIuE9EaaNMxC3aTprt5RZ/6T0DiGCSZ9+HZSIMIqu3z594gjPD4fDoWYL6fbU2UvYffAUWhb1Qo7QECTdOGu3MkefAHh8Oh4oWAa/L96A7kMn4+3yhRDidwihOepg5IEHCL96S+Lbxw76DG/VrwpcPIHYKT2BhDi4N2gPpwbtgOyWo4wLl29g7+Ew9Bw2WfJZKFs4PwL8LGd8fr7Z4Jc9G4oVyodypYqgbHBhSXaBIQ7mgxsRv3GKmgowHKLUOB2HgDr8ixAhQGhzvJXI4NH8Czi+1cUi1BKrErJgHa6S8PmfQp6o8egEEsN30z+ePT9zcPWAZ9efiMbUQpf+YzB/3S5k83AjCmCQ/A0GfNoG7ds0gburM0zb5iN+1XiYkxOVQgjcStWGc4U3gZLV0fm737Fww25JjlgzawSyuLs9+xZPHsB87giSz+yB4fgmmBNitd51A6UPCAke69OuwzPrlv8QMnAkienPsDvlGsH1o6GAl490//hJLBas2Ia12w8gaxY3VMjng0BPM7KSUMznCPFmJ1x7koyT0Qbs/+uG9XyA4esurTC4Twe4uDjDfDUchkUjkXTlVAo9c8KyYp+i29QNkvpzz6pf4XvjFJLP0aZOsojp8X2YH91DUtRFrZ1fCYxlgyiNU59r6KCDDSIIZOBDsB+fYXe8ssOdqINDzZZEKJ760l+PjMYuElD5RPgmLfg792Jokbsgm7cH/H19ULhAHpQtWQReHu5o3GkgyhYJxJ5pX8G0brK0a6ckb0iqpmrtUfnXQ3iSYMD2uT+imk8iYid0gTnJmJ73YyrQjxDgnD7VOqQJEQQyMC80hZVB6oxOOfPDrW47OFYmlsUnIF2NfP6/XxCybAvmfNoAb1/4PdX8zgEF8aWhHmau3I4vO7XAyO7vIv6H95H88E5ammNMWQ5LbKSD+hTrkG5EEMhQhy4LKOXVLuEIl4IV4Fy0IhzzFoNDQBDg7kmo4wwkJ1EFD2GOiYbp+lkkRZyEW73/4opvMEo16Ypi+XNhb837MN06n2KnolqOQJneM5Are1ac3DQd7rO/hjF8V0pFLlPaS2kzpTW6MKxDeuEZfwRaRLsIGfiwaRws5s22yEIsTWLEUSmlBcwPohA0dBXaNKmJRRv34GDbpqiSAiK4FCyPkEO3pDOJLzq9C+/wUMTaIsFGSstgsarjE7II3WZIhwynCCrqwAjxPaXmL9KIZ+ex2Jbgh6Zdh+LDt2vhN+dNkq2RFri1+w5B/RaSbGDE5dBZcB/3PgnDUfK/IyiV1zU/OmQ0pOiqSQvuFCW2GWKnlh8o3XieRoyhC1GvRjnkzpENK7YehKlUA7t5jzvkxr3HcWhM+bNHHFIiAUMHHQl0eCWskR2EYF5mICeiEuycUw+WwL0FhCwh18O2ERyvlL3YusoUJzHiGNzuR+LNmuUxZ+1OnHALeurFrxTIffMh4p4l9i8fkiWd2Kb893zqx159yv5ecCv+jo96nzOcWx/3r0AEFVJcpMvF1PIRwhSmizVSl+nUTpQvXVRChPBHTnYQIS+iou9Jv/Pn8UPSydPKf496CZPKx9T/gSXMDLtzZpUnl9JOmuBJirwcUaAXpcA0VM0bwiYqv0XVXmmxQSjDdJiEvMOHISdFu/EafWWPvLaQTebTB2xpO4PqjRZ18QbFSpEYenYylTEqSJeelN6mVFRrzVCeTXRpQXUlaLzvY3p+9Tnmhq05y1FSRnLg+jdTffftlPEXiBmTxjbYzyCJ+/0ynffn2CDCjXMIzPuO9PvGwwQ4eGSFOc7Wkc0hmz9iHjyRfnt5ZFEelF0lBAzPQATgyR1CqZ1qoJXQhvIdoUGSVbAsK32djmb6UvlgKn9esZPupJQjtT2E8rLp+fdU9oEoywc4TB6zv8Br1xZIzzBAsLpcN1tUvk9tXdYYp6/Fe7umUjdbFnPQhE2Ksj3oMkn83kqXj6mNG6nMS066fMF5KeWzk437W1Wj7M8Q4UTp93kxfvNSaItj64aK391fZjiX9TZb5O3L8M1useJ48PAxnHw0XKNdXCUEkKhDslFpeuFNFOZjSq4viACOYnLDhUYspfouCOFchobpbC5J7GAylEkDEkjvKib0CPWVHZJAE8pWg49ecD6UZ0PKhcQL4jeNsWJkGZ0GJICQHdVqxJqK34202lC05SAQ5xKlwSkgQUoKng8Vvzl6yVyqs3cK9bSCJaAEp/EvjSLQDn6PFi6fgEkhXMyxttTKwdviuH8lwQ0nzPlw3uiJqG0PcOLOTun5wo37Ef8oN6q534G/axIvoFlCRmGvt93PgQT8wksFiZeBjZJmw6KSPScWLwOzJtG0AM0psJG8g/5hZ2KYtfqTyisDD2iFuOfTRbZiZJL+FhRWwATsQruE+l2X6jEJVoZZI7XbYB8Vq8XvsUiVhx1D5qWgJAlWjRWfmA7TqIOdU9YINk4GHqNzarYIz8ajKmtnXrjvCxXUSq6TqcgeStfFvUQtlVRHXZXGs7FU/0aZKqtAyWLmeNlxje7KiABjApKSLGYV0fceYmqCDxadK4/jkQ/E+nsokgVW7ziE1bQZuTrmR9viWdE/+3nkc4tnQX0nIcNXhAw/pQMJeFdbDdvYqyyAvKNarOmBa1R2+AuOzxqqY5ViB2Z7ry6K/3OAATYDXiH6OU7j3TqpEOEvyjssvYo91T1vFu6Ke94YalO9R1/gXZ00+u4tFnxlxeNjvLtTWxkRf4qp4C8qJEu/+vR5gRaqMyV2tA962iU3RFyPtC7yAevCJSQoVyQ/+nV6F3PH9ceuhWOxaMI3Up5ShfKiX8fm8PXxxryzMXjjcB6sSiopk8ZxVP/IdHRpqAoJGOOavgASZDiIXV9rAb/1KppX3RdW3Ue9IBLYg99VSMBKmIYZhATW8SOEa/7KEUHEGzpO6SeZ/FxxDEDXiEL4bPBEKU/eHD4Y9GkbnNk0DQfXTcGob7qiTdN6qBociLcbVIOrszOi7sRgxICuOLvjd4zo/ZHkj/DJ7ljMc3pDbmqgsI1KjRqwlucr1eMfn0eT8QpAy4/a/W/oh5rNKUjj2DmDNXaM4O+pHndLq8YnnTCe2nN/JYhAi9KREps7H5J5XQOxbWNN9VEz1BPLjl6x5p0xph8G9+uIwtlcYApdBOMv3RD7ZU086VsdLg9uok6lYNx7HItju3fDne77d/8Aa0KGS37KfbdF4rCvVQ6bTG0Gp9K1jipBkSXwEGRO0AqBn14hOSMOHLXs42fSYppOKUcGvWt/dZuEBNsyqG61+pnlrS9fOiLQYmTJl10gR8hCZZhnKTS+UAajd0bAzdUZo/p2QIlASQmC8kXyIHFSLzwZ2Bhxi0fC+NdeqyrVfP4YmjeyRI9fs+c0Yke2QfL66aj7RnnM/KGvZIPUc088jD6SYoF5/xnUfkqmIvVV96dpwO9lkoWfqNghmR2ZoZHnZDrrTM6Afv0phFQ18BnIReprL0rplS9jFe/qqTEvazJwXOfhWSuIQdRufnsFnDMACTg8yzqZrzQ7OGK+ZyMM2HARhuQnaF6vCiYM7wU3NxcMHD9HQgafexGIPb1TW+d4ejfebT0E/X+Ygdlr9+CrD6oift1vyGKIRatWfdF64y4s23oA870a4OMYyf+eeSU2A1llp4tBL7jD2oPSNLBabfJByExCth1pqONbquMzWGIsVdCYD97ZVvwN8opR9GudxmaZXahCP2dVNOVdnV6kF2tFXe89FevkKLRkJTTqOkjtbkyhrTjBDi9UaYlY2fB+hlMEQoLqdNkvI0Gye1YMSG6CPmvPwcnZCSEjPsfiKUOQxy0JW3cdsWzP1cvCfOmE/dEK340ALxe0fLM6omMeYaWpuGVFbJkFnNiB//VpL8Uv+m3zaTgGWjVyg161QoDAVyCgOrE+e53QVKUGzOPxhxWr2NmUev5d1EsstE805AUZWFe/ig/L5POOdEBa2Kv2YiEP1UgbqM1WqZTngHBqNXtbKlc/QxcJIQFbznEAYMn2JN47DzrcropZO8NRJK8/QheNRfvWTWDeuRiJKyZg+QZLn5rUr4akizYKiPlQmGxwlDvzoQ3o3cUiR41edwLJvoUsyLB0NEoUzIu3iE26dvse9vvXlYvxt9YqZyJeP5J31ecsyzrzfazCpDp+/ztfQrTPMtjSFLLxQeNucfaQkZCa0Fw7lb7zOPIptdoV8jctts7xBZBgnawVSvArhnYRxbHp2AUpTtHO5RNQJsgfiVP7STLAg7wV8eeuo8iZ1RMNyhaA8SkiMD/LdiyzbF5i+zxULFMULRpUxaXIOwhxtByEJt+/CdPhP/FhS8sh7+pLsVKwAAEfveJ1wgLlxxqJ+1HjBSb7Z5rEmqmQ/leJDFcotRUL75CdbIXVc5gKGNPQ7mrBFrUTC1ptAuKQhjpOaChG2IapxwsjglCPrpKRwJirBNqdzY/dpyOknXrN7yPha4yB4ccPYTi5RQoaNvcCCbcmE9o1qwcXlg3MVnnuoPAmY2Y/ySonRF+G+dg2/PBNVymo7/crD+OSv0WhkrRvlSVuEbFHW/adhGsp68bQwk6X1Z79Lhm0Ri7TQM/WSPMp3U1jHX0FP6sE5r2LZzZ1Fr0Tn/IyK8wqay0179vCfict8DCNbfKJ9UJKLJM875nP/zQ2HA4k7f/ciEBIwGbX7BAvGQ2ZAorikytFsCvsooQECycPhuetc4gb+5G0mBmcKjfH9GUWrVjXj5rBeGiDssq1/IeQ4aaa/CasHI+CuXNg1Jcdpch3n5Ak8tg1B1GTI/BxSkaV4IJSlIxbOa3a0wLCRFwN6oOgYkIQywxwBRbjPyWwbDEpM+p2md2gxDs/201phT98M41VndegCrlfUp/vaoxxNrXQ7JgOJPAQlECylnP0yYXB8dWxYX8YapYphgWT/ocsV04i9tdPYXry1HNyqSEIV6PuSdqjos6xahfP5YrfI/DUpgTJ964jeUMIundoIcUwDbsWhc8iy8DAG/rF4ygbbJEboj3yKOurq9H1Bar7nEJAzSzAJgDH1Xw3IWs7ZFIQ5txarGieNJZnDZKa9WspzMNfBnBAijMpcUPp2RmnQXwVk/nyeXk+wLTVu6RvJC+aOgQeV08hdlJ3mI0KSl+iNkYvtFCDPiT8Jm2fr6xvP1EC66dxhJm1TTzS+M0z4BhxEtPG9EO1UoWxOewKOtyqjOgzJyxR7XhbyWbzPfKKdkj6djW5FKbNrxIc7CwKZgk/1RDqfhIGaZkVbmntl+kor7YVKyq0bi8DcXmMP8eLqhbZBFq5A5yt1g39p62VTnoXEzvk9/gmYqd8bhtzyMERi50qScJuU+Lp3yieG4YjNpbZWqe739jwj6ZkxM/oB+/ER1gx83vUKFME285eR5mf9mDmsi1wc3JCseI2ZjH2PnvFfK1SDckapnEvcQfSgmwpTBTrln9VPc4lqGRmhYEaz06kY3GyGnGq6vEkmpN8LwkZdqg4kPQhAiEBO7FYbcmTq7ZG59/3wpiUhF+HdEPpAA/ET/3clhKwBBj8JobO2SwJtcOIz0/eMEOJKMy3LVS3RVSBHZT7KJ9xLKOEib3gS0zRuj9+RK8P30FispmD3eHnQV2RM9ZGFk62p/mgC3sFKT2buJ31NPBVnxMhfDN4rtgOX32a24P6VjEzrX52NqI0R2xaSuCNZn06q2N/gU0q1moX1V/vJale2axD81zEORUkcBRqMcm23Nm/IIZG+OD89cNo2/gNtG9RH4YxHZ4JvOXg7IYxkf64++gvfPJeI5TO6YLY3TYm8hNp0Wt2iJ7PpnYbKilQUuR5JIzvAs/PJ2Hc4O4YNeAT6XNW/F2ExFnfqoVPezvCQRpg1nrwQUsF8fg/It0TXk0ypvKJ7lahyjTb2TRqUZmYFAadjfp6UHmZN01IZcd6IpxT1qo2qin0vIawTn1Vi91JsML8gRZ3lSBvz1X0S36HdO7SRmEZOhlPzc95491Bz5lV3qNgwQplAFW4QvWO0RCeU6UIbFtST2Z1jlbohElLt0iBt34a2gPJq35D4vUzz9LHYm0wceUu6VOxw7/qjMTVk2A2JSn5yF9SafcztVaCtVCxI9tKdkcuty7AmQOIzR4Mw+F1ymyhqQwEyyRVxc7wQLW71xDCNie2jOTj+HKp8L/M7hSwk+rA1rDsqAYyJKn6xy+j/vQt9zcl7zi1TU1aEEYd0lxNSWuKhRkg3lFOWkjAm0cf6vsfqudqU2qzPWSgxCfYLVUq0pJCdpJPk/OnNHZI5TPECmCvu0tpRgTalVm78oM1Y9UW6B2yWfr9PbE6fvcvIX77s9/aMPoXQ7fVFoegcQO7wvfeZRiO2igIxtKun+KpIf0/TrAyNt775oQnkt1R7I/v48mYdkg4aGPqcwH2vZdsBCdKLKgFUeomtBdaem2OmKGMmToKaTgIUi2uzYp2mWx+INhCBlYZh2mU6yGosEmxgB6nsmlEKPKmhT0ZIfhleXHu0VjEqZ2FxArlRgV6N62NjdeOMnjB8VTmZZUQmHuITTClgM2MBCtVz+ap1LP22okTG50SGcIdUkAEJlfdJWKQxRvzgr9A75/mSdqbHYvGwfjDB0hSR6xzdMIQt1aYvOEQmtWphMVTBlO+/yLppnVzYBmgKC30NJFQ6oOfWKiVUsnK6rg3qd6dGcAW8Ji424kkkVXs9mnROF3TirYgjveZzN9IKQyKMHdmX4oHqflOCFaGNXoPKe/FdLwr6+757GW/0Kyo26+OZ32W48Q8nhG+1Km1UUzs7pvTE/ZFtF9YsOXqEDKn1e8pzoaairlZpXKz1aqf34udtXjD3+JgZwEWF3pXacITm/REmVE7iOePxc4FY1Dl7iHErXzWU3JrYGt88MdhyfFm/5rfkPPQMsSttVGGpPuTTdQXJsdjxe6ttQDZmrQ91ZuRZrw6/MvAnrA8HNbvIfti4iVXCQnavVMb1YrkQuzcac8UuJmnOrots1B6drzxM9xF3IYpyixMfuemt4O0wHln7kUIMUHILLUFvxotBNpplOeuPpU6vAhoRcMuKXhz6X+GN3ug5IhtiE8w4uj6ySh0cD7id9qGi4n18EPTM0UQdiUSA7u2xpDPP0D8j+2QfMt6XsY+sRyz9C99yHXIjKAlLA+UkcDB3RNzbnpaPvzXqiEx9w5IsFWDwuScBT1vl5eQgM0oBvXtgKQlY5RIwDBURwId/jGIQNSA45i2tT6o0hK/LtwkHYp90eU9JG4MUapBJW+0IUkNsO7IeVQoVgAzx/WH4/61SNhrYz+3W/D4Oujwj6EIrLpykTVAa1EUt+4/xHsNq0nUwHjA1itviltjTN1xWopyvXjqUHjfuYy4Rd8rs/Bp40f6p1x1+McgAlEDRgBreBS3UnUxbaXlAx3d2r+L5K3zbKjBfI+GGLLxLLJ5uGPl9GEIzGJC/LQvJA8zBbA255o+zBkLmciM/J8yXl9TGp5WisDRzazudufz1cL+sIsILpAHNUsFImH/Ux/yZV4N0Xv9RSn+0JLJg1G+UAASJvZUm1qwXLAxkw1IR0od/uGTylR7v7680wV8DlEgpQxK9al1gThl88fis5bD1g7vNQIOrbca1S1zr4Vuay1IsHTiINStVAKGX7tL9kAKYKz5PhPuoiMEuzbnHzypzJ+eyYDxYM+tCMO59Qv+BYiQqkWAs2CLWC//jvzQpWJjrAo5IP1u1rgmDPP7Sb+XeNRHj/URViRoUrsCjFP6IPGijVnQIcESZbZvGjcW71uO4/bTAjhtZ4FUFJsCyzUcyHczPeNwGW/R7zEiD5/iNqH70eI+CBbfWlY27GN3TTt1FxT52MpyD7shiudZhXzG9bAd0HQ+2abn7BvO0Rp4F1pGzw6JNtgGaqcoy/ZM7OzPJ7jsKnlEdvoXJ84cBYHtqNgkYiqHZhfGh50ohYlvCvBhJM9XV/r/QFGWT3U/oftvxT2f4ZwTXANHghgGi3aRjSP5pJxNsGdpnTZT2W6KsrUEInNfzOIknw3v2DaLee8QrdNxeQ5gMZpkF9fdlG85Pef62NuMD1bHy26y4uSYg7uVFuNyXlEX94P7xKbuc6nMPpk1Yhc7azThSP+yOH89CkXzBaCI02Mk3gjHL06NJCTwcnPFmmlDJSRIDPkaxjM2Vg1sv9FM2AplNmCfCj7hY6xtb2eh8sCEwhJUiwdODqlXALYO37ygu4syfPLNdkm8mbCK+A+xgNV1s6kA7y7eIt88eiY7XLNtEZ/mbxOLlhcIL/YlsBxEsq25HMqd8ynDL3YRC5nNBdjUZBaVleNicmDh/mLh1cJTB3t3sSk4CLaBeVqOV6Q05WXTA6WpNdtJsTkB89ps+hEvxqqwQILxsBMzCJYQN8sEUvLa+BVPv8vHCDZSIEqwyKcFBcS7sP0W+yx40Xs2FtzHCbE5zBVjze+2UWzuPDfRinnwEhsHbz5so8XhaPLIrFE9OaODkwuuuFpEhUpliuL+3g348nEdLDxyAb7eHkQphqMKPWckkJzznwIbkbG9T3Qm5Kt9xcBz0Cfm+b6iZ99qmDbzAueFHa74QIhENFX5rJarYueuSNfboq0O0PiqDv0/VlCiOyLfZ2IRsXqZDzE5utxK+v9S8X/ZGfsYPVuUQl9YO8GxXMeJcizryY7pHGz2J/qfQZiMjxN9CaX7K7DY5MwW5e5r1AtVu7xRVJRDwIuQ9fJXeFpA5RCv0h4yBRgk8tYRYw3Bpi6m/z2k50wN19qpg9tn27OOcoQP8QESjg64XCBSqFjo3BeOVlFAvHtJPA301lZQnu8VG2QTGRGs5sb8HTOf7BZnqn3HzqLq4STcuPsQBXPlxApCguCgXDBO7CWFaVQAk6P/EBJczqQ84ocC+5mERwn2gs2t1dHomPVgK8gDNHhs3dgnjRGzfSj/KLGbp2Q370f5xordXRlogM2M2Yy5Of3/G2qTd8V1ggqFC0eY/vY+mQRbS1ElNWZ2iJ17Wovd9kUp9RLVdxDcqe7Jgtrw+2xJoaxSk5KgQrj/Uj3MYpVIpf0HqjA3JQVCyd+8OCk4m7qCdTJo1FFCIFSoQn5IlFkjKyabjPEoU6KQ5F7JQbQYCZrVrYxdyycgONAfxsm9tZCgASFBWCYWlhjrmWecIMj/fS32iPlbSm0ED5xP7NJaigUltcknWJ4Tgj05YCdfAUGSD4l84Yp2lwrqwCE++OMg1YWTC09oa8GizXuO954g2BWmhL0yYBwfKt4nq3hXpghNoTA5TyewZ15vcW2dSl51uE5mz0bSWJUXqZIiMqCnnToYCY8rynCa56zeRaTPuUZexJJpwxB+/jK8PD0QlJ8o4t3rSBj3KZJu2Ph03BbsUKZFAiH8sp17LtmDip4xX/0zXb9QelUJGYHZF+Yb+yoQgQXAAMFiJQrEkuMj1RbPJgtKUwjasZPqiHFmi8X8gs1wEu22EdogXhD8PbL89IxZAVe20xfyxcDneH3mkUcLuagVbK13n4h3yiLG56HoC++YV2QtIgvcdsytK4uddayQOYrBfgCwlKCZoDT7xJinJx4vU3QOSLxMjC0rALYKBJ0ogv7yRznKKjRHXIYDAnMQtb1ifRSRKYLNh/oMIV/C8epplC5eEEHejpJXWOz3rdVIwJ5RtTI5JZCpwTKVG+EyQSE6qfI6CWEzQuzOP4rnp8T7XhcsFvOjuYRAu0sgCrNQzE7xeGh9oWWXmORrQgg+KTRZskYrWixA+fNIjEyssboghPwxShZLVbf6c1JyEIOlQjBlJQaH48kj+GWIvo4Uu+z74v2Oi3RbIEa8QEyoOQfWTol3iRAaLBbIm6Xg/+1jp888F8Oo3CVBFd0USgQ15FTdfyvmjNndGDGfRiE0HxBzcUIgST2WH4QTPzsS7aT7u2KekxyE+rQFnvX4SQn4pd8iJLiB1wwUjjN3lTy5+NAEszfXhIDMAnGU8Lv1FCrRS0Ib4awV7U6R76JYGI4yKRfUiBfrFVmIp2duQsi7Rc8ePef7FBS8dYxQ894UcYVkdi1BIeg7C17/uhDueUeNtsNrK/t3SSgZPClv1HP0kccylsdCtHk7rbFjxfkQU7T7siJCPHcQVCpSIHRe8V4m1XjzfFoRwUEID3XS0DYLCE1Tc7fUQYd/EkiskTj8ap0Kj8d5OBRhQx0JdHjdwIafE4Z3nwi+uqJAlGtCaPyNEOCMPmQ6vJaIwJ9i0kGHfzv8X4ABAJcT7jQLCHw6AAAAAElFTkSuQmCC') no-repeat 0 0;
    width: 19.4rem;
    height: 7.4rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.developer_portal #ap-container { max-width: none !important; }

.developer_portal .zone-header {
    background-color: #fff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 0;
}

.developer_portal .navbar-default {
    background-color: #002a4e;
    border-color: transparent;
    border-radius: 0;
}

.developer_portal .zone-footer {
    background-color: #e2e2e2;
    color: #7c7c7c;
    padding: 2.5rem 2rem 1rem 2rem;
    border: none;
    border-radius: 0;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.developer_portal .dropdown-menu {
	border-radius:0;
}

.developer_portal .navbar-default .navbar-collapse, .developer_portal .navbar-default .navbar-form {
	width: 117rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-right: auto;
	margin-left: auto;
}

.developer_portal .navbar-default .navbar-nav > li > a {
	color: #fff;
}

.developer_portal .nav > li > a {
	position: relative;
	display: block;
	padding: 1.55rem 1.5rem;
}

.developer_portal .navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.developer_portal .navbar-default .navbar-nav > .active > a, .developer_portal .navbar-default .navbar-nav > .active > a:hover, .developer_portal .navbar-default .navbar-nav > .active > a:focus {
	color: #ccc;
	background-color: inherit;
}

.developer_portal .navbar-default .navbar-nav > .open > a, .developer_portal .navbar-default .navbar-nav > .open > a:hover, .developer_portal .navbar-default .navbar-nav > .open > a:focus {
	background-color: inherit;
	color: #999;
}

.developer_portal .navbar-default {
	text-transform: uppercase;
}

.developer_portal .dropdown-menu > li > a:hover, .developer_portal .dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.developer_portal .navbar-default .navbar-nav > .dropdown > a:focus .caret{
	border-top-color: #999;
	border-bottom-color: #999;
}
/*CHATBOT*/

.floaterSac {
    position: fixed;
    padding: 0;
    z-index: 990;
    border-radius: 3rem;
    background: #002b4f;
    border: .2rem solid #ff6600;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 28rem;
    width: 6rem;
    height: 9rem;
    right: -8.5rem;
}

	.floaterSac.hideChatBot{
		display:none!important;
	}

	.floaterSac li.btn_close {
		position: absolute;
		top: -6.2rem;
		right: -2.9rem;
		cursor: pointer;
		color: #ff6600;
		font-size: 1.2rem;
	}

	.floaterSac li {
		margin: 1rem 0;
		float: left;
		width: 100%;
		text-align: center;
		list-style-type: none;
	}

.floaterSac li a {
    left: -3.4rem;
    top: -5.7rem;
    background: url(images/sign_floater.gif) no-repeat;
    width: 9.4rem;
    height: 11.8rem;
    display: block;
    text-indent: -9999px;
    position: relative;
}

.floaterSac li span {
    width: 9.5rem;
    height: 4rem;
    line-height: 3rem;
    padding: .4rem 0 0 0;
    position: absolute;
    text-align: left;
    color: #002C51;
    font-size: 1.1rem;
    font-weight: 700;
    right: 6.6rem;
    top: -4.6rem;
    text-align: center;
    background: #fff;
    border-radius: .4em;
    border: .2rem solid #ff6600;
    display: none;
}

.floaterSac li span:after, .floaterSac li span:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.floaterSac li span:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: .8rem;
    margin-left: 2.2rem;
}

.floaterSac li span:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ff6600;
    border-width: 1rem;
    margin-left: 2rem;
}

.fc-confirm-container {
    line-height: 3rem;
    cursor: pointer;
}

.fc-confirmed {
    pointer-events: none;
}

/*.fc-confirm-container .btn-success {
    display: none;
}*/

/*.fc-confirm-container.fc-confirmed .btn-success {
    display: inline-block;
}*/

/*.fc-confirm-container.fc-confirmed .btn-warning {
    display: none;
}*/

.fc-confirm-container .check-box-label .btn-warning i::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f0c8";
    font-style: normal;
}

.fc-confirm-container .check-box-label .btn-warning.btn-success i::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f14a";
    font-style: normal;
}

.fc-confirm-container .svg {
    display: block;
    width: 3.5rem;
    margin: 0 auto;
    float: left;
    color: gray;
    line-height: 3rem;
}

    .fc-confirm-container .svg .check-mark {
        fill: none;
    }

    .fc-confirm-container .svg .check {
        -webkit-transform: translate(-1.5rem,0);
                transform: translate(-1.5rem,0);
        stroke: limegreen;
        fill: none;
        stroke-width: 14;
        pointer-events: none;        
        -webkit-animation: check 0.5s linear forwards;        
                animation: check 0.5s linear forwards;
    }

    .fc-confirm-container .svg .check-box {
        stroke: lightgray;
        stroke-width: 12;
        fill: none;
        -webkit-animation: draw-box 0.5s linear forwards;
                animation: draw-box 0.5s linear forwards;
    }

    .fc-confirm-container .svg .check-box-check {
        -webkit-animation: check-box-check 0.5s linear forwards;
                animation: check-box-check 0.5s linear forwards;
    }

.filterField {
    padding: 2rem;
    margin-top: -.6rem;
    border: 0;
    border-radius: 0;
    background: #f1f1f1;
}

/*SEND GRID*/
#notificacoesTemplates td input[type=text] {
    width: 30rem;
    display: inline-block;
}

#notificacoesTemplates td span {
    width: 22.5rem;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#category-sendit .table-responsive .ng-table-pager {
    display: none;
}

#content .dropdown-menu{
    text-align:left;
}

.context-selection {
    color: #555;
    width:100%;
    display:inline-block;
}

.context-selection:hover {
    text-decoration: none;
}

    .context-selection .caret{
        float: right;
        margin-top: .8rem;
    }

.overflowEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 14.1rem;
    display: inline-block;
}

/*TIMELINE*/
.timeline-horizontal-scroll {
    display: inline-block;
    width: 100%;
    overflow-y: auto;
}
.timeline, .timeline-horizontal {
    list-style: none;
    padding: 2rem;
    position: relative;
}

    .timeline:before {
        top: 4rem;
        bottom: 0;
        position: absolute;
        content: " ";
        width: .3rem;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -.15rem;
    }

    .timeline .timeline-item {
        margin-bottom: 2rem;
        position: relative;
    }

        .timeline .timeline-item:before,
        .timeline .timeline-item:after {
            content: "";
            display: table;
        }

        .timeline .timeline-item:after {
            clear: both;
        }

        .timeline .timeline-item .timeline-badge {
            color: #333;
            width: 5.4rem;
            height: 5.4rem;
            line-height: 5.2rem;
            font-size: 2.2rem;
            text-align: center;
            position: absolute;
            top: 1.8rem;
            left: 50%;
            margin-left: -2.5rem;
            background-color: #fff;
            border: .3rem solid #ccc;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

            .timeline .timeline-item .timeline-badge i,
            .timeline .timeline-item .timeline-badge .fa,
            .timeline .timeline-item .timeline-badge .glyphicon {
                top: .2rem;
                left: 0;
            }

        .timeline .timeline-item .timeline-panel {
            position: relative;
            width: 46%;
            float: left;
            right: 1.6rem;
            border: .1rem  solid #ccc;
            background: #ffffff;
            border-radius: .2rem;
            padding: 1rem;
            -webkit-box-shadow: 0 .1rem  .6rem rgba(0, 0, 0, 0.175);
            box-shadow: 0 .1rem  .6rem rgba(0, 0, 0, 0.175);
        }

    .timeline-horizontal .timeline-item .timeline-panel:before {
        content: '';
        display: inline-block;
        border-left: .7rem solid transparent;
        border-right: .7rem solid transparent;
        border-top: .7rem solid #ccc;
        position: absolute;
        bottom: -.8rem;
        left: 3.4rem;
    }

    .timeline-horizontal .timeline-item .timeline-panel:after {
        content: '';
        display: inline-block;
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
        border-top: .6rem solid #ffffff;
        position: absolute;
        bottom: -.6rem;
        left:  3.5rem;
    }

    .timeline .timeline-item .timeline-panel .timeline-title {
        margin-top: 0;
        color: inherit;
    }

    .timeline .timeline-item .timeline-panel .timeline-body > p,
    .timeline .timeline-item .timeline-panel .timeline-body > ul {
        margin-bottom: 0;
    }

        .timeline .timeline-item .timeline-panel .timeline-body > p + p {
            margin-top: .5rem;
        }

    .timeline .timeline-item:last-child:nth-child(even) {
        float: right;
    }

    .timeline .timeline-item:nth-child(even) .timeline-panel {
        float: right;
        left: 1.6rem;
    }

.timeline-horizontal {
    list-style: none;
    position: relative;
    padding: 2rem 0 2rem 0;
    display: inline-block;
}

    .timeline-horizontal:before {
        height: .3rem;
        top: auto;
        bottom: 2.6rem;
        left: 0;
        right: 0;
        width: 100%;
        margin-bottom: 2rem;
    }

    .timeline-horizontal .timeline-item {
        display: table-cell;
        width: 20%;
        min-width: 20rem;
        float: none !important;
        padding-left: 0;
        padding-right: 2rem;
        margin: 0 auto;
        vertical-align: bottom;
    }

    .timeline-horizontal.sendit .timeline-item {
        height: 16rem
    }

    .timeline-horizontal.fourMail .timeline-item{
        height:25rem;
    }


        .timeline-horizontal .timeline-item:before {
            position: absolute;
            content: " ";
            width: .3rem;
            margin-left: -.15rem;
            height: .3rem;
            top: auto;
            bottom: .6rem;
            left: 0;
            right: 0;
            width: 100%;
            margin-bottom: 2rem;
        }

        .timeline-horizontal .timeline-item.success:before {
            background: #59ba1f;
        }

        .timeline-horizontal .timeline-item.warning:before {
            background: #d1bd10;
        }

        .timeline-horizontal .timeline-item.danger:before {
            background: #ba1f1f;
        }

        .timeline .timeline-item.success .timeline-badge {
            background-color: #59ba1f;
            border-color: #59ba1f;
            color: #fff;
        }

            .timeline .timeline-item.warning .timeline-badge {
                background-color: #d1bd10;
                border-color: #d1bd10;
                color: #fff;
            }

            .timeline .timeline-item.danger .timeline-badge {
                background-color: #ba1f1f;
                border-color: #ba1f1f;
                color: #fff;
            }

        .timeline-horizontal .timeline-item .timeline-panel {
            top: auto;
            bottom: 4.4rem;
            display: inline-block;
            float: none !important;
            left: 0 !important;
            right: 0 !important;
            width: 100%;
            margin-bottom: 2rem;
        }

        .timeline-horizontal.fourMail .timeline-item .timeline-panel{
            font-size: 1.2rem;
        }


        .timeline-horizontal .timeline-item .timeline-badge {
            top: auto;
            bottom: 0;
            left: 4.3rem;
        }

.deliveryEvents { line-height: 3rem; }

.badge-sms {
    width: 3rem;
    height: 3rem;
    border: .1rem solid;
    float: left;
    margin-right: .5rem;
    text-align: center;
    border-radius: 3rem;
    color: #fff;
}

    .badge-sms.success { background-color: #59ba1f; }

    .badge-sms.warning { background-color: #d1bd10; }

    .badge-sms.danger { background-color: #ba1f1f; }

#tab-dadosFatura .input-group-addon {
    padding: 0 .5rem;
}
    #tab-dadosFatura .input-group-addon i {
        font-size: 2.5rem;
    }

.wrapping-box-container {
    background-image: url('images/ico_loader.gif') !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#input-dropdown-search {
    cursor: auto;
    background-color: white;
}

#dropdown-search-bar {
    margin-left: 1.6rem;
}

.dropdown-arrow-icon {
    position: relative;
    display: block;
}

    .dropdown-arrow-icon input {
        background-color: transparent !important;
        position: relative;
        z-index: 2;
    }

    .dropdown-arrow-icon::before {
        font-family: 'Font Awesome 6 Pro';
        font-weight: 300;
        position: absolute;
        content: " \f078";
        top: 1.1rem !important;
        color: #373737;
        right: .5rem !important;
        font-size: 1.1rem;
        z-index: 1;
    }

.planoPrePago .col-sm-12.col-md-3 {
    margin-bottom: 2rem;
}

.plan-box {
    background-color: #fff;
    border-radius: .5rem;
    border: .1rem  solid #ccc;
    width: 100%;
    height: 100%;
    padding-bottom: 6rem;
}

    .plan-box h3 {
        margin: 1rem 0!important;
    }

    .plan-box div {
        padding: 1.5rem;
    }

        .plan-box div:first-child {
            background-color: #fcfcfc;
            border-top-left-radius: .5rem;
            border-top-right-radius: .5rem;
        }

        .plan-box div:last-child {
            text-align: center;
            border: 0;
            border-top: .1rem  solid #cccccc;
            position: absolute;
            bottom: 0;
            width: 89%;
        }

.plan-price {
    font-size: 300%;
    margin-bottom: 1rem;
    font-weight: 300;
    color: #ff6600;
    text-align: center;
}

    .plan-price span {
        font-size: 30%;
        font-weight: 300;
        display: block;
        text-transform: lowercase;
    }

.plan-price-desc {
    font-size: 85%;
    margin: 0;
}

    .plan-price-desc sup {
        top: 0;
        font-size: 100%;
    }

    .plan-price-desc span {
        text-transform:lowercase;
    }

.plan-box ul {
    list-style: none;
    padding: 0;
    font-size: 90%;
}

    .plan-box ul li {
        padding: .5rem 0;
    }

        .plan-box ul li i {
            padding-right: .5rem;
            color: #ff6600;
            font-size: 130%;
        }

.plan-box .desc-prepaid {
    font-size: 90%;
}

.plan-box.personal .btn-certisign, .panel-info .btn-certisign {
    color: #ff6600;
    border: .1rem  solid #ff6600;
    background-color: #ffffff;
}

    .plan-box.personal .btn-certisign:hover,
    .plan-box.personal .btn-certisign:focus,
    .plan-box.personal .btn-certisign:active,
    .panel-info .btn-certisign:hover,
    .panel-info .btn-certisign:focus,
    .panel-info .btn-certisign:active {
        color: #ffffff;
        background-color: #ff6600;
    }
input.tabNome {
    text-transform: capitalize;
}

.preWrap {white-space: pre-wrap;}

.well-white { background-color: #ffffff; }

/* FALE CONOSCO E CONTRATAR PLANO */
.form__input {
    transition: all .3s;
}
    .form__input:focus {
        outline: none;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
        border-bottom: 3px solid #5cb85c;
    }

        .form__input:focus:invalid {
            border-bottom: 3px solid #d9534f;
        }

    .form__input::webkit-input-placeholder {
        color: #999;
    }

.form__label {
    font-size: 1.2rem;
    margin-left: 1.2rem;
    margin-top: .15rem;
    display: block;
    transition: all .3s;    
}

.form__input:placeholder-shown + .form__label, .input-group + .form__label {
    opacity: 0;
    visibility: hidden;
    transform: translate(-4rem);
}

.radio-inline.form__radio {
    padding-left: 0;
    margin-bottom: 1.8rem;
}

.form__radio-input {
    display: none;
}

.form__radio-label {
    cursor: pointer;
    position: relative;
    padding-left: 2.5rem;
}

.form__radio-button {
    width: 2rem;
    height: 2rem;
    border: .3rem solid #7c7c7c;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

    .form__radio-button::after {
        content: "";
        display: block;
        height: .9rem;
        width: .9rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #7c7c7c;
        opacity: 0;
        transition: opacity .2s;
    }

.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
    opacity: 1;
}

select#segmento, select#tipo {
    margin-bottom: 3.2rem;
}

.participant-fields-form {
    overflow: auto;
}
/*Gerenciador de Cookies */
#onetrust-banner-sdk #onetrust-policy-text,
#onetrust-banner-sdk .ot-dpd-desc,
#onetrust-banner-sdk .ot-b-addl-desc,
#onetrust-pc-sdk .ot-grp-desc,
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-pc-sdk .ot-pc-footer button,
#onetrust-pc-sdk .category-menu-switch-handler h3,
#onetrust-pc-sdk .ot-desc-cntr h3,
#onetrust-pc-sdk .ot-always-active,
#onetrust-banner-sdk #onetrust-policy-text {
    font-size: 1.4rem !important;
}
#onetrust-banner-sdk #onetrust-policy-title{ font-size: 1.6rem!important; }
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:focus { outline: none; }
/*
    ANIMATIONS
*/
@-webkit-keyframes yellowfade {
    from {
        background: #FFFFC6;
    }

    to {
        background: transparent;
    }
}
@keyframes yellowfade {
    from {
        background: #FFFFC6;
    }

    to {
        background: transparent;
    }
}

@-webkit-keyframes folderarrow_in {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
    }
}

@keyframes folderarrow_in {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
                transform: translateX(-10rem);
    }

    80% {
        -webkit-transform: translateX(1rem);
                transform: translateX(1rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
                transform: translateX(-10rem);
    }

    80% {
        -webkit-transform: translateX(1rem);
                transform: translateX(1rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@-webkit-keyframes moveInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
                transform: translateX(10rem);
    }

    80% {
        -webkit-transform: translateX(-1rem);
                transform: translateX(-1rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
                transform: translateX(10rem);
    }

    80% {
        -webkit-transform: translateX(-1rem);
                transform: translateX(-1rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@-webkit-keyframes moveInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY( 3rem);
                transform: translateY( 3rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY( 3rem);
                transform: translateY( 3rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

/* RESPONSIVE */

/* Até XS */

@media screen and (max-width: 767px) {
    #carousel-customer-opinion .carousel-inner { height: auto; }

    .preview.ui-pnotify.stack-bar-topright { width: auto; }

    #content { padding: 5rem 0 3rem 0; }

    #content #highlight h1 { font-size: 3.5rem }

    #carousel-clients-opinion .carousel-inner { height: 60rem; }

    #carousel-clients-opinion .circle_client { margin-left: 7.5rem; }

    #carousel-clients-opinion .carousel-control.left { left: 0; }

    #carousel-clients-opinion .carousel-control.right { right: 0; }

    .home-page #content #highlight h2 {
        font-size: 1.6rem;
        margin: 0;
        padding: 0;
        line-height: 2.6rem;
    }

        .home-page #content #highlight h2.assine {
            font-size: 2.6rem;
            margin: 0;
            padding: 0;
            line-height: 3rem;
        }

    .acoes-inbox.navbar-default .nav > .open > .dropdown-menu { border-bottom: .1rem solid #d4d4d4; }

    .table-responsive .ng-table-pager { margin-top: 2rem }

    .hide-mobile { display: none; }

    .navbar .filter-wrap {
        max-width: none;
        white-space: normal;
        display: inline;
    }

    .filtro-inbox .navbar-nav .input-group { width: 100% !important; }

    .filtro-inbox .navbar-nav .navbar-text,
    .acoes-inbox .navbar-nav .navbar-text {
        display: block;
        float: none;
        margin: 1rem;
    }

    body { padding-top: 3rem !important; }

    #content .dropdown-menu {
        max-height: 31rem;
        max-width: 30rem;
        min-width: 20rem;
        overflow: hidden;
        overflow-y: auto;
    }

    #content .dropdown-menu > li > a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .grecaptcha-badge { display: none; }

    #header .tools .icon { background: transparent !important; }

    #header .tools .icon i { color: inherit !important; }

    #header .navbar-header { height: 6rem; }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: inherit!important;
    }

    .content-page .main-menu a:before {
        font-size: 1.8rem!important;
        padding-right: .5rem;
        text-align: left;
        display: inline-block;
    }

    .content-page #header .main-menu a:before, 
    .content-page #header .main-menu a:after {
        display: none;
    }

    .navigation__nav {
        height: 0;
        position: fixed;
        top: 5.5rem;
        left: 0;
        z-index: 1500;
        opacity: 0;
        width: 100vw;
        background: #ffffff;
        overflow-x: auto;
        padding: 0 1.5rem 4.5rem 1.5rem;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        display: none;
    }

    
    .navigation__nav .navbar-nav li > a, 
    .top-menu.navbar-nav > .item0 i.fa-user-circle {
        font-size: 2rem!important;
    }

    .navigation__nav .main-menu.navbar-nav > li > a {
        text-transform: initial;
    }
    
    .navigation__nav .main-menu.navbar-nav > li > a:before {
        color: inherit!important;
    }

    .navigation__nav .main-menu.navbar-nav li {
        font-weight: 400!important;
        margin-left: 0!important;
    }

    .home-page #header .top-menu .dropdown-submenu > a:before { display: block!important; }

    .navigation__checkbox:checked ~ .navigation__nav {
        opacity: 1;
        height: 100vh;
        display: block;
    }

    .receipt-content .invoice-wrapper .payment-info .text-right {
        text-align: left;
        margin-top: 2rem;
    }

    .receipt-content .invoice-wrapper .line-items .total .extra-notes {
        width: 100%;
        margin-bottom: 5rem;
        float: none;
    }

    .receipt-content .invoice-wrapper .payment-details .text-right {
        text-align: left;
        margin-top: 2rem;
    }

    #verificador .stepwizard-step { margin-top: 2rem; }

    #verificador .stepwizard-step:first-child { margin-top: 0; }

    .stepwizard-row:before {
        left: 50%;
        margin-left: -.1rem;
        top: 6%;
        position: absolute;
        content: " ";
        width: .3rem;
        height: 75%;
        background-color: #ccc;
    }

    .mobile-buttons {
        margin-top: 0;
        float: none !important;
        display: block !important;
    }

    .mobile-block-buttons {
        display: block !important;
    }

    .mobile-buttons .btn, .mobile-block-buttons .btn {
        width: 100%;
        margin-top: 1.5rem;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mobile-buttons > div:first-child > .btn:first-child,
    .mobile-buttons > .btn:first-child { margin-top: 0; }

    .dropdown-footer.mobile-buttons > .btn:first-child { margin-top: 0; }

    #MobileId .blockUI.blockMsg.blockElement {
        width: 86% !important;
        padding: 2rem !important;
    }

    #MobileId .blockUI.blockMsg.blockElement .input-group .form-control { width: 80% !important; }

    .navbar-padding { padding: 0 1.5rem; }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #8C9CB3; }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; }

    .btn-xs-spacer .btn { margin-bottom: 1rem; }

    .modal-large .modal-dialog,
    .modal-xlarge .modal-dialog { width: auto; }

    .ui-pnotify.stack-bar-top {
        width: 90% !important;
        margin-left: 5% !important;
    }

    #header.navbar .logo {
        top: .3rem;
        left: 1rem;
        width: 16rem;
        height: 4.4rem;
        background: transparent url(images/img_logoportal_mobile.png) no-repeat 0 50%;
    }

    #header { background-image: none; }

    #header .container {
        height: auto !important;
        background-image: none !important;
    }

    #header .main-menu {
        margin: 0 !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    #header .main-menu li { border: 0; }

    #header .navbar-collapse .nav.main-menu > li > a:before {
        padding-bottom: 0;
        font-size: 1.4rem;
        position: relative;
        display: inline-block;
        width: 1.28571429em;
        text-align: center;
        vertical-align: inherit !important;
        margin-top: 0;
        float: none;
    }

    #header .navbar-collapse {
        background-color: #fff;
        border-top-width: 0;
        border-bottom-width: .1rem;
        border-bottom-style: solid;
        float: none;
        margin-top: 50px;
    }

    #header .top-menu, #header .top-menu > li > a {
        float: none;
        font-family: inherit !important;
        text-transform: none;
        margin: 0 !important;
    }

    .content-page #header .top-menu .item0 a {
        text-decoration: none;
        padding:  .8rem 0 0 0;
        background: none;
    }

    .navbar-default .top-menu.navbar-nav > .item0 a .fa-caret-down { display: inline-block; }

    #header .top-menu a {
        color: inherit;
        line-height: normal !important;
    }

    #header .top-menu li {
        border-left: 0;
        height: auto !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        background-color: transparent;
        font-weight: bold;
        padding: .5rem 1.5rem .5rem 2.8rem;
    }

    #header .navbar-nav li > a {
        padding:  .8rem 0 !important;
        height: auto;
        width: auto;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header { color: #000; }

    #header .navbar-nav .dropdown-submenu.open > .dropdown-menu {
        border: .1rem solid #ccc;
        padding: 0  .8rem;
    }

    #header .tools .config .dropdown-menu:before, #header .tools .config .dropdown-menu:after { display: none; }

    #header .navbar-nav .open > a,
    #header .navbar-nav .open > a:hover,
    #header .navbar-nav .open > a:focus { background-color: transparent; }

    #header .navbar-nav .dropdown-menu ul li a { }

    .config .dropdown-menu ul:before { border-left: 0; }

    .config .dropdown-menu ul li a:before,
    .config .dropdown-menu ul li:last-child:before {
        display: none;
        border-top: 0;
        background-color: transparent;
    }

    .config .dropdown-menu .dropdown-submenu.open .dropdown-menu { margin-bottom: .8rem; }

    #header .top-menu.navbar-nav .dropdown-menu {
        left: 0;
        right: auto;
        border: .1rem solid #ccc;
        position: relative;
        width: 100%;
        padding: 0 .8rem;
        border-radius: .4rem;
        margin: 0 0 1rem 0;
    }

    #header .top-menu.navbar-nav .dropdown-menu:before, #header .top-menu.navbar-nav .dropdown-menu:after { border: none; }

    #header .top-menu.navbar-nav .dropdown-menu a:hover {
        text-decoration: underline !important;
        background: none !important;
    }

    #header .navbar-collapse hr,
    #header .navbar-collapse .dropdown-menu .divider { margin: .2rem 0; }

    #header .navbar-collapse .dropdown-submenu.open + .divider { margin-top: 1rem; }

    #header.navbar-default .navbar-collapse .nav.navbar-nav > li > a {
        color: #333;
        background-image: none !important;
        padding:  .8rem 0;
        height: auto;
        line-height: inherit;
        width: auto;
        position: relative;
        font-weight: normal;
        text-transform: none;
        text-align: left;
        margin: 0;
        font-size: 1.4rem;
    }

    #header.navbar-default .navbar-collapse .nav li > a:hover { border-bottom: none; }

    #header.navbar-default .navbar-collapse .nav > li i,
    #header.navbar-default .navbar-collapse .nav.main-menu > li > a:before {
        color: #333;
        margin-right: .3rem;
        font-size: 1.6rem !important;
    }

    .navbar-default .top-menu.navbar-nav > .item0 i.fa-user, .navbar-default .top-menu.navbar-nav > .item0 i.fa-user-circle {
        position: relative;
        left: 0;
        top: 0;
    }

    .navbar-default .top-menu.navbar-nav a:before {
        position: relative !important;
        left: 0 !important;
    }

    #header.navbar-default .navbar-collapse .navbar-nav li > a:hover {
        color: #000;
        text-decoration: none;
    }

    #header.navbar-default .navbar-collapse .navbar-nav li > a:after {
        margin: 1rem 0 0 -18rem;
        font-size:  .8rem;
    }

    #header .navbar-nav li { border-left: 0; }

    #header .navbar-nav li.flag a {
        width: auto;
        height: auto;
        background: none !important;
    }

    .navbar-default .top-menu.navbar-nav > .item1 i, .navbar-default .top-menu.navbar-nav > .item2 i { display: inline-block; }

    #header .navbar-nav li.flag .dropdown-menu.pull-right {
        left: 0;
        right: auto;
        border: .1rem solid #ccc;
        position: relative;
        width: 100%;
        padding: 0  .8rem;
        border-radius: .4rem;
        margin: 0 0 1rem 0;
    }

    #header .tools .flag .dropdown-menu:after, #header .tools .flag .dropdown-menu:before { border: none; }

    #header .tools .flag .dropdown-menu a:before { display: none; }

    #header .tools .icon span { display: inline-block; }

    .top-menu.navbar-nav .dropdown-menu a {
        color: #333 !important;
        padding: 0 2rem;
    }

    #content div.content-strip > .container h2 { text-align: center !important; }

    #prefooter .powered { display: none !important; }

    #prefooter .container {
        height: auto;
        min-height: 8rem;
        padding: 1.5rem 0;
    }

    #prefooter ul.links {
        margin: 0;
        padding: 0 0 0 1.2rem;
        list-style-position: outside;
        list-style-type: circle;
        font-size: 1.1rem;
    }

    #prefooter ul.links li {
        border-left: 0;
        float: left;
        clear: both;
    }

    #prefooter ul.links li a { padding-left: 0; }

    #footer .container .company-info {
        font-size: 80%;
    }

    .documentos .documento .highlight { margin-top: 1rem; }

    .filtro-inbox .nav li,
    .acoes-inbox .nav li,
    .filtro-inbox .nav .form-group label {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .filtro-inbox { padding: 0; }

    .filtro-inbox .navbar-nav .input-group-btn.open .dropdown-menu {
        position: absolute;
        background-color: #fff;
        border: .1rem solid #cccccc;
        border: .1rem solid rgba(0, 0, 0, 0.15);
        margin: .2rem 0 0;
    }

    .filtro-inbox .dropdown .dropdown-menu {
        width: 100% !important;
        min-width: 100% !important;
        padding-top: 0;
    }

    .filtro-inbox .dropdown .dropdown-menu .dropdown-footer { background-color: transparent; }

    .dropdown-menu .dropdown-content,
    .dropdown-menu .dropdown-footer { padding: 1rem; }

    .gerar .table-responsive .imported-docs { table-layout: auto !important; }

    .filtro-inbox .navbar-nav,
    .acoes-inbox .navbar-nav { margin: 0; }

    .btn-row {
        display: block;
        float: none !important;
        text-align: center !important;
    }

    .btn-row .btn { padding: .6rem .5rem; }

    .control-file .border-left { border: none !important; }

    .my_documents .heading-list-documents .title-list-documents a.accordion-toggle { font-size: 1.1rem; }

    #assinarDocumento .documento-preview { height: 1.8rem; }

    .situacoes .grupos,
    .situacoes .grupos .usuarios { min-height: 0; }

    .situacoes .txt-e,
    .situacoes .txt-ou {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        display: block;
    }

    .verificacao .assinatura .form-horizontal .form-group {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        margin-bottom: 0;
    }

    .verificacao .assinatura .form-horizontal .form-group:last-child { margin-bottom: 1.5rem; }

    .verificacao .assinatura .form-horizontal .form-group .accordion-sign .form-group, 
    .verificacao .assinatura .form-horizontal .form-group .form-group, 
    .verificacao .assinatura .form-horizontal .form-group .form-group .form-group { margin-left: 0; }

    #content .welcome strong { border-bottom: none !important; }

    .attach .content-attach .list-file-attach .media .pull-left .fa-file-o { font-size: 3.5rem; }

    .attach .content-attach .list-file-attach .lock-status { font-size: 1.6rem; }

    .attach .content-attach .list-file-attach .media .pull-left .fa-eye-slash {
        position: absolute;
        left: .5rem;
        top: 1.1rem;
        font-size: 1.7rem;
    }

    .attach .content-attach .list-file-attach .media .pull-left .fa-eye {
        position: absolute;
        left: .5rem;
        top: 1.1rem;
        font-size: 1.7rem;
    }

    .filtro-inbox .navbar-nav > li.active:after { display: none; }

    .filtro-inbox .navbar-nav li > a,
    .filtro-inbox .navbar-nav li > a:hover,
    .filtro-inbox .navbar-nav li > a:focus {
        border-top: .1rem solid transparent;
        border-bottom: .1rem solid transparent;
    }

    .filtro-inbox .navbar-nav .active > a {
        background-color: #E5EEF5 !important;
        color: #234763 !important;
        border-radius: 0;
        border-top-color: #cad8e4 !important;
        border-bottom-color: #cad8e4 !important;
    }

    .dropdown-menu .divider { background-color: #c5c5c5; }

    .multiple.dropdown-menu .active.multiple,
    .multiple.dropdown-menu .active.multiple > a {
        background-color: #c6d9e8 !important;
        border-bottom-color: #a6c0d4 !important;
    }

    .multiple.dropdown-menu .multiple:hover,
    .multiple.dropdown-menu .multiple:focus { background-color: #dadada; }

    .multiple.dropdown-menu .multiple .radio-inline,
    .multiple.dropdown-menu .multiple .checkbox-inline {
        display: block;
        margin-left: 0;
    }

    .multiple.dropdown-menu .multiple .radio-inline + .radio-inline,
    .multiple.dropdown-menu .multiple .checkbox-inline + .checkbox-inline { margin-top: .6rem; }

    .multiple.dropdown-menu .multiple.form-group { padding-right: 1rem; }

    .multiple.dropdown-menu .active.multiple > a { border-color: transparent !important; }

    .multiple.dropdown-menu .multiple:before {
        top: .9rem;
        left: .8rem;
    }

    .multiple.dropdown-menu .multiple { padding-left: 2.8rem; }

    .multiple.dropdown-menu .multiple > a { margin-top: 0; }

    .filtro-inbox .navbar-nav li + li > a { margin-top: -.1rem; }

    .filtro-inbox .navbar-nav li:last-child a { margin-bottom: -.1rem; }

    .filtro-inbox .navbar-nav li.open { border-bottom: .1rem solid transparent; }

    .filtro-inbox .navbar-nav li.active.open { border-bottom-color: #cad8e4; }

    .filtro-inbox .navbar-nav li.open > a,
    .filtro-inbox .navbar-nav li.open > a:hover,
    .filtro-inbox .navbar-nav li.open > a:focus {
        background-color: #dadada;
        border-bottom: transparent;
    }

    .filtro-inbox .navbar-bar .dropdown-menu { width: 100%; }

    #pricing .box-pricing .panel-body .description { height: auto; }

    #prefooter .container .text-right { padding: 0 0 0 0; }

    #prefooter .container .text-right .btn { margin: 0 1.2rem 1.2rem 1.2rem; }

    #dashboard .transaction-status .action .badge {
        font-size: 2.8rem;
        padding: .9rem .3rem;
    }

    #dashboard .document-operations .btn i { font-size: 1.6rem; }

    #dashboard .document-operations .btn {
        padding: .6rem 1.2rem;
        font-size: 1.4rem;
    }

    #dashboard .panel-info > .panel-heading h3, #dashboard .panel-primary > .panel-heading h3 {
        font-size: 2rem;
        margin-bottom: .5rem;
    }

    #dashboard .panel-body .lead {
        font-size: 4rem;
        margin-bottom: 0;
    }

    #dashboard .panel-body p { height: auto; }

    #dashboard .panel-body .btn.btn-block.btn-primary {
        padding: 1rem 1.6rem;
        font-size: 1.8rem;
        line-height: 1.33;
        border-radius: .6rem;
    }

    #dashboard .panel.plano { margin-top: 1rem; }

    #dashboard .transaction-status .action {
        height: 8rem;
        font-size: 1.2rem;
    }

    #dashboard .transaction-status .action .badge .fa-plus { font-size: 1.1rem; }

    #dashboard > .row { margin-bottom: 1rem; }

    #dashboard h3 { 
        margin-bottom: 1rem;
        text-align: center;
    }

    .image-upload { width: 100%; }

    #carousel-customer-opinion .circle_client { margin: 0 0 4rem 7.5rem; }

    #carousel-customer-opinion .carousel-control.left { left: 5%; }

    #carousel-customer-opinion .carousel-control.right { right: 5%; }

    .btn-xs-block {
        padding: 1rem 1.6rem;
        font-size: 1.8rem;
        line-height: 1.33;
        border-radius: .6rem;
        width: 100%;
        display: block;
    }

    .plan-box {
        margin:2rem 0;
    }

    .table__name a {
        white-space: nowrap;
        width: 14rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    #content .breadcrumb li{
        display:block;
    }

    #content .breadcrumb > li + li:before {
        display: none;
    }

    div[ng-show="!ctrl.createEditSavedFlow"] label.radio-inline {
        display: block;
    }

        div[ng-show="!ctrl.createEditSavedFlow"] label.radio-inline + label.radio-inline {
            margin-left: 0;
        }

    .list-group-item__button { text-align: left; }
}


/* XS+ */

@media (min-width: 768px) {
    #add-edit-alert .form-group .limit-height {
        max-height: 13.2rem;
        overflow: auto;
    }

    #header .login-info .username span {
        max-width: 30rem;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #content #gerarRelatorio .dropdown-menu { max-height: 45rem; }

    .filtro-inbox .nav > li > a,
    #filtro-documentos .nav > li > a,
    #filtro-documentos-lote .nav > li > a,
    .acoes-inbox .nav > li > a { outline: none; }

    #header .navbar-collapse.in { overflow-y: visible; }

    .form-inline .has-feedback .form-control-feedback { top: 0; }

    .navbar-form .has-feedback .form-control-feedback { top: 0; }

    .top-menu.navbar-nav > li > a {
        padding: 0 .8rem;
        line-height: 1rem;
    }

    #header .tools {
        float: right;
        margin: 1rem 0 0 0;
    }

    #header .tools .icon {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.4rem;
        display: block;
        overflow: hidden;
        padding: 0;
        border-radius: .4rem;
        text-align: center;
        background: #002a4e;
        color: #fff;
    }

    #header .tools .icon span { display: none; }

    #header .tools .config { margin-left: .5rem; }

    #header .tools .help { margin-left: .5rem; }

    #header .tools .credits { margin-left: .5rem; }

    #header .tools > li { float: left; }

    /* CAPTURA */
    .capture-fields .field .form-group {
        font-size: 1.2rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .capture-fields .field .checkbox {
        font-size: 1.2rem;
        line-height: 1.8;
    }
    /*Gerenciador de Cookies */
    #onetrust-banner-sdk #onetrust-button-group {
         margin-right: 0!important; 
    }
}


/* ATÉ SM */

@media screen and (max-width: 991px) {
    .hide-sm { display: none; }

    #boxChatEx { display: none !important; }

    .assinar .modal-footer .btn-row {
        display: block;
        float: none !important;
        text-align: center !important;
    }

    .assinar .modal-footer .btn-row > div { float: none; }

    .assinar .modal-footer .pull-left.btn-row { margin-top: 1rem; }

    #novodocumento .participante .papeis .papel { width: 100%; }

    #novodocumento .participante .papeis.dropdown-menu {
        width: 100%;
        max-height: none;
    }

    #prefooter .container {
        height: auto;
        min-height: 8rem;
        padding: 1.5rem 0;
    }

    #prefooter ul.links {
        margin: 0;
        padding: 1rem 0 0 1.2rem;
        list-style-position: outside;
        list-style-type: circle;
        font-size: 1.4rem;
    }

    #prefooter ul.links li {
        float: left;
        clear: both;
        padding-bottom: .5rem;
        border:none
    }

        #prefooter ul.links li a{
            padding-left: 0;
        }

    .list-group-item__button { text-align: left; }
}


/* SM */

@media screen and (min-width: 768px) and (max-width: 992px) {
    .home-page #content #highlight .row { margin-bottom: 1rem; }

    .home-page #content #highlight .row .col-md-2 { float: left; }

    .home-page #content #highlight .circle {
        float: left;
        margin-right: 1rem;
    }

    .home-page #content #highlight .row .col-md-2 p {
        margin: .5rem 0 0 0;
        font-size: 1.5rem;
        text-align: left;
    }

    #carousel-customer-opinion .circle_client { margin: 0 0 4rem 26.5rem; }

    .modal-large .modal-dialog,
    .modal-xlarge .modal-dialog { width: 7.5rem !important; }

    .ui-pnotify.stack-bar-top {
        width: 70% !important;
        margin-left: 15% !important;
    }

    .home-page #header .main-menu.navbar-nav > li > a {
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .content-page #header .main-menu.navbar-nav > li > a {
        font-size: 1.2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .home-page #header .main-menu.navbar-nav { left: 23.5rem; }

    .home-page #header .main-menu .item0 a { width: 9.1rem; }

    .home-page #header .main-menu .item1 a { width: 11.7rem; }

    .home-page #header .main-menu .item2 a { width: 7.5rem; }

    .home-page #header .main-menu .item3 a { width: 10.4rem; }

    .home-page #header .main-menu .item4 a { width: 8.8rem; }

    #dashboard .panel.plano { margin-top: 4rem; }


    .plan-box {
        margin: 2rem 0;
    }

        .plan-box div:last-child {
            width: 95.8%;
        }

    div[ng-controller=ComprasController] .btn-group {
        margin-bottom: 2rem;
    }
}

/* SM+ */

@media screen and (min-width: 768px) {
}


/* ATÉ MD */

@media screen and (max-width: 992px) {
    .welcome {
        font-size: 22px;
        line-height: 22px;
    }

    .tabs-filterbar .filter-trigger {
        position: relative;
        right: auto;
        left: auto;
    }

    .tabs-filterbar .filter-trigger label { display: none; }

    #content .etapa.pending .ended > .header { margin-top: 2rem; }

    .assinar-documentos .panel-group .panel { margin-bottom: 1.5rem; }

    #accordion-documentos .panel-heading .pages {
        float: left;
        margin-top: 1rem;
    }

    #verificador #mensagens .panel { margin: 1.5rem 0 0 0; }

    #assinarDocumento .tipos .item {
        float: left;
        width: 15rem;
        margin-bottom: 0;
        margin-right: 1rem;
    }

    #novodocumento .affix-bottom,
    #novodocumento .affix,
    .config_pj .affix,
    .config_usuarios .affix {
        top: auto !important;
        position: relative !important;
    }

    .control-file .border-right { border: none !important; }

    .control-file .border-left { border-left: .1rem solid #eee !important; }

    #content #highlight .container {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important;
    }

    #content div.content-strip > .container h2 {
        letter-spacing: 0;
        text-indent: 0 !important;
        background: none !important;
        font-size: 3.2rem;
        overflow: visible;
        width: auto !important;
        height: auto !important;
        margin: 1rem 0 2rem 0;
    }

    #highlight .video {
        width: 100%;
        margin: 0 auto .5rem auto;
        float: none;
    }

    .about-verifier { width: 25rem; }
}


/* MD */

@media (min-width: 768px) and (max-width: 992px) {
    .config_pj .box-company {
        margin-left: 1.7rem;
        width: 95%;
    }
}


/* MD+ */

@media (min-width: 992px) {
    .shared-login-register .welcome { margin: 3rem 0 2rem 0; }

    .shared-login-register .login .panel-body,
    .shared-login-register .register .panel-body {
        min-height: 34.1rem;
        position: relative;
    }

    .alert.bonus { font-size: 1.8rem; }

    .alert.bonus .secondary { display: inline-block; }

    .modal-group { width: 70rem; }

    #assinarDocumento .tipos {
        overflow-y: auto;
        height: 43rem;
        margin-top: 0;
    }

    .certificados { min-height: 30rem; }

    #contratarPlano .nav-tabs a { font-size: 1.6rem; }

    #contratarPlano .nav-tabs a strong { font-size: 1.8rem; }

    .about-verifier { margin: 0 2rem 0 5rem; }

    .container-fluid .equal {
        display: -ms-flexbox;
        display: -webkit-flex;
    }

    .container-fluid .panel-footer {
        position: absolute;
        bottom: 0;
        width: 89%;
    }

    .container-fluid.planoPrePago .panel-footer {
        position: relative;
        bottom: 0;
        width: 100%;
    }

    #content .dropdown-menu {
        max-height: 31rem;
        max-width: 72rem;
        min-width: 20rem;
        overflow: hidden;
        overflow-y: auto;
    }

    #content .dropdown-menu > li > a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}


/* Até LG */

@media screen and (max-width: 1199px) {
    #novodocumento .participante .form-inline .form-control { margin-bottom: 1.5rem; }

    .documentos .documento .highlight { margin-top: 1rem; }
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
    .modal-xlarge .modal-dialog { width: 90rem !important; }
}

/* LG+ */

@media (min-width: 1199px) {
    #highlight {
        background-image: url(images/img_certisign_lg.png);
        background-position: 143.5rem -2.4rem;
    }
}

/* Fixes for IE < 8 */

@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100% !important;
    }
}

/* ANGULAR UI CUSTOM MODAL SIZES */

@media (min-width: 768px) {
    .modal-xsmall .modal-dialog { width: 45rem; }

    .modal-small .modal-dialog { width: 60rem; }

    .modal-medium .modal-dialog { width:  75rem; }

    .modal-large .modal-dialog { width: 90rem; }

    .modal-xlarge .modal-dialog { width: 115rem; }

    .modal-full .modal-dialog { width: 100%; }
}

/*PORTRAIT*/
@media only screen and (min-device-width: 320px) and (max-device-width: 425px) and (orientation:portrait) {


    body.mobileDevice .m-signature-pad, body.rotateDeviceExternal .m-signature-pad {
        min-height: 16rem;
        margin: 1.5rem 0 0 0;
    }

    body.mobileDevice .m-signature-pad--body, body.mobileDeviceExternal .m-signature-pad--body {
        bottom: 1rem;
    }

    .modal-body hr, .modal-header {
        display: none;
    }

    #pageGuideToggle, #creditos {
        display: none;
    }
}

/*LANDSCAPE*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {

    body.mobileDevice .m-signature-pad {
        min-height: 16rem;
        margin: 1.5rem 0 0 0;
    }

    body.mobileDevice .m-signature-pad--body {
        bottom: 1rem;
    }

    .modal-header {
        display: none;
    }

    .modal-footer {
        padding: 1rem 2rem 1rem;
    }

    .modal .mobile-buttons .btn, #MobileId .mobile-buttons .btn {
        margin-top: 0 !important;
        width: auto !important;
    }

    .form-group {
        margin-bottom: 0;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #pageGuideToggle{
        display: none;
    }
}
.m-signature-pad {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto !important;
    height: auto;
    min-width: 400px;
    min-height: 400px;
    margin: 15px 0 0 0;
    /*width: 700px;
    height: 250px;
    margin: 0 auto;*/
    font-size: 10px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    z-index:999!important;
}

.m-signature-pad--body {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 50px;
    /*width: 700px;
    height: 200px;*/
    border: 1px solid #f4f4f4;
    cursor: url('images/ico_mouse_signature2.png'), pointer;
}

.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45) inset;
    object-fit: contain;
}

.m-signature-pad--footer {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.m-signature-pad--footer .description {
    text-align: center;
    font-size: 12px;
    line-height: 34px;
}

.m-signature-pad--footer .button { bottom: 0; }

.m-signature-pad--footer .button.clear {
    position: absolute;
    left: 0;
}

.m-signature-pad--footer .button.save {
    position: absolute;
    right: 0;
}

@media screen and (max-width: 1024px) {
    .m-signature-pad {
        min-width: auto;
        min-height: 300px;
    }

    #github { display: none; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .m-signature-pad { margin: 10%; }
}

@media screen and (max-height: 320px) {
    .m-signature-pad--body {
        left: 0;
        right: 0;
        top: 0;
        bottom: 32px;
    }

    .m-signature-pad--footer {
        left: 20px;
        right: 20px;
        bottom: 4px;
        height: 28px;
    }

    .m-signature-pad--footer
.description {
        font-size: 1em;
        margin-top: 1em;
    }
}
/*!
 * smartbanner.js v1.5.0 <https://github.com/ain/smartbanner.js>
 * Copyright © 2017 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */
body { position: relative; }

html { margin-top: 0 !important; }

/* ANDROID */

.smartbanner.smartbanner--android {
    background: #414141;
    border-bottom: 0;
    color: #fff;
}

.smartbanner.smartbanner--android .smartbanner__exit::before,
.smartbanner.smartbanner--android .smartbanner__exit::after { background: #fff; }

.smartbanner.smartbanner--android .smartbanner__button {
    background-color: #F4811F;
    color: #fff;
}

/* ANDROID */


.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica, sans, sans-serif;
    z-index: 9999;
    border-bottom: 1px solid #d8d8d8;
}

.smartbanner__exit {
    position: absolute;
    top: 50%;
    left: 3px;
    display: block;
    margin: -12px 0 0 0;
    width: 24px;
    height: 24px;
    border: 0;
    text-align: center;
}

.smartbanner__exit::before, .smartbanner__exit::after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' ';
    top: 6px;
}

.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background-size: 64px 64px;
    background-image: url(/Content/themes/shared/images/ico_mobile_app.png) !important;
}

.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.smartbanner__info__title {
    font-size: 13px;
    font-weight: bold;
}

.smartbanner__info__author, .smartbanner__info__price { font-size: 12px; }

.smartbanner__button {
    position: absolute;
    top: 26px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 6px 8px;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
}

.smartbanner__button__label { text-align: center; }
/*!
angular-xeditable - 0.1.8
Edit-in-place for angular.js
Build date: 2014-01-10 
*/

.member .editable-wrap { margin-bottom: 0; }

.member .editable-input.editable-has-buttons { width: 100%; }

.editable-wrap {
    display: inline-block;
    white-space: nowrap;
    margin: 0;
}

.editable-wrap .editable-controls, .editable-wrap .editable-error { margin-bottom: 0; }

.editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea { margin-bottom: 0; }

.editable-wrap .editable-input { display: inline-block; }

.editable-buttons {
    display: inline-block;
    vertical-align: top;
}

.editable-buttons button { margin-left: 5px; }

.editable-input.editable-has-buttons { width: auto; }

.editable-bstime .editable-input input[type=text] { width: 46px; }

.editable-bstime .well-small {
    margin-bottom: 0;
    padding: 10px;
}

.editable-range output {
    display: inline-block;
    min-width: 30px;
    vertical-align: top;
    text-align: center;
}

.editable-color input[type=color] { width: 50px; }

.editable-checkbox label span, .editable-checklist label span, .editable-radiolist label span {
    margin-left: 7px;
    margin-right: 10px;
}

.editable-hide { display: none !important; }

.editable-click, a.editable-click {
    border-bottom: 1px dashed #2a6496;
    text-decoration: none;
    color: #428bca;
    cursor: pointer;
}

.editable-click:hover { padding-right: 22px; }

.editable-click:hover:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 0;
    content: "\f25a";
    background-color: #fff;
    padding: 0 4px;
}


.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {
    font-style: italic;
    color: #D14;
    text-decoration: none;
}