@import url(https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,900);
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(cff684e59ffb052d72cb8d5e49471553.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: transparent;
}

.material-icons.mirror {
    transform: rotate(180deg);
}
.crud-table {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
}

.crud-search {
    margin: 5px 5px 0 5px;
    cursor: auto;
}

.crud-table-default-actions-column {
    text-align: center;
    min-width: 82px;
    width: 82px;
    max-width: 82px;
}

.crud-table-header {
    height: 35px;
    line-height: 35px;
    padding: 0 5px 0 5px;
}

.crud-table tr {
    line-height: 20px;
}

.crud-table > tfoot > tr > td:first-child {
    color: #21618b;
    line-height: 35px;
    border-bottom: 1px solid #cccccc;
    border-radius: 0 3px 0 3px;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
    font-size: 11px;
}

.crud-grid-form {
    width: 100%;
    margin: 0 auto;
}

.crud-table th {
    color: #21618b;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: center;
}

.crud-table th:last-child {
    border-right: none;
}

.crud-table tbody tr:hover {
    background-color: #e5e5e5;
}

.crud-grid-row-odd {
    background-color: #ffffff;
}

.crud-grid-row-even {
    background-color: #ffffff;
}

.crud-grid-row-odd td {
    word-break: break-all;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 5px 0 5px;
}

.crud-grid-row-odd td:hover {
    padding: 0 5px 0 5px;
}

.crud-grid-row-odd td:last-child {
    border-right: 0 solid #cccccc;
}

.crud-grid-row-even td {
    word-break: break-all;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 5px 0 5px;
}

.crud-grid-row-even td:hover {
    padding: 0 5px 0 5px;
}

.crud-grid-row-even td:last-child {
    border-right: 0 solid #cccccc;
}

.iceMsgError {
    color: red;
    text-shadow: 0 0 1px;
    font-size: 10px;
}

.error {
    color: red;
    text-shadow: 0 0 1px;
    font-size: 0.85em
}

.draggable-cursor {
    cursor: move;
}

.title-button {
    float: right;
}

.button-margin {
    margin: 5px;
}

.crud-title {
    font-size: 18px;
    font-weight: normal;
    color: #21618b;
    text-decoration: none;
    margin: 10px 0 12px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.crud-title-pagination-rows {
    min-width: 0;
    height: 24px;
    margin: 5px;
    padding: 2px;
}

.font-normal-size {
    font-size: 12px;
}

.two-column-panel-grid {
    width: 99%;
}

.two-column-panel-grid td {
    min-width: 120px;
    font-size: 11px;
    color: #21618b;
}

.two-column-panel-grid tr {
    width: 100%;
}

.two-column-panel-grid tr td:first-child {
    width: 15%;
    text-align: left;
}

.two-column-panel-grid tr td:last-child {
    width: 85%;
}

.two-column-panel-grid tr td:last-child input {
    width: 100%;
}

.image-button {
    width: 24px;
    height: 24px;
    margin: 5px;
    min-width: 0;
}

.crud-paginator {
    background-color: transparent;
}

.crud-paginator tbody tr {
    background-color: transparent;
}

.crud-paginator tbody tr:hover {
    background-color: transparent;
}

.crud-paginator tbody tr td {
    background-color: transparent;
}

.crud-paginatorTbl {
    background-color: transparent;
}

.crud-paginator .iceDatPgrScrCol {
    background-color: transparent;
}

.crud-paginator .iceDatPgrScrBtn span {
    display: block;
    padding: 0;
    margin: 0;
    width: 22px;
    height: 22px;
    background-color: #f5f5f5;
    color: #21618b;
    border-radius: 5px;
}

.crud-paginator .iceDatPgrScrBtn span:hover {
    background-color: #286ba6;
    color: #f5f5f5;
}

.crud-paginator .iceDatPgrScrBtn a:hover span {
    background-color: #286ba6;
    color: #f5f5f5;
}

.crud-paginator .iceDatPgrScrCol a {
    border-radius: 5px;
    background-color: #286ba6;
    color: #f5f5f5;
}

.crud-paginator .iceDatPgrCol a {
    border-radius: 5px;
    border: 1px solid #21618b;
    background-color: #f5f5f5;
    color: #21618b;
}

.crud-paginator .iceDatPgrCol a:hover {
    background-color: #21618b;
    color: #f5f5f5;
}

.iceDatPgr {
    float: right;
}

.selected-row td {
    background-color: #f5f5f5;
    box-shadow: inset 0 0 10px #21618b;
    cursor: pointer !important;
}

.iceRowSelSelectedMouseOver td {
    background-color: #286ba6;
    box-shadow: inset 0 0 15px #cccccc;
    cursor: pointer !important;
}

.iceRowSelMouseOver td {
    box-shadow: inset 0 0 15px #cccccc;
    cursor: pointer !important;
}

.link {
    text-decoration: none !important;
    color: #21618b !important;
}

.IceDialogFrame,
.IceDialogBackdrop {
    position: fixed !important;
    visibility: visible !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.icePnlCnfBtns {
    padding: 5px !important;
}

.icePnlCnf {
    width: 450px;
}

.icePnlCnfBody {
    height: 50px;
}

.dialog {
    margin: 0;
    padding: 0;
}

.widget-box .widget-header{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.widget-box .widget-body{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.home-folder-managment .widget-header,
.home-folder-managment .widget-box {
    border-radius: 4px;
}

.folder-management-data-table {
    background: white;
}

.home-folder-managment .folder-management-data-table td div > div {
    margin: 0px 5px;
}

.dialog > table:first-child {
    width: 100%;
}

.dialog-header {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    width: inherit;
    line-height: 25px;
    height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.dialog-body {
    display: block;
    word-break: break-word;
    word-wrap: break-word;
    overflow: auto;
}

.dialog-body fieldset {
    word-break: normal;
    word-wrap: normal;
}

.dialogBody .widget-toolbar {
    display: inline-flex;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    top: 20px;
}

.dialogBody .widget-body{
    background: #ffffff;
    padding: 0px 18px 12px 18px;
}

.dialogBody .widget-header {
    padding: 14px 50px 0px 28px;
}

/*
 * Fora do padrao pois e uma classe adicionada automaticamente pelo IceFaces
 */
.dialogBody {
    padding: 0;
    margin: 0;
    overflow: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

.dialog-title {
    color: #f5f5f5;
    font-size: 11px;
    font-weight: bold;
}

.dialog-half-screen {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    height: 50%;
    min-height: 50%;
    max-height: 50%;
}

.close {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #f5f5f5;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

.close:hover {
    color: white;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
}

.simplemodal-overlay {
    z-index: 30001 !important;
    background-color: black;
}

.simplemodal-container {
    z-index: 30002 !important;
}

.modal-close {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #21618b;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

.modal-close-inv {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #f5f5f5;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

/*
 * Fora do padrao pois e uma classe adicionada automaticamente pelo IceFaces
 */
.icePnlPopHdr {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

/* Tooltips IceFaces */
.icePnlTlTip {
    background: #efefef;
    border: 1px solid #21618b;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.icePnlTlTipHdr {
    width: 100% !important;
    height: 18px;
    line-height: 18px;
    padding: 2px;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.icePnlTlTipBody {
    text-align: center !important;
    padding: 5px;
}

.file-upload-image-preview {
    max-width: 768px;
    max-height: 480px;
}

.file-upload-image-preview-container {
    width: 300px;
    height: 281px;
    background: #efefef;
    display: none;
    text-align: center;
    border: 1px solid #21618b;
    border-radius: 5px;
}

.file-upload-image-preview-header {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    border-radius: 5px 5px 0 0;
    width: 296px;
    padding: 2px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

/* End IceFaces */

.icon-padding-zero {
    padding: 0 !important;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 12px;
}

a {
    text-decoration: none !important;
    color: #21618b;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

/*
	Wrapper
*/
#wrapper {
    width: 100%;
    padding: 0;
    margin: 0px auto;
}

/*
Body Part
*/
.dashboard-header {
    cursor: move;
}

.popup-body-headertext {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.popup-body-normaltext {
    font-size: 11px;
    color: #000000;
}

#field-text {
    font-size: 11px;
    border: 1px solid #cccccc;
    color: #000000;
}

#page-body-content {
    width: 100%;
}

#page-body {
    background-color: #f5f5f5;
    width: 100%;
}

.page-body-left-css {
    position: relative;
    top: 0px;
    left: -8px;
    float: left;
    height: 80%;
    z-index: 100;
    background-color: #f5f5f5;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -10px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 10px;
}

#page-body-right {
    float: left;
    height: auto;
    width: 100%;
}

.icePnlStk {
    width: 100%;
}

#page-body-right-main {
    width: 100%;
}

#page-body-title-text {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    float: left;
    margin-bottom: 12px;
    width: 300px;
    height: 15px;
}

#page-body-title-text-small {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.page-body-buttons {
    float: right;
    width: 150px;
}

#page-body-inner-block {
    width: 100%;
    float: left;
    vertical-align: top;
}

.page-body-inner-bar {
    background-color: #f5f5f5;
    height: 35px;
    width: 99.5%;
    float: left;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    clear: both;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.page-bar_top {
    background-color: #f5f5f5;
    float: left;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    clear: both;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

form {
    padding: 0;
    margin: 0;
}

.iceGphImg {
    text-decoration: none;
    border: none;
}

.page-body-inner-bar-left-menu {
    float: left;
    margin-left: 10px;
    width: 690px;
}

.page-body-inner-bar-right-menu {
    float: right;
    width: 255px;
}

#page-body-inner-bar-right {
    float: right;
    width: 250px;
    margin-top: 5px;
}

#page-body-tables-chart {
    float: left;
    width: 100%;
}

.hoverStyle {
    opacity: 0.8;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.form-table-block {
    background-color: #f5f5f5;
    float: left;
    border: 1px solid #cccccc;
    padding: 10px 20px;
}

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

.form-right-text {
    text-align: left;
    color: #000000;
}

.page-title {
    font-size: 22px;
    font-weight: bold;
    color: #21618b;
    text-decoration: none;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid #cccccc;
}

.subtitle {
    font-weight: bold;
    color: #21618b;
    text-decoration: none;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 50px;
    border-bottom: 1px solid #cccccc;
}

.page-title-dashboard {
    font-size: 22px;
    font-weight: bold;
    color: #21618b;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 15px;
}

.tdNewMap {
    text-align: right;
    line-height: 25px;
    width: 20%;
}

.trNewMap {
    border-bottom: 1px solid #21618b;
    width: 100%;
    line-height: 25px;
}

.configure-dashboard-toplink {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin-top: 0;
    margin-bottom: 7px;
    text-align: right;
}

#dashboardItems-topMargin {
    width: 100%;
    height: 20px;
}

.page-subtitle {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-top: 3px;
}

.page-title-big-text {
    font-size: 18px;
    color: #21618b;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 5px;
}

.page-title-body-big-text {
    font-size: 15px;
    color: #21618b;
    text-decoration: none;
    font-weight: bold;
}

#page-title-small-text a {
    font-size: 12px;
    color: #286ba6;
    text-decoration: none;
    font-weight: normal;
}

#page-title-small-text a:hover {
    color: #21618b;
}

.left-tab-container {
    float: right;
    width: 100%;
    overflow: auto;
    text-align: left;
    border-right: 1px solid #21618b;
    border-bottom: 1px solid #21618b;
    border-left: 1px solid #21618b;
    border-top: 0px none;
    border-radius: 0 0 5px 5px;
}

.right-tab-container {
    width: 100%;
    overflow: auto;
    border-right: 1px solid #21618b;
    border-bottom: 1px solid #21618b;
    border-left: 1px solid #21618b;
    border-top: 0px none;
}

.inner-tab-bars {
    background-color: #f5f5f5;
    width: 99%;
    float: left;
    margin: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.left-tab-container-text {
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    text-decoration: none;
    margin-top: 2px;
    margin-left: 5px;
}

.table-header-background {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #21618b;
}

.table-even-back-colour {
    background-color: #eaeaea;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;
    text-decoration: none;
    border-right: 1px solid #cccccc;
}

.table-odd-back-colour {
    background-color: #f5f5f5;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;
    text-decoration: none;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

table#editView {
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
}

/*
Div under page body right Tabs
*/
#page-body-tables-data-container {
    float: left;
    width: 100%;
    overflow: scroll;
}

#page-body-graph-data-container {
    float: left;
    width: 100%;
    overflow: auto;
}

.MidTop {
    height: auto !important;
    font-size: 15px !important;
}

/*
 CSS to control form elements
*/
.form-table-block table {
    color: #21618b;
    text-decoration: none;
    font-size: 12px;
}

.form-table-block td {
    text-decoration: none;
    font-size: 12px;
}

.form-table-block h1 {
    font-size: 15px;
    font-weight: bold;
    color: #21618b;
    text-decoration: none;
    text-align: left;
}

.form-table-block textarea {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #bfbfbf;
    width: 100%;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #f5f5f5;
}

.text_area {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #bfbfbf;
    width: 450px;
    height: 150px;
    background-color: #f5f5f5;
    overflow: auto;
}

#page-footer {
    height: 30px;
    width: 100%;
    background-color: #96a58e;
    text-decoration: none;
    text-align: center;
    clear: both;
    padding-top: 10px;
}

#pop-up-box {
    width: 600px;
}

#pop-up-box-header_no_cursor {
    height: 25px;
    width: 600px;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
    border-radius: 5px 5px 0 0;
}

#pop-up-box-header {
    height: 25px;
    width: 600px;
    cursor: move;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
    border-radius: 5px 5px 0 0;
}

#pop-up-box-header-text {
    font-size: 12px;
    font-weight: bold;
    color: #f5f5f5;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    float: left;
    width: 500px;
}

#pop-up-email-send {
    font-size: 11px;
    background: #f5f5f5;
    width: 600px;
    border: 2px solid #21618b;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

#pop-up-analysis-info {
    font-size: 11px;
    background: #f5f5f5;
    width: 600px;
    border: 2px solid #21618b;
}

#pop-up-analysis-info-body {
    font-size: 11px;
    background-color: #f5f5f5;
    width: 100%;
}

#cancel-button {
    text-decoration: none;
    border: none;
    float: right;
    height: 15px;
    width: 20px;
    padding-top: 0px;
    padding-right: 10px;
    margin-top: 0px;
}

#cancel-button .popup-cancel-button {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
    margin-top: 6px;
}

#button-origin-data {
    border-bottom: 1px solid #21618b !important;
}

.button-origin-data-one {
    border-top: 1px solid #21618b !important;
}

#pop-up-box-body {
    height: 300px;
    width: 100%;
    border: 1px solid #586352;
    background-color: #f5f5f5;
}

#pop-up-box-body-small {
    height: 175px;
    width: 100%;
    border: 1px solid #586352;
    background-color: #f5f5f5;
    font-size: 11px;
    font-weight: normal;
}

#analysis-print {
    height: auto;
    width: 75px;
    float: right;
}

#pop-up-box-body-properties {
    height: 350px;
    width: 96.8%;
    border: 1px solid #586352;
    background-color: #f5f5f5;
    overflow: auto;
    margin: 0px;
    padding: 10px;
}

#pop-up-box-properties {
    height: auto;
    width: 550px;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

#copyright-info {
    font-size: 12px;
    color: #f5f5f5;
}

#copyright-info a {
    color: #f5f5f5;
    font-weight: bold;
    text-decoration: none;
}

#copyright-info a:hover {
    color: #000000;
}

#body-dashboard {
    float: left;
    height: auto;
    width: 97%;
    padding-top: 20px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

#body-dashboard-home a img {
    vertical-align: top;
    border: 0px;
}

#body-dashboard-print {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    width: 750px;
    height: 960px;
    border: 2px solid #21618b;
    margin-top: 10px;
}

#body-configure-dashboard {
    float: left;
    height: auto;
    width: 97%;
    padding-top: 13px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

#body-dashboard-home {
    height: auto;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.drop-down-box {
    width: 200px;
    border: 1px solid #7b7b7b;
    text-decoration: none;
    font-size: 11px;
}

.select_dashboard {
    width: 200px;
    border: 1px solid #ffae00;
    text-decoration: none;
    font-size: 15px;
}

h3 {
    font-size: 10pt;
    margin: 0;
    padding: 0 0 3px;
    color: #f5f5f5;
    text-align: center;
}

table.dashboard {
    background: transparent;
    width: 100%;
    height: 100%;
    border: 2px solid #21618b;
    border-radius: 5px;
}

table.dashboard td.ml {
    border: 0;
    margin: 0;
    width: 6px;
}

table.dashboard td.mm {
    color: #f5f5f5;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    height: 32px;
}

table.dashboard td.mr {
    border: 0;
    margin: 0;
    width: 6px;
}

table.dashboard h3.h-title {
    color: #f5f5f5;
    font-size: 12px;
    margin-left: 10px;
}

.new-analysis {
    width: 480px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #21618b;
    border-radius: 5px;
}

.new-analysis td {
    color: #21618b;
}

.new-analysis input {
    cursor: pointer;
    border: 1px solid #21618b;
    padding: 4px 8px;
    border-radius: 5px;
    margin-top: 15px;
    margin-left: 6px;
    margin-right: 6px;
    color: #f5f5f5;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
}

.new-analysis input:hover {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.portlet {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background: transparent no-repeat;
    text-align: center;
    border: thin;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

/*header drop shadow*/
div.dashboard {
    float: left;
    margin-right: 10px;
}

div.dashboardContainer {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid black;
    float: left;
}

table.leftPanel tr.header td {
    background-color: #8897aa;
}

/* style class for navigator tree */
.navMenuTree {
    margin-left: 0px;
    font-size: 11px;
    height: auto;
}

.navMenuItem {
    font-size: 11px;
    white-space: nowrap;
    _padding-left: 5px;
    _padding-bottom: 3px;
}

.iceTreeRow {
    margin-top: 1px;
    margin-bottom: 1px;
    white-space: normal;
    text-align: left;
}

.navFolderItem {
    color: #000000;
    font-weight: normal;
    font-size: 8pt;
    padding: 2px 0px;
}

/* Styles for DImentions Tab*/
.style1 {
    font-weight: normal;
    font-size: 11px;
}

.customDimension {
    background: #f5f5f5;
    font-weight: bold;
    color: #333333;
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 5px;
}

.filterHover {
    padding: 4px 2px;
    border-top: 1px solid #333333;
    border-right: 2px dotted #333333;
    border-bottom: 2px dotted #333333;
    border-left: 2px dotted #333333;
}

.customDimensionHover {
    border-bottom: 2px dotted #333333;
    line-height: 2px;
    margin-bottom: 4px;
}

.customDimensionNormal {
    border-bottom: 2px dotted #333333;
    line-height: 2px;
    margin-bottom: 4px;
}

.filterOptionsRegion {
    padding: 4px 2px;
    border-top: 1px solid #333333;
}

/* style class for feedManagement */
span.title {
    color: #21618b;
    font-size: 12px;
}

input.transparentEdit {
    background: transparent;
    border: none;
}

table.tableGrid {
    border-left: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
}

table.tableGrid th {
    color: #21618b;
    background-color: #eaeaea;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: none;
    text-align: left;
}

tr.trGridRow {
    font-size: 11px;
    height: 25;
}

tr.trGridRow td {
    white-space: nowrap;
    border-right: 0px solid #f5f5f5;
    border-bottom: 0px solid #8897aa;
    background-color: #f5f5f5;
    padding-top: 0px;
    padding-bottom: 1px;
}

tr.trGridAltRow {
    font-size: 11px;
    height: 25px;
}

tr.trGridAltRow td {
    white-space: nowrap;
    background-color: #f5f5f5;
    border-bottom: 0px solid #8897aa;
    border-right: 1px solid #ffffff;
}

tr.trGridAltRow td:last-child {
    border-right: 0px solid #ffffff;
}

tr.trGridRow td a,
tr.trGridAltRow td a {
    text-decoration: underline;
    color: #21618b;
}

tr.trGridRow td a:hover,
tr.trGridAltRow td a:hover {
    text-decoration: none;
}

#projectBox {
    height: auto;
    width: 900px;
    margin-top: 27px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#projectBox-header {
    background-color: #9dab96;
    height: 25px;
    width: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #afbaa9;
    border-left-color: #afbaa9;
    text-align: center;
    font-size: 15px;
    font-weight: bolder;
    color: #f5f5f5;
    text-decoration: none;
    padding-top: 5px;
}

#projectBox-body {
    border: 1px solid #afbaa9;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.log-info {
    float: right;
    font-size: 12px;
    padding-right: 10px;
    padding-top: 7px;
    width: 300px;
}



.info_content {
    text-align: center;
    padding-top: 7px;
}

.error_content {
    text-align: center;
    padding-top: 7px;
}

.warn_content {
    text-align: center;
    padding-top: 7px;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-decoration: none;
}

.errorMessage {
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    text-decoration: none;
}

.infoMessage {
    font-size: 12px;
    font-weight: bold;
    color: #21618b;
}

.filterHover {
    border-top: 1px solid #333333;
    border-right: 2px dotted #333333;
    border-bottom: 2px dotted #333333;
    border-left: 2px dotted #333333;
}

.filterOption {
    background: #f5f5f5;
    font-weight: bold;
    color: #333333;
    border: 1px solid #cccccc;
    margin: 5px 0;
    width: 100%;
    height: 24px;
    word-break: break-all;
}

.customDimensionHover {
    border-bottom: 2px dotted #333333;
    line-height: 2px;
    margin-bottom: 4px;
}

.customDimensionNormal {
    border-bottom: 2px dotted #333333;
    line-height: 2px;
    margin-bottom: 4px;
}

.filterOptionsRegion {
    padding: 4px 2px;
    border-top: 1px solid #333333;
}

.tab-text {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

#navTab-1-body {
    display: none;
}

#navTab-2-body {
    display: none;
}

#report-image-holder {
    padding: 7px;
    width: 98.5%;
    border: 1px solid #cccccc;
    overflow: auto;
}

.tree-node-odd {
    font-size: 11px;
    letter-spacing: .4px;
}

.tree-node-even {
    font-size: 11px;
    letter-spacing: .4px;
}

.tree-node {
    font-size: 11px;
}

.tree-node-odd div, .tree-node-even div {
    padding: 4px;
}

.popupheader {
    font-size: 12px;
    font-weight: 500;
    padding-left: 20px;
    height: 44px;
    background-color: #f7f8fa;
    letter-spacing: .6px;
}

.popupheader input{
    float: right;
}

.tagged {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #ededed;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding: 4px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.iceOutTxt {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

.iceOutTxt.title {
    color: #21618b;
}

.iceCmdLink {
    font-size: 11px;
    text-decoration: underline;
}

.iceSelMnyCb {
    font-size: 11px;
}

/*
CSS classes for analysis print page formatting
*/
.printPageWrapper {
    padding: 13px;
}

.printPageTopMargin {
    height: 17px;
    width: 100%;
    padding-top: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    font-size: 12px;
    font-weight: bold;
    color: #21618b;
}

.printTableContainer {
    height: 200px;
    width: 100%;
    margin-top: 10px;
}

/* SideBar Settings*/
#sideBar {
    overflow-y: inherit;
}

#sideBarTab {
    float: right;
    width: 25px;
    height: 8%;
}

#sideBarTab img {
    border: 0px solid #ffffff;
}

#sideBarContents {
    border: 0px solid #f0f0ff;
    float: left;
    height: 85%;
    overflow: hidden !important;
    width: 240px;
}

#sideBarContentsInner {
    width: 200px;
}

#reports-table {
    width: auto;
    border-color: #005baf;
    border-width: 1px;
    border-style: solid;
}

/* Tool Tips */
#title2note {
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 20em;
    margin: 1em;
    padding: 7px 5px 7px 10px;
    font: 10px, monospace;
    text-align: left;
    color: #111111;
    background-color: #ffffff;
    border: 1px solid #111111;
    font-weight: bold;
}

/* star html hack - IE only */
* html #title2note {
    position: absolute;
}

/* a bet on future IEs */
#title2note[id] {
    position: fixed;
}

/*---------new 08/12/11-------*/
.border_color_new_dashboard {
    border-radius: 5px;
    border: 2px solid #21618b;
    margin: -2px;
}

.icePnlGrd_iceFaces {
    font-size: 11px;
    background: #f5f5f5;
    width: 600;
    border: 2px solid #21618b;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 15px;
}

.color-font-dashboard {
    color: #21618b;
    text-decoration: underline;
    font-size: 11px;
}

#end-config-list {
    border-bottom: 1px solid #21618b;
}

#line-dashboard {
    border-top: 2px solid #21618b;
    height: 2px;
}

#split-menu {
    font-size: 11px;
    text-decoration: none;
    color: #21618b;
}


.previousDash:hover {
    cursor: pointer;
}


.pauseDash:hover {
    cursor: pointer;
}
.nextDash:hover {
    cursor: pointer;
}


.stopDash:hover {
    cursor: pointer;
}

.startDash:hover {
    cursor: pointer;
}

#texto-decoration-dashboard-apresentation {
    text-align: right;
    font-size: 15px;
    color: #21618b;
    padding-right: 20px;
}

/*---------menu lateral------*/
.menu-lateral-line-botton,
.menu-lateral-line-botton2 {
    border-bottom: 1px solid #21618b;
}

.menu-lateral-botao-lefth {
    border-left: 1px solid #21618b;
    border-top: 1px solid #21618b;
    height: 23px;
    width: 6px;
    border-radius: 5px 0 0 0;
}

#navTab-0-bg {
    height: 23px;
    width: 132px;
}

#navTab-1-bg {
    height: 23px;
    width: 102px;
}

#analysisTab-0-bg {
    width: 100px;
    height: 22px;
}

#analysisTab-1-bg {
    height: 22px;
    width: 100px;
}

#analysisTab-2-bg {
    height: 22px;
    width: 100px;
}

/*botoes in_memory e KPI*/
.button_all_aplication {
    border: 1px solid #21618b;
    font-size: 15px;
    padding: 2px 5px;
    border-radius: 5px;
    color: #21618b;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
}

.button_all_aplication:hover {
    color: #f5f5f5;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
}

.button_all_aplication:active {
    color: #f5f5f5;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.table-comments tr:nth-child(2n+1) {
    background-color: #edeff4;
}

.table-comments tr {
    background-color: #ffffff;
}

.hourComment {
    color: #555555;
    font-size: 10px;
}

.userComment {
    padding: 10px;
    color: #21618b;
    font-size: 12px;
}

.commentContent {
    color: #333333;
    font-size: 12px;
    padding: 10px;
}

#propertieTab-0-bg {
    width: 132px;
    height: 23px;
}

#propertieTab-1-bg {
    height: 23px;
    width: 102px;
}

#propertieTab-2-bg {
    height: 23px;
    width: 102px;
}

#propertieTab-3-bg {
    height: 23px;
    width: 102px;
}

.tabSetCnt {
    padding: 20px;
    border: 1px solid #21618b;
    background-color: whiteSmoke;
}

.pop-up-create-measure {
    border: 2px solid #21618b;
    font-size: 11px;
}

.imageEfect {
    opacity: 0.7;
}

.imageEfect:hover {
    opacity: 1;
}

/*
----------- Data Scroller Component classes
*/
.iceDatPgrScrOut {
    /* the class for the outside table */
    background-color: #e6e9e4;
    margin: 10px;
}

.iceDatPgrScrBtn {
    /* the cells behind the scroll buttons */
    background-color: #e6e9e4;
    padding: 2px;
}

.iceDatPgrTbl {
    /* the container for the pagination*/
    background-color: #e6e9e4;
}

/* set the common attributes for the pagination numbers */
.iceDatPgrScrCol a,
.iceDatPgrCol a {
    text-decoration: none;
    font-weight: normal;
    background-color: #ffffff;
    color: #666666;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ffffff;
}

* html .iceDatPgrCol a {
    width: 1%;
}

/* override the attributes for the currently selected page */
.iceDatPgrScrCol a {
    color: #ffffff;
    border: 1px solid #2a6cc2;
    background-color: #2a6cc2;
}

* html .iceDatPgrScrCol a {
    width: 1%;
}

/* set the attributes for the mouseover on none-current pages */
.iceDatPgrCol a:hover {
    color: #000000;
    border: 1px solid #21618b;
}

@media print {
    .noPrint {
        display: none;
    }
}

.custom-box {
    width: 800px;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #ededed;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    padding: 5px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.custom-box > h2 {
    text-align: center;
    margin: 2px;
}

.custom-box > ul {
    margin: 2px;
}

.custom-box > ul > li {
    display: block;
    width: 25%;
    float: left;
}

.spaceUnder > td {
    padding-bottom: 10px;
}

.ui-draggable {
    z-index: 0;
    cursor: move !important;
}

.ui-draggable-dragging {
    z-index: 9999;
    cursor: move !important;
}

.right-margin-5 {
    margin-right: 5px;
}

.icePnlPop {
    border-radius: 5px;
}

.iceOutLbl {
    font-size: 11px;
    color: #21618b;
}

.widget-toolbar a {
    cursor: pointer;
    cursor: hand;
}

.sidebar.menu-min.right-side-sidebar {
    right: 0;
    border-left: 1px solid #cccccc;
}

.sidebar.menu-min.right-side-sidebar.fixed-scroll > .nav.nav-list {
    position: fixed;
}

.sidebar.menu-min.right-side-sidebar .nav-list > li > .submenu {
    left: auto;
    right: 52px;
    margin-top: -50px;
    width: 250px;
    position: fixed;
    padding: 0;
}

.sidebar.menu-min.right-side-sidebar .nav-list > li > a.dropdown-toggle > .menu-text {
    left: auto;
    right: 30px;
}

.field-separator {
    color: #669fc7;
}

.field-separator hr {
    margin: 0 0 8px 0;
}

.iceSelOneRb td,
.iceSelMnyCb td {
    padding-right: 8px;
}

dl dt {
    color: #669fc7;
    font-size: 16px;
    font-weight: normal;
}

dl dd {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.modal {
    z-index: 321050 !important;
}

.modal-backdrop {
    z-index: 321040 !important;
}

.popover {
    z-index: 991040 !important;
}

.btn.select-user-button {
    font-size: 12px;
    border-radius: 2px;
    height: 18px;
    margin: 0;
    padding: 0 3px;
    width: 18px;
}

.fields-list-container .fields-list li {
    line-height: 0;
}
.page-header {
    position: relative;
    height: 65px;
    vertical-align: top;
    margin-top: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #286ba6;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #286ba6;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
}

.page-header_top {
    height: 25px;
    vertical-align: top;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #286ba6;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    font-size: 12px;
    color: #f5f5f5;
}

p.break-words {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 10px;
    margin: 0;
}
.lista {
    height: 25px;
    padding: 0;
    margin: 0;
    width: 100%;
}

.lista li {
    float: right;
    list-style: none;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    padding: 0 3px;
}

.lista li a {
    padding: 0 5px;
    float: right;
}

.lista li a:hover {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
    margin-top: 1px;
    color: #21618b;
}

.link_hover {
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
    margin-top: 1px;
    color: #21618b !important;
    border-radius: 5px 5px 0 0;
}

.main-menu {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
    margin: 0 auto;
}

.main-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.main-menu li a {
    display: block;
    color: #21618b;
    text-decoration: none;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 0 5px 0 0;
    height: 28px;
    width: 100px;
    line-height: 28px;
    vertical-align: middle;
    padding: 0;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
    border: 1px solid #21618b;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

.main-menu li a:hover {
    color: #f5f5f5;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
}

.main-menu li a:active {
    color: #f5f5f5;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.activeModule {
    color: #f5f5f5 !important;
    background-color: #194368 !important;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%) !important;
}

.main-menu div {
    padding: 0;
    margin-top: 1px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    position: absolute;
    float: left;
    visibility: hidden;
    z-index: 999;
}

.main-menu div a {
    display: block;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    color: #21618b;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 10px;
    font-size: 11px;
    font-weight: normal;
    width: 160px;
    clear: left;
    background-color: #f5f5f5;
    margin: 0px;
    border-bottom: 1px solid #21618b;
    border-left: 1px solid #21618b;
    border-right: 1px solid #21618b;
    border-top: 0;
    border-radius: 0;
}

.main-menu div a:hover {
    color: #f5f5f5;
    font-weight: bold;
}

#menu {
    position: absolute;
    margin-top: -7px;
}

#menu li a {
    display: block;
    white-space: nowrap;
    text-align: center;
    padding-top: 4px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    width: 80px;
    height: 17px;
    clear: left;
    float: left;
    margin: 0;
}

.menu_sttings {
    display: block;
    color: #21618b;
    width: 290px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 11px;
    text-align: left;
    margin: 0;
    padding: 0 0 0 10px;
    border-top: 0;
    border-bottom: 1px solid #21618b;
}

.menu_sttings:hover {
    border-top: 0 !important;
    color: #f5f5f5;
    background-color: #286ba6;
    background-image: linear-gradient(to bottom, #286ba6 0, #194368 100%);
}

.menu_sttings:active {
    border-top: 0 !important;
    color: #f5f5f5;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

#menu ul {
    width: 80px;
    float: left;
    margin: 0;
    padding: 2px;
    list-style: none;
}

.clear {
    overflow: hidden;
    width: 100%;
    clear: both;
    height: 10px;
}

.header-login-info,
.lista-ajuda,
.lista-idioma-a,
.lista-idioma,
.lista-temas,
.lista-killsession,
.lista-biportal,
.lista-config {
    height: 25px;
    font-size: 12px;
    color: #f5f5f5;
    text-decoration: none;
    text-align: right;
}

.header-login-info a {
    text-decoration: none;
}

#header-menu {
    position: absolute;
    left: 140px;
    width: 780px;
    bottom: 0px;
    margin: 0px;
    border: 0px;
}

div.header-menu-right {
    position: absolute;
    right: 5px;
    bottom: 5px;
    margin: 0px;
    border: 0px;
    height: 48px;
    background-color: #f5f5f5;
    border: 1px solid #21618b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.user-info {
    line-height: 24px;
    color: #21618b;
    background-color: #f5f5f5;
    font-size: 12px;
}

div.user-info span {
    vertical-align: top;
    margin-left: 5px;
}

div.user-info img {
    margin: 4px;
    border: 1px solid #21618b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.icon {
    height: 24px;
    width: 32px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    margin-left: 52px;
}

div.icon div.pointerDown {
    width: 6px;
    height: 6px;
    border: solid #21618b;
    border-width: 5px 5px 0 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 2px 0 0 6px;
}

div.icon div.pointerDown:hover {
    width: 6px;
    height: 6px;
    border: solid #21618b;
    border-width: 5px 5px 0 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 2px 0 0 6px;
}

div.icon2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
}

div.icon2 div.pointerTop {
    width: 24px;
    height: 32px;
    border: solid #21648e;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 6px 0 0 6px;
    background-color: #f5f5f5;
}

.logoutBtn {
    font-size: 12px;
    border: 1px solid #21648e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    cursor: pointer;
    background: #f5f5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dddddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #dddddd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #dddddd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dddddd', GradientType=0);
    /* IE6-9 */
}

.logoutBtn:hover {
    background: #dddddd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f5f5f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%, #f5f5f5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f5f5f5', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
}

.noticicationBtn {
    font-size: 11px;
    width: 24px;
    height: 24px;
    color: #ffffff;
    background: #ff9b9b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff9b9b 0%, #ff1b1b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9b9b), color-stop(100%, #ff1b1b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9b9b 0%, #ff1b1b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9b9b 0%, #ff1b1b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9b9b 0%, #ff1b1b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff9b9b 0%, #ff1b1b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9B9B', endColorstr='#FF1B1B', GradientType=0);
    /* IE6-9 */
    border: 1px solid #ff0000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}

.noticicationBtn:hover {
    background: #ff1b1b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff1b1b 0%, #ff9b9b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1b1b), color-stop(100%, #ff9b9b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff1b1b 0%, #ff9b9b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff1b1b 0%, #ff9b9b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff1b1b 0%, #ff9b9b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff1b1b 0%, #ff9b9b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B1B', endColorstr='#FF9B9B', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
}

.perfilSettings {
    border: 1px solid #21618b;
    border-bottom: none;
    height: 100px;
    background-color: #f5f5f5;
    margin-top: -21px;
}
.projectBox {
    height: auto;
    margin: 27px auto 0px;
    width: 900px;
}

.projectBox-header {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    border-right: 1px solid #194368;
    border-left: 1px solid #194368;
    border-top: 1px solid #194368;
    border-bottom: 0;
    color: #f5f5f5;
    font-size: 15px;
    font-weight: bolder;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.projectBox-body {
    border: 1px solid #194368;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 40px;
    border-radius: 0 0 5px 5px;
}

.div_form {
    margin: 30px 0 0 -450px;
    position: absolute;
    left: 50%;
    text-align: center;
}

.imageOpacity {
    opacity: 0.70;
}

.imageOpacity:hover {
    opacity: 1;
}

.loading {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 50%;
    margin-left: -12px;
    top: 115px;
    z-index: 999;
}

.access-box {
    text-align: center;
    border-right: 1px dotted #d8d8d8;
    border-radius: 3px;
    padding: 8px;
    width: 220px;
}

.access-box-button {
    font-weight: bold;
    margin-top: 15px !important;
}

.online-aura {
    box-shadow: 0 0 0px 2px #269C59 !important;
}

.offline-aura {
    box-shadow: 0 0 0px 2px #E24C38 !important;
}

.favorite-project-link,
.item-project-menu a.favorite-project-link {
    text-decoration: none !important;
    background-color: transparent !important;
    color: #0088cc !important;
    font-size: 15px;
}

.item-project-menu a.favorite-project-link:hover {
    background-color: transparent !important;
}

.type-project-link{
    line-height: 15px;
    font-size: 15px;
}

.projectBoxContent #quota-viewer .fa.fa-info-circle {
    vertical-align: top;
    cursor: help;
}

.projectBoxContent #quota-viewer {
    position: absolute;
    width: 180px;
    height: 20px;
    line-height: 20px;
    right: 150px;
    top: 9px;
}

.projectBoxContent #quota-container {
    display: inline-block;
    box-shadow: 0 0 1px #ccc;
    width: 150px;
    height: 18px;
}

.projectBoxContent #quota-viewer .progress[data-percent]:after {
    line-height: 1.3rem;
    font-size: 0.65rem;
}

.item-project-menu {
    border-bottom: 1px solid #e4ecf3 !important;
    cursor: auto;
    display: block;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 12px;
    height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    text-decoration: none solid rgb(85, 85, 85);
    white-space: nowrap;
    width: 314px;
    padding: 12px 10px;
    letter-spacing: .3px;
}

.item-project-menu a {
    color: #333333 !important;
}

.item-project-menu:hover {
    background: #ffffff;
}

.item-project-menu a:hover, .item-project-menu a:hover:before, .item-project-menu a:hover:after {
    color: #333333 !important;
    background: #f4f9fc !important;
}

.ProjectReplicationDialog .GeneralInformationTab,
.ProjectReplicationDialog .PermissionsTab {
    overflow: auto !important;
    height: 375px !important;
    position: relative !important;
}

.ProjectReplicationDialog .ReplicationConnectionsContainer .DialogFooter,
.ProjectReplicationDialog .ReplicationConnectionsContainer .conection-dialog-division {
    display: none;
}

.ProjectReplicationDialog .ReplicationConnectionsContainer .DialogBody {
    overflow: auto;
    height: 330px;
}
.icePnlCnfBtns {
    padding: 5px !important;
}

.icePnlCnf {
    width: 450px;
}

.icePnlCnfBody {
    height: 50px;
}

.dialog {
    margin: 0;
    padding: 0;
}

.dialog > table:first-child {
    width: 100%;
}

.dialog-header {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    width: inherit;
    line-height: 25px;
    height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.dialog-body {
    display: block;
    word-break: break-word;
    word-wrap: break-word;
    overflow: auto;
}

/*
 * Fora do padrao pois e uma classe adicionada automaticamente pelo IceFaces
 */
.dialogBody {
    padding: 0;
    margin: 0;
    overflow: auto;
}

.dialog-title {
    color: #f5f5f5;
    font-size: 11px;
    font-weight: bold;
}

.dialog-half-screen {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    height: 50%;
    min-height: 50%;
    max-height: 50%;
}

.close {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #f5f5f5;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

.close:hover {
    color: white;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
}

.simplemodal-overlay {
    z-index: 30001 !important;
    background-color: black;
}

.simplemodal-container {
    z-index: 30002 !important;
}

.modal-close {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #21618b;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

.modal-close-inv {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #f5f5f5;
    opacity: 0.8;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    right: 5px;
}

/*
 * Fora do padrao pois e uma classe adicionada automaticamente pelo IceFaces
 */
.icePnlPopHdr {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

/* Tooltips IceFaces */
.icePnlTlTip {
    background: #efefef;
    border: 1px solid #21618b;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.icePnlTlTipHdr {
    width: 100% !important;
    height: 18px;
    line-height: 18px;
    padding: 2px;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.icePnlTlTipBody {
    text-align: center !important;
    padding: 5px;
}

.file-upload-image-preview {
    max-width: 768px;
    max-height: 480px;
}

.file-upload-image-preview-container {
    width: 300px;
    height: 281px;
    background: #efefef;
    display: none;
    text-align: center;
    border: 1px solid #21618b;
    border-radius: 5px;
}

.file-upload-image-preview-header {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    border-radius: 5px 5px 0 0;
    width: 296px;
    padding: 2px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

/* End IceFaces *//*

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 4px;
}

.tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #21618b;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.tabs-nav .tabs-selected a {
    color: #000000;
}

.tabs-nav .tabs-selected a,
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0;
    /* prevent dotted border in Firefox */
}

.tabs-nav a,
.tabs-nav .tabs-disabled a:hover,
.tabs-nav .tabs-disabled a:focus,
.tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}

.tabs-nav a span {
    width: 64px;
    /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 16px;
    /* IE 6 treats height as min-height */
    min-height: 16px;
    padding-top: 6px;
    padding-right: 0;
}

* > .tabs-nav a span {
    /* hide from IE 6 */
    width: auto;
    height: auto;
}

.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}

.tabs-nav .tabs-selected a span,
.tabs-nav a:hover span,
.tabs-nav a:focus span,
.tabs-nav a:active span {
    background-position: 0 -50px;
}

.tabs-nav a span,
.tabs-nav .tabs-disabled a:hover span,
.tabs-nav .tabs-disabled a:focus span,
.tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}

.tabs-nav .tabs-selected a:link,
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link,
.tabs-nav .tabs-disabled a:visited {
    /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {
    /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-container {
    background: #ffffff;
    /* declare background color for container to avoid distorted fonts in IE while fading */
    height: auto;
}

.background-tab {
    border: 1px solid #21618b;
    border-radius: 5px 5px 0 0;
    text-align: center;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
    color: #9b9b9b;
}

.background-tab a {
    color: #9b9b9b;
}

.background-tab-active {
    border-top: 1px solid #21618b;
    border-right: 1px solid #21618b;
    border-left: 1px solid #21618b;
    border-bottom: 1px hidden #21618b;
    border-radius: 5px 5px 0 0;
    color: #21618b;
    text-align: center;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
}

.background-tab-active a {
    color: #21618b;
}

/* Icefaces Tabs */
.baseTab {
    border: 1px solid #21618b;
    border-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
}

.icePnlTbOn {
    border: 1px solid #21618b;
    border-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.icePnlTbOn td {
    text-shadow: 0 0 1px;
    color: #f5f5f5;
    font-size: 11px;
    font-weight: bold;
}

.icePnlTbOff {
    border: 1px solid #21618b;
    border-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #dddddd 100%);
}

.icePnlTbOff td {
    color: #21618b;
}

.icePnlTbOver {
    border: 1px solid #21618b;
    border-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #dddddd 0, #f5f5f5 100%);
}

.icePnlTbOver td {
    color: #21618b;
    text-shadow: 0 0 1px;
}

.icePnlTbLblLnk {
    outline: none;
}

.icePnlTbLblLnk td {
    outline: none;
    font-size: 11px;
}

.pc-gradient {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.pc-gradient-tab {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.pc-border {
    border: 1px #21618b solid;
    border-radius: 5px;
}

.rem-m-w {
    min-width: 0 !important;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

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

.ta-c {
    text-align: center;
}

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

.m-none, .m-0 {
    margin: 0 !important;
}

.m-none-force, .m-0-force {
    margin: 0 !important;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.force-inline-block {
    display: inline-block !important;
}

.d-m {
    margin: 5px;
}

.d-b-m {
    margin-bottom: 5px;
}

.margin-bottom-default {
    margin-bottom: 10px;
}

.d-t-m {
    margin-top: 5px;
}

.d-l-m {
    margin-left: 5px;
}

.d-r-m {
    margin-right: 5px;
}

.d-b-p {
    padding-bottom: 5px;
}

.d-t-p {
    padding-top: 5px;
}

.d-l-p {
    padding-left: 5px;
}

.d-r-p {
    padding-right: 5px;
}

.fill-w {
    width: 100%;
}

.fill-w-49 {
    width: 49%;
}

.fill-h {
    height: 100%;
}

.d-f-c {
    font-size: 11px;
    color: #21618b;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-12 {
    width: 12%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100%;
}

.pointer {
    cursor: pointer;
}

.pc-font {
    color: #21618b;
}

.base-font-size {
    font-size: 11px;
}

.tab-corners {
    border-radius: 5px 5px 0 0;
}

.bottom-corners {
    border-radius: 0 0 5px 5px;
}

.w-32-px {
    width: 32px;
}

.w-72-px {
    width: 72px;
}

.moment {
    margin-left: 5px;
}

.break-words {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.ul-no-decoration {
    margin: 0;
    list-style: none;
}

.btn-fix {
    padding: 1px;
}

.font-12 .nav-tabs {
    font-size: 12px;
}

.CodeMirror {
    border: 1px #cccccc solid;
}

.CodeMirror-hints {
    z-index: 25500 !important;
}

.iceCmdBtn-dis {
    cursor: not-allowed;
}

.position-relative {
    position: relative;
}

.bootstrap-timepicker-widget input {
    padding: 4px !important;
}

.bootstrap-timepicker-widget {
    z-index: 45000 !important;
}

.task-manager-label {
    width: 75px;
    text-align: center;
}

.iceOutLbl {
    font-size: 12px;
    color: #669FC7;
}

.scrollable {
    overflow: auto;
}

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

.infobox-purple {
    color: #6f3cc4;
    border-color: #6f3cc4;
}

.infobox-purple > .infobox-icon > .ace-icon {
    background-color: #6f3cc4;
}

.infobox-purple.infobox-dark {
    background-color: #6f3cc4;
    border-color: #6f3cc4;
}

.infobox-purple2 {
    color: #5f47b0;
    border-color: #5f47b0;
}

.infobox-purple2 > .infobox-icon > .ace-icon {
    background-color: #5f47b0;
}

.infobox-purple2.infobox-dark {
    background-color: #5f47b0;
    border-color: #5f47b0;
}

.infobox-pink {
    color: #cb6fd7;
    border-color: #cb6fd7;
}

.infobox-pink > .infobox-icon > .ace-icon {
    background-color: #cb6fd7;
}

.infobox-pink.infobox-dark {
    background-color: #cb6fd7;
    border-color: #cb6fd7;
}

.infobox-blue {
    color: #6fb3e0;
    border-color: #6fb3e0;
}

.infobox-blue > .infobox-icon > .ace-icon {
    background-color: #6fb3e0;
}

.infobox-blue.infobox-dark {
    background-color: #6fb3e0;
    border-color: #6fb3e0;
}

.infobox-blue2 {
    color: #3983c2;
    border-color: #3983c2;
}

.infobox-blue2 > .infobox-icon > .ace-icon {
    background-color: #3983c2;
}

.infobox-blue2.infobox-dark {
    background-color: #3983c2;
    border-color: #3983c2;
}

.infobox-blue3 {
    color: #1144eb;
    border-color: #1144eb;
}

.infobox-blue3 > .infobox-icon > .ace-icon {
    background-color: #1144eb;
}

.infobox-blue3.infobox-dark {
    background-color: #1144eb;
    border-color: #1144eb;
}

.infobox-red {
    color: #d53f40;
    border-color: #d53f40;
}

.infobox-red > .infobox-icon > .ace-icon {
    background-color: #d53f40;
}

.infobox-red.infobox-dark {
    background-color: #d53f40;
    border-color: #d53f40;
}

.infobox-brown {
    color: #c67a3e;
    border-color: #c67a3e;
}

.infobox-brown > .infobox-icon > .ace-icon {
    background-color: #c67a3e;
}

.infobox-brown.infobox-dark {
    background-color: #c67a3e;
    border-color: #c67a3e;
}

.infobox-wood {
    color: #7b3f25;
    border-color: #7b3f25;
}

.infobox-wood > .infobox-icon > .ace-icon {
    background-color: #7b3f25;
}

.infobox-wood.infobox-dark {
    background-color: #7b3f25;
    border-color: #7b3f25;
}

.infobox-light-brown {
    color: #cebea5;
    border-color: #cebea5;
}

.infobox-light-brown > .infobox-icon > .ace-icon {
    background-color: #cebea5;
}

.infobox-light-brown.infobox-dark {
    background-color: #cebea5;
    border-color: #cebea5;
}

.infobox-orange {
    color: #e8b110;
    border-color: #e8b110;
}

.infobox-orange > .infobox-icon > .ace-icon {
    background-color: #e8b110;
}

.infobox-orange.infobox-dark {
    background-color: #e8b110;
    border-color: #e8b110;
}

.infobox-orange2 {
    color: #f79263;
    border-color: #f79263;
}

.infobox-orange2 > .infobox-icon > .ace-icon {
    background-color: #f79263;
}

.infobox-orange2.infobox-dark {
    background-color: #f79263;
    border-color: #f79263;
}

.infobox-green {
    color: #9abc32;
    border-color: #9abc32;
}

.infobox-green > .infobox-icon > .ace-icon {
    background-color: #9abc32;
}

.infobox-green.infobox-dark {
    background-color: #9abc32;
    border-color: #9abc32;
}

.infobox-green2 {
    color: #0490a6;
    border-color: #0490a6;
}

.infobox-green2 > .infobox-icon > .ace-icon {
    background-color: #0490a6;
}

.infobox-green2.infobox-dark {
    background-color: #0490a6;
    border-color: #0490a6;
}

.infobox-grey {
    color: #999999;
    border-color: #999999;
}

.infobox-grey > .infobox-icon > .ace-icon {
    background-color: #999999;
}

.infobox-grey.infobox-dark {
    background-color: #999999;
    border-color: #999999;
}

.infobox-black {
    color: #2A2624;
    border-color: #2A2624;
}

.infobox-black > .infobox-icon > .ace-icon {
    background-color: #2A2624;
}

.infobox-black.infobox-dark {
    background-color: #2A2624;
    border-color: #2A2624;
}

.infobox-dark {
    margin: 1px 1px 0 0;
    border-color: transparent !important;
    border-width: 0;
    color: #FFF;
    padding: 4px;
}

.infobox-dark > .infobox-icon > .ace-icon,
.infobox-dark > .infobox-icon > .ace-icon:before {
    background-color: transparent;
    box-shadow: none !important;
    text-shadow: none;
    border-radius: 0;
    font-size: 30px;
}

.infobox-dark > .infobox-icon > .ace-icon:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.infobox-dark .infobox-content {
    color: #FFF;
}

.icon-05x {
    font-size: 0.5em;
}


.filter-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.filter-block.filter-required {
    border-radius: 4px;
    border: 1px solid #e24c38;
}

.filter-container .filter-required .label {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.filter-block > .label {
    height: 20px;
    line-height: 18px;
    vertical-align: top;
}

.filter-block > .label > i {
    line-height: 22px;
}

.filter-block > .label:first-child {
    color: #FFF;
}

.filter-block > .label.filtered {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}

.filter-block > a.remove-filter {
    margin-right: 2px;
    margin-left: -10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.filter-block > a.expand-filter.disabled-true {
    margin-right: 0;
    margin-left: -10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.filter-block > a.expand-filter.disabled-false {
    margin-right: 0;
    margin-left: -10px;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}

.truncate-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-limit-width {
    max-width: 220px;
}

.select-many-fill-container {
    table-layout: fixed;
    width: 100%;
}

.select-many-fill-container label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iceCmdLnk span.material-icons {
    font-size: 18px;
    margin-right: 6px;
}

.strip-margin .input-append {
    margin: 0;
}

.pagination.unstyled > li {
    float: left;
}

.clear-both {
    clear: both;
}

.v-align-middle {
    vertical-align: middle;
}

.reduced-select-size .iceSelOneMnu {
    font-size: 11px;
}

.reduced-select-size .iceInpTxt {
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 4px !important;
}

.reduced-select-size .input-append .add-on {
    height: 16px;
}

.reduce-margin-to-5 {
    margin: 5px 0;
}

.migrate-to-data-object-list {
    height: 200px;
    overflow: auto;
}

.migrate-to-data-object-list ul li i {
    margin-right: 5px;
}

table.hide-header {
    margin: 0;
    border: none !important;
}

.hide-header thead {
    display: none;
}

.vhidden {
    visibility: hidden !important;
    height: 0 !important;
    line-height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
}

.inm-bim-origin-floating-actions {
    position: absolute;
    bottom: -50px;
    z-index: 1;
}

input:not([type="image"]), textarea {
    box-sizing: border-box;
}

.sweet-alert h2 {
    max-height: 200px;
    max-height: 50vh;
    overflow: auto;
}

hr.m-10 {
    margin: 10px 0;
}

div.select2-drop-mask {
    z-index: 30000;
}

div.select2-drop {
    z-index: 30001;
}

.hide-scrollbar {
    overflow: hidden !important;
}

.va-top {
    vertical-align: top;
}

.label-beta {
    background-color: #d15b47 !important;
    font-size: 8px !important;
    font-family: monospace !important;
    height: 11px !important;
    margin: 3px 0 0 0 !important;
    padding: 0 4px 2px !important;
}

.form-horizontal .help-block {
    margin-left: 160px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.no-wrap {
    white-space: nowrap;
}

a.disabled,
.disabledButton {
    opacity: 0.5;
    cursor: not-allowed;
}

.no-resize {
    resize: none;
}

.help-block {
    font-size: 12px;
}

.with-bg-overlay.open:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: " ";
    background-color: transparent;
}

.help-block {
    font-size: 12px;
}

.dropdown-menu.open {
    display: inline-block;
}

.flex-center-items {
    display: flex !important;
    align-items: center !important;
    align-items: safe center !important;
}

.flex-direction-column {
    flex-direction: column;
}

.right-menu-icon-glow {
    position: relative;
}

.right-menu-icon-glow > .blink {
    pointer-events: none;
    position: absolute;
    right: 12px;
    bottom: 12px;
    background-color: #E24C38;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    text-decoration: blink;
    animation: blinker 0.6s ease-in-out infinite alternate;
}

@-webkit-keyframes blinker {
    from {
        box-shadow: 0 0 2px 1px red;
    }
    to {
        box-shadow: 0 0 10px 0 red;
    }
}

.export-icon-glow > .material-icons {
    animation: right-menu-icon-glow-effect 1s ease-in-out infinite alternate;
}

.disable-li-export {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}


@keyframes right-menu-icon-glow-effect {
    from {
        opacity: 1.5;
    }
    to {
        opacity: 0.3;
    }
}

.btn.btn-link:hover {
    text-decoration: none;
}

.d-flex {
    display: flex !important;
}

.flex-1 {
    flex: 1;
}

.flex-grow-1 {
    flex-grow: 1;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

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

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

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

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

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

.mt-0 {
    margin-top: 0 !important;
}

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

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

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

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

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

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

.mt-7 {
    margin-top: 35px !important;
}

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

.mt-9 {
    margin-top: 45px !important;
}

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

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

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

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

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

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

.ml-0 {
    margin-left: 0 !important;
}

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

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

.ml-3 {
    margin-left: 15px !important;
}

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

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

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

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 5px !important;
}

.p-2 {
    padding: 10px !important;
}

.p-3 {
    padding: 15px !important;
}

.p-4 {
    padding: 20px !important;
}

.p-5 {
    padding: 25px !important;
}

.p-6 {
    padding: 30px !important;
}

.p-7 {
    padding: 35px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 5px !important;
}

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

.pl-3 {
    padding-left: 15px !important;
}

.pl-4 {
    padding-left: 20px !important;
}

.pl-5 {
    padding-left: 25px !important;
}

.pl-6 {
    padding-left: 30px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 5px !important;
}

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

.pr-3 {
    padding-right: 15px !important;
}

.pr-4 {
    padding-right: 20px !important;
}

.pr-5 {
    padding-right: 25px !important;
}

.pr-6 {
    padding-right: 30px !important;
}

.pl-7 {
    padding-left: 35px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 5px !important;
}

.pb-2 {
    padding-bottom: 10px !important;
}

.pb-3 {
    padding-bottom: 15px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

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

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

.pt-3 {
    padding-top: 15px !important;
}

.pt-4 {
    padding-top: 20px !important;
}

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

.pt-6 {
    padding-top: 30px !important;
}

.row-fluid.noMinHeight [class*="span"] {
    min-height: unset;
}

.iceCmdLnk-dis,
.iceCmdLnk-dis:hover {
    opacity: 0.7;
    cursor: not-allowed !important;
}

.btn.disabled, .btn[disabled] {
    cursor: not-allowed !important;
}

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

.align-items-flex-end {
    align-items: flex-end !important;
}

.spin-element {
    animation-name: utils-spin-animation;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes utils-spin-animation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

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

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.justify-content-flex-end {
    justify-content: flex-end !important;
}

.jc-center {
    justify-content: center !important;
}

.jc-end {
    justify-content: end !important;
}

.cursor-help {
    cursor: help !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.quick-highlight {
    animation: quick-highlight-effect 2.5s ease-in-out;
}

@keyframes quick-highlight-effect {
    0% {
        border-color: #005dff;
    }
    75% {
        border-color: #005dff;
    }
    100% {
        border-color: transparent;
    }
}

.badge.badge-alert {
    background-color: #FF7F50 !important;
}

.btn.no-margin > [class*="icon-"] {
    margin: 0;
}

.JsfHiddenInput {
    visibility: collapse !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.gap-0 {
    gap: 0
}

.gap-05 {
    gap: 3px
}

.gap-1 {
    gap: 5px
}

.gap-2 {
    gap: 10px
}

.gap-3 {
    gap: 15px
}

.gap-4 {
    gap: 20px
}

.gap-5 {
    gap: 25px
}

.jc-sa {
    justify-content: space-around;
}

.jc-sb {
    justify-content: space-between;
}

.jc-se {
    justify-content: space-evenly;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.d-none {
    display: none;
}

.text-xs {
    font-size: 0.75rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-base {
    font-size: 1rem !important;
}

.text-lg {
    font-size: 1.125rem !important;
}

.text-xl {
    font-size: 1.25rem !important;
}

.text-2xl {
    font-size: 1.5rem !important;
}

.text-3xl {
    font-size: 1.875rem !important;
}

.text-4xl {
    font-size: 2.25rem !important;
}

.text-5xl {
    font-size: 3rem !important;
}

.fo-0 {
    order: 0;
}

.fo-1 {
    order: 1;
}

.bg-white {
    background-color: white;
}

.rounded {
    border-radius: 4px;
}

.rounded-lg {
    border-radius: 8px;
}

.inline-flex {
    display: inline-flex !important;
}
.pc-gradient {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.pc-gradient-tab {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.pc-border {
    border: 1px #21618b solid;
    border-radius: 5px;
}

.rem-m-w {
    min-width: 0 !important;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

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

.ta-c {
    text-align: center;
}

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

.m-none {
    margin: 0;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline-block-force {
    display: inline-block !important;
}

.d-m {
    margin: 5px;
}

.d-b-m {
    margin-bottom: 5px;
}

.margin-bottom-default {
    margin-bottom: 10px;
}

.d-t-m {
    margin-top: 5px;
}

.d-l-m {
    margin-left: 5px;
}

.d-r-m {
    margin-right: 5px;
}

.d-b-p {
    padding-bottom: 5px;
}

.d-t-p {
    padding-top: 5px;
}

.d-l-p {
    padding-left: 5px;
}

.d-r-p {
    padding-right: 5px;
}

.fill-w {
    width: 100%;
}

.fill-h {
    height: 100%;
}

.d-f-c {
    font-size: 11px;
    color: #21618b;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.pointer {
    cursor: pointer;
}

.pc-font {
    color: #21618b;
}

.base-font-size {
    font-size: 11px;
}

.tab-corners {
    border-radius: 5px 5px 0 0;
}

.bottom-corners {
    border-radius: 0 0 5px 5px;
}

.w-32-px {
    width: 32px;
}

.w-72-px {
    width: 72px;
}

.moment {
    margin-left: 5px;
}

.break-words {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.btn-fix {
    padding: 1px;
}

.collapsible-panel {
    border: 1px #21618b solid;
    border-radius: 5px;
}

/**
  * Fora do padrao pois e gerada pelo IceFaces
  */
.collapsible-panelHdr {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
}

.collapsible-panel-content {
    padding: 5px;
}

.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6 {
    margin-top: 0;
}

.well h1,
.well h2,
.well h3 {
    line-height: 36px;
}

.well {
    border-radius: 0;
}

.error-container {
    margin: 20px;
    padding: 0;
    background: #ffffff;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    text-align: left;
}

.blue {
    color: #478fca !important;
}

.bigger-125 {
    font-size: 125%;
}

.lighter {
    font-weight: lighter;
}

h1 {
    font-size: 32px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h1.smaller {
    font-size: 31px;
}

h1.bigger {
    font-size: 33px;
}

h1.block {
    margin-bottom: 16px;
}

h2 {
    font-size: 26px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h2.smaller {
    font-size: 25px;
}

h2.bigger {
    font-size: 27px;
}

h2.block {
    margin-bottom: 16px;
}

h3 {
    font-size: 22px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h3.smaller {
    font-size: 21px;
}

h3.bigger {
    font-size: 23px;
}

h3.block {
    margin-bottom: 16px;
}

h4 {
    font-size: 18px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h4.smaller {
    font-size: 17px;
}

h4.bigger {
    font-size: 19px;
}

h4.block {
    margin-bottom: 16px;
}

h5 {
    font-size: 15px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h5.smaller {
    font-size: 14px;
}

h5.bigger {
    font-size: 16px;
}

h5.block {
    margin-bottom: 16px;
}

h6 {
    font-size: 13px;
    font-weight: normal;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

h6.smaller {
    font-size: 12px;
}

h6.bigger {
    font-size: 14px;
}

h6.block {
    margin-bottom: 16px;
}

/* some list styling */
ul,
ol {
    margin: 0 0 10px 25px;
    padding: 0;
}

ul.margin-5,
ol.margin-5 {
    margin-left: 5px;
}

ul.margin-10,
ol.margin-10 {
    margin-left: 10px;
}

ul.margin-15,
ol.margin-15 {
    margin-left: 15px;
}

ul.margin-20,
ol.margin-20 {
    margin-left: 20px;
}

li > ul,
li > ol {
    margin-left: 18px;
}

.error-page-list {
    list-style: none;
}

.error-page-list li {
    margin-bottom: 5px;
}

.alert {
    font-size: smaller;
}
@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.iceOutConStat {
    position: fixed;
    width: 0;
    height: 0;
    border: none;
    font-size: .5em;
    right: 65px;
    bottom: 65px;
    z-index: 30000;
}

.iceOutConStatNoMargin {
    position: absolute;
    top: 2px;
    right: 50%;
    margin: 0px !important;
    margin-left: -16px;
    border: none;
    width: 32px;
    height: 32px;
    font-size: .5em;
}

.iceOutConStatActv {
    border: 5px solid #333;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

body > div:last-child {
    cursor: inherit !important;
}
.dash-header-panel-group {
    width: 85%;
    float: left;
    cursor: move;
}

.dash-header-icons {
    width: 80px;
    float: right;
    text-align: right;
    margin-right: 5px;
}

.dashboard {
    width: 100%;
    vertical-align: top;
}

.dashboard .widget-header {
    cursor: move;
}

.dashboard-table {
    table-layout: fixed;
    width: 100%;
}

.dashboard-table td {
    vertical-align: top;
}

.dashboard-header * {
    vertical-align: top;
}

.dashboarditem {
    margin: 2px 0 0 0 !important;
    user-select: none;
}

ul.dashboard-item-links {
    width: 200px;
    max-height: 350px;
    overflow-y: auto;
}

ul.dashboard-item-links a > i,
ul.dashboard-item-links span > i {
    float: left;
}

.dashboard-item-links span [class^="icon-"],
.dashboard-item-links span [class*=" icon-"] {
    display: inline;
}

ul.dashboard-item-links li {
    position: relative;
}

ul.dashboard-item-links li > i {
    left: 5px !important;
    top: 10px !important;
}

ul.dashboard-item-links li > span {
    display: block;
}

ul.dashboard-item-links .menu_option {
    width: 140px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.dropdown-menu.dashboard-item-links > li {
    padding: 0;
}

ul.dropdown-menu.dashboard-item-links > li > a,
ul.dropdown-menu.dashboard-item-links > li > span {
    background-image: none;
    margin: 0 !important;
    padding: 5px 0 5px 30px !important;
}

ul.dropdown-menu.dashboard-item-links > li > a:hover,
ul.dropdown-menu.dashboard-item-links > li > span:hover,
ul.dropdown-menu.dashboard-item-links > li > a:hover > i,
ul.dropdown-menu.dashboard-item-links > li > span:hover > i,
ul.dropdown-menu.dashboard-item-links > li > span:hover > div,
ul.dropdown-menu.dashboard-item-links > li > a:hover > div {
    color: #4F99C6 !important;
}

#dashTable, .fixedtableHeader table {
    width: 100%;
}

/* Scope */
.widget-box.dashboard-item {
    border: none;
}

.dashboard-item .widget-toolbar {
    background-color: white;
    margin-right: 15px;
    padding: 0 5px;
}

.dashboard-item .widget-toolbar:before {
    border: none;
}

/* SIMPLE */
.border-simple .widget-body,
.border-simple {
    border: 1px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* THICK */
.border-thick .widget-body, .border-thick {
    border: 3px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* DOUBLE_LINE */
.border-double-line > .widget-body, .border-double-line {
    border: 3px double;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* DOTTED */
.border-dotted .widget-body, .border-dotted {
    border: 1px dotted;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#dashboard-exp .border-double-line {
    border-width: 4px;
}

#dashboard-exp .grid-stack-item-content .widget-box {
    box-shadow: none;
}

.dashboarditem-export .widget-header {
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 3px;
    margin-top: 3px;
}

.border-shadow .widget-body, .border-shadow {
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4);
}

.border-postfix,
.border-postfix.dashboard-item {
    border: 1px solid;
}

.border-postfix > .widget-body {
    border: none;
    box-shadow: 1px 3px 4px #777;
}

.border-postfix {
    position: relative;
    z-index: 1;
}

.border-postfix:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 4px;
    left: 3px;
    width: 77%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 10px 10px #777;
    -moz-box-shadow: 0 10px 10px #777;
    box-shadow: 0 10px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

#dashboard-exp .border-double-line {
    border-width: 4px;
}

.dashboarditem-export .widget-header {
    display: none;
}

.smallsquare .widget-body div {
    overflow: hidden;
}

.bigsquare .widget-body div {
    overflow: hidden;
}

.dashboarditem .widget-header {
    display: none;
}

.dashboarditem[class*=with-header] .widget-header {
    display: block;
}

.dashboard-item-html-component {
    position: relative;
}

.dashboard-item-html-component .HtmlDragOverlay {
    height: 100%;
    position: absolute;
    width: 100%;
}

.filter-container {
    padding-bottom: 3px;
    position: relative;
    background: #ffffff;
    margin-left: 3px;
    z-index: 0;
}

.dashboard-item .mdx-table {
    width: 100%;
}

.mobile-order-btn {
    padding: 0;
}

.mobile-order-btn .icon-sort, .mobile-order-btn .icon-bim-move {
    font-size: 15px;
    position: absolute;
    left: -9px;
}

.mobile-order-btn .icon-mobile-phone {
    font-size: 30px;
    position: absolute;
    right: 12px;
}

.free-style-first-dashboard-load,
.dashboard-item-timeout-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}

.free-style-first-dashboard-load.editing {
    border: none;
}

.free-style-first-dashboard-load .item-loader-icon {
    position: absolute;
    top: 5px;
    right: 10px
}

.item-loader-icon.fa-remove {
    color: red;
}

.item-loader-icon.fa-check {
    color: green;
    display: none;
}

.free-style-first-dashboard-load img {
    opacity: 0.2;
    max-width: 75%;
    max-height: 75%;
}

.restrict-members-fieldset .select-items-component-items-container {
    max-height: 175px;
}

.infobox td {
    padding: 0px;
}

.dashboard-item {
    margin: 0 !important;
}

#body-dashboard-home .widget-body {
    margin: 0 !important;
}

.dashboard-item .widget-body {
    border-radius: 0;
}

div[data-edit-mode='false'] .itemsize {
    display: none;
}

div[data-edit-mode='true'] .itemsize {
    display: inline-block;
}

.grid-stack-item .itemsize {
    padding: 1px 8px;
    color: #222222;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    font-size: 10px;
    letter-spacing: 0.4px;
    line-height: 16px;
    bottom: 0;
    left: 0;
}

.grid-stack-item .item-highlight .itemsize {
    background-color: #000;
}

.grid-stack-item-content {
    background-color: transparent;
    padding: 0;
}

.dashboardEditDialog ul.wizard-steps,
.dashboardEditDialog .folder-management-container {
    display: none;
}

.Flex-Center-Aligner {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* tema do preview do template */
.dashboard-item-preview {
    width: 104px;
    height: 55px;
    margin: 4px;
    float: left;
    border-radius: 4px;
}

.background-preview-WHITE .dashboard-item-preview {
    background-color: rgb(255, 255, 255);
}

.background-preview-BLACK .dashboard-item-preview {
    background-color: rgb(53, 53, 53);
    opacity: .4;
}

.background-preview-CORPORATIVE .dashboard-item-preview {
    background-color: rgb(0, 0, 0);
    opacity: .3;
}

.item-content-container.ImageRender .zoom-target-disable {
    margin: 0 !important;
}

.analysisScrollHorizontalFix {
    display: inline-table;
    width: calc(100% - 25px);
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.analysisScrollHorizontalFix div{
    overflow: hidden !important;
}
#DashGridComponent:not(.DashboardTheme-NONE) .react-grid-item.grid-stack-item-content.ContainerChild.Item.cssTransforms {
    background: rgba(255, 255, 255, 0) !important;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    padding-bottom: 0;
    background-color: #e4e6e9;
    min-height: 100%;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 13px;
    color: #2A2624;
}

body:before {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff;
}

.commandLink {
    text-decoration: none;
    border-bottom-color: #e4ecf3;
    padding: 10px 2px;
    margin: 0;
    border-bottom: 1px solid;
    font-size: 12px;
    line-height: 16px;
    color: #777777 !important;
    list-style: none;
    outline: 0;
    clear: both;
    white-space: nowrap;
    display: block;
}

.textReadNotification {
    font-weight: bold;
}

body.navbar-fixed {
    padding-top: 45px;
}

[class*=" icon-"],
[class^="icon-"] {
    display: inline-block;
    text-align: center;
}

a:focus,
a:active {
    text-decoration: none;
}

li.divider {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 0;
    font-size: 0;
}

.lighter {
    font-weight: lighter;
}

.bolder {
    font-weight: bolder;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.center,
.align-center {
    text-align: center;
}

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

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

.middle {
    vertical-align: middle;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.blue {
    color: #478fca !important;
}

.navbar {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.navbar .navbar-inner {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 48px;
    height: 48px;
    position: relative;
    background: #575BD8;
}

.navbar .navbar-text,
.navbar .navbar-link {
    color: #ffffff;
}

.navbar .brand {
    color: #ffffff;
    font-size: 24px;
    text-shadow: none;
    padding: 2px 0px 0px 20px !important;
}

.navbar .nav > li > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    font-size: 14px;
    text-shadow: none;
    color: #ffffff;
}

.ace-nav {
    height: 100%;
}

.ace-nav > li:first-child {
    border-left: none;
}

.badge {
    text-shadow: none;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 15px;
    background-color: #abbac3 !important;
}

.label-success,
.badge-success {
    background-color: #82af6f !important;
}

.label-important,
.badge-important {
    background-color: #d15b47 !important;
}

.ace-nav > li.grey {
    background: #555555;
}

.ace-nav > li.purple {
    background: #892e65;
}

.ace-nav > li.green {
    background: #2e8965;
}

.ace-nav > li.light-blue {
    background: #62a8d1;
}

.ace-nav > li.light-blue2 {
    background: #42a8e1;
}

.ace-nav > li.red {
    background: #b74635;
}

.ace-nav > li.light-green {
    background: #9abc32;
}

.ace-nav > li.light-purple {
    background: #cb6fd7;
}

.ace-nav > li.light-orange {
    background: #f79263;
}

.ace-nav > li.light-pink {
    background: #f4dae5;
}

.ace-nav > li.dark {
    background: #404040;
}

.ace-nav > li.white-opaque {
    background: rgba(255, 255, 255, 0.8);
}

.ace-nav > li.dark-opaque {
    background: rgba(0, 0, 0, 0.2);
}

.ace-nav > li.no-border {
    border: 0;
}

.ace-nav > li.margin-4 {
    margin-left: 4px;
}

.ace-nav > li.margin-3 {
    margin-left: 3px;
}

.ace-nav > li.margin-2 {
    margin-left: 2px;
}

.ace-nav > li.margin-1 {
    margin-left: 1px;
}

.ace-nav > li .dropdown-menu {
    z-index: 1031;
}

.ace-nav .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 24px;
    border: 2px solid #ffffff;
    max-width: 36px !important;
}

.ace-nav li:last-child a [class^="icon-"] {
    display: inline-block;
    text-align: center;
}

li [class^="icon-"],
li [class*=" icon-"],
.nav-list li [class^="icon-"],
.nav-list li [class*=" icon-"] {
    width: auto;
}

.btn,
.iceCmdBtn .button,
.iceCmdBtn,
.button {
    display: inline-block;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-image: none !important;
    border: 5px solid;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    padding: 0 12px 1px;
    line-height: 32px;
    font-size: 14px;
}

.btn-mini {
    padding: 0 5px;
    line-height: 22px;
    border-width: 2px;
    font-size: 12px;
}

.btn-table,
.btn-table-dis {
    height: 25px;
    width: 25px;
    font-size: 16px;
}

button.btn.btn-primary.toggled {
    top: 1px;
    left: 1px;
    border: 1px inset #1C6CA1;
    background-color: #1C6CA1 !important;
}

.btn,
.btn-default {
    background-color: #abbac3 !important;
    border-color: #abbac3;
}

.btn:hover,
.btn-default:hover {
    background-color: #8b9aa3 !important;
}

.btn.no-border:hover,
.btn-default.no-border:hover {
    border-color: #8b9aa3;
}

.btn.no-hover:hover,
.btn-default.no-hover:hover {
    background-color: #abbac3 !important;
}

.btn.active,
.btn-default.active {
    background-color: #9baab3 !important;
    border-color: #8a9ba6;
}

.btn.no-border.active,
.btn-default.no-border.active {
    background-color: #92a3ac !important;
    border-color: #92a3ac;
}

.btn.disabled,
.btn-default.disabled,
.btn[disabled],
.btn-default[disabled] {
    background-color: #abbac3 !important;
}

.btn-primary,
.iceCmdBtn .button,
.iceCmdBtn,
.button {
    background-color: #2283c5 !important;
    border-color: #2283c5;
}

.btn-primary:hover {
    background-color: #045e9f !important;
}

.btn-primary.no-border:hover {
    border-color: #045e9f;
}

.btn-primary.no-hover:hover {
    background-color: #2283c5 !important;
}

.btn-primary.active {
    background-color: #1371b2 !important;
    border-color: #105f96;
}

.btn-primary.no-border.active {
    background-color: #1268a4 !important;
    border-color: #1268a4;
}

.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #2283c5 !important;
}

.btn-success.disabled,
.btn-success[disabled] {
    background-color: #87b87f !important;
}

.btn-warning {
    background-color: #ffb752 !important;
    border-color: #ffb752;
}

.btn-warning:hover {
    background-color: #e59729 !important;
}

.btn-warning.no-border:hover {
    border-color: #e59729;
}

.btn-warning.no-hover:hover {
    background-color: #ffb752 !important;
}

.btn-warning.active {
    background-color: #f2a73e !important;
    border-color: #f09a21;
}

.btn-warning.no-border.active {
    background-color: #f1a02f !important;
    border-color: #f1a02f;
}

.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #ffb752 !important;
}

.btn-danger {
    background-color: #d15b47 !important;
    border-color: #d15b47;
}

.btn-danger:hover {
    background-color: #b74635 !important;
}

.btn-danger.no-border:hover {
    border-color: #b74635;
}

.btn-danger.no-hover:hover {
    background-color: #d15b47 !important;
}

.btn-danger.active {
    background-color: #c4513e !important;
    border-color: #ae4635;
}

.btn-danger.no-border.active {
    background-color: #ba4b39 !important;
    border-color: #ba4b39;
}

.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #d15b47 !important;
}

.btn-inverse {
    background-color: #555555 !important;
    border-color: #555555;
}

.btn-inverse:hover {
    background-color: #303030 !important;
}

.btn-inverse.no-border:hover {
    border-color: #303030;
}

.btn-inverse.no-hover:hover {
    background-color: #555555 !important;
}

.btn-inverse.active {
    background-color: #434343 !important;
    border-color: #333333;
}

.btn-inverse.no-border.active {
    background-color: #3b3b3b !important;
    border-color: #3b3b3b;
}

.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #555555 !important;
}

.btn-pink {
    background-color: #d6487e !important;
    border-color: #d6487e;
}

.btn-pink:hover {
    background-color: #b73766 !important;
}

.btn-pink.no-border:hover {
    border-color: #b73766;
}

.btn-pink.no-hover:hover {
    background-color: #d6487e !important;
}

.btn-pink.active {
    background-color: #c74072 !important;
    border-color: #b33564;
}

.btn-pink.no-border.active {
    background-color: #be386a !important;
    border-color: #be386a;
}

.btn-pink.disabled,
.btn-pink[disabled] {
    background-color: #d6487e !important;
}

.btn-purple {
    background-color: #9585bf !important;
    border-color: #9585bf;
}

.btn-purple:hover {
    background-color: #7461aa !important;
}

.btn-purple.no-border:hover {
    border-color: #7461aa;
}

.btn-purple.no-hover:hover {
    background-color: #9585bf !important;
}

.btn-purple.active {
    background-color: #8573b5 !important;
    border-color: #735faa;
}

.btn-purple.no-border.active {
    background-color: #7c69af !important;
    border-color: #7c69af;
}

.btn-purple.disabled,
.btn-purple[disabled] {
    background-color: #9585bf !important;
}

.btn-grey {
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0;
}

.btn-grey:hover {
    background-color: #888888 !important;
}

.btn-grey.no-border:hover {
    border-color: #888888;
}

.btn-grey.no-hover:hover {
    background-color: #a0a0a0 !important;
}

.btn-grey.active {
    background-color: #949494 !important;
    border-color: #858585;
}

.btn-grey.no-border.active {
    background-color: #8c8c8c !important;
    border-color: #8c8c8c;
}

.btn-grey.disabled,
.btn-grey[disabled] {
    background-color: #a0a0a0 !important;
}

.btn-yellow {
    background-color: #fee188 !important;
    border-color: #fee188;
    color: #996633 !important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
}

.btn-yellow:hover {
    background-color: #f7d05b !important;
}

.btn-yellow.no-border:hover {
    border-color: #f7d05b;
}

.btn-yellow.no-hover:hover {
    background-color: #fee188 !important;
}

.btn-yellow.active {
    background-color: #fbd972 !important;
    border-color: #fad054;
}

.btn-yellow.no-border.active {
    background-color: #fad463 !important;
    border-color: #fad463;
}

.btn-yellow.disabled,
.btn-yellow[disabled] {
    background-color: #fee188 !important;
}

.btn-light {
    background-color: #e7e7e7 !important;
    border-color: #e7e7e7;
    color: #888888 !important;
    text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important;
}

.btn-light:hover {
    background-color: #d9d9d9 !important;
}

.btn-light.no-border:hover {
    border-color: #d9d9d9;
}

.btn-light.no-hover:hover {
    background-color: #e7e7e7 !important;
}

.btn-light.active {
    background-color: #e0e0e0 !important;
    border-color: #d1d1d1;
}

.btn-light.no-border.active {
    background-color: #d8d8d8 !important;
    border-color: #d8d8d8;
}

.btn-light.disabled,
.btn-light[disabled] {
    background-color: #e7e7e7 !important;
}

.btn-light.btn-mini:after {
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
}

.btn-light.btn-small:after {
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
}

.btn-light.btn-large:after {
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
}

.btn.disabled.active,
.btn[disabled].active,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active {
    outline: 0;
}

.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
    left: 0;
}

.btn.active {
    color: #efe5b5;
}

.btn.active:after {
    display: inline-block;
    content: "";
    position: absolute;
    border-bottom: 1px solid #efe5b5;
    left: -4px;
    right: -4px;
    bottom: -4px;
}

.btn.active.btn-small:after {
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-bottom-width: 1px;
}

.btn.active.btn-large:after {
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-bottom-width: 1px;
}

.btn.active.btn-mini:after,
.btn.active.btn-minier:after {
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom-width: 1px;
}

.btn.active.btn-yellow:after {
    border-bottom-color: #c96338;
}

.btn.active.btn-light {
    color: #515151;
}

.btn.active.btn-light:after {
    border-bottom-color: #b5b5b5;
}

.btn > [class*="icon-"] {
    display: inline;
    margin-right: 4px;
}

.btn > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 4px;
}

.btn > .icon-only[class*="icon-"] {
    margin: 0;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.btn-right {
    float: right;
    margin-right: 20px;
}

.btn-margin-top {
    margin-top: 10px;
}

.btn-margin-bottom {
    margin-bottom: 10px;
}

.btn-large > [class*="icon-"] {
    margin-right: 6px;
}

.btn-large > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 6px;
}

.btn-small > [class*="icon-"] {
    margin-right: 3px;
}

.btn-small > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 3px;
}

.btn-mini > [class*="icon-"],
.btn-minier > [class*="icon-"] {
    margin-right: 2px;
}

.btn-mini > [class*="icon-"].icon-on-right,
.btn-minier > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 2px;
}

.btn.btn-link {
    border: none !important;
    background: transparent none !important;
    color: #0088cc !important;
    text-shadow: none !important;
    padding: 4px 12px !important;
    line-height: 20px !important;
}

.btn.btn-link:hover {
    background: none !important;
    text-shadow: none !important;
}

.btn.btn-link.active {
    background: none !important;
    text-decoration: underline;
    color: #009ceb !important;
}

.btn.btn-link.active:after {
    display: none;
}

.btn.btn-link.disabled,
.btn.btn-link[disabled] {
    background: 0;
    opacity: 0.65;
}

.btn.btn-link.disabled:hover,
.btn.btn-link[disabled]:hover {
    background: none !important;
    text-decoration: none !important;
}

.btn-group > .btn,
.btn-group > .btn + .btn {
    margin: 0 1px 0 0;
}

.btn-group > .btn:first-child {
    margin: 0 1px 0 0;
}

.btn-group > .btn:first-child,
.btn-group > .btn:last-child {
    border-radius: 0;
}

.btn-group > .btn > .caret {
    margin-top: 15px;
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #ffffff;
}

.btn-group > .btn.btn-small > .caret {
    margin-top: 10px;
    border-width: 4px;
}

.btn-group > .btn.btn-large > .caret {
    margin-top: 18px;
    border-width: 6px;
}

.btn-group > .btn.btn-mini > .caret {
    margin-top: 9px;
    border-width: 4px;
}

.btn-group > .btn.btn-minier > .caret {
    margin-top: 7px;
    border-width: 3px;
}

.btn-group > .btn + .btn.dropdown-toggle {
    padding-right: 3px;
    padding-left: 3px;
}

.btn-group > .btn + .btn-large.dropdown-toggle {
    padding-right: 4px;
    padding-left: 4px;
}

.btn-group .dropdown-toggle {
    border-radius: 0;
}

.btn-group > .btn,
.btn-group + .btn {
    margin: 0 1px 0 0;
    border-width: 3px !important;
}

.btn-group > .btn.active:after,
.btn-group + .btn.active:after {
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-bottom-width: 1px;
}

.btn-group > .btn-large,
.btn-group + .btn-large {
    border-width: 4px !important;
}

.btn-group > .btn-large.active:after,
.btn-group + .btn-large.active:after {
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-bottom-width: 1px;
}

.btn-group > .btn-small,
.btn-group + .btn-small {
    border-width: 2px !important;
}

.btn-group > .btn-small.active:after,
.btn-group + .btn-small.active:after {
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom-width: 1px;
}

.btn-group > .btn-mini,
.btn-group + .btn-mini {
    border-width: 1px !important;
}

.btn-group > .btn-mini.active:after,
.btn-group + .btn-mini.active:after {
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-width: 1px;
}

.btn-group > .btn-minier,
.btn-group + .btn-minier {
    border-width: 0 !important;
}

.btn-group > .btn-minier.active:after,
.btn-group + .btn-minier.active:after {
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-width: 1px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn + .btn {
    margin: 1px 0 0;
}

.btn-group-vertical > .btn:first-child {
    margin-right: 0;
}

.label {
    border-radius: 0;
    text-shadow: none;
    font-size: 11px;
    font-weight: normal;
    padding: 1px 5px 3px;
    background-color: #abbac3;
}

.label[class*="span"][class*="arrow"] {
    min-height: 0;
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: none;
}

.dropdown-left {
    float: left !important;
    right: 0;
    left: auto !important;
    text-align: left;
}

.dropdown-menu > li > a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.dropdown-menu.dropdown-icon-only {
    min-width: 0;
}

.dropdown-menu.dropdown-icon-only > li > a [class*="icon-"],
.dropdown-menu.dropdown-icon-only > li > form [class*="icon-"] {
    width: 18px;
    display: inline-block;
}

.dropdown-menu.dropdown-icon-only > li > a .icon-2x,
.dropdown-menu.dropdown-icon-only > li > form .icon-2x {
    width: 36px;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover > a,
.nav-tabs .dropdown-menu li > a:focus {
    background: #4f99c6;
    color: #ffffff;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover {
    background: #4f99c6;
    color: #ffffff;
}

.dropdown-form a {
    color: #555555 !important;
}

.purple li .iceOutLnk:hover {
    color: #0088cc !important;
    background-color: #fcf4f9 !important;
    text-decoration: underline !important;
}

.purple .dropdown-menu li a:hover {
    color: #0088cc;
    background-color: #fcf4f9;
    text-decoration: underline;
}

.purple form .icon-arrow-right:hover,
.purple form .icon-arrow-right {
    text-decoration: none !important;
}

.purple .icon-arrow-right:hover,
.purple .icon-arrow-right {
    text-decoration: none !important;
}

.dropdown-form a:hover {
    color: #555555 !important;
    text-decoration: none !important;
    background-color: #fcf4f9 !important;
}

.dropdown-default li a:hover,
.dropdown-default li a:focus,
.dropdown-default li a:active,
.dropdown-default li.active a,
.dropdown-default li.active a:hover,
.dropdown-default .dropdown-submenu:hover > a,
.nav-tabs .dropdown-default li > a:focus {
    background: #abbac3;
    color: #ffffff;
}

.dropdown-info li a:hover,
.dropdown-info li a:focus,
.dropdown-info li a:active,
.dropdown-info li.active a,
.dropdown-info li.active a:hover,
.dropdown-info .dropdown-submenu:hover > a,
.nav-tabs .dropdown-info li > a:focus {
    background: #6fb3e0;
    color: #ffffff;
}

.dropdown-primary li a:hover,
.dropdown-primary li a:focus,
.dropdown-primary li a:active,
.dropdown-primary li.active a,
.dropdown-primary li.active a:hover,
.dropdown-primary .dropdown-submenu:hover > a,
.nav-tabs .dropdown-primary li > a:focus {
    background: #2283c5;
    color: #ffffff;
}

.dropdown-success li a:hover,
.dropdown-success li a:focus,
.dropdown-success li a:active,
.dropdown-success li.active a,
.dropdown-success li.active a:hover,
.dropdown-success .dropdown-submenu:hover > a,
.nav-tabs .dropdown-success li > a:focus {
    background: #87b87f;
    color: #ffffff;
}

.dropdown-warning li a:hover,
.dropdown-warning li a:focus,
.dropdown-warning li a:active,
.dropdown-warning li.active a,
.dropdown-warning li.active a:hover,
.dropdown-warning .dropdown-submenu:hover > a,
.nav-tabs .dropdown-warning li > a:focus {
    background: #ffa24d;
    color: #ffffff;
}

.dropdown-danger li a:hover,
.dropdown-danger li a:focus,
.dropdown-danger li a:active,
.dropdown-danger li.active a,
.dropdown-danger li.active a:hover,
.dropdown-danger .dropdown-submenu:hover > a,
.nav-tabs .dropdown-danger li > a:focus {
    background: #d15b47;
    color: #ffffff;
}

.dropdown-inverse li a:hover,
.dropdown-inverse li a:focus,
.dropdown-inverse li a:active,
.dropdown-inverse li.active a,
.dropdown-inverse li.active a:hover,
.dropdown-inverse .dropdown-submenu:hover > a,
.nav-tabs .dropdown-inverse li > a:focus {
    background: #555555;
    color: #ffffff;
}

.dropdown-purple li a:hover,
.dropdown-purple li a:focus,
.dropdown-purple li a:active,
.dropdown-purple li.active a,
.dropdown-purple li.active a:hover,
.dropdown-purple .dropdown-submenu:hover > a,
.nav-tabs .dropdown-purple li > a:focus {
    background: #9585bf;
    color: #ffffff;
}

.dropdown-pink li a:hover,
.dropdown-pink li a:focus,
.dropdown-pink li a:active,
.dropdown-pink li.active a,
.dropdown-pink li.active a:hover,
.dropdown-pink .dropdown-submenu:hover > a,
.nav-tabs .dropdown-pink li > a:focus {
    background: #d6487e;
    color: #ffffff;
}

.dropdown-grey li a:hover,
.dropdown-grey li a:focus,
.dropdown-grey li a:active,
.dropdown-grey li.active a,
.dropdown-grey li.active a:hover,
.dropdown-grey .dropdown-submenu:hover > a,
.nav-tabs .dropdown-grey li > a:focus {
    background: #a0a0a0;
    color: #ffffff;
}

.dropdown-light li a:hover,
.dropdown-light li a:focus,
.dropdown-light li a:active,
.dropdown-light li.active a,
.dropdown-light li.active a:hover,
.dropdown-light .dropdown-submenu:hover > a,
.nav-tabs .dropdown-light li > a:focus {
    background: #e7e7e7;
    color: #333333;
}

.dropdown-lighter li a:hover,
.dropdown-lighter li a:focus,
.dropdown-lighter li a:active,
.dropdown-lighter li.active a,
.dropdown-lighter li.active a:hover,
.dropdown-lighter .dropdown-submenu:hover > a,
.nav-tabs .dropdown-lighter li > a:focus {
    background: #f3f3f3;
    color: #444444;
}

.dropdown-yellow li a:hover,
.dropdown-yellow li a:focus,
.dropdown-yellow li a:active,
.dropdown-yellow li.active a,
.dropdown-yellow li.active a:hover,
.dropdown-yellow .dropdown-submenu:hover > a,
.nav-tabs .dropdown-yellow li > a:focus {
    background: #fee188;
    color: #444444;
}

.dropdown-light .dropdown-submenu:hover > a:after,
.dropdown-lighter .dropdown-submenu:hover > a:after {
    border-left-color: #444444;
}

.dropdown-menu.dropdown-close {
    top: 92%;
    left: -5px;
}

.dropdown-menu.dropdown-close.pull-right {
    left: auto;
    right: -5px;
}

.dropdown-menu.dropdown-closer {
    top: 80%;
    left: -10px;
}

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

.dropdown-submenu > .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-submenu > a:after {
    margin-right: -5px;
}

.dropdown-colorpicker > .dropdown-menu {
    top: 80%;
    left: -7px;
    padding: 4px;
    min-width: 120px;
    max-width: 120px;
}

.dropdown-colorpicker > .dropdown-menu.pull-right {
    right: -7px;
    left: auto;
}

.dropdown-colorpicker > .dropdown-menu > li {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    position: relative;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease 0.1s;
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {
    text-decoration: none;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 20px;
}

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #dddddd;
    vertical-align: middle;
    border-radius: 0;
}

.dropdown-navbar {
    padding: 0;
    width: 340px;
    -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    border-color: #bcd4e5;
}

.dropdown-navbar > li {
    padding: 0 8px;
    background-color: #ffffff;
}

.dropdown-navbar > li.nav-header {
    text-shadow: none;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid;
}

.dropdown-navbar > li > [class*="icon-"],
.dropdown-navbar > li > a > [class*="icon-"],
.dropdown-navbar > li > span > [class*="icon-"]
.dropdown-navbar > li > form > a > [class*="icon-"] {
    margin-right: 5px !important;
    color: #555555;
    font-size: 14px;
}

.dropdown-navbar [class*="btn"][class*="icon-"] {
    border: 0 none;
    border-radius: 0 0 0 0;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 24px;
}

.dropdown-navbar > li > a,
.dropdown-navbar > li > span,
.dropdown-navbar > li > form {
    padding: 10px 2px !important;
    margin: 0 !important;
    border-bottom: 1px solid !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #555555 !important;
}

.dropdown-navbar > li > a:active,
.dropdown-navbar > li > a:hover,
.dropdown-navbar > li > a:focus,
.dropdown-navbar > li > span:active,
.dropdown-navbar > li > span:hover,
.dropdown-navbar > li > span:focus,
.dropdown-form > li > a:active,
.dropdown-form > li > a:hover,
.dropdown-form > li > a:focus {
    background-color: transparent !important;
    color: #555555;
}

.dropdown-navbar > li > a .progress {
    margin-bottom: 0;
    margin-top: 4px;
}

.dropdown-navbar > li > a .badge,
.dropdown-navbar > li > form > a .badge {
    line-height: 16px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 12px;
}

.dropdown-navbar > li:last-child > a {
    border-bottom: 0 solid #dddddd;
    border-top: 1px dotted transparent;
    color: #4f99c6;
    text-align: center;
    font-size: 13px;
}

.dropdown-navbar > li:last-child > a:hover {
    background-color: #ffffff;
    color: #4f99c6;
    text-decoration: underline;
}

.dropdown-navbar > li:hover {
    background-color: #f4f9fc !important;
}

.dropdown-navbar > li:hover {
    background-color: #f4f9fc !important;
}

.dropdown-menu .divider:hover {
    background-color: #e5e5e5 !important;
}

.dropdown-navbar > li.nav-header {
    background-color: #ecf2f700 !important;
    color: #555555 !important;
    border-bottom-color: #bcd4e5;
    border-bottom: 1px solid #dddddd;

}

.dropdown-navbar > li.nav-header > [class*="icon-"] {
    color: #8090a0;
}

.dropdown-navbar > li > a,
.dropdown-navbar > li > span,
.dropdown-navbar > li > form {
    border-bottom-color: #e4ecf3 !important;
}

.dropdown-navbar.navbar-pink {
    border-color: #e5bcd4;
}

.dropdown-navbar.navbar-pink > li:hover,
.dropdown-navbar.navbar-pink > form:hover {
    background-color: #fcf4f9 !important;
}

.dropdown-navbar.navbar-pink > li.nav-header,
.dropdown-navbar.navbar-pink > form.nav-header {
    background-color: #f7ecf2 !important;
    color: #b471a0;
    border-bottom-color: #e5bcd4 !important;
}

.dropdown-navbar.navbar-pink > li.nav-header > [class*="icon-"],
.dropdown-navbar.navbar-pink > form.nav-header > [class*="icon-"] {
    color: #c06090;
}

.dropdown-navbar.navbar-pink > li > a,
.dropdown-navbar.navbar-pink > form {
    border-bottom-color: #f3e4ec !important;
}

.dropdown-navbar.navbar-grey {
    border-color: #e5e5e5;
}

.dropdown-navbar.navbar-grey > li:hover {
    background-color: #f8f8f8 !important;
}

.dropdown-navbar.navbar-grey > li.nav-header {
    background-color: #f2f2f2 !important;
    color: #3a87ad;
    border-bottom-color: #e5e5e5 !important;
}

.dropdown-navbar.navbar-grey > li.nav-header > [class*="icon-"] {
    color: #3a87ad;
}

.dropdown-navbar.navbar-grey > li > a {
    border-bottom-color: #eeeeee !important;
}

.dropdown-navbar.navbar-green {
    border-color: #b4d5ac;
}

.dropdown-navbar.navbar-green > li:hover {
    background-color: #f4f9ef !important;
}

.dropdown-navbar.navbar-green > li.nav-header {
    background-color: #ebf7e4 !important;
    color: #88aa66;
    border-bottom-color: #b4d5ac !important;
}

.dropdown-navbar.navbar-green > li.nav-header > [class*="icon-"] {
    color: #90c060;
}

.dropdown-navbar.navbar-green > li > a {
    border-bottom-color: #ecf3e4 !important;
}

.dropdown-navbar [class*="btn"][class*="icon-"] {
    display: inline-block;
    border: 0;
    margin: 0 5px 0 0;
    width: 24px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.dropdown-navbar .msg-photo {
    margin-right: 6px;
    max-width: 42px;
}

.dropdown-navbar .msg-body {
    display: inline-block;
    line-height: 20px;
    white-space: normal;
    vertical-align: middle;
    max-width: 410px;
}

.dropdown-navbar .msg-title {
    display: inline-block;
    line-height: 14px;
}

.dropdown-navbar .msg-time {
    display: block;
    font-size: 11px;
    color: #777777;
}

.dropdown-navbar .msg-time > [class*="icon-"] {
    font-size: 14px;
    color: #555555;
}

.user-menu > li > a {
    padding: 4px 12px;
}

.user-menu > li > a > [class*="icon-"] {
    margin-right: 6px;
    font-size: 120%;
}

.user-info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    line-height: 15px;
    position: relative;
    top: 6px;
}

.user-info small {
    display: block;
}

.icon-animated-bell {
    display: inline-block;
    -moz-animation: ringing 2.0s 5 ease 1.0s;
    -webkit-animation: ringing 2.0s 5 ease 1.0s;
    -o-animation: ringing 2.0s 5 ease 1.0s;
    -ms-animation: ringing 2.0s 5 ease 1.0s;
    animation: ringing 2.0s 5 ease 1.0s;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

@-moz-keyframes ringing {
    0% {
        -moz-transform: rotate(-15deg);
    }
    2% {
        -moz-transform: rotate(15deg);
    }
    4% {
        -moz-transform: rotate(-18deg);
    }
    6% {
        -moz-transform: rotate(18deg);
    }
    8% {
        -moz-transform: rotate(-22deg);
    }
    10% {
        -moz-transform: rotate(22deg);
    }
    12% {
        -moz-transform: rotate(-18deg);
    }
    14% {
        -moz-transform: rotate(18deg);
    }
    16% {
        -moz-transform: rotate(-12deg);
    }
    18% {
        -moz-transform: rotate(12deg);
    }
    20% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(-15deg);
    }
    2% {
        -webkit-transform: rotate(15deg);
    }
    4% {
        -webkit-transform: rotate(-18deg);
    }
    6% {
        -webkit-transform: rotate(18deg);
    }
    8% {
        -webkit-transform: rotate(-22deg);
    }
    10% {
        -webkit-transform: rotate(22deg);
    }
    12% {
        -webkit-transform: rotate(-18deg);
    }
    14% {
        -webkit-transform: rotate(18deg);
    }
    16% {
        -webkit-transform: rotate(-12deg);
    }
    18% {
        -webkit-transform: rotate(12deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes ringing {
    0% {
        -ms-transform: rotate(-15deg);
    }
    2% {
        -ms-transform: rotate(15deg);
    }
    4% {
        -ms-transform: rotate(-18deg);
    }
    6% {
        -ms-transform: rotate(18deg);
    }
    8% {
        -ms-transform: rotate(-22deg);
    }
    10% {
        -ms-transform: rotate(22deg);
    }
    12% {
        -ms-transform: rotate(-18deg);
    }
    14% {
        -ms-transform: rotate(18deg);
    }
    16% {
        -ms-transform: rotate(-12deg);
    }
    18% {
        -ms-transform: rotate(12deg);
    }
    20% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes ringing {
    0% {
        transform: rotate(-15deg);
    }
    2% {
        transform: rotate(15deg);
    }
    4% {
        transform: rotate(-18deg);
    }
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    12% {
        transform: rotate(-18deg);
    }
    14% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    20% {
        transform: rotate(0deg);
    }
}

.icon-animated-vertical {
    display: inline-block;
    -moz-animation: vertical 2.0s 5 ease 2.0s;
    -webkit-animation: vertical 2.0s 5 ease 2.0s;
    -o-animation: vertical 2.0s 5 ease 2.0s;
    -ms-animation: vertical 2.0s 5 ease 2.0s;
    animation: vertical 2s 5 ease 2s;
}

@-moz-keyframes vertical {
    0% {
        -moz-transform: translate(0, -3px);
    }
    4% {
        -moz-transform: translate(0, 3px);
    }
    8% {
        -moz-transform: translate(0, -3px);
    }
    12% {
        -moz-transform: translate(0, 3px);
    }
    16% {
        -moz-transform: translate(0, -3px);
    }
    20% {
        -moz-transform: translate(0, 3px);
    }
    22% {
        -moz-transform: translate(0, 0);
    }
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
    }
    4% {
        -webkit-transform: translate(0, 3px);
    }
    8% {
        -webkit-transform: translate(0, -3px);
    }
    12% {
        -webkit-transform: translate(0, 3px);
    }
    16% {
        -webkit-transform: translate(0, -3px);
    }
    20% {
        -webkit-transform: translate(0, 3px);
    }
    22% {
        -webkit-transform: translate(0, 0);
    }
}

@-ms-keyframes vertical {
    0% {
        -ms-transform: translate(0, -3px);
    }
    4% {
        -ms-transform: translate(0, 3px);
    }
    8% {
        -ms-transform: translate(0, -3px);
    }
    12% {
        -ms-transform: translate(0, 3px);
    }
    16% {
        -ms-transform: translate(0, -3px);
    }
    20% {
        -ms-transform: translate(0, 3px);
    }
    22% {
        -ms-transform: translate(0, 0);
    }
}

@keyframes vertical {
    0% {
        transform: translate(0, -3px);
    }
    4% {
        transform: translate(0, 3px);
    }
    8% {
        transform: translate(0, -3px);
    }
    12% {
        transform: translate(0, 3px);
    }
    16% {
        transform: translate(0, -3px);
    }
    20% {
        transform: translate(0, 3px);
    }
    22% {
        transform: translate(0, 0);
    }
}

.icon-animated-hand-pointer {
    display: inline-block;
    -moz-animation: hand-pointer 2s 4 ease 2s;
    -webkit-animation: hand-pointer 2s 4 ease 2s;
    -o-animation: hand-pointer 2s 4 ease 2s;
    -ms-animation: hand-pointer 2s 4 ease 2s;
    animation: hand-pointer 2s 4 ease 2s;
}

@-moz-keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0);
    }
    6% {
        -moz-transform: translate(5px, 0);
    }
    12% {
        -moz-transform: translate(0, 0);
    }
    18% {
        -moz-transform: translate(5px, 0);
    }
    24% {
        -moz-transform: translate(0, 0);
    }
    30% {
        -moz-transform: translate(5px, 0);
    }
    36% {
        -moz-transform: translate(0, 0);
    }
}

.icon-animated-wrench {
    display: inline-block;
    -moz-animation: wrenching 2.5s 4 ease;
    -webkit-animation: wrenching 2.5s 4 ease;
    -o-animation: wrenching 2.5s 4 ease;
    -ms-animation: wrenching 2.5s 4 ease;
    animation: wrenching 2.5s 4 ease;
    -moz-transform-origin: 90% 35%;
    -webkit-transform-origin: 90% 35%;
    -o-transform-origin: 90% 35%;
    -ms-transform-origin: 90% 35%;
    transform-origin: 90% 35%;
}

@-moz-keyframes wrenching {
    0% {
        -moz-transform: rotate(-12deg);
    }
    8% {
        -moz-transform: rotate(12deg);
    }
    10% {
        -moz-transform: rotate(24deg);
    }
    18% {
        -moz-transform: rotate(-24deg);
    }
    20% {
        -moz-transform: rotate(-24deg);
    }
    28% {
        -moz-transform: rotate(24deg);
    }
    30% {
        -moz-transform: rotate(24deg);
    }
    38% {
        -moz-transform: rotate(-24deg);
    }
    40% {
        -moz-transform: rotate(-24deg);
    }
    48% {
        -moz-transform: rotate(24deg);
    }
    50% {
        -moz-transform: rotate(24deg);
    }
    58% {
        -moz-transform: rotate(-24deg);
    }
    60% {
        -moz-transform: rotate(-24deg);
    }
    68% {
        -moz-transform: rotate(24deg);
    }
    75% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes wrenching {
    0% {
        -webkit-transform: rotate(-12deg);
    }
    8% {
        -webkit-transform: rotate(12deg);
    }
    10% {
        -webkit-transform: rotate(24deg);
    }
    18% {
        -webkit-transform: rotate(-24deg);
    }
    20% {
        -webkit-transform: rotate(-24deg);
    }
    28% {
        -webkit-transform: rotate(24deg);
    }
    30% {
        -webkit-transform: rotate(24deg);
    }
    38% {
        -webkit-transform: rotate(-24deg);
    }
    40% {
        -webkit-transform: rotate(-24deg);
    }
    48% {
        -webkit-transform: rotate(24deg);
    }
    50% {
        -webkit-transform: rotate(24deg);
    }
    58% {
        -webkit-transform: rotate(-24deg);
    }
    60% {
        -webkit-transform: rotate(-24deg);
    }
    68% {
        -webkit-transform: rotate(24deg);
    }
    75% {
        -webkit-transform: rotate(0deg);
    }
}

@-o-keyframes wrenching {
    0% {
        -o-transform: rotate(-12deg);
    }
    8% {
        -o-transform: rotate(12deg);
    }
    10% {
        -o-transform: rotate(24deg);
    }
    18% {
        -o-transform: rotate(-24deg);
    }
    20% {
        -o-transform: rotate(-24deg);
    }
    28% {
        -o-transform: rotate(24deg);
    }
    30% {
        -o-transform: rotate(24deg);
    }
    38% {
        -o-transform: rotate(-24deg);
    }
    40% {
        -o-transform: rotate(-24deg);
    }
    48% {
        -o-transform: rotate(24deg);
    }
    50% {
        -o-transform: rotate(24deg);
    }
    58% {
        -o-transform: rotate(-24deg);
    }
    60% {
        -o-transform: rotate(-24deg);
    }
    68% {
        -o-transform: rotate(24deg);
    }
    75% {
        -o-transform: rotate(0deg);
    }
}

@-ms-keyframes wrenching {
    0% {
        -ms-transform: rotate(-12deg);
    }
    8% {
        -ms-transform: rotate(12deg);
    }
    10% {
        -ms-transform: rotate(24deg);
    }
    18% {
        -ms-transform: rotate(-24deg);
    }
    20% {
        -ms-transform: rotate(-24deg);
    }
    28% {
        -ms-transform: rotate(24deg);
    }
    30% {
        -ms-transform: rotate(24deg);
    }
    38% {
        -ms-transform: rotate(-24deg);
    }
    40% {
        -ms-transform: rotate(-24deg);
    }
    48% {
        -ms-transform: rotate(24deg);
    }
    50% {
        -ms-transform: rotate(24deg);
    }
    58% {
        -ms-transform: rotate(-24deg);
    }
    60% {
        -ms-transform: rotate(-24deg);
    }
    68% {
        -ms-transform: rotate(24deg);
    }
    75% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes wrenching {
    0% {
        transform: rotate(-12deg);
    }
    8% {
        transform: rotate(12deg);
    }
    10% {
        transform: rotate(24deg);
    }
    18% {
        transform: rotate(-24deg);
    }
    20% {
        transform: rotate(-24deg);
    }
    28% {
        transform: rotate(24deg);
    }
    30% {
        transform: rotate(24deg);
    }
    38% {
        transform: rotate(-24deg);
    }
    40% {
        transform: rotate(-24deg);
    }
    48% {
        transform: rotate(24deg);
    }
    50% {
        transform: rotate(24deg);
    }
    58% {
        transform: rotate(-24deg);
    }
    60% {
        transform: rotate(-24deg);
    }
    68% {
        transform: rotate(24deg);
    }
    75% {
        transform: rotate(0deg);
    }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #ffffff !important;
}

.menu_sttings {
    border-bottom-color: #f3e4ec !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    clear: both !important;
    color: #6e6e6e !important;
    cursor: auto !important;
    display: block !important;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial !important;
    font-size: 12px !important;
    font-weight: normal !important;
    height: 20px !important;
    line-height: 20px !important;
    list-style-image: none !important;
    list-style-position: outside !important;
    list-style-type: none !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    padding-right: 2px !important;
    padding-top: 10px !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: 220px !important;
}

.page-header {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

form {
    margin: 0 !important;
}

.dropdown-navbar > li.nav-header {
    background: #dddddd !important;
    color: #21618b !important;
}

btn-client {
    background: #21618b !important;
}

.label[class*="span"][class*="arrow"] {
    min-height: 0;
}

.badge {
    text-shadow: none;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 15px;
    background-color: #abbac3 !important;
}

.label-transparent,
.badge-transparent {
    background-color: transparent !important;
}

.label-grey,
.badge-grey {
    background-color: #a0a0a0 !important;
}

.label-info,
.badge-info {
    background-color: #3a87ad !important;
}

.label-primary,
.badge-primary {
    background-color: #2283c5 !important;
}

.label-success,
.badge-success {
    background-color: #82af6f !important;
}

.label-important,
.badge-important {
    background-color: #d15b47 !important;
}

.label-inverse,
.badge-inverse {
    background-color: #333333 !important;
}

.label-warning,
.badge-warning {
    background-color: #f89406 !important;
}

.label-pink,
.badge-pink {
    background-color: #d6487e !important;
}

.label-purple,
.badge-purple {
    background-color: #9585bf !important;
}

.label-yellow,
.badge-yellow {
    background-color: #fee188 !important;
}

.label-light,
.badge-light {
    background-color: #e7e7e7 !important;
}

.badge-yellow,
.label-yellow {
    color: #996633 !important;
    border-color: #fee188;
}

.badge-light,
.label-light {
    color: #888888 !important;
}

.label.arrowed,
.label.arrowed-in {
    position: relative;
    margin-left: 9px;
}

.label.arrowed:before,
.label.arrowed-in:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 9px 7px;
    border-right-color: #abbac3;
}

.label.arrowed-in:before {
    border-color: #abbac3;
    border-left-color: transparent !important;
    left: -9px;
}

.label.arrowed-right,
.label.arrowed-in-right {
    position: relative;
    margin-right: 9px;
}

.label.arrowed-right:after,
.label.arrowed-in-right:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 9px 7px;
    border-left-color: #abbac3;
}

.label.arrowed-in-right:after {
    border-color: #abbac3;
    border-right-color: transparent !important;
    right: -9px;
}

.label-info.arrowed:before {
    border-right-color: #3a87ad;
}

.label-info.arrowed-in:before {
    border-color: #3a87ad;
}

.label-info.arrowed-right:after {
    border-left-color: #3a87ad;
}

.label-info.arrowed-in-right:after {
    border-color: #3a87ad;
}

.label-primary.arrowed:before {
    border-right-color: #2283c5;
}

.label-primary.arrowed-in:before {
    border-color: #2283c5;
}

.label-primary.arrowed-right:after {
    border-left-color: #2283c5;
}

.label-primary.arrowed-in-right:after {
    border-color: #2283c5;
}

.label-success.arrowed:before {
    border-right-color: #82af6f;
}

.label-success.arrowed-in:before {
    border-color: #82af6f;
}

.label-success.arrowed-right:after {
    border-left-color: #82af6f;
}

.label-success.arrowed-in-right:after {
    border-color: #82af6f;
}

.label-warning.arrowed:before {
    border-right-color: #f89406;
}

.label-warning.arrowed-in:before {
    border-color: #f89406;
}

.label-warning.arrowed-right:after {
    border-left-color: #f89406;
}

.label-warning.arrowed-in-right:after {
    border-color: #f89406;
}

.label-important.arrowed:before {
    border-right-color: #d15b47;
}

.label-important.arrowed-in:before {
    border-color: #d15b47;
}

.label-important.arrowed-right:after {
    border-left-color: #d15b47;
}

.label-important.arrowed-in-right:after {
    border-color: #d15b47;
}

.label-inverse.arrowed:before {
    border-right-color: #333333;
}

.label-inverse.arrowed-in:before {
    border-color: #333333;
}

.label-inverse.arrowed-right:after {
    border-left-color: #333333;
}

.label-inverse.arrowed-in-right:after {
    border-color: #333333;
}

.label-pink.arrowed:before {
    border-right-color: #d6487e;
}

.label-pink.arrowed-in:before {
    border-color: #d6487e;
}

.label-pink.arrowed-right:after {
    border-left-color: #d6487e;
}

.label-pink.arrowed-in-right:after {
    border-color: #d6487e;
}

.label-purple.arrowed:before {
    border-right-color: #9585bf;
}

.label-purple.arrowed-in:before {
    border-color: #9585bf;
}

.label-purple.arrowed-right:after {
    border-left-color: #9585bf;
}

.label-purple.arrowed-in-right:after {
    border-color: #9585bf;
}

.label-yellow.arrowed:before {
    border-right-color: #fee188;
}

.label-yellow.arrowed-in:before {
    border-color: #fee188;
}

.label-yellow.arrowed-right:after {
    border-left-color: #fee188;
}

.label-yellow.arrowed-in-right:after {
    border-color: #fee188;
}

.label-light.arrowed:before {
    border-right-color: #e7e7e7;
}

.label-light.arrowed-in:before {
    border-color: #e7e7e7;
}

.label-light.arrowed-right:after {
    border-left-color: #e7e7e7;
}

.label-light.arrowed-in-right:after {
    border-color: #e7e7e7;
}

.label-grey.arrowed:before {
    border-right-color: #a0a0a0;
}

.label-grey.arrowed-in:before {
    border-color: #a0a0a0;
}

.label-grey.arrowed-right:after {
    border-left-color: #a0a0a0;
}

.label-grey.arrowed-in-right:after {
    border-color: #a0a0a0;
}

.label-large {
    font-size: 13px;
    padding: 3px 8px 5px;
}

.label-large.arrowed,
.label-large.arrowed-in {
    margin-left: 12px;
}

.label-large.arrowed:before,
.label-large.arrowed-in:before {
    left: -16px;
    border-width: 11px 8px;
}

.label-large.arrowed-in:before {
    left: -12px;
}

.label-large.arrowed-right,
.label-large.arrowed-in-right {
    margin-right: 11px;
}

.label-large.arrowed-right:after,
.label-large.arrowed-in-right:after {
    right: -16px;
    border-width: 11px 8px;
}

.label-large.arrowed-in-right:after {
    right: -12px;
}

.widget-box {
    padding: 0;
    margin: 3px 0;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.07);
}

.widget-header {
    position: relative;
    color: #383838;
    border: 1px solid #E4E4E8;
    border-bottom: 0;
    padding-left: 12px;
    background: #FFFFFF;
    line-height: 46px;
    font-size: 16px;
    letter-spacing: .5px;
}

.widget-footer {
    height: 34px;
    background: #FFFFFF;
    border: 1px solid #E4E4E8;
    border-top: 0px;
    border-radius: 0px 0px 4px 4px;
}

.widget-footer-pg-buttons{
    display: flex;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    margin: auto;
}

.widget-footer-pg-button{
    height: 8px;
    width: 8px;
    border-radius: 6px;
    background-color: #D8D8D8;
    margin: 12px 3px;
}

.widget-footer-pg-button.active{
    background-color: #005DFF;
}


.collapsed .widget-header {
    border-bottom-width: 0;
}

.collapsed .widget-body {
    display: none;
}

.widget-header-large {
    min-height: 49px;
    padding-left: 18px;
}

.widget-header-small {
    min-height: 31px;
    padding-left: 10px;
}

.widget-header > .widget-caption,
.widget-header > :first-child {
    color: #555555;
    line-height: 36px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
    font-size: 18px;
}

.limit-dialog-title-header .widget-header > :first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 50px);
}

.widget-header > .widget-caption > [class*="icon-"],
.widget-header > :first-child > [class*="icon-"] {
    margin-right: 5px;
    font-weight: normal;
    display: inline-block;
}

.widget-header-large > .widget-caption,
.widget-header-large > :first-child {
    line-height: 48px;
}

.widget-header-small > .widget-caption,
.widget-header-small > :first-child {
    line-height: 30px;
}

.widget-toolbar {
    display: inline-flex;
    padding: 0 10px;
    line-height: 37px;
    position: relative;
    text-align: left;
}

.widget-collapse-chevron{
    margin-top: 10px !important;
}

.widget-header-large > .widget-toolbar {
    line-height: 48px;
}

.widget-header-small > .widget-toolbar {
    line-height: 29px;
}

.widget-toolbar.no-padding {
    padding: 0;
}

.widget-toolbar.padding-5 {
    padding: 0 5px;
}

.widget-header-large > .widget-toolbar:before {
    top: 6px;
    bottom: 6px;
}

[class*="header-color-"] > .widget-toolbar:before {
    border-color: #eeeeee;
}

.header-color-orange > .widget-toolbar:before {
    border-color: #ffeeaa;
}

.header-color-dark > .widget-toolbar:before {
    border-color: #222222;
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1);
}

.widget-toolbar.no-border:before {
    display: none;
}

.widget-toolbar label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.widget-toolbar > a {
    font-size: 14px;
    margin: 0 1px;
    padding-left: 5px;
    line-height: 24px;
}

.widget-toolbar > a:hover {
    text-decoration: none;
}

.widget-header-large > .widget-toolbar > a {
    font-size: 15px;
    margin: 0 1px;
}

.widget-toolbar > .btn {
    line-height: 27px;
    margin-top: -2px;
}

.widget-toolbar > .btn.smaller {
    line-height: 26px;
}

.widget-toolbar > .btn.bigger {
    line-height: 28px;
}

.widget-toolbar > .btn-small {
    line-height: 24px;
}

.widget-toolbar > .btn-small.smaller {
    line-height: 23px;
}

.widget-toolbar > .btn-small.bigger {
    line-height: 25px;
}

.widget-toolbar > .btn-mini {
    line-height: 22px;
}

.widget-toolbar > .btn-mini.smaller {
    line-height: 21px;
}

.widget-toolbar > .btn-mini.bigger {
    line-height: 23px;
}

.widget-toolbar > .btn-minier {
    line-height: 18px;
}

.widget-toolbar > .btn-minier.smaller {
    line-height: 17px;
}

.widget-toolbar > .btn-minier.bigger {
    line-height: 19px;
}

.widget-toolbar > .btn-large {
    line-height: 36px;
}

.widget-toolbar > .btn-large.smaller {
    line-height: 34px;
}

.widget-toolbar > .btn-large.bigger {
    line-height: 38px;
}

.widget-toolbar-dark {
    background: #444444;
}

.widget-toolbar-light {
    background: rgba(255, 255, 255, 0.85);
}

.widget-toolbar > [data-action] > [class*="icon-"] {
    margin-right: 0;
}

.widget-toolbar > [data-action]:focus {
    text-decoration: none;
}

[class*="header-color-"] > .widget-toolbar > [data-action="settings"] {
    color: #d3e4ed;
}

[class*="header-color-"] > .widget-toolbar > [data-action="reload"] {
    color: #deead3;
}

[class*="header-color-"] > .widget-toolbar > [data-action="collapse"] {
    color: #e2e2e2;
}

[class*="header-color-"] > .widget-toolbar > [data-action="close"] {
    color: #ffd9d5;
}

.header-color-orange > .widget-toolbar > [data-action] {
    text-shadow: none;
}

.header-color-orange > .widget-toolbar > [data-action="settings"] {
    color: #559aab;
}

.header-color-orange > .widget-toolbar > [data-action="reload"] {
    color: #7ca362;
}

.header-color-orange > .widget-toolbar > [data-action="collapse"] {
    color: #777777;
}

.header-color-orange > .widget-toolbar > [data-action="close"] {
    color: #a05656;
}

.widget-toolbar > [data-action="settings"],
.header-color-dark > .widget-toolbar > [data-action="settings"] {
    color: #99cadb;
}

.widget-toolbar > [data-action="reload"],
.header-color-dark > .widget-toolbar > [data-action="reload"] {
    color: #acd392;
}

.widget-toolbar > [data-action="collapse"],
.header-color-dark > .widget-toolbar > [data-action="collapse"] {
    color: #aaaaaa;
}

.widget-toolbar > [data-action="close"],
.header-color-dark > .widget-toolbar > [data-action="close"] {
    color: #e09e96;
}

.widget-body {
    border: 1px solid #E4E4E8;
    border-top: 0;
    background-color: #f6f6f6;
}

.widget-main {
    padding: 12px;
}

.widget-main.padding-32 {
    padding: 32px;
}

.widget-main.padding-30 {
    padding: 30px;
}

.widget-main.padding-28 {
    padding: 28px;
}

.widget-main.padding-26 {
    padding: 26px;
}

.widget-main.padding-24 {
    padding: 24px;
}

.widget-main.padding-22 {
    padding: 22px;
}

.widget-main.padding-20 {
    padding: 20px;
}

.widget-main.padding-18 {
    padding: 18px;
}

.widget-main.padding-16 {
    padding: 16px;
}

.widget-main.padding-14 {
    padding: 14px;
}

.widget-main.padding-12 {
    padding: 12px;
}

.widget-main.padding-10 {
    padding: 10px;
}

.widget-main.padding-8 {
    padding: 8px;
}

.widget-main.padding-6 {
    padding: 6px;
}

.widget-main.padding-4 {
    padding: 4px;
}

.widget-main.padding-2 {
    padding: 2px;
}

.widget-main.padding-0 {
    padding: 0;
}

.widget-main.no-padding {
    padding: 0;
}

.widget-toolbar .progress {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

.widget-toolbar > .dropdown,
.widget-toolbar > .dropup {
    display: inline-block;
}

.widget-toolbar > .dropdown > .dropdown-menu:before,
.dropdown-menu.dropdown-caret:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}

.widget-toolbar > .dropdown > .dropdown-menu:after,
.dropdown-menu.dropdown-caret:after {
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right:before,
.dropdown-menu.pull-right.dropdown-caret:before {
    left: auto;
    right: 9px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right:after,
.dropdown-menu.pull-right.dropdown-caret:after {
    left: auto;
    right: 10px;
}

.widget-header[class*="header-color-"] {
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.header-color-blue {
    background: #307ecc;
    border-color: #307ecc;
}

.header-color-blue + .widget-body {
    border-color: #307ecc;
}

.header-color-blue2 {
    background: #575BD8;
    border-color: #575BD8;
}

.header-color-blue2 + .widget-body {
    border-color: #575BD8;
}

.header-color-blue3 {
    background: #6379aa;
    border-color: #6379aa;
}

.header-color-blue3 + .widget-body {
    border-color: #6379aa;
}

.header-color-green {
    background: #82af6f;
    border-color: #82af6f;
}

.header-color-green + .widget-body {
    border-color: #82af6f;
}

.header-color-green2 {
    background: #2e8965;
    border-color: #2e8965;
}

.header-color-green2 + .widget-body {
    border-color: #2e8965;
}

.header-color-green3 {
    background: #4ebc30;
    border-color: #4ebc30;
}

.header-color-green3 + .widget-body {
    border-color: #4ebc30;
}

.header-color-red {
    background: #e2755f;
    border-color: #e2755f;
}

.header-color-red + .widget-body {
    border-color: #e2755f;
}

.header-color-red2 {
    background: #e04141;
    border-color: #e04141;
}

.header-color-red2 + .widget-body {
    border-color: #e04141;
}

.header-color-red3 {
    background: #d15b47;
    border-color: #d15b47;
}

.header-color-red3 + .widget-body {
    border-color: #d15b47;
}

.header-color-purple {
    background: #7e6eb0;
    border-color: #7e6eb0;
}

.header-color-purple + .widget-body {
    border-color: #7e6eb0;
}

.header-color-pink {
    background: #ce6f9e;
    border-color: #ce6f9e;
}

.header-color-pink + .widget-body {
    border-color: #ce6f9e;
}

.header-color-orange {
    background: #ffc657;
    border-color: #e8b10d;
    color: #855d10 !important;
}

.header-color-orange + .widget-body {
    border-color: #e8b10d;
}

.header-color-dark {
    background: #404040;
    border-color: #454545;
}

.header-color-dark + .widget-body {
    border-color: #666666;
}

.header-color-grey {
    background: #848484;
    border-color: #989898;
}

.header-color-grey + .widget-body {
    border-color: #aaaaaa;
}

.widget-box.light-border > [class*="header-color-"] + .widget-body {
    border-color: #d6d6d6 !important;
}

.widget-box.no-border {
    border-bottom: 0;
}

.widget-box.no-border > .widget-body {
    border: 0;
}

.widget-box.transparent > .widget-header {
    background: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 0;
    border-bottom: 1px solid #dce8f1;
    color: #4383b4;
    padding-left: 3px;
}

.widget-box.transparent > .widget-header-large {
    padding-left: 5px;
}

.widget-box.transparent > .widget-header-small {
    padding-left: 1px;
}

.widget-box.transparent .widget-body {
    border: 0;
    background-color: transparent;
}

.widget-box.transparent .widget-main.no-padding-left {
    padding-left: 0;
}

.widget-box.transparent .widget-main.no-padding-right {
    padding-right: 0;
}

.widget-box.transparent .widget-main.no-padding-top {
    padding-top: 0;
}

.widget-box.transparent .widget-main.no-padding-bottom {
    padding-bottom: 0;
}

.widget-body .table {
    border-top: 1px solid #e5e5e5;
}

.widget-body .table thead:first-child tr {
    background: #ffffff;
}

[class*="header-color-"] + .widget-body .table thead:first-child tr {
    background: #f2f2f2;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ececec));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec);
    background-image: -o-linear-gradient(top, #f8f8f8, #ececec);
    background-image: linear-gradient(to bottom, #f8f8f8, #ececec);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}

.widget-body .table.table-bordered thead:first-child > tr {
    border-top: 0;
}

.widget-main.no-padding .table,
.widget-main.padding-0 .table {
    margin-bottom: 0;
    border: 0;
}

.widget-main.no-padding .table-bordered th:first-child,
.widget-main.padding-0 .table-bordered th:first-child,
.widget-main.no-padding .table-bordered td:first-child,
.widget-main.padding-0 .table-bordered td:first-child {
    border-left-width: 0;
}

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

.widget-main .tab-content {
    font-size: 14px;
}

.widget-toolbar > .nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}

.widget-toolbar > .nav-tabs > li > a {
    box-shadow: none;
}

.widget-toolbar > .nav-tabs > li:not(.active) > a {
    border-color: transparent;
    background-color: transparent;
}

.widget-toolbar > .nav-tabs > li:not(.active) > a:hover {
    background-color: transparent;
}

.widget-toolbar > .nav-tabs > li.active > a {
    background-color: #ffffff;
    border-bottom-color: transparent;
    box-shadow: none;
}

.widget-header-small > .widget-toolbar > .nav-tabs {
    top: 5px;
}

.widget-header-small > .widget-toolbar > .nav-tabs > li > a {
    line-height: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.widget-header-small > .widget-toolbar > .nav-tabs > li.active > a {
    border-top-width: 2px;
    margin-top: -1px;
}

.widget-header-large > .widget-toolbar > .nav-tabs {
    top: 8px;
}

.widget-header-large > .widget-toolbar > .nav-tabs > li > a {
    line-height: 22px;
    padding-top: 9px;
    padding-bottom: 9px;
}

[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a {
    border-color: transparent;
    background-color: transparent;
    color: #ffffff;
    margin-right: 1px;
}

[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a:hover {
    background-color: #ffffff;
    color: #555555;
    border-top-color: #ffffff;
}

[class*="header-color-"] > .widget-toolbar > .nav-tabs > li.active > a {
    background-color: #ffffff;
    color: #555555;
    border-top-width: 1px;
    margin-top: 0;
}

.header-color-orange > .widget-toolbar > .nav-tabs > li > a {
    color: #855d10;
}

.transparent .widget-toolbar > .nav-tabs > li > a {
    color: #555555;
    background-color: transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

.transparent .widget-toolbar > .nav-tabs > li.active > a {
    border-top-color: #4c8fbd;
    border-right: 1px solid #c5d0dc;
    border-left: 1px solid #c5d0dc;
    background-color: #ffffff;
    box-shadow: none;
}

.widget-toolbox {
    background-color: #eeeeee;
}

.widget-toolbox:first-child {
    padding: 2px;
    border-bottom: 1px solid #cccccc;
}

.widget-toolbox:last-child {
    padding: 2px;
    border-top: 1px solid #cccccc;
}

.transparent .widget-toolbox:last-child {
    border: 0;
    border-top: 1px solid #cccccc;
}

.widget-toolbox > .btn-toolbar {
    margin: 0;
    padding: 0;
}

.widget-toolbox.center {
    text-align: center;
}

.widget-toolbox.padding-16 {
    padding: 16px;
}

.widget-toolbox.padding-14 {
    padding: 14px;
}

.widget-toolbox.padding-12 {
    padding: 12px;
}

.widget-toolbox.padding-10 {
    padding: 10px;
}

.widget-toolbox.padding-8 {
    padding: 8px;
}

.widget-toolbox.padding-6 {
    padding: 6px;
}

.widget-toolbox.padding-4 {
    padding: 4px;
}

.widget-toolbox.padding-2 {
    padding: 2px;
}

.widget-toolbox.padding-0 {
    padding: 0;
}

.widget-box-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
}

.widget-box-layer > [class*="icon-"] {
    position: relative;
    top: 35%;
}

.widget-box-layer > .icon-spin {
    -moz-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.widget-main > form {
    margin-bottom: 0;
}

.widget-main > form .input-append,
.widget-main > form .input-prepend {
    margin-bottom: 0;
}

.widget-main.no-padding > form > fieldset,
.widget-main.padding-0 > form > fieldset {
    padding: 16px;
}

.widget-main.no-padding > form > fieldset + .form-actions,
.widget-main.padding-0 > form > fieldset + .form-actions {
    padding: 10px 0 12px;
}

.widget-main.no-padding > form > .form-actions,
.widget-main.padding-0 > form > .form-actions {
    margin: 0;
    padding: 10px 12px 12px;
}

.widget-placeholder {
    border: 2px dashed #d9d9d9;
}

.dropdown-navbar > li.nav-header {
    background: #dddddd !important;
    color: #21618b !important;
}

widget-header h5 {
    color: #21618b !important;
}

div.widget-box div.widget-header div.widget-toolbar a {
    margin-top: 6px;
}

.iceOutLbl {
    color: #2A2624 !important;
    font-size: 14px !important;
    text-align: right !important;
    margin-right: 10px !important;
}

.sidebar > .nav-search {
    position: static;
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    height: 35px;
    padding-top: 5px;
}

.sidebar > .nav-search .nav-search-input {
    width: 130px !important;
    border-radius: 0 !important;
    max-width: 130px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.sidebar > .nav-search .nav-search-input + .dropdown-menu {
    text-align: left;
}

.sidebar > .nav-search .nav-search-icon {
    border: 0;
    border-radius: 0;
    padding: 0 3px;
}

.sidebar > .nav-search.menu-min .nav-search .form-search {
    position: absolute;
    left: 5px;
    z-index: 14;
}

.sidebar > .nav-search.menu-min .nav-search .nav-search-input:hover,
.sidebar > .nav-search.menu-min .nav-search .nav-search-input:focus,
.sidebar > .nav-search.menu-min .nav-search .nav-search-input:active {
    width: 130px !important;
    max-width: 130px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.sidebar > .nav-search.menu-min .nav-search .nav-search-input:hover ~ #nav-search-icon,
.sidebar > .nav-search.menu-min .nav-search .nav-search-input:focus ~ #nav-search-icon,
.sidebar > .nav-search.menu-min .nav-search .nav-search-input:active ~ #nav-search-icon {
    border: 0;
    border-radius: 0;
    padding: 0 3px;
}

.sidebar > .nav-search.menu-min .nav-search:hover .nav-search-input {
    width: 130px !important;
    max-width: 130px !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.sidebar > .nav-search.menu-min .nav-search:hover .nav-search-input ~ .nav-search-icon {
    border: 0;
    border-radius: 0;
    padding: 0 3px;
}

.sidebar > .nav-search.menu-min .nav-search .nav-search-icon {
    border: 1px solid;
    border-radius: 32px;
    background-color: #ffffff;
    padding: 0 5px;
}

.sidebar {
    width: 260px;
    position: absolute;
    top: 84px;
    bottom: 0;
    border-right: 1px solid #cccccc;
    background-color: #EFEFEF;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 50;
}

.sidebar:before {
    content: "";
    display: block;
    position: fixed;
    bottom: 0;
    top: 84px;
    z-index: -1;
    background-color: #efefef;
}

.sidebar.right-side-sidebar span.icon-bim-saveas {
    font-size: 23px !important;
    padding: 11px 14px !important;
}


.sidebar.right-side-sidebar .nav.nav-list li a i, .sidebar.right-side-sidebar .nav.nav-list li a span {
    font-size: 20px;
    padding: 14px 15px;
}

.sidebar.right-side-sidebar .nav.nav-list li a.active{
    background: #eeeeee;
}

.right-side-sidebar::before{
    border-right: none;
}

.sidebar.fixed {
    position: fixed;
    z-index: 1029;
    top: 45px;
    left: 0;
}

.sidebar.fixed:before {
    left: 0;
    right: auto;
}

li [class^="icon-"],
li [class*=" icon-"],
.nav-list li [class^="icon-"],
.nav-list li [class*=" icon-"] {
    width: auto;
}

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-list > li > a,
.nav-list .nav-header {
    margin: 0;
}

.nav-list > li > a {
    display: block;
    line-height: 48px;
    color: #6e6e6e;
    text-shadow: none !important;
}

.nav-list > li > a > [class*="icon-"]:first-child {
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.Menu .nav-list > li > a > [class*="material-icons"]:first-child {
    line-height: 42px;
    font-size: 20px;
}

.nav-list > li > a:focus {
    background-color: #f9f9f9;
    color: #1963aa;
}

.nav-list > li > a:hover {
    background-color: #ffffff;
    color: #1963aa;
}

.nav-list > li a > .arrow {
    display: inline-block;
    width: 14px !important;
    height: 14px;
    line-height: 14px;
    text-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 9px;
    top: 11px;
    padding: 0;
    color: #666666;
}

.nav-list > li a:hover > .arrow,
.nav-list > li.active > a > .arrow,
.nav-list > li.open > a > .arrow {
    color: #1963aa;
}

.nav-list > li.separator {
    height: 3px;
    background-color: transparent;
    position: static;
    margin: 1px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-list > li.open > a {
    background-color: #f7f8fa;
    border-top: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
}

.nav-list > li.active {
    background-color: #ffffff;
}

.nav-list > li.active > a,
.nav-list > li.active > a:hover,
.nav-list > li.active > a:focus,
.nav-list > li.active > a:active {
    background-color: #ffffff;
    color: #575bd8;
    font-weight: bold;
    font-size: 13px;
}

.nav-list > li.active > a > [class*="icon-"] {
    font-weight: normal;
}

.nav-list > li.active > a:hover:before {
    display: none;
}

.nav-list > li.open {
    border-bottom-color: #e5e5e5;
    background-color: #fafafa;
    margin-top: -1px;
}

.nav-list > li.active .submenu {
    display: block;
}

.nav-list > li .submenu {
    display: none;
    list-style: none;
    margin: 0;
    background-color: #fafafa;
}

.nav-list > li .submenu > li {
    margin-left: 0;
    position: relative;
}

.nav-list > li .submenu > li > a {
    display: block;
    position: relative;
    color: #616161;
    padding: 7px 0 8px 15px;
    margin: 0;
    font-size: 12px;
}

.nav-list > li .submenu > li > * {
    padding: 7px 0 0 0;
    margin: 0;
}

.nav-list > li .submenu > li > a:focus {
    text-decoration: none;
}

.nav-list > li .submenu > li.active > a {
    color: #575bd8;
}

.nav-list > li .submenu > li a > [class*="icon-"]:first-child {
    font-size: 12px;
    font-weight: normal;
    width: 18px;
    height: auto;
    text-align: center;
    position: absolute;
}

.nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child,
.nav-list > li .submenu > li:hover > a > [class*="icon-"]:first-child {
    display: inline-block;
}

.nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child {
    color: #c86139;
}

.nav-list > li.active > .submenu > li:before {
    border-top-color: #bccfe0;
}

.nav-list > li.active > .submenu:before {
    border-left-color: #bccfe0;
}

.nav-list li.open > a:after {
    display: none;
    font-size: 12px;
}

.nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:after {
    display: none;
}

.nav-list li.active > .submenu > li.active > a:after {
    display: none;
}

.nav-list li.active.open > .submenu > li.active > a:after {
    display: block;
}

.menu-min .nav-list li.active.open > .submenu > li.active > a:after {
    display: none;
}

.nav-list li.active.no-active-child > a:after {
    display: inline-block !important;
}

.nav-list a .badge,
.nav-list a .label {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    position: absolute;
    top: 9px;
    right: 11px;
    opacity: 0.88;
}

.nav-list a .badge [class*="icon-"],
.nav-list a .label [class*="icon-"] {
    vertical-align: middle;
    margin: 0;
}

.nav-list a.dropdown-toggle .badge,
.nav-list a.dropdown-toggle .label {
    right: 28px;
}

.nav-list a:hover .badge,
.nav-list a:hover .label {
    opacity: 1;
}

.menu-min .nav-list a .badge,
.menu-min .nav-list a .label {
    position: relative;
    top: -1px;
    right: auto;
    left: 4px;
}

.nav-list .submenu .submenu a .badge,
.nav-list .submenu .submenu a .label {
    top: 6px;
}

.menu-min .nav-list .submenu .submenu a .badge,
.menu-min .nav-list .submenu .submenu a .label {
    top: 0;
}

.menu-min .sidebar-collapse {
    width: 50px;
}

.sidebar-collapse {
    text-align: center;
    height: 36px;
    background-color: #FAFAFA;
    padding: 10px 0px 0px 0px;
    position: fixed;
    width: 260px;
    bottom: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-top: solid 1px #e2e2e2;
    cursor: pointer;
}

.sidebar-collapse > [class*="icon-"] {
    display: inline-block;
    cursor: pointer;
    font-size: 25px;
    color: #6e6e6e;
    line-height: 18px;
    position: relative;
}

.sidebar-collapse:hover > [class*="icon-"] {
    display: inline-block;
    cursor: pointer;
    font-size: 25px;
    color: #575bd8;
    line-height: 18px;
    position: relative;
}

ul.nav.nav-list {
    background: #efefef;
}

.sidebar.menu-min:before {
    width: 50px;
}

.sidebar.menu-min + .main-content {
    margin-left: 51px;
}

.sidebar.menu-min + .main-content .breadcrumbs.fixed {
    left: 51px;
}

.menu-min .nav-list > li > a {
    position: relative;
}

.menu-min .nav-list > li > a > .menu-text {
    display: none;
    position: absolute;
    left: 49px;
    top: -2px;
    width: 158px;
    height: 56px;
    line-height: 56px;
    background-color: #fafafa;
    z-index: 121;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #cccccc;
    padding-left: 12px;
}

.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    top: 0px;
    left: 50px;
    width: 388px;
    color: #585858;
    font-weight: 500;
}

.menu-min .nav-list > li > a .arrow {
    display: none;
}

.menu-min .nav-list > li.open > a > .menu-text,
.menu-min li.open .menu-text {
    display: block;
}


.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: #575bd8;
}

.menu-min .nav-list > li.open > a {
    background-color: #f7f8fa;
    color: #585858;
    border-bottom: 1px solid #e2e2e2;
}

.menu-min .nav-list > li.open.active > a {
    background-color: #ffffff;
}

.menu-min .nav-list > li.open:hover > a {
    color: #575bd8;
}

.menu-min .nav-list > li.active > a {
    color: #575bd8;
}
.menu-min .nav-list > li.active.open > a:after {
    display: block;
}

.menu-min .nav-list > li.active.open li.active > a:after {
    display: none;
}

.menu-min .nav-list > li > .submenu {
    background: #fafafa;
    position: absolute;
    z-index: 120;
    left: 50px;
    width: 400px;
    display: none !important;
}

.menu-min .nav-list > li > .submenu:before {
    display: none;
}

.menu-min .nav-list > li > .submenu li:before {
    display: none;
}

.menu-min .nav-list > li > .submenu li > a {
    margin-left: 0;
    padding-left: 24px;
}

.menu-min .nav-list > li > .submenu li > a > [class*="icon-"]:first-child {
    left: 4px;
}

.menu-min .nav-list > li.open > .submenu {
    display: block !important;
}

.menu-min .nav-list > li.active > .submenu {
    border-left-color: #575bd8;
}

.menu-min .sidebar-collapse:before {
    left: 5px;
    right: 5px;
}

.nav-list > li > .submenu li > .submenu {
    border-top: 0;
    background-color: transparent;
    display: none;
    border-bottom: 0;
}

.nav-list > li > .submenu li.active > .submenu {
    display: block;
}

.nav-list > li > .submenu a > .arrow {
    right: 11px;
    top: 10px;
    font-size: 16px;
    color: #6b828e;
}

.nav-list > li > .submenu li > .submenu > li > a > .arrow {
    right: 12px;
    top: 9px;
}

.nav-list > li > .submenu li > .submenu > li {
    line-height: 18px;
}

.nav-list > li > .submenu li > .submenu > li:before {
    display: none;
}

.nav-list > li > .submenu li > .submenu > li > .submenu > li > a > div{
    word-wrap: break-word;
}

.nav-list > li > .submenu li > .submenu > li a > [class*="icon-"]:first-child {
    display: inline-block;
    color: inherit;
    font-size: 14px;
    position: static;
    background-color: transparent;
}

.nav-list > li > .submenu li > .submenu > li a {
    font-size: 12px;
    color: #777777;
    margin-right: 20px;
    display: flex;
}

.nav-list > li > .submenu li > .submenu > li a:hover {
    color: #575bd8;
    text-decoration: underline;
}

.nav-list > li > .submenu li > .submenu > li a:hover [class*="icon-"] {
    text-decoration: none;
}

.nav-list > li > .submenu li.open > a {
    color: #6e6e6e;
}

.nav-list > li > .submenu li.open > a > [class*="icon-"]:first-child {
    display: inline-block;
}

/*minha pagina*/
.menu-home:hover > i.material-icons,
.menu-home:hover > a > i.material-icons,
.menu-home:hover .menutd-icon-home i.material-icons,
.menu-home:hover .menu_option i.material-icons {
    color: #575bd8;
}

/*sidebar menu*/
.menu-home td.menutd.menutd-text.menutd-text-home:hover .menu_option,
.menu-home td.menutd.menutd-text.menutd-text-home:hover i.material-icons
{
    color: #575bd8;
}

.nav-list > li > .submenu li.open > a .arrow {
    color: #575bd8;
}

.nav-list > li > .submenu li > .submenu li.open > a {
    color: #575bd8;
}

.nav-list > li > .submenu li > .submenu li.open > a > [class*="icon-"]:first-child {
    display: inline-block;
}

.nav-list > li > .submenu li > .submenu li.open > a .arrow {
    color: #575bd8;
}

.nav-list > li > .submenu li > .submenu li.active > a {
    color: #136bb4;
}

.nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
    display: inline-block;
}

.nav-list > li.active.open li.active > a:after {
    top: 2px;
    border-width: 14px 8px;
}

.nav-list > li.active.open li.active.open li.active > a:after {
    top: 0;
}

.menu-min .nav-list > li > .submenu li > .submenu > li > a {
    margin-left: 0;
    padding-left: 30px;
}

.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
    margin-left: 0;
    padding-left: 45px;
}

.menu-min .nav-list > li > .submenu li.active > a:after {
    display: none;
}

.menu-toggler {
    display: none;
}

.btn {
    display: inline-block;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-image: none !important;
    border: 5px solid;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    padding: 0 12px 1px;
    line-height: 32px;
    font-size: 14px;
}

.btn-large {
    padding: 0 14px 1px;
    line-height: 38px;
    border-width: 6px;
    font-size: 16px;
}

.btn-small {
    padding: 0 8px;
    line-height: 24px;
    border-width: 4px;
    font-size: 13px;
}

.btn-mini {
    padding: 0 5px;
    line-height: 22px;
    border-width: 2px;
    font-size: 12px;
}

.btn-minier {
    padding: 0 4px;
    line-height: 18px;
    border-width: 1px;
    font-size: 11px;
}
.btn,
.btn-default {
    background-color: #abbac3 !important;
    border-color: #abbac3;
}

.btn:hover,
.btn-default:hover {
    background-color: #8b9aa3 !important;
}

.btn.no-border:hover,
.btn-default.no-border:hover {
    border-color: #8b9aa3;
}

.btn.no-hover:hover,
.btn-default.no-hover:hover {
    background-color: #abbac3 !important;
}

.btn.active,
.btn-default.active {
    background-color: #9baab3 !important;
    border-color: #8a9ba6;
}

.btn.no-border.active,
.btn-default.no-border.active {
    background-color: #92a3ac !important;
    border-color: #92a3ac;
}

.btn.disabled,
.btn-default.disabled,
.btn[disabled],
.btn-default[disabled] {
    background-color: #abbac3 !important;
}

.btn-primary {
    background-color: #2283c5 !important;
    border-color: #2283c5;
}

.btn-primary:hover {
    background-color: #045e9f !important;
}

.btn-primary.no-border:hover {
    border-color: #045e9f;
}

.btn-primary.no-hover:hover {
    background-color: #2283c5 !important;
}

.btn-primary.active {
    background-color: #1371b2 !important;
    border-color: #105f96;
}

.btn-primary.no-border.active {
    background-color: #1268a4 !important;
    border-color: #1268a4;
}

.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #2283c5 !important;
}

.btn-info {
    background-color: #6fb3e0 !important;
    border-color: #6fb3e0;
}

.btn-info:hover {
    background-color: #4f99c6 !important;
}

.btn-info.no-border:hover {
    border-color: #4f99c6;
}

.btn-info.no-hover:hover {
    background-color: #6fb3e0 !important;
}

.btn-info.active {
    background-color: #5fa6d3 !important;
    border-color: #4799cc;
}

.btn-info.no-border.active {
    background-color: #539fd0 !important;
    border-color: #539fd0;
}

.btn-info.disabled,
.btn-info[disabled] {
    background-color: #6fb3e0 !important;
}

.btn-success {
    background-color: #87b87f !important;
    border-color: #87b87f;
}

.btn-success:hover {
    background-color: #629b58 !important;
}

.btn-success.no-border:hover {
    border-color: #629b58;
}

.btn-success.no-hover:hover {
    background-color: #87b87f !important;
}

.btn-success.active {
    background-color: #75aa6c !important;
    border-color: #649c5a;
}

.btn-success.no-border.active {
    background-color: #6ba462 !important;
    border-color: #6ba462;
}

.btn-success.disabled,
.btn-success[disabled] {
    background-color: #87b87f !important;
}

.btn-warning {
    background-color: #ffb752 !important;
    border-color: #ffb752;
}

.btn-warning:hover {
    background-color: #e59729 !important;
}

.btn-warning.no-border:hover {
    border-color: #e59729;
}

.btn-warning.no-hover:hover {
    background-color: #ffb752 !important;
}

.btn-warning.active {
    background-color: #f2a73e !important;
    border-color: #f09a21;
}

.btn-warning.no-border.active {
    background-color: #f1a02f !important;
    border-color: #f1a02f;
}

.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #ffb752 !important;
}

.btn-danger {
    background-color: #d15b47 !important;
    border-color: #d15b47;
}

.btn-danger:hover {
    background-color: #b74635 !important;
}

.btn-danger.no-border:hover {
    border-color: #b74635;
}

.btn-danger.no-hover:hover {
    background-color: #d15b47 !important;
}

.btn-danger.active {
    background-color: #c4513e !important;
    border-color: #ae4635;
}

.btn-danger.no-border.active {
    background-color: #ba4b39 !important;
    border-color: #ba4b39;
}

.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #d15b47 !important;
}

.btn-inverse {
    background-color: #555555 !important;
    border-color: #555555;
}

.btn-inverse:hover {
    background-color: #303030 !important;
}

.btn-inverse.no-border:hover {
    border-color: #303030;
}

.btn-inverse.no-hover:hover {
    background-color: #555555 !important;
}

.btn-inverse.active {
    background-color: #434343 !important;
    border-color: #333333;
}

.btn-inverse.no-border.active {
    background-color: #3b3b3b !important;
    border-color: #3b3b3b;
}

.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #555555 !important;
}

.btn-pink {
    background-color: #d6487e !important;
    border-color: #d6487e;
}

.btn-pink:hover {
    background-color: #b73766 !important;
}

.btn-pink.no-border:hover {
    border-color: #b73766;
}

.btn-pink.no-hover:hover {
    background-color: #d6487e !important;
}

.btn-pink.active {
    background-color: #c74072 !important;
    border-color: #b33564;
}

.btn-pink.no-border.active {
    background-color: #be386a !important;
    border-color: #be386a;
}

.btn-pink.disabled,
.btn-pink[disabled] {
    background-color: #d6487e !important;
}

.btn-purple {
    background-color: #9585bf !important;
    border-color: #9585bf;
}

.btn-purple:hover {
    background-color: #7461aa !important;
}

.btn-purple.no-border:hover {
    border-color: #7461aa;
}

.btn-purple.no-hover:hover {
    background-color: #9585bf !important;
}

.btn-purple.active {
    background-color: #8573b5 !important;
    border-color: #735faa;
}

.btn-purple.no-border.active {
    background-color: #7c69af !important;
    border-color: #7c69af;
}

.btn-purple.disabled,
.btn-purple[disabled] {
    background-color: #9585bf !important;
}

.btn-grey {
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0;
}

.btn-grey:hover {
    background-color: #888888 !important;
}

.btn-grey.no-border:hover {
    border-color: #888888;
}

.btn-grey.no-hover:hover {
    background-color: #a0a0a0 !important;
}

.btn-grey.active {
    background-color: #949494 !important;
    border-color: #858585;
}

.btn-grey.no-border.active {
    background-color: #8c8c8c !important;
    border-color: #8c8c8c;
}

.btn-grey.disabled,
.btn-grey[disabled] {
    background-color: #a0a0a0 !important;
}

.btn-yellow {
    background-color: #fee188 !important;
    border-color: #fee188;
    color: #996633 !important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
}

.btn-yellow:hover {
    background-color: #f7d05b !important;
}

.btn-yellow.no-border:hover {
    border-color: #f7d05b;
}

.btn-yellow.no-hover:hover {
    background-color: #fee188 !important;
}

.btn-yellow.active {
    background-color: #fbd972 !important;
    border-color: #fad054;
}

.btn-yellow.no-border.active {
    background-color: #fad463 !important;
    border-color: #fad463;
}

.btn-yellow.disabled,
.btn-yellow[disabled] {
    background-color: #fee188 !important;
}





.btn-white {
    background-color: #ffffff !important;
    border-color: #e3e3e7;
    color: #888888 !important;
    text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important;
}

.btn-white:hover {
    background-color: #f5f5f4 !important;
    color: #777 !important;
}

.btn-white.no-border:hover {
    border-color: #d9d9d9;
}

.btn-white.no-hover:hover {
    background-color: #f8f8f7 !important;
}

.btn-white.active {
    background-color: #e0e0e0 !important;
    border-color: #d1d1d1;
}

.btn-white.no-border.active {
    background-color: #d8d8d8 !important;
    border-color: #d8d8d8;
}

.btn-white.disabled,
.btn-white[disabled] {
    background-color: #ffffff !important;
}





.btn-light {
    background-color: #e7e7e7 !important;
    border-color: #e7e7e7;
    color: #888888 !important;
    text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important;
}

.btn-light:hover {
    background-color: #d9d9d9 !important;
}

.btn-light.no-border:hover {
    border-color: #d9d9d9;
}

.btn-light.no-hover:hover {
    background-color: #e7e7e7 !important;
}

.btn-light.active {
    background-color: #e0e0e0 !important;
    border-color: #d1d1d1;
}

.btn-light.no-border.active {
    background-color: #d8d8d8 !important;
    border-color: #d8d8d8;
}

.btn-light.disabled,
.btn-light[disabled] {
    background-color: #e7e7e7 !important;
}

.btn-light.btn-mini:after {
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
}

.btn-light.btn-small:after {
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
}

.btn-light.btn-large:after {
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
}

.btn.disabled.active,
.btn[disabled].active,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active {
    outline: 0;
}

.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
    left: 0;
}

.btn.active {
    color: #efe5b5;
}

.btn.active:after {
    display: inline-block;
    content: "";
    position: absolute;
    border-bottom: 1px solid #efe5b5;
    left: -4px;
    right: -4px;
    bottom: -4px;
}

.btn.active.btn-small:after {
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-bottom-width: 1px;
}

.btn.active.btn-large:after {
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-bottom-width: 1px;
}

.btn.active.btn-mini:after,
.btn.active.btn-minier:after {
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom-width: 1px;
}

.btn.active.btn-yellow:after {
    border-bottom-color: #c96338;
}

.btn.active.btn-light {
    color: #515151;
}

.btn.active.btn-light:after {
    border-bottom-color: #b5b5b5;
}

.btn > [class*="icon-"] {
    display: inline;
    margin-right: 4px;
}

.btn > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 4px;
}

.btn > .icon-only[class*="icon-"] {
    margin: 0;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.btn-large > [class*="icon-"] {
    margin-right: 6px;
}

.btn-large > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 6px;
}

.btn-small > [class*="icon-"] {
    margin-right: 3px;
}

.btn-small > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 3px;
}

.btn-mini > [class*="icon-"],
.btn-minier > [class*="icon-"] {
    margin-right: 2px;
}

.btn-mini > [class*="icon-"].icon-on-right,
.btn-minier > [class*="icon-"].icon-on-right {
    margin-right: 0;
    margin-left: 2px;
}

.btn.btn-link {
    border: none !important;
    background: transparent none !important;
    color: #0088cc !important;
    text-shadow: none !important;
    padding: 4px 12px !important;
    line-height: 20px !important;
}

.btn.btn-link:hover {
    background: none !important;
    text-shadow: none !important;
}

.btn.btn-link.active {
    background: none !important;
    text-decoration: underline;
    color: #009ceb !important;
}

.btn.btn-link.active:after {
    display: none;
}

.btn.btn-link.disabled,
.btn.btn-link[disabled] {
    background: 0;
    opacity: 0.65;
}

.btn.btn-link.disabled:hover,
.btn.btn-link[disabled]:hover {
    background: none !important;
    text-decoration: none !important;
}

.btn-group > .btn,
.btn-group > .btn + .btn {
    margin: 0 1px 0 0;
}

.btn-group > .btn:first-child {
    margin: 0 1px 0 0;
}

.btn-group > .btn:first-child,
.btn-group > .btn:last-child {
    border-radius: 0;
}

.btn-group > .btn > .caret {
    margin-top: 15px;
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #ffffff;
}

.btn-group > .btn.btn-small > .caret {
    margin-top: 10px;
    border-width: 4px;
}

.btn-group > .btn.btn-large > .caret {
    margin-top: 18px;
    border-width: 6px;
}

.btn-group > .btn.btn-mini > .caret {
    margin-top: 9px;
    border-width: 4px;
}

.btn-group > .btn.btn-minier > .caret {
    margin-top: 7px;
    border-width: 3px;
}

.btn-group > .btn + .btn.dropdown-toggle {
    padding-right: 3px;
    padding-left: 3px;
}

.btn-group > .btn + .btn-large.dropdown-toggle {
    padding-right: 4px;
    padding-left: 4px;
}

.btn-group .dropdown-toggle {
    border-radius: 0;
}

.btn-group > .btn,
.btn-group + .btn {
    margin: 0 1px 0 0;
    border-width: 3px !important;
}

.btn-group > .btn.active:after,
.btn-group + .btn.active:after {
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-bottom-width: 1px;
}

.btn-group > .btn-large,
.btn-group + .btn-large {
    border-width: 4px !important;
}

.btn-group > .btn-large.active:after,
.btn-group + .btn-large.active:after {
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-bottom-width: 1px;
}

.btn-group > .btn-small,
.btn-group + .btn-small {
    border-width: 2px !important;
}

.btn-group > .btn-small.active:after,
.btn-group + .btn-small.active:after {
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom-width: 1px;
}

.btn-group > .btn-mini,
.btn-group + .btn-mini {
    border-width: 1px !important;
}

.btn-group > .btn-mini.active:after,
.btn-group + .btn-mini.active:after {
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-width: 1px;
}

.btn-group > .btn-minier,
.btn-group + .btn-minier {
    border-width: 0 !important;
}

.btn-group > .btn-minier.active:after,
.btn-group + .btn-minier.active:after {
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-width: 1px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn + .btn {
    margin: 1px 0 0;
}

.btn-group-vertical > .btn:first-child {
    margin-right: 0;
}

.btn.btn-app {
    display: inline-block;
    width: 100px;
    margin: 2px;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;
    border: 0;
    border-radius: 12px;
    padding: 12px 0 8px;
}

.btn-app,
.btn-app.btn-default,
.btn-app.no-hover:hover,
.btn-app.btn-default.no-hover:hover,
.btn-app.disabled:hover,
.btn-app.btn-default.disabled:hover {
    background: #b4c2cc !important;
    background-color: #b5c3ce !important;
    background-image: -moz-linear-gradient(top, #bcc9d5, #abbac3) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcc9d5), to(#abbac3)) !important;
    background-image: -webkit-linear-gradient(top, #bcc9d5, #abbac3) !important;
    background-image: -o-linear-gradient(top, #bcc9d5, #abbac3) !important;
    background-image: linear-gradient(to bottom, #bcc9d5, #abbac3) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0) !important;
}

.btn-app:hover,
.btn-app.btn-default:hover {
    background: #9baebc !important;
    background-color: #9dafbe !important;
    background-image: -moz-linear-gradient(top, #a3b5c5, #93a6b2) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3b5c5), to(#93a6b2)) !important;
    background-image: -webkit-linear-gradient(top, #a3b5c5, #93a6b2) !important;
    background-image: -o-linear-gradient(top, #a3b5c5, #93a6b2) !important;
    background-image: linear-gradient(to bottom, #a3b5c5, #93a6b2) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0) !important;
}

.btn-app.btn-primary,
.btn-app.btn-primary.no-hover:hover,
.btn-app.btn-primary.disabled:hover {
    background: #2a8bcc !important;
    background-color: #2d8ece !important;
    background-image: -moz-linear-gradient(top, #3b98d6, #197ec1) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b98d6), to(#197ec1)) !important;
    background-image: -webkit-linear-gradient(top, #3b98d6, #197ec1) !important;
    background-image: -o-linear-gradient(top, #3b98d6, #197ec1) !important;
    background-image: linear-gradient(to bottom, #3b98d6, #197ec1) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0) !important;
}

.btn-app.btn-primary:hover {
    background: #1d6fa6 !important;
    background-color: #1f72a9 !important;
    background-image: -moz-linear-gradient(top, #267eb8, #136194) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#267eb8), to(#136194)) !important;
    background-image: -webkit-linear-gradient(top, #267eb8, #136194) !important;
    background-image: -o-linear-gradient(top, #267eb8, #136194) !important;
    background-image: linear-gradient(to bottom, #267eb8, #136194) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0) !important;
}

.btn-app.btn-info,
.btn-app.btn-info.no-hover:hover,
.btn-app.btn-info.disabled:hover {
    background: #68adde !important;
    background-color: #6baedf !important;
    background-image: -moz-linear-gradient(top, #75b5e6, #5ba4d5) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75b5e6), to(#5ba4d5)) !important;
    background-image: -webkit-linear-gradient(top, #75b5e6, #5ba4d5) !important;
    background-image: -o-linear-gradient(top, #75b5e6, #5ba4d5) !important;
    background-image: linear-gradient(to bottom, #75b5e6, #5ba4d5) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important;
}

.btn-app.btn-info:hover {
    background: #3f96d4 !important;
    background-color: #4197d6 !important;
    background-image: -moz-linear-gradient(top, #4a9ede, #348dc9) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a9ede), to(#348dc9)) !important;
    background-image: -webkit-linear-gradient(top, #4a9ede, #348dc9) !important;
    background-image: -o-linear-gradient(top, #4a9ede, #348dc9) !important;
    background-image: linear-gradient(to bottom, #4a9ede, #348dc9) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0) !important;
}

.btn-app.btn-success,
.btn-app.btn-success.no-hover:hover,
.btn-app.btn-success.disabled:hover {
    background: #86b558 !important;
    background-color: #87b75a !important;
    background-image: -moz-linear-gradient(top, #8ebf60, #7daa50) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8ebf60), to(#7daa50)) !important;
    background-image: -webkit-linear-gradient(top, #8ebf60, #7daa50) !important;
    background-image: -o-linear-gradient(top, #8ebf60, #7daa50) !important;
    background-image: linear-gradient(to bottom, #8ebf60, #7daa50) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important;
}

.btn-app.btn-success:hover {
    background: #6c9842 !important;
    background-color: #6e9b42 !important;
    background-image: -moz-linear-gradient(top, #74a844, #648740) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#74a844), to(#648740)) !important;
    background-image: -webkit-linear-gradient(top, #74a844, #648740) !important;
    background-image: -o-linear-gradient(top, #74a844, #648740) !important;
    background-image: linear-gradient(to bottom, #74a844, #648740) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0) !important;
}

.btn-app.btn-danger,
.btn-app.btn-danger.no-hover:hover,
.btn-app.btn-danger.disabled:hover {
    background: #d3413b !important;
    background-color: #d3463f !important;
    background-image: -moz-linear-gradient(top, #d55b52, #d12723) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d55b52), to(#d12723)) !important;
    background-image: -webkit-linear-gradient(top, #d55b52, #d12723) !important;
    background-image: -o-linear-gradient(top, #d55b52, #d12723) !important;
    background-image: linear-gradient(to bottom, #d55b52, #d12723) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0) !important;
}

.btn-app.btn-danger:hover {
    background: #b52c26 !important;
    background-color: #b82f28 !important;
    background-image: -moz-linear-gradient(top, #c43a30, #a51f1c) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c43a30), to(#a51f1c)) !important;
    background-image: -webkit-linear-gradient(top, #c43a30, #a51f1c) !important;
    background-image: -o-linear-gradient(top, #c43a30, #a51f1c) !important;
    background-image: linear-gradient(to bottom, #c43a30, #a51f1c) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0) !important;
}

.btn-app.btn-warning,
.btn-app.btn-warning.no-hover:hover,
.btn-app.btn-warning.disabled:hover {
    background: #ffb44b !important;
    background-color: #ffb650 !important;
    background-image: -moz-linear-gradient(top, #ffbf66, #ffa830) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbf66), to(#ffa830)) !important;
    background-image: -webkit-linear-gradient(top, #ffbf66, #ffa830) !important;
    background-image: -o-linear-gradient(top, #ffbf66, #ffa830) !important;
    background-image: linear-gradient(to bottom, #ffbf66, #ffa830) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0) !important;
}

.btn-app.btn-warning:hover {
    background: #fe9e19 !important;
    background-color: #fea01f !important;
    background-image: -moz-linear-gradient(top, #ffaa33, #fc9200) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaa33), to(#fc9200)) !important;
    background-image: -webkit-linear-gradient(top, #ffaa33, #fc9200) !important;
    background-image: -o-linear-gradient(top, #ffaa33, #fc9200) !important;
    background-image: linear-gradient(to bottom, #ffaa33, #fc9200) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0) !important;
}

.btn-app.btn-purple,
.btn-app.btn-purple.no-hover:hover,
.btn-app.btn-purple.disabled:hover {
    background: #9889c1 !important;
    background-color: #9b8cc4 !important;
    background-image: -moz-linear-gradient(top, #a696ce, #8a7cb4) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a696ce), to(#8a7cb4)) !important;
    background-image: -webkit-linear-gradient(top, #a696ce, #8a7cb4) !important;
    background-image: -o-linear-gradient(top, #a696ce, #8a7cb4) !important;
    background-image: linear-gradient(to bottom, #a696ce, #8a7cb4) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important;
}

.btn-app.btn-purple:hover {
    background: #7b68af !important;
    background-color: #7e6ab2 !important;
    background-image: -moz-linear-gradient(top, #8973be, #6d5ca1) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8973be), to(#6d5ca1)) !important;
    background-image: -webkit-linear-gradient(top, #8973be, #6d5ca1) !important;
    background-image: -o-linear-gradient(top, #8973be, #6d5ca1) !important;
    background-image: linear-gradient(to bottom, #8973be, #6d5ca1) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0) !important;
}

.btn-app.btn-pink,
.btn-app.btn-pink.no-hover:hover,
.btn-app.btn-pink.disabled:hover {
    background: #d54c7e !important;
    background-color: #d64f81 !important;
    background-image: -moz-linear-gradient(top, #db5e8c, #ce3970) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#db5e8c), to(#ce3970)) !important;
    background-image: -webkit-linear-gradient(top, #db5e8c, #ce3970) !important;
    background-image: -o-linear-gradient(top, #db5e8c, #ce3970) !important;
    background-image: linear-gradient(to bottom, #db5e8c, #ce3970) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0) !important;
}

.btn-app.btn-pink:hover {
    background: #be2f64 !important;
    background-color: #c23066 !important;
    background-image: -moz-linear-gradient(top, #d2346e, #aa2a59) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2346e), to(#aa2a59)) !important;
    background-image: -webkit-linear-gradient(top, #d2346e, #aa2a59) !important;
    background-image: -o-linear-gradient(top, #d2346e, #aa2a59) !important;
    background-image: linear-gradient(to bottom, #d2346e, #aa2a59) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0) !important;
}

.btn-app.btn-inverse,
.btn-app.btn-inverse.no-hover:hover,
.btn-app.btn-inverse.disabled:hover {
    background: #444444 !important;
    background-color: #474747 !important;
    background-image: -moz-linear-gradient(top, #555555, #333333) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333)) !important;
    background-image: -webkit-linear-gradient(top, #555555, #333333) !important;
    background-image: -o-linear-gradient(top, #555555, #333333) !important;
    background-image: linear-gradient(to bottom, #555555, #333333) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0) !important;
}

.btn-app.btn-inverse:hover {
    background: #2b2b2b !important;
    background-color: #2e2e2e !important;
    background-image: -moz-linear-gradient(top, #3b3b3b, #1a1a1a) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), to(#1a1a1a)) !important;
    background-image: -webkit-linear-gradient(top, #3b3b3b, #1a1a1a) !important;
    background-image: -o-linear-gradient(top, #3b3b3b, #1a1a1a) !important;
    background-image: linear-gradient(to bottom, #3b3b3b, #1a1a1a) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0) !important;
}

.btn-app.btn-grey,
.btn-app.btn-grey.no-hover:hover,
.btn-app.btn-grey.disabled:hover {
    background: #797979 !important;
    background-color: #7c7c7c !important;
    background-image: -moz-linear-gradient(top, #898989, #696969) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#898989), to(#696969)) !important;
    background-image: -webkit-linear-gradient(top, #898989, #696969) !important;
    background-image: -o-linear-gradient(top, #898989, #696969) !important;
    background-image: linear-gradient(to bottom, #898989, #696969) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important;
}

.btn-app.btn-grey:hover {
    background: #6c6c6c !important;
    background-color: #6f6f6f !important;
    background-image: -moz-linear-gradient(top, #7c7c7c, #5c5c5c) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7c7c7c), to(#5c5c5c)) !important;
    background-image: -webkit-linear-gradient(top, #7c7c7c, #5c5c5c) !important;
    background-image: -o-linear-gradient(top, #7c7c7c, #5c5c5c) !important;
    background-image: linear-gradient(to bottom, #7c7c7c, #5c5c5c) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important;
}

.btn-app.btn-light {
    color: #5a5a5a !important;
    text-shadow: 0 1px 1px #eeeeee !important;
}

.btn-app.btn-light,
.btn-app.btn-light.no-hover:hover,
.btn-app.btn-light.disabled:hover {
    background: #ededed !important;
    background-color: #eeeeee !important;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0) !important;
}

.btn-app.btn-light:hover {
    background: #e0e0e0 !important;
    background-color: #e2e2e2 !important;
    background-image: -moz-linear-gradient(top, #e7e7e7, #d9d9d9) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#d9d9d9)) !important;
    background-image: -webkit-linear-gradient(top, #e7e7e7, #d9d9d9) !important;
    background-image: -o-linear-gradient(top, #e7e7e7, #d9d9d9) !important;
    background-image: linear-gradient(to bottom, #e7e7e7, #d9d9d9) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0) !important;
}

.btn-app.btn-light,
.btn-app.btn-light.no-hover:hover {
    border: 2px solid #dddddd;
}

.btn-app.btn-light.btn-mini {
    width: 64px;
    padding-bottom: 6px;
}

.btn-app.btn-light:hover {
    border-color: #d8d8d8;
}

.btn-app.btn-yellow {
    color: #996633 !important;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
    border: 2px solid #fee188;
}

.btn-app.btn-yellow,
.btn-app.btn-yellow.no-hover:hover,
.btn-app.btn-yellow.disabled:hover {
    background: #fee088 !important;
    background-color: #fee18d !important;
    background-image: -moz-linear-gradient(top, #ffe8a5, #fcd76a) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe8a5), to(#fcd76a)) !important;
    background-image: -webkit-linear-gradient(top, #ffe8a5, #fcd76a) !important;
    background-image: -o-linear-gradient(top, #ffe8a5, #fcd76a) !important;
    background-image: linear-gradient(to bottom, #ffe8a5, #fcd76a) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0) !important;
}

.btn-app.btn-yellow:hover {
    background: #fdd96e !important;
    background-color: #fedb74 !important;
    background-image: -moz-linear-gradient(top, #ffe18b, #fbd051) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe18b), to(#fbd051)) !important;
    background-image: -webkit-linear-gradient(top, #ffe18b, #fbd051) !important;
    background-image: -o-linear-gradient(top, #ffe18b, #fbd051) !important;
    background-image: linear-gradient(to bottom, #ffe18b, #fbd051) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0) !important;
}

.btn-app.btn-yellow,
.btn-app.btn-yellow.no-hover:hover {
    border: 2px solid #fee188;
}

.btn-app.btn-yellow:hover {
    border-color: #fed760;
}

.btn.btn-app.btn-small {
    width: 80px;
    font-size: 16px;
    border-radius: 10px;
    padding-bottom: 9px;
}

.btn.btn-app.btn-mini {
    width: 64px;
    font-size: 15px;
    border-radius: 8px;
    padding-bottom: 7px;
    padding-top: 8px;
}

.btn.btn-app > [class*=icon] {
    display: block;
    font-size: 42px;
    margin: 0 0 4px;
    line-height: 36px;
    min-width: 0;
    padding: 0;
}

.btn.btn-app.btn-small > [class*=icon] {
    display: block;
    font-size: 32px;
    line-height: 30px;
    margin: 0 0 3px;
}

.btn.btn-app.btn-mini > [class*=icon] {
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
}

.btn.btn-app.no-radius {
    border-radius: 0;
}

.btn.btn-app.radius-4 {
    border-radius: 4px;
}

.btn.btn-app > .badge,
.btn.btn-app > .label {
    position: absolute !important;
    top: -2px;
    right: -2px;
    padding: 1px 3px;
    text-align: center;
    font-size: 12px;
}

.btn > .badge {
    position: absolute !important;
    top: -3px !important;
    right: -3px;
    padding: 0 2px;
    text-align: center;
    font-size: 9px;
}

.btn.btn-app > .badge.badge-right,
.btn.btn-app > .label.badge-right,
.btn.btn-app > .badge.label-right,
.btn.btn-app > .label.label-right {
    right: auto;
    left: -2px;
}

.btn > .badge.badge-right {
    right: auto;
    left: -3px;
    top: -3px;
}

.btn.btn-app > .label {
    padding: 1px 6px 3px;
    font-size: 13px;
}

.btn.btn-app.radius-4 > .badge,
.btn > .badge,
.btn.btn-app.no-radius > .badge {
    border-radius: 3px;
}

.btn.btn-app.radius-4 > .badge.no-radius,
.btn.btn-app.no-radius > .badge.no-radius {
    border-radius: 0;
}

.btn.btn-app.active {
    color: #ffffff;
}

.btn.btn-app.active:after {
    display: none;
}

.btn.btn-app.active.btn-yellow {
    color: #996633;
    border-color: #fee188;
}

.btn.btn-app.active.btn-light {
    color: #515151;
}

.label[class*="span"][class*="arrow"] {
    min-height: 0;
}

.label-transparent,
.badge-transparent {
    background-color: transparent !important;
}

.label-grey,
.badge-grey {
    background-color: #a0a0a0 !important;
}

.label-info,
.badge-info {
    background-color: #3a87ad !important;
}

.label-primary,
.badge-primary {
    background-color: #2283c5 !important;
}

.label-success,
.badge-success {
    background-color: #82af6f !important;
}

.label-important,
.badge-important {
    background-color: #d15b47 !important;
}

.label-inverse,
.badge-inverse {
    background-color: #333333 !important;
}

.label-warning,
.badge-warning {
    background-color: #f89406 !important;
}

.label-pink,
.badge-pink {
    background-color: #d6487e !important;
}

.label-purple,
.badge-purple {
    background-color: #9585bf !important;
}

.label-yellow,
.badge-yellow {
    background-color: #fee188 !important;
}

.label-light,
.badge-light {
    background-color: #e7e7e7 !important;
}

.badge-yellow,
.label-yellow {
    color: #996633 !important;
    border-color: #fee188;
}

.badge-light,
.label-light {
    color: #888888 !important;
}

.label.arrowed,
.label.arrowed-in {
    position: relative;
    margin-left: 9px;
}

.label.arrowed:before,
.label.arrowed-in:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 9px 7px;
    border-right-color: #abbac3;
}

.label.arrowed-in:before {
    border-color: #abbac3;
    border-left-color: transparent !important;
    left: -9px;
}

.label.arrowed-right,
.label.arrowed-in-right {
    position: relative;
    margin-right: 9px;
}

.label.arrowed-right:after,
.label.arrowed-in-right:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    border: 9px solid transparent;
    border-width: 9px 7px;
    border-left-color: #abbac3;
}

.label.arrowed-in-right:after {
    border-color: #abbac3;
    border-right-color: transparent !important;
    right: -9px;
}

.label-info.arrowed:before {
    border-right-color: #3a87ad;
}

.label-info.arrowed-in:before {
    border-color: #3a87ad;
}

.label-info.arrowed-right:after {
    border-left-color: #3a87ad;
}

.label-info.arrowed-in-right:after {
    border-color: #3a87ad;
}

.label-primary.arrowed:before {
    border-right-color: #2283c5;
}

.label-primary.arrowed-in:before {
    border-color: #2283c5;
}

.label-primary.arrowed-right:after {
    border-left-color: #2283c5;
}

.label-primary.arrowed-in-right:after {
    border-color: #2283c5;
}

.label-success.arrowed:before {
    border-right-color: #82af6f;
}

.label-success.arrowed-in:before {
    border-color: #82af6f;
}

.label-success.arrowed-right:after {
    border-left-color: #82af6f;
}

.label-success.arrowed-in-right:after {
    border-color: #82af6f;
}

.label-warning.arrowed:before {
    border-right-color: #f89406;
}

.label-warning.arrowed-in:before {
    border-color: #f89406;
}

.label-warning.arrowed-right:after {
    border-left-color: #f89406;
}

.label-warning.arrowed-in-right:after {
    border-color: #f89406;
}

.label-important.arrowed:before {
    border-right-color: #d15b47;
}

.label-important.arrowed-in:before {
    border-color: #d15b47;
}

.label-important.arrowed-right:after {
    border-left-color: #d15b47;
}

.label-important.arrowed-in-right:after {
    border-color: #d15b47;
}

.label-inverse.arrowed:before {
    border-right-color: #333333;
}

.label-inverse.arrowed-in:before {
    border-color: #333333;
}

.label-inverse.arrowed-right:after {
    border-left-color: #333333;
}

.label-inverse.arrowed-in-right:after {
    border-color: #333333;
}

.label-pink.arrowed:before {
    border-right-color: #d6487e;
}

.label-pink.arrowed-in:before {
    border-color: #d6487e;
}

.label-pink.arrowed-right:after {
    border-left-color: #d6487e;
}

.label-pink.arrowed-in-right:after {
    border-color: #d6487e;
}

.label-purple.arrowed:before {
    border-right-color: #9585bf;
}

.label-purple.arrowed-in:before {
    border-color: #9585bf;
}

.label-purple.arrowed-right:after {
    border-left-color: #9585bf;
}

.label-purple.arrowed-in-right:after {
    border-color: #9585bf;
}

.label-yellow.arrowed:before {
    border-right-color: #fee188;
}

.label-yellow.arrowed-in:before {
    border-color: #fee188;
}

.label-yellow.arrowed-right:after {
    border-left-color: #fee188;
}

.label-yellow.arrowed-in-right:after {
    border-color: #fee188;
}

.label-light.arrowed:before {
    border-right-color: #e7e7e7;
}

.label-light.arrowed-in:before {
    border-color: #e7e7e7;
}

.label-light.arrowed-right:after {
    border-left-color: #e7e7e7;
}

.label-light.arrowed-in-right:after {
    border-color: #e7e7e7;
}

.label-grey.arrowed:before {
    border-right-color: #a0a0a0;
}

.label-grey.arrowed-in:before {
    border-color: #a0a0a0;
}

.label-grey.arrowed-right:after {
    border-left-color: #a0a0a0;
}

.label-grey.arrowed-in-right:after {
    border-color: #a0a0a0;
}

.label-large {
    font-size: 13px;
    padding: 3px 8px 5px;
}

.label-large.arrowed,
.label-large.arrowed-in {
    margin-left: 12px;
}

.label-large.arrowed:before,
.label-large.arrowed-in:before {
    left: -16px;
    border-width: 11px 8px;
}

.label-large.arrowed-in:before {
    left: -12px;
}

.label-large.arrowed-right,
.label-large.arrowed-in-right {
    margin-right: 11px;
}

.label-large.arrowed-right:after,
.label-large.arrowed-in-right:after {
    right: -16px;
    border-width: 11px 8px;
}

.label-large.arrowed-in-right:after {
    right: -12px;
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: none;
}

.dropdown-menu {
    background-color: #ffffff;
    border-radius: 4px !important;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.07) !important;
    border:1px solid #efefef !important;
    padding: 0px !important;
}

.dropdown-menu > li.dropdown-menu-header-title {
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 20px 10px 20px !important;
    color: #595959;
    font-weight: bold;
    letter-spacing: .4px;
    background: #ffffff !important;
    border-radius: 4px 4px 0px 0px;
}

.dropdown-menu>li.dropdown-menu-item>a{
    padding: 0;
    text-align: left;
}

.dropdown-menu > li.dropdown-menu-item {
    background: #fafafa !important;
    padding: 10px 20px 10px 0px !important;
    border-bottom: 1px solid #efefef;
}

.dropdown-menu > li.dropdown-menu-item:last-child {
    border-radius: 0px 0px 4px 4px;
}

.dropdown-menu > li.dropdown-menu-item-content {
    background: #fafafa !important;
    padding: 10px 20px 10px 10px !important;
    border-bottom: 1px solid #efefef;
}

.dropdown-menu > li.dropdown-menu-item-content:last-child {
    border-radius: 0px 0px 4px 4px;
}

.dropdown-menu>li.dropdown-menu-item>a:hover, .dropdown-menu>li.dropdown-menu-item>a:focus{
    background: #fafafa;
    color: #2876fd !important;
}

.dropdown-navbar.dropdown-menu > li.dropdown-menu-item-content:hover{
    background: #fafafa !important;
}

.widget-toolbar > .dropdown > .dropdown-menu:after, .dropdown-menu.dropdown-caret:after,
.widget-toolbar > .dropdown > .dropdown-menu:before, .dropdown-menu.dropdown-caret:before{
    display: none;
}

.dropdown-menu > li > a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
}

.dropdown-menu.dropdown-icon-only {
    min-width: 0;
}

.dropdown-menu.dropdown-icon-only > li > a [class*="icon-"] {
    width: 18px;
    display: inline-block;
}

.dropdown-menu.dropdown-icon-only > li > a .icon-2x {
    width: 36px;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover > a,
.nav-tabs .dropdown-menu li > a:focus {
    background: #4f99c6;
    color: #ffffff;
}

.dropdown-default li a:hover,
.dropdown-default li a:focus,
.dropdown-default li a:active,
.dropdown-default li.active a,
.dropdown-default li.active a:hover,
.dropdown-default .dropdown-submenu:hover > a,
.nav-tabs .dropdown-default li > a:focus {
    background: #abbac3;
    color: #ffffff;
}

.dropdown-info li a:hover,
.dropdown-info li a:focus,
.dropdown-info li a:active,
.dropdown-info li.active a,
.dropdown-info li.active a:hover,
.dropdown-info .dropdown-submenu:hover > a,
.nav-tabs .dropdown-info li > a:focus {
    background: #6fb3e0;
    color: #ffffff;
}

.dropdown-primary li a:hover,
.dropdown-primary li a:focus,
.dropdown-primary li a:active,
.dropdown-primary li.active a,
.dropdown-primary li.active a:hover,
.dropdown-primary .dropdown-submenu:hover > a,
.nav-tabs .dropdown-primary li > a:focus {
    background: #2283c5;
    color: #ffffff;
}

.dropdown-success li a:hover,
.dropdown-success li a:focus,
.dropdown-success li a:active,
.dropdown-success li.active a,
.dropdown-success li.active a:hover,
.dropdown-success .dropdown-submenu:hover > a,
.nav-tabs .dropdown-success li > a:focus {
    background: #87b87f;
    color: #ffffff;
}

.dropdown-warning li a:hover,
.dropdown-warning li a:focus,
.dropdown-warning li a:active,
.dropdown-warning li.active a,
.dropdown-warning li.active a:hover,
.dropdown-warning .dropdown-submenu:hover > a,
.nav-tabs .dropdown-warning li > a:focus {
    background: #ffa24d;
    color: #ffffff;
}

.dropdown-danger li a:hover,
.dropdown-danger li a:focus,
.dropdown-danger li a:active,
.dropdown-danger li.active a,
.dropdown-danger li.active a:hover,
.dropdown-danger .dropdown-submenu:hover > a,
.nav-tabs .dropdown-danger li > a:focus {
    background: #d15b47;
    color: #ffffff;
}

.dropdown-inverse li a:hover,
.dropdown-inverse li a:focus,
.dropdown-inverse li a:active,
.dropdown-inverse li.active a,
.dropdown-inverse li.active a:hover,
.dropdown-inverse .dropdown-submenu:hover > a,
.nav-tabs .dropdown-inverse li > a:focus {
    background: #555555;
    color: #ffffff;
}

.dropdown-purple li a:hover,
.dropdown-purple li a:focus,
.dropdown-purple li a:active,
.dropdown-purple li.active a,
.dropdown-purple li.active a:hover,
.dropdown-purple .dropdown-submenu:hover > a,
.nav-tabs .dropdown-purple li > a:focus {
    background: #9585bf;
    color: #ffffff;
}

.dropdown-pink li a:hover,
.dropdown-pink li a:focus,
.dropdown-pink li a:active,
.dropdown-pink li.active a,
.dropdown-pink li.active a:hover,
.dropdown-pink .dropdown-submenu:hover > a,
.nav-tabs .dropdown-pink li > a:focus {
    background: #d6487e;
    color: #ffffff;
}

.dropdown-grey li a:hover,
.dropdown-grey li a:focus,
.dropdown-grey li a:active,
.dropdown-grey li.active a,
.dropdown-grey li.active a:hover,
.dropdown-grey .dropdown-submenu:hover > a,
.nav-tabs .dropdown-grey li > a:focus {
    background: #a0a0a0;
    color: #ffffff;
}

.dropdown-light li a:hover,
.dropdown-light li a:focus,
.dropdown-light li a:active,
.dropdown-light li.active a,
.dropdown-light li.active a:hover,
.dropdown-light .dropdown-submenu:hover > a,
.nav-tabs .dropdown-light li > a:focus {
    background: #e7e7e7;
    color: #333333;
}

.dropdown-lighter li a:hover,
.dropdown-lighter li a:focus,
.dropdown-lighter li a:active,
.dropdown-lighter li.active a,
.dropdown-lighter li.active a:hover,
.dropdown-lighter .dropdown-submenu:hover > a,
.nav-tabs .dropdown-lighter li > a:focus {
    background: #f3f3f3;
    color: #444444;
}

.dropdown-yellow li a:hover,
.dropdown-yellow li a:focus,
.dropdown-yellow li a:active,
.dropdown-yellow li.active a,
.dropdown-yellow li.active a:hover,
.dropdown-yellow .dropdown-submenu:hover > a,
.nav-tabs .dropdown-yellow li > a:focus {
    background: #fee188;
    color: #444444;
}

.dropdown-light .dropdown-submenu:hover > a:after,
.dropdown-lighter .dropdown-submenu:hover > a:after {
    border-left-color: #444444;
}

.dropdown-menu.dropdown-close {
    top: 92%;
    left: -5px;
}

.dropdown-menu.dropdown-close.pull-right {
    left: auto;
    right: -5px;
}

.dropdown-menu.dropdown-closer {
    top: 80%;
    left: -10px;
}

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

.dropdown-submenu > .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-submenu > a:after {
    margin-right: -5px;
}

.dropdown-colorpicker > .dropdown-menu {
    top: 80%;
    left: -7px;
    padding: 4px;
    min-width: 120px;
    max-width: 120px;
}

.dropdown-colorpicker > .dropdown-menu.pull-right {
    right: -7px;
    left: auto;
}

.dropdown-colorpicker > .dropdown-menu > li {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    position: relative;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease 0.1s;
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {
    text-decoration: none;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 20px;
}

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #dddddd;
    vertical-align: middle;
    border-radius: 0;
}

.dropdown-navbar {
    padding: 0;
    width: 240px;
    -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
    border-color: #bcd4e5;
}

.dropdown-navbar > li {
    padding: 0 8px;
    background-color: #ffffff;
}

.dropdown-navbar > li.nav-header {
    text-shadow: none;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid;
}

.dropdown-navbar > li > [class*="icon-"],
.dropdown-navbar > li > a > [class*="icon-"],
.dropdown-navbar > li > span > [class*="icon-"] {
    margin-right: 5px !important;
    color: #555555;
    font-size: 14px;
}

.dropdown-navbar > li > a,
.dropdown-navbar > li > span {
    padding: 10px 2px;
    margin: 0;
    border-bottom: 1px solid;
    font-size: 12px;
    line-height: 16px;
    color: #555555;
}

.dropdown-navbar > li > a:active,
.dropdown-navbar > li > a:hover,
.dropdown-navbar > li > a:focus,
.dropdown-navbar > li > span:active,
.dropdown-navbar > li > span:hover,
.dropdown-navbar > li > span:focus {
    background-color: transparent !important;
    color: #555555;
}

.dropdown-navbar > li > a .progress {
    margin-bottom: 0;
    margin-top: 4px;
}

.dropdown-navbar > li > a .badge {
    line-height: 16px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 12px;
}

.dropdown-navbar > li:last-child > a {
    border-bottom: 0 solid #dddddd;
    border-top: 1px dotted transparent;
    color: #4f99c6;
    text-align: center;
    font-size: 13px;
}

.dropdown-navbar > li:last-child > a:hover {
    background-color: #ffffff;
    color: #4f99c6;
    text-decoration: underline;
}

.dropdown-navbar > li:last-child > a:hover > [class*="icon-"] {
    text-decoration: none;
}

.dropdown-navbar > li:hover {
    background-color: #f4f9fc !important;
}

.dropdown-navbar > li.nav-header {
    background-color: #ecf2f700 !important;
    color: #555555 !important;
    border-bottom-color: #bcd4e5;
    border-bottom: 1px solid #dddddd;
}

.dropdown-navbar > li.nav-header > [class*="icon-"] {
    color: #555555;
}

.dropdown-navbar > li > a,
.dropdown-navbar > li > span {
    border-bottom-color: #e4ecf3;
}

.dropdown-navbar.navbar-pink {
    border-color: #e5bcd4;
}

.dropdown-navbar.navbar-pink > li:hover {
    background-color: #fcf4f9 !important;
}

.dropdown-navbar.navbar-pink > li.nav-header {
    background-color: #f7ecf2 !important;
    color: #b471a0;
    border-bottom-color: #e5bcd4;
}

.dropdown-navbar.navbar-pink > li.nav-header > [class*="icon-"] {
    color: #c06090;
}

.dropdown-navbar.navbar-pink > li > a {
    border-bottom-color: #f3e4ec;
}

.dropdown-navbar.navbar-grey {
    border-color: #e5e5e5;
}

.dropdown-navbar.navbar-grey > li:hover {
    background-color: #f8f8f8 !important;
}

.dropdown-navbar.navbar-grey > li.nav-header {
    background-color: #f2f2f2 !important;
    color: #3a87ad;
    border-bottom-color: #e5e5e5;
}

.dropdown-navbar.navbar-grey > li.nav-header > [class*="icon-"] {
    color: #3a87ad;
}

.dropdown-navbar.navbar-grey > li > a {
    border-bottom-color: #eeeeee;
}

.dropdown-navbar.navbar-green {
    border-color: #b4d5ac;
}

.dropdown-navbar.navbar-green > li:hover {
    background-color: #f4f9ef !important;
}

.dropdown-navbar.navbar-green > li.nav-header {
    background-color: #ebf7e4 !important;
    color: #88aa66;
    border-bottom-color: #b4d5ac;
}

.dropdown-navbar.navbar-green > li.nav-header > [class*="icon-"] {
    color: #90c060;
}

.dropdown-navbar.navbar-green > li > a {
    border-bottom-color: #ecf3e4;
}

.dropdown-navbar [class*="btn"][class*="icon-"] {
    display: inline-block;
    border: 0;
    margin: 0 5px 0 0;
    width: 24px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.dropdown-navbar .msg-photo {
    margin-right: 6px;
    max-width: 42px;
}

.dropdown-navbar .msg-body {
    display: inline-block;
    line-height: 20px;
    white-space: normal;
    vertical-align: middle;
    max-width: 410px;
}

.dropdown-navbar .msg-title {
    display: inline-block;
    line-height: 14px;
}

.dropdown-navbar .msg-time {
    display: block;
    font-size: 11px;
    color: #777777;
}

.dropdown-navbar .msg-time > [class*="icon-"] {
    font-size: 14px;
    color: #555555;
}

.dropdown-menu li > a,
.dropdown-submenu > a {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.dropdown-preview {
    margin: 0 5px;
    display: inline-block;
}

.dropdown-preview > .dropdown-menu {
    display: block;
    position: static;
    margin-bottom: 5px;
}

.nav-list > li > a > [class*="icon-"]:first-child {
    display: inline !important;
}

.sidebar-collapse > [class*="icon-"] {
    display: inline-table;
}

.wizard-steps {
    list-style: none;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.wizard-steps li {
    display: block;
    text-align: center;
    float: left;
}

.wizard-steps li .step {
    border: 5px solid #ced1d6;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.wizard-steps li.hide-progress-bar:before {
    display: none;
}

.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #ced1d6;
    position: relative;
    top: 21px;
    z-index: 1;
}

.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%;
}

.wizard-steps li:first-child:before {
    max-width: 51%;
    left: 50%;
}

.wizard-steps li.active:before,
.wizard-steps li.complete:before,
.wizard-steps li.active .step,
.wizard-steps li.complete .step {
    border-color: #5293c4;
}

.wizard-steps li.complete .step {
    cursor: default;
    color: #ffffff;
    -webkit-transition: transform ease .1s;
    -moz-transition: transform ease .1s;
    -o-transition: transform ease .1s;
    transition: transform ease 0.1s;
}

.wizard-steps li.complete .step:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    content: "\f00c";
    background-color: #ffffff;
    z-index: 3;
    font-family: FontAwesome;
    font-size: 17px;
    color: #87ba21;
}

.wizard-steps li.complete:hover .step {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #80afd4;
}

.wizard-steps li.complete:hover:before {
    border-color: #80afd4;
}

.wizard-steps li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949ea7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.wizard-steps li.complete .title,
.wizard-steps li.active .title {
    color: #2b3d53;
}

.step-content .step-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px;
}

.step-content .active {
    display: block;
}

.wizard-actions {
    margin-top: 10px;
    text-align: right;
}

.dialogs {
    padding: 9px 9px 0;
    position: relative;
}

.itemdiv {
    padding-right: 3px;
    min-height: 84px;
    position: relative;
}

.itemdiv > .user {
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    border-radius: 100%;
}

.standalone-user {
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #c9d6e5;
    max-width: 32px;
    text-align: center;
    overflow: hidden;
}

.itemdiv > .user > img,
.itemdiv > .user > a > img {
    border-radius: 100%;
    position: relative;
}

.itemdiv > .body {
    width: auto;
    margin-left: 50px;
    margin-right: 12px;
    position: relative;
}

.itemdiv > .body > .time {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    position: absolute;
    right: 9px;
    top: 0;
}

.itemdiv > .body > .time [class*="icon-"] {
    font-size: 14px;
    font-weight: normal;
}

.itemdiv > .body > .name {
    display: block;
    color: #999999;
}

.itemdiv > .body > .name > b {
    color: #777777;
}

.itemdiv > .body > .text {
    display: block;
    padding-bottom: 19px;
    padding-left: 7px;
    margin-top: 2px;
    font-size: 13px;
    position: relative;
}

.itemdiv > .body > .text:after {
    display: block;
    content: "";
    height: 1px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 16px;
    right: -12px;
    margin-top: 9px;
    border-top: 1px solid #e4ecf3;
}

.itemdiv > .body > .text > [class*="icon-quote-"]:first-child {
    color: #dce3ed;
    margin-right: 4px;
}

.itemdiv:last-child > .body > .text {
    border-bottom: 0;
}

.itemdiv:last-child > .body > .text:after {
    display: none;
}

.itemdiv.dialogdiv {
    padding-bottom: 14px;
}

.itemdiv.dialogdiv:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 19px;
    width: 1px;
    max-width: 1px;
    background-color: #e1e6ed;
    border: 1px solid #d7dbdd;
    border-width: 0 1px;
}

.itemdiv.dialogdiv:last-child:before {
    display: none;
}

.itemdiv.dialogdiv > .user > img {
    border-color: #c9d6e5;
}

.itemdiv.dialogdiv > .body {
    border: 1px solid #dde4ed;
    padding: 3px 7px 7px;
    border-left-width: 2px;
    margin-right: 1px;
}

.itemdiv.dialogdiv > .body:before {
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    top: 11px;
    width: 8px;
    height: 8px;
    border: 2px solid #dde4ed;
    border-width: 2px 0 0 2px;
    background-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.itemdiv.dialogdiv > .body > .time {
    position: static;
    float: right;
}

.itemdiv.dialogdiv > .body > .text {
    padding-left: 0;
    padding-bottom: 0;
}

.itemdiv.dialogdiv > .body > .text:after {
    display: none;
}

.itemdiv.dialogdiv .tooltip > .tooltip-inner {
    word-break: break-all;
}

.itemdiv.memberdiv {
    width: 225px;
    padding: 2px;
    margin: 3px 0;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    font-size: 12px;
}

.itemdiv.memberdiv > .user > img {
    border-color: #dce3ed;
}

.itemdiv.memberdiv > .body > .time {
    position: static;
}

.itemdiv.memberdiv > .body > .name {
    line-height: 18px;
    height: 18px;
    margin-bottom: 0;
}

.itemdiv.memberdiv > .body > .name > a {
    display: inline-block;
    max-width: 100px;
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 13px;
    cursor: pointer;
}

.itemdiv.memberdiv.disableUser {
    opacity: 0.5;
    background-color: #eee;
    cursor: not-allowed;
}

.itemdiv .tools {
    width: 20px;
    position: absolute;
    right: 4px;
    bottom: 16px;
}

.itemdiv .tools .btn {
    border-radius: 36px;
    margin: 1px 0;
}

.itemdiv .body .tools {
    bottom: 4px;
}

.itemdiv.commentdiv .tools {
    right: 9px;
}

.itemdiv:hover .tools {
    display: inline-block;
}

.item-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.item-list > li {
    border: 1px solid #dddddd;
    border-left-width: 3px;
    padding: 9px;
    background-color: #ffffff;
    margin-top: -1px;
    position: relative;
}

.item-list > li.selected {
    color: #8090a0;
    background-color: #f4f9fc;
}

.item-list > li.selected label,
.item-list > li.selected .lbl {
    text-decoration: line-through;
    color: #8090a0;
}

.item-list > li > .checkbox {
    display: inline-block;
}

.item-list > li > label.inline {
    display: inline-block;
}

.item-list > li label {
    font-size: 13px;
}

.item-list > li .percentage {
    font-size: 11px;
    font-weight: bold;
    color: #777777;
}

.item-list > li.ui-sortable-helper {
    cursor: move;
}

.item-list > li.item-orange {
    border-left-color: #eccb71;
}

.item-list > li.item-red {
    border-left-color: #e05656;
}

.item-list > li.item-green {
    border-left-color: #9ecf6a;
}

.item-list > li.item-blue {
    border-left-color: #569add;
}

.item-list > li.item-pink {
    border-left-color: #dd56c0;
}

.item-list > li.item-black {
    border-left-color: #505050;
}

.item-list > li.item-grey {
    border-left-color: #999999;
}

.item-list > li.item-brown {
    border-left-color: #a52a2a;
}

.item-list > li.item-default {
    border-left-color: #abbac3;
}

.ace-file-input {
    position: relative;
    height: 38px;
    line-height: 38px;
    margin-bottom: 9px;
}

.ace-file-input input[type=file] {
    position: fixed;
    z-index: -2;
    opacity: 0;
}

.ace-file-input label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 28px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all 0.15s;
}

.ace-file-input label:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #f59942;
}

.ace-file-input label:before {
    display: inline-block;
    content: attr(data-title);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 8px;
    line-height: 24px;
    text-align: center;
    background-color: #6fb3e0;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #ffffff;
    border-left-width: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 0.3s;
}

.ace-file-input label span {
    display: inline-block;
    height: 28px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    color: #888888;
    font-size: 13px;
    position: static;
    padding-left: 30px;
}

.ace-file-input label span:after {
    display: inline-block;
    content: attr(data-title);
}

.ace-file-input label.selected {
    right: 16px;
}

.ace-file-input label.selected span {
    color: #666666;
}

.ace-file-input label [class*="icon-"] {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 22px;
    width: 22px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 13px;
    border: 2px solid #ffffff;
    color: #ffffff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    background-color: #d1d1d1;
}

.ace-file-input label.selected [class*="icon-"] {
    background-color: #efad62;
}

.ace-file-input label.selected .icon-picture {
    background-color: #bd7a9d;
}

.ace-file-input label.selected .icon-film {
    background-color: #87b87f;
}

.ace-file-input label.selected .icon-music {
    background-color: #8b7ac9;
}

.ace-file-input label.selected .icon-archive {
    background-color: #efad62;
}

.ace-file-input label.hide-placeholder:before {
    display: none;
}

.ace-file-input a:hover {
    text-decoration: none;
}

.ace-file-input .remove {
    position: absolute;
    right: -8px;
    top: 6px;
    display: none;
    width: 17px;
    text-align: center;
    height: 17px;
    line-height: 15px;
    font-size: 11px;
    font-weight: normal;
    background-color: #fb7142;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #ffffff;
    text-decoration: none;
}

.ace-file-input label.selected + .remove {
    display: inline-block;
}

.ace-file-multiple {
    height: auto;
}

.ace-file-multiple label {
    position: relative;
    height: auto;
    border: 1px dashed #aaaaaa;
    border-radius: 4px;
    text-align: center;
}

.ace-file-multiple label:before {
    display: inline-block;
    content: attr(data-title);
    position: relative;
    right: 0;
    left: 0;
    margin: 12px;
    line-height: 22px;
    background-color: #ffffff;
    color: #cccccc;
    font-size: 18px;
    font-weight: bold;
    border: 0;
}

.ace-file-multiple label.selected span [class*="icon-"] {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 22px;
    width: 22px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 13px;
    border: 2px solid #ffffff;
    color: #ffffff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all 0.1s;
}

.ace-file-multiple label span {
    position: relative;
    display: block;
    padding: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    margin: 0 4px;
    border-bottom: 1px solid #dddddd;
    text-align: left;
}

.ace-file-multiple label span:first-child {
    margin-top: 1px;
}

.ace-file-multiple label span:last-child {
    border-bottom-width: 0;
    margin-bottom: 1px;
}

.ace-file-multiple label span img {
    padding: 2px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    margin: 4px 8px 4px 1px;
}

.ace-file-multiple label span:after {
    display: none;
}

.ace-file-multiple label.selected span:after {
    display: inline-block;
    white-space: pre;
}

.ace-file-multiple label span img + [class*="icon-"],
.ace-file-multiple label.selected span img + [class*="icon-"] {
    display: none;
}

.ace-file-multiple .remove {
    right: -11px;
    top: -11px;
    border: 3px solid #bbbbbb;
    border-radius: 32px;
    background-color: #ffffff;
    color: #ff0000;
}

.ace-file-multiple label.selected + .remove:hover {
    border-color: #f4c0b1;
}

.ace-file-multiple label span [class*="icon-"] {
    position: relative;
    display: block;
    text-align: center;
    height: auto;
    line-height: 64px;
    width: auto;
    font-size: 64px;
    color: #d5d5d5;
    margin: 4px 0;
    background-color: transparent;
}

.ace-file-multiple label.selected:after {
    display: none;
}

.ace-file-multiple label.selected span [class*="icon-"] {
    position: relative;
    margin-right: 4px;
    margin-left: 2px;
    line-height: 24px;
}

.ace-file-multiple label span.large {
    text-align: center;
    border-bottom: 2px solid #222222;
    margin: 0 1px 3px;
}

.ace-file-multiple label span.large:last-child {
    margin: 0 1px;
    border-bottom-width: 0;
}

.ace-file-multiple label span.large:after {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 4px;
    background-color: #555555;
    color: #ffffff;
    opacity: .8;
    filter: alpha(opacity=80);
}

.ace-file-multiple label span.large img {
    border-width: 0;
    margin: 0;
    padding: 0;
}

.ace-file-input input[type=file].disabled + label,
.ace-file-input input[type=file][disabled] + label,
.ace-file-input input[type=file][readonly] + label {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.ace-file-input input[type=file].disabled + label:hover,
.ace-file-input input[type=file][disabled] + label:hover,
.ace-file-input input[type=file][readonly] + label:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #e3e3e3;
}

.ace-file-input input[type=file].disabled + label:before,
.ace-file-input input[type=file][disabled] + label:before,
.ace-file-input input[type=file][readonly] + label:before {
    border-color: #eeeeee;
    background-color: #a1aaaf;
}

.ace-file-input input[type=file][readonly] + label {
    cursor: default;
}

.ace-file-multiple input[type=file].disabled + label:hover,
.ace-file-multiple input[type=file][disabled] + label:hover,
.ace-file-multiple input[type=file][readonly] + label:hover {
    border-color: #aaaaaa;
}

.ace-file-multiple input[type=file].disabled + label:before,
.ace-file-multiple input[type=file][disabled] + label:before,
.ace-file-multiple input[type=file][readonly] + label:before {
    background-color: transparent;
}

.ace-file-multiple input[type=file].disabled + label [class*="icon-"],
.ace-file-multiple input[type=file][disabled] + label [class*="icon-"],
.ace-file-multiple input[type=file][readonly] + label [class*="icon-"] {
    border-color: #eeeeee;
}

.tab-content {
    border: 1px solid #c5d0dc;
    padding: 16px 12px;
    position: relative;
    z-index: 11;
    background: #ffffff;
}

.tab-content.no-padding {
    padding: 0;
}

.tab-content.no-border {
    border: 0;
    padding: 12px;
}

.tab-content.padding-32 {
    padding: 32px 24px;
}

.tab-content.no-border.padding-32 {
    padding: 32px;
}

.tab-content.padding-30 {
    padding: 30px 23px;
}

.tab-content.no-border.padding-30 {
    padding: 30px;
}

.tab-content.padding-28 {
    padding: 28px 21px;
}

.tab-content.no-border.padding-28 {
    padding: 28px;
}

.tab-content.padding-26 {
    padding: 26px 20px;
}

.tab-content.no-border.padding-26 {
    padding: 26px;
}

.tab-content.padding-24 {
    padding: 24px 18px;
}

.tab-content.no-border.padding-24 {
    padding: 24px;
}

.tab-content.padding-22 {
    padding: 22px 17px;
}

.tab-content.no-border.padding-22 {
    padding: 22px;
}

.tab-content.padding-20 {
    padding: 20px 15px;
}

.tab-content.no-border.padding-20 {
    padding: 20px;
}

.tab-content.padding-18 {
    padding: 18px 14px;
}

.tab-content.no-border.padding-18 {
    padding: 18px;
}

.tab-content.padding-16 {
    padding: 16px 12px;
}

.tab-content.no-border.padding-16 {
    padding: 16px;
}

.tab-content.padding-14 {
    padding: 14px 11px;
}

.tab-content.no-border.padding-14 {
    padding: 14px;
}

.tab-content.padding-12 {
    padding: 12px 9px;
}

.tab-content.no-border.padding-12 {
    padding: 12px;
}

.tab-content.padding-10 {
    padding: 10px 8px;
}

.tab-content.no-border.padding-10 {
    padding: 10px;
}

.tab-content.padding-8 {
    padding: 8px 6px;
}

.tab-content.no-border.padding-8 {
    padding: 8px;
}

.tab-content.padding-6 {
    padding: 6px 5px;
}

.tab-content.no-border.padding-6 {
    padding: 6px;
}

.tab-content.padding-4 {
    padding: 4px 3px;
}

.tab-content.no-border.padding-4 {
    padding: 4px;
}

.tab-content.padding-2 {
    padding: 2px 2px;
}

.tab-content.no-border.padding-2 {
    padding: 2px;
}

.tab-content.padding-0 {
    padding: 0;
}

.tab-content.no-border.padding-0 {
    padding: 0;
}

.nav-tabs.padding-32 {
    padding-left: 32px;
}

.tabs-right > .nav-tabs.padding-32,
.tabs-left > .nav-tabs.padding-32 {
    padding-left: 0;
    padding-top: 32px;
}

.nav-tabs.padding-30 {
    padding-left: 30px;
}

.tabs-right > .nav-tabs.padding-30,
.tabs-left > .nav-tabs.padding-30 {
    padding-left: 0;
    padding-top: 30px;
}

.nav-tabs.padding-28 {
    padding-left: 28px;
}

.tabs-right > .nav-tabs.padding-28,
.tabs-left > .nav-tabs.padding-28 {
    padding-left: 0;
    padding-top: 28px;
}

.nav-tabs.padding-26 {
    padding-left: 26px;
}

.tabs-right > .nav-tabs.padding-26,
.tabs-left > .nav-tabs.padding-26 {
    padding-left: 0;
    padding-top: 26px;
}

.nav-tabs.padding-24 {
    padding-left: 24px;
}

.tabs-right > .nav-tabs.padding-24,
.tabs-left > .nav-tabs.padding-24 {
    padding-left: 0;
    padding-top: 24px;
}

.nav-tabs.padding-22 {
    padding-left: 22px;
}

.tabs-right > .nav-tabs.padding-22,
.tabs-left > .nav-tabs.padding-22 {
    padding-left: 0;
    padding-top: 22px;
}

.nav-tabs.padding-20 {
    padding-left: 20px;
}

.tabs-right > .nav-tabs.padding-20,
.tabs-left > .nav-tabs.padding-20 {
    padding-left: 0;
    padding-top: 20px;
}

.nav-tabs.padding-18 {
    padding-left: 18px;
}

.tabs-right > .nav-tabs.padding-18,
.tabs-left > .nav-tabs.padding-18 {
    padding-left: 0;
    padding-top: 18px;
}

.nav-tabs.padding-16 {
    padding-left: 16px;
}

.tabs-right > .nav-tabs.padding-16,
.tabs-left > .nav-tabs.padding-16 {
    padding-left: 0;
    padding-top: 16px;
}

.nav-tabs.padding-14 {
    padding-left: 14px;
}

.tabs-right > .nav-tabs.padding-14,
.tabs-left > .nav-tabs.padding-14 {
    padding-left: 0;
    padding-top: 14px;
}

.nav-tabs.padding-12 {
    padding-left: 12px;
}

.tabs-right > .nav-tabs.padding-12,
.tabs-left > .nav-tabs.padding-12 {
    padding-left: 0;
    padding-top: 12px;
}

.nav-tabs.padding-10 {
    padding-left: 10px;
}

.tabs-right > .nav-tabs.padding-10,
.tabs-left > .nav-tabs.padding-10 {
    padding-left: 0;
    padding-top: 10px;
}

.nav-tabs.padding-8 {
    padding-left: 8px;
}

.tabs-right > .nav-tabs.padding-8,
.tabs-left > .nav-tabs.padding-8 {
    padding-left: 0;
    padding-top: 8px;
}

.nav-tabs.padding-6 {
    padding-left: 6px;
}

.tabs-right > .nav-tabs.padding-6,
.tabs-left > .nav-tabs.padding-6 {
    padding-left: 0;
    padding-top: 6px;
}

.nav-tabs.padding-4 {
    padding-left: 4px;
}

.tabs-right > .nav-tabs.padding-4,
.tabs-left > .nav-tabs.padding-4 {
    padding-left: 0;
    padding-top: 4px;
}

.nav-tabs.padding-2 {
    padding-left: 2px;
}

.tabs-right > .nav-tabs.padding-2,
.tabs-left > .nav-tabs.padding-2 {
    padding-left: 0;
    padding-top: 2px;
}

.nav-tabs {
    border-color: #c5d0dc;
    margin-bottom: 0;
    position: relative;
    top: 1px;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus {
    border-radius: 0 !important;
    background-color: #f9f9f9;
    color: #999999;
    margin-right: -1px;
    position: relative;
    z-index: 11;
    border-color: #c5d0dc;
}

.nav-tabs > li > a:hover {
    background-color: #ffffff;
    color: #4c8fbd;
    border-color: #c5d0dc;
}

.nav-tabs > li > a:active,
.nav-tabs > li > a:focus {
    outline: none !important;
}

.nav-tabs > li:first-child > a {
    margin-left: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #576373;
    border-color: #c5d0dc;
    border-top: 2px solid #4c8fbd;
    border-bottom-color: transparent;
    background-color: #ffffff;
    z-index: 12;
    line-height: 16px;
    margin-top: -1px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tabs-below > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-color: #c5d0dc;
}

.tabs-below > .nav-tabs > li > a,
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-color: #c5d0dc;
}

.tabs-below > .nav-tabs > li.active > a,
.tabs-below > .nav-tabs > li.active > a:hover,
.tabs-below > .nav-tabs > li.active > a:focus {
    border-color: #c5d0dc;
    border-top-width: 1px;
    border-bottom: 2px solid #4c8fbd;
    border-top-color: transparent;
    margin-top: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 60px;
}

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-right: -1px;
    border-color: #c5d0dc;
}

.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > a:hover {
    border-color: #c5d0dc;
    margin: 0 -1px 0 0;
}

.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover {
    border-color: #c5d0dc;
    border-top-width: 1px;
    border-left: 2px solid #4c8fbd;
    border-right-color: transparent;
    margin: 0 -1px 0 -1px;
    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15);
}

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-left: -1px;
    border-color: #c5d0dc;
}

.tabs-right > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:hover {
    border-color: #c5d0dc;
    margin: 0 0 0 -1px;
}

.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:hover {
    border-color: #c5d0dc;
    border-top-width: 1px;
    border-right: 2px solid #4c8fbd;
    border-left-color: transparent;
    margin: 0 -1px 0 -1px;
    box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15);
}

.nav-tabs > li > a > .badge {
    padding: 0 4px;
    line-height: 15px;
    opacity: 0.75;
}

.nav-tabs > li > a > [class*="icon-"] {
    opacity: 0.75;
}

.nav-tabs > li.active > a > .badge,
.nav-tabs > li.active > a > [class*="icon-"] {
    opacity: 1;
}

.nav-tabs li [class*=" icon-"],
.nav-tabs li [class^="icon-"] {
    width: 1.25em;
    display: inline-block;
    text-align: center;
    margin: 0;
}

.nav-tabs > li.open .dropdown-toggle {
    background-color: #4f99c6;
    border-color: #4f99c6;
    color: #ffffff;
}

.nav-tabs > li.open .dropdown-toggle .caret {
    margin-top: 7px;
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 7px;
}

.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    background-color: #4f99c6;
    border-color: #4f99c6;
    color: #ffffff;
}

.nav-tabs li {
    margin-bottom: -1px !important;
    min-height: 38px;
}

.nav-tabs > li > a {
    border: 1px solid #c5d0dc !important;
    margin-right: -1px !important;
}

.nav-tabs > li.active a {
    border-top: 3px solid #4c8fbd !important;
    border-bottom: none !important;
}

.nav {
    margin-bottom: 0 !important;
}

.tabs-left > .nav-tabs {
    margin-right: -1px !important;
}

.tabs-left > .nav-tabs > li.active > a {
    border-top: 1px solid #c5d0dc !important;
    border-left: 2px solid #4c8fbd !important;
    border-right: 0 !important;
}

.wizard-btns {
    bottom: 20px;
    right: 20px;
}

.dark {
    color: #333333 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #dd5a43 !important;
}

.light-red {
    color: #ff7777 !important;
}

.blue {
    color: #478fca !important;
}

.blue2 {
    color: #4383b4 !important;
}

.light-blue {
    color: #93cbf9 !important;
}

.green {
    color: #69aa46 !important;
}

.light-green {
    color: #b0d877 !important;
}

.orange {
    color: #ff892a !important;
}

.orange2 {
    color: #feb902 !important;
}

.light-orange {
    color: #fcac6f !important;
}

.purple {
    color: #a069c3 !important;
}

.pink {
    color: #c6699f !important;
}

.pink2 {
    color: #d6487e !important;
}

.brown {
    color: #a52a2a !important;
}

.grey {
    color: #777777 !important;
}

.light-grey {
    color: #bbbbbb !important;
}

.lighter {
    font-weight: lighter;
}

.bolder {
    font-weight: bolder;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.center,
.align-center {
    text-align: center;
}

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

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

.middle {
    vertical-align: middle;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

h1 {
    font-size: 32px;
    font-weight: normal;
}

h1.smaller {
    font-size: 31px;
}

h1.bigger {
    font-size: 33px;
}

h1.block {
    margin-bottom: 16px;
}

h2 {
    font-size: 26px;
    font-weight: normal;
}

h2.smaller {
    font-size: 25px;
}

h2.bigger {
    font-size: 27px;
}

h2.block {
    margin-bottom: 16px;
}

h3 {
    font-size: 22px;
    font-weight: normal;
}

h3.smaller {
    font-size: 21px;
}

h3.bigger {
    font-size: 23px;
}

h3.block {
    margin-bottom: 16px;
}

h4 {
    font-size: 18px;
    font-weight: normal;
}

h4.smaller {
    font-size: 17px;
}

h4.bigger {
    font-size: 19px;
}

h4.block {
    margin-bottom: 16px;
}

h5 {
    font-size: 15px;
    font-weight: normal;
}

h5.smaller {
    font-size: 14px;
}

h5.bigger {
    font-size: 16px;
}

h5.block {
    margin-bottom: 16px;
}

h6 {
    font-size: 13px;
    font-weight: normal;
}

h6.smaller {
    font-size: 12px;
}

h6.bigger {
    font-size: 14px;
}

h6.block {
    margin-bottom: 16px;
}

.no-padding {
    padding: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-left,
.row-fluid .span12.no-margin-left {
    margin-left: 0;
}

.no-margin-right {
    margin-right: 0;
}

.no-border {
    border: 0;
}

.no-border-bottom {
    border-bottom: 0;
}

.no-border-top {
    border-top: 0;
}

.no-border-left {
    border-left: none;
}

.no-border-right {
    border-right: 0;
}

.widget-toolbar > .nav-tabs > li {
    margin-bottom: -1px !important;
    height: 48px;
}

.profile-user-info {
    margin: 0 12px;
}

.profile-info-row {
    position: relative;
    line-height: 32px;
    display: flex;
}

.profile-info-name {
    padding: 6px 10px 6px 0;
    width: 150px;
    text-align: right;
    font-weight: normal;
    margin: 0;
    color: #667e99;
    background-color: transparent;
    border-top: 1px dotted #d5e4f1;
}

.profile-info-value input.error {
    margin-bottom: 15px !important;
}

.profile-info-value label.error {
    position: absolute;
    bottom: 0;
    margin: 0;
}

.profile-info-value {
    padding: 6px 4px 6px 6px;
    border-top: 1px dotted #d5e4f1;
    width: 100%;
}

.profile-info-value > input, .profile-info-value > select {
    margin: 0 !important;
}

.profile-info-value > span + span:before {
    display: inline;
    content: ",";
    margin-left: 1px;
    margin-right: 3px;
    color: #666666;
    border-bottom: 1px solid #ffffff;
}

.profile-info-value > span + span.editable-container:before {
    display: none;
}

.profile-info-row:first-child .profile-info-name {
    border-top: 0;
}

.profile-info-row:first-child .profile-info-value {
    border-top: 0;
}

.profile-user-info-striped {
    border: 1px solid #dcebf7;
}

.profile-user-info-striped .profile-info-name {
    color: #336199;
    background-color: #edf3f4;
    border-top: 1px solid #f7fbff;
}

.profile-user-info-striped .profile-info-value {
    border-top: 1px dotted #dcebf7;
    padding-left: 12px;
}

.profile-picture {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.profile-activity:nth-child(odd) {
    background: #f6f6f6;
}

.profile-activity {
    padding: 10px 4px 10px 14px;
    position: relative;
    font-size: 12px;
    background: #fff;
}

.profile-activity-msg {
    padding: 3px 120px 3px 8px;
}

.profile-activity-time {
    position: absolute;
    top: 12px;
    right: 20px;
    color: #696969;
    font-size: 11px;
}

.profile-activity-msg a {
    color: #2876fd
}

.profile-activity .time {
    display: block;
    color: #777777;
    position: absolute;
    top: 13px;
    right: 10px;
}

.profile-activity a.user {
    font-weight: 500;
    color: #2876fd;
}

.profile-activity .tools {
    position: absolute;
    right: 12px;
    bottom: 8px;
    display: none;
}

.profile-activity:hover .tools {
    display: block;
}

.user-profile .ace-thumbnails li {
    border: 1px solid #cccccc;
    padding: 3px;
    margin: 6px;
}

.user-profile .ace-thumbnails li .tools {
    left: 3px;
    right: 3px;
}

.user-profile .ace-thumbnails li:hover .tools {
    bottom: 3px;
}

.user-profile .user-title-label:hover {
    text-decoration: none;
}

.user-profile .user-title-label + .dropdown-menu {
    margin-left: -12px;
}

.profile-contact-links {
    padding: 4px 2px 5px;
    border: 1px solid #e0e2e5;
    background-color: #f8fafc;
}

.profile-contact-info .btn-link:hover > [class*="icon-"],
.profile-contact-info .btn-link:focus > [class*="icon-"] {
    text-decoration: none;
}

.profile-social-links > a {
    text-decoration: none;
    margin: 0 1px;
}

.profile-social-links > a:hover > [class*="icon-"] {
    text-decoration: none;
}

.profile-skills .progress {
    height: 24px;
    margin-bottom: 2px;
    background-color: transparent;
}

.profile-skills .progress .bar {
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    padding: 0 8px;
}

.profile-users .user {
    display: block;
    position: static;
    text-align: center;
    width: auto;
}

.profile-users .user img {
    padding: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #aaaaaa;
    max-width: none;
    width: 64px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all 0.1s;
}

.profile-users .user img:hover {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33);
}

.profile-users .memberdiv {
    background-color: #ffffff;
    width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    text-align: center;
    margin: 0 8px 24px;
}

.profile-users .memberdiv .name a:hover [class*="icon-"] {
    text-decoration: none;
}

.profile-users .memberdiv .body {
    display: inline-block;
    margin: 8px 0 0 0;
}

.profile-users .memberdiv .popover {
    visibility: hidden;
    min-width: 150px;
    margin-left: 0;
    margin-right: 0;
    top: -5%;
    left: auto;
    right: auto;
    z-index: -1;
    opacity: 0;
    display: none;
    -webkit-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s;
    -moz-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s;
    -o-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s;
    transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s;
}

.profile-users .memberdiv .popover.right {
    left: 100%;
    right: auto;
    display: block;
}

.profile-users .memberdiv .popover.left {
    left: auto;
    right: 100%;
    display: block;
}

.profile-users .memberdiv > :first-child:hover .popover {
    visibility: visible;
    opacity: 1;
    z-index: 1010;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.profile-users .memberdiv .tools {
    position: static;
    display: block;
    width: 100%;
    margin-top: 2px;
}

.profile-users .memberdiv .tools > a {
    margin: 0 2px;
}

.profile-users .memberdiv .tools > a:hover {
    text-decoration: none;
}

.user-status {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    border: 3px solid #aaaaaa;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 1px;
}

.user-status.status-online {
    border-color: #8ac16c;
}

.user-status.status-busy {
    border-color: #e07f69;
}

.user-status.status-idle {
    border-color: #ffb752;
}

.tab-content.profile-edit-tab-content {
    border: 1px solid #dddddd;
    padding: 8px 32px 32px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.user-profile .form-horizontal .control-label {
    width: 125px;
}

.user-profile .form-horizontal .controls {
    margin-left: 140px;
}

.fc-header-title > h2 {
    font-size: 22px;
    color: #65a0ce;
}

.fc-widget-header,
.fc-widget-content {
    border: 1px solid #bcd4e5;
}

.fc-state-highlight {
    background: #ffffcc;
}

.fc-event-skin {
    border: none !important;
    background-color: #abbac3;
    padding: 0 0 1px 2px;
}

.label-yellow .fc-event-skin {
    color: #996633;
}

.label-light .fc-event-skin {
    color: #888888;
}

[class*="label-"] > .fc-event-skin,
[class*="label-"] > .fc-event-skin > .fc-event-skin.fc-event-head {
    background-color: inherit;
}

.fc-event-skin.ui-draggable-dragging {
    cursor: move;
}

.fc-event-skin.fc-event-vert,
.fc-event-vert > .fc-event-skin {
    padding: 0 0 1px;
}

.fc-grid .fc-day-number {
    color: #2e6589;
}

.fc-widget-header {
    background: #ecf2f7;
    color: #8090a0;
}

.fc-event-hori,
.fc-event-vert {
    border-radius: 0 !important;
    border-color: transparent;
}

.fc-event-vert .fc-event-content {
    padding-left: 1px;
    padding-right: 1px;
}

.fc-event-vert .fc-event-time {
    padding: 0;
}

.fc-state-default {
    border: 0;
}

.fc-state-default,
.fc-state-default .fc-button-inner {
    border: 0;
    background-color: #abbac3;
    color: #ffffff;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0 !important;
    margin-left: 2px;
}

.fc-state-default .fc-button-effect {
    display: none;
}

.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
    opacity: .75;
    filter: alpha(opacity=75);
    color: #dddddd;
}

.fc-state-active,
.fc-state-active .fc-button-inner {
    border-color: #4f99c6;
    background-color: #6fb3e0;
}

.fc-state-hover,
.fc-state-hover .fc-button-inner {
    background-color: #8b9aa3;
}

.external-event {
    margin: 6px 0;
    padding: 0;
    cursor: default;
    display: block;
    color: #ffffff;
    background-color: #abbac3;
    font-size: 13px;
    line-height: 28px;
}

.external-event:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.external-event.ui-draggable-dragging {
    cursor: move;
}

.external-event > [class*="icon-"]:first-child {
    display: inline-block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    font-size: 15px;
    border-right: 1px solid #ffffff;
}

.tags {
    display: inline-block;
    padding: 4px 6px;
    color: #777777;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    width: 206px;
}

.tags:hover {
    border-color: #b5b5b5;
}

.tags[class*="span"] {
    float: none;
    margin-left: 0;
}

.tags input[type="text"],
.tags input[type="text"]:focus {
    border: 0;
    display: inline;
    outline: 0;
    margin: 0;
    padding: 0;
    line-height: 14px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.tags .tag {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #91b8d0;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    padding: 4px 22px 5px 9px;
    margin-bottom: 3px;
    margin-right: 3px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s;
}

.tags .tag:empty {
    display: none;
}

.tags .tag-important {
    background-color: #d15b47;
}

.tags .tag-warning {
    background-color: #ffb752;
}

.tags .tag-success {
    background-color: #87b87f;
}

.tags .tag-info {
    background-color: #6fb3e0;
}

.tags .tag-inverse {
    background-color: #555555;
}

.tags .tag .close {
    font-size: 15px;
    line-height: 20px;
    opacity: 1;
    color: #ffffff;
    text-shadow: none;
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    text-align: center;
}

.tags .tag .close:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.no-border-lr {
    border-right: 0;
    border-left: 0;
}


.login-container {
    width: 375px;
    margin: 0 auto
}

.login-layout:before {
    display: none
}

.login-layout .main-content {
    margin-left: 0;
    min-height: 100%
}

#login > fieldset > label > span > i{
    font-size: 22px;
    line-height: 40px;
}

.login-layout label {
    margin-bottom: 11px
}

.login-layout .widget-box {
    visibility: hidden;
    position: absolute;
    width: 100%;
    border-bottom: 0;
    box-shadow: none;
    padding: 2px;
    -moz-transform: scale(0, 1) translate(-150px);
    -webkit-transform: scale(0, 1) translate(-150px);
    -o-transform: scale(0, 1) translate(-150px);
    -ms-transform: scale(0, 1) translate(-150px);
    transform: scale(0, 1) translate(-150px);
    -webkit-transition:-webkit-transform 0.3s;
}

.login-layout .widget-box.visible {
    visibility: visible;
    -moz-transform: scale(1, 1) translate(0);
    -webkit-transform: scale(1, 1) translate(0);
    -o-transform: scale(1, 1) translate(0);
    -ms-transform: scale(1, 1) translate(0);
    transform: scale(1, 1) translate(0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: none;
    -webkit-transition: none;
    -webkit-transition:-webkit-transform 0.3s;
}

.login-layout .widget-box .widget-body {
    border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.02);
}

.login-layout .widget-box .widget-body.tfa {
    background-color: #fff;
}

.btn-login{
    border-radius: 8px !important;
}

.login-layout .widget-box .widget-main {
    padding: 0px;
    background: #ffffff;
}

.login-layout .widget-box form .widget-main{
    padding: 30px 20px;
}

.login-layout .widget-box .widget-main form {
    margin: 0
}

.login-layout .widget-box .widget-body .toolbar>div>a {
    font-size: 15px;
    font-weight: 400;
}

.login-box .headerLogo, .forgot-box .headerLogo{
    background: #ffffff;
}

.login-box .user-signup-link {
    color: #FFFFFF;
}

.login-box .toolbar {
    background: #575BD8;
}

.login-box .toolbar>div {
    width: 50%;
    display: inline-block;
}

.login-box .toolbar>div:first-child {
    float: left;
    text-align: left
}

.login-box .toolbar>div:first-child>a {
    margin-left: 11px
}

.login-box .toolbar>div:first-child+div {
    float: right;
    text-align: right
}

.login-box .toolbar>div:first-child+div>a {
    margin-right: 11px
}

.forgot-box .toolbar {
    background: #575BD8;
    padding: 9px 18px
}

.signup-box .toolbar {
    background: #575BD8;
    padding: 9px 18px
}

.forgot-box .back-to-login-link, .signup-box .back-to-login-link {
    color: #FFFFFF;
    font-size: 14px;
}

.login-box .social-or-login {
    margin-top: 4px;
    position: relative;
    z-index: 1
}

.login-box .social-or-login :first-child {
    display: inline-block;
    background: #f7f7f7;
    padding: 0 8px;
    color: #575BD8;
    font-size: 13px
}

.login-box .social-or-login:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px dotted #a6c4db
}

.login-box .social-login {
    margin-top: 12px
}

.login-box .social-login a {
    border-radius: 100%;
    width: 42px;
    height: 42px;
    line-height: 46px;
    padding: 0;
    margin: 0 1px;
    border: 0
}

.login-box .social-login a>[class*="icon-"] {
    font-size: 24px
}

.login-footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.menu_option{
    width: 358px;
    word-wrap: break-word;
}

.menutd .menu_option{
    word-wrap: break-word;
    max-width: 200px;
}

.open .menutd .menu_option{
    width: 170px;
    margin-right: 15px;
    max-height: 32px;
}

.submenu td.menutd.menutd-text{
    width: 160px;
    padding: 6px 0px 6px 42px;
}

.projectBoxContent {
    padding: 0px 14px 0px 6px;
}

.projects {
    padding-top: 10px;
}

.projectBoxContent .tab-content{
    overflow: hidden;
}

.dropdown-closer li.menubtncreateobjects div.clearfix form a, .dropdown-closer li.menu_divider.menubtnadddata div.clearfix form a, .dropdown-closer li.menu_divider.menubtnviewtutorial div.clearfix form a{
    font-weight: bold !important;
    color: #ffffff !important;
}

.dropdown-closer li.menubtnadddata{
    background: #5bb75b;
}

.dropdown-closer li.menubtnadddata:hover{
    background: #31b733 !important;
}

.dropdown-closer li.menubtncreateobjects{
    background: #E04141;
}

.dropdown-closer li.menubtncreateobjects:hover{
    background: #E0191A !important;
}


.dropdown-closer li.menubtnviewtutorial{
    background: #307ECC;;
}

.dropdown-closer li.menubtnviewtutorial:hover{
    background: #0028cc !important;
}

.icePnlPopBody.dialogBody {
    position: relative;
}

.btnCreateObject:hover{
    background: #EA0B0B !important;
}

.btnAddData:hover{
    background: #008C0B !important;
}
.itemdiv > .user {
    top: 10px
}

.itemdiv.memberdiv {
    width: 200px;
    border-bottom: none;
}

.wizard {
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    border-radius: 5px;
}

.wizard-step {
    background-color: #dddddd;
    border-radius: 5px 5px 0 0;
    color: #21618b;
}

.wizard-selected-step {
    background-color: #194368;
    background-image: linear-gradient(to bottom, #194368 0, #286ba6 100%);
    color: #f5f5f5;
}

.wizard-data-td {
    padding: 5px;
}

table tr,
table tr td,
table tr th {
  page-break-inside: auto;
}

.mdx-tale.table-image-container img {
  opacity: 1 !important;
}

.mdx-table input {
  margin-right: 3px;
}

.mdx-table thead .blank,
.mdx-table thead .measure {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border-width: 0 !important;
}

.table-theme-branco-azul .mdx-table thead tr:nth-child(odd),
.table-theme-branco-azul .mdx-table thead tr:nth-child(odd) th,
.table-theme-branco-azul .mdx-table thead tr:nth-child(odd) td,
.branco-azul .mdx-table thead tr:nth-child(odd),
.branco-azul .mdx-table thead tr:nth-child(odd) th,
.branco-azul .mdx-table thead tr:nth-child(odd) td,
.table-theme-branco-azul .mdx-table thead tr:nth-child(even),
.table-theme-branco-azul .mdx-table thead tr:nth-child(even) th,
.table-theme-branco-azul .mdx-table thead tr:nth-child(even) td,
.branco-azul .mdx-table thead tr:nth-child(even),
.branco-azul .mdx-table thead tr:nth-child(even) th,
.branco-azul .mdx-table thead tr:nth-child(even) td {
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-top: 0px;
}

.mdx-table-border-none .mdx-table tr:nth-child(odd),
.mdx-table-border-none .mdx-table tr:nth-child(odd) th,
.mdx-table-border-none .mdx-table tr:nth-child(odd) td,
.mdx-table-border-none .mdx-table tr:nth-child(even),
.mdx-table-border-none .mdx-table tr:nth-child(even) th,
.mdx-table-border-none .mdx-table tr:nth-child(even) td,
.mdx-table-border-none .mdx-table {
  border-style: none !important;
  border-width: 0 !important;
}

.mdx-table-border-solid .mdx-table tr:nth-child(odd),
.mdx-table-border-solid .mdx-table tr:nth-child(odd) th,
.mdx-table-border-solid .mdx-table tr:nth-child(odd) td,
.mdx-table-border-solid .mdx-table tr:nth-child(even),
.mdx-table-border-solid .mdx-table tr:nth-child(even) th,
.mdx-table-border-solid .mdx-table tr:nth-child(even) td {
  /*border-style: solid !important;*/
  border-width: 1px;
}

.mdx-table-border-dotted .mdx-table tbody tr:nth-child(odd),
.mdx-table-border-dotted .mdx-table tbody tr:nth-child(odd) th,
.mdx-table-border-dotted .mdx-table tbody tr:nth-child(odd) td,
.mdx-table-border-dotted .mdx-table tbody tr:nth-child(even),
.mdx-table-border-dotted .mdx-table tbody tr:nth-child(even) th,
.mdx-table-border-dotted .mdx-table tbody tr:nth-child(even) td {
  border-style: dotted !important;
  border-width: 1px;
}

.mdx-table-border-dashed .mdx-table tbody tr:nth-child(odd),
.mdx-table-border-dashed .mdx-table tbody tr:nth-child(odd) th,
.mdx-table-border-dashed .mdx-table tbody tr:nth-child(odd) td,
.mdx-table-border-dashed .mdx-table tbody tr:nth-child(even),
.mdx-table-border-dashed .mdx-table tbody tr:nth-child(even) th,
.mdx-table-border-dashed .mdx-table tbody tr:nth-child(even) td {
  border-style: dashed !important;
  border-width: 1px;
}

.table-row-size-small .mdx-table tr:nth-child(odd),
.table-row-size-small .mdx-table tr:nth-child(odd) th,
.table-row-size-small .mdx-table tr:nth-child(odd) td,
.table-row-size-small .mdx-table tr:nth-child(even),
.table-row-size-small .mdx-table tr:nth-child(even) th,
.table-row-size-small .mdx-table tr:nth-child(even) td {
  padding: 2px 5px;
}

.table-row-size-medium .mdx-table tr:nth-child(odd),
.table-row-size-medium .mdx-table tr:nth-child(odd) th,
.table-row-size-medium .mdx-table tr:nth-child(odd) td,
.table-row-size-medium .mdx-table tr:nth-child(even),
.table-row-size-medium .mdx-table tr:nth-child(even) th,
.table-row-size-medium .mdx-table tr:nth-child(even) td {
  padding: 5px 7px;
}

.table-row-size-big .mdx-table tr:nth-child(odd),
.table-row-size-big .mdx-table tr:nth-child(odd) th,
.table-row-size-big .mdx-table tr:nth-child(odd) td,
.table-row-size-big .mdx-table tr:nth-child(even),
.table-row-size-big .mdx-table tr:nth-child(even) th,
.table-row-size-big .mdx-table tr:nth-child(even) td {
  padding: 10px 12px;
}

.item-content-container .fixed-columns {
  border-right: none !important;
}

.mdx-table thead tr th,
.mdx-table thead tr td,
.mdx-table thead tr,
.mdx-table thead {
  white-space: nowrap;
}

.cell-odd,
.cell-even {
  font-weight: normal;
}

.row-heading-red,
.column-heading-red,
.row-heading-rot,
.column-heading-rot,
.cell-red {
  background-color: #ff6666 !important;
  border: solid 1px #ffffff;
}

.row-heading-yellow,
.column-heading-yellow,
.row-heading-gelb,
.column-heading-gelb,
.cell-yellow {
  background-color: yellow !important;
  border: solid 1px #ffffff;
}

.row-heading-green,
.column-heading-green,
.row-heading-gruen,
.column-heading-gruen,
.cell-green {
  background-color: #66ff66 !important;
  border: solid 1px #ffffff;
}

.cell-red,
.cell-yellow,
.cell-green {
  text-shadow: none !important;
}

.column-heading-even,
.column-heading-odd {
  text-shadow: none;
  color: #444444 !important;
}

.column-heading-selected,
.column-heading-odd,
.column-heading-span,
.column-heading-red,
.column-heading-green,
.column-heading-yellow,
.column-heading-rot,
.column-heading-gruen,
.column-heading-gelb,
.column-heading-even-right,
.row-heading-even-right,
.column-heading-odd-right,
.column-heading-span-right,
.column-heading-even {
  text-align: right !important;
}

#mdx-table-box {
  height: 80%;
  overflow-y: auto;
  overflow-x: visible;
}

.table-theme-silver .mdx-table thead tr th,
.table-theme-simple-line .mdx-table thead tr th,
.table-theme-config .mdx-table thead tr th {
  font-weight: bold !important;
  color: #000000;
}

.table-theme-default .mdx-table tr,
.table-theme-default .mdx-table tr th,
.table-theme-default .mdx-table tr td {
  border-width: 1px !important;
}

/*****************  thema clean start ****************/

.table-theme-clean table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-clean th,
.table-theme-clean td {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-clean .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-clean .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-clean .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #4f7ff2 !important;
  color: White;
}

.DashTheme-black .clusterize-scroll {
  scrollbar-color: #606163 #191919;
}

.table-theme-clean .mdx-table tbody tr.highlight-row th,
.table-theme-clean .mdx-table tbody tr.highlight-row td,
.table-theme-clean .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #2657ca !important;
  color: #ffffff;
}

.table-theme-clean table.mdx-table thead tr td.row-total-col.blank {
  background-color: #eaeaea !important;
  /* border-bottom: 1px solid #cccccc !important;*/
}

.table-theme-clean .row-total-col,
.table-theme-clean .col-total-row {
  background: #eeeeee !important;
}

.DashboardTheme-BLACK .table-theme-clean .row-total-col,
.DashboardTheme-BLACK .table-theme-clean .col-total-row td {
  background: #e8e8e8 !important;
}

.dashboarditem .mdx-table {
  background: white !important;
}

.DashboardTheme-BLACK .table-theme-clean table {
  background-color: #242424 !important;
}

.DashboardTheme-BLACK .table-theme-modern-6 tr.col-total-row {
  background-color: #272727 !important;
}

.DashboardTheme-BLACK .table-theme-modern-4 tr.col-total-row {
  background-color: #c0c7d5 !important;
}

.DashboardTheme-BLACK .table-theme-modern-5 tr.col-total-row {
  background-color: #353535 !important;
}

.table-theme-clean thead tr .heading-heading {
  background-color: #eaeaea !important;
}

.table-theme-clean thead tr .corner-heading {
  background-color: #39cdb5 !important;
}

.table-theme-clean thead tr th,
.table-theme-clean thead tr td {
  background-color: #eaeaea !important;
  color: #555555 !important;
}

.table-theme-clean thead tr:nth-child(odd) th,
.table-theme-clean thead tr:nth-child(odd) th {
  background-color: #26324b !important;
  color: #eaeaea !important;
}

.table-theme-clean thead tr:last-child th {
  border-bottom: 1px solid #cccccc !important;
}

.table-theme-clean td .cell-odd {
  background-color: #2c2e30;
}

.table-theme-clean tbody th {
  background-color: #ffffff;
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.table-theme-clean tbody tr:nth-child(odd) .cell-red {
  background-color: #e8cbcb !important;
  font-weight: bolder;
}

.table-theme-clean .cell-red {
  background-color: #d7acac !important;
  font-weight: bolder;
}

.table-theme-clean tbody tr:nth-child(odd) .cell-green {
  background-color: #d2e6c6 !important;
  font-weight: bolder;
}

.table-theme-clean .cell-green {
  background-color: #b8d4a6 !important;
  font-weight: bolder;
}

.table-theme-clean tbody tr:nth-child(odd) .cell-yellow {
  background-color: #f1e7ab !important;
  font-weight: bolder;
}

.table-theme-clean .cell-yellow {
  background-color: #e9db8c !important;
  font-weight: bolder;
}

.table-theme-clean th,
.table-theme-clean td {
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/*****************  thema clean end ****************/

/*****************  thema blue start ****************/

.table-theme-blue .mdx-table {
  background: transparent;
}

.table-theme-blue .mdx-table thead tr th {
  border-right: 1px solid #ffffff;
  background: #2980b9 !important;
}

.table-theme-blue .mdx-table thead tr th {
  background: #2980b9 !important;
}

.table-theme-blue .mdx-table thead tr {
  background: #2980b9 !important;
}

/*****************  thema blue end ****************/

/*****************  thema silver start ****************/

.table-theme-silver .mdx-table {
  background: #f5f5f5;
  color: #333333;
}

.table-theme-silver .mdx-table thead tr th,
.table-theme-silver .mdx-table thead tr td,
.table-theme-silver .mdx-table thead tr,
.table-theme-silver .mdx-table thead {
  border-right: 1px solid #ededed;
  background: #f9f9f9 !important;
  border: none;
  border-width: 0 !important;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-right-width: 1px !important;
  border-top-width: 1px !important;
  border-top-left: 1px !important;
  color: #333333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  height: 1.5em;
}

.table-theme-silver .mdx-table .cell-yellow,
.table-theme-silver .mdx-table .cell-green,
.table-theme-silver .mdx-table .cell-red,
.table-theme-silver .mdx-table thead tr th,
.table-theme-silver .mdx-table thead {
  color: #333333 !important;
}

.table-theme-silver .mdx-table tbody tr:nth-child(odd),
.table-theme-silver .mdx-table tbody tr:nth-child(odd) th,
.table-theme-silver .mdx-table tbody tr:nth-child(odd) td {
  background: #ffffff linear-gradient(to bottom, #ffffff00, #edededa8) repeat-x scroll 0 0;
  border: none;
  border-width: 0 !important;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-right-width: 1px !important;
  border-top-width: 1px !important;
  border-top-left: 1px !important;
  color: #333333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  height: 30px;
}

.table-theme-silver .mdx-table tbody tr:nth-child(odd) td.cell-green,
.table-theme-silver .mdx-table tbody tr:nth-child(odd) td.cell-yellow,
.table-theme-silver .mdx-table tbody tr:nth-child(odd) td.cell-red {
  background-image: none !important;
}

.table-theme-silver .mdx-table tbody tr:nth-child(even),
.table-theme-silver .mdx-table tbody tr:nth-child(even) th,
.table-theme-silver .mdx-table tbody tr:nth-child(even) td {
  background-color: #ffffff;
  border: none;
  border-width: 0 !important;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-right-width: 1px !important;
  border-top-left: 1px !important;
  color: #333333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 30px;
  height: 30px;
}

/*****************  thema silver end ****************/

/*****************  thema red start ****************/

.table-theme-red .mdx-table {
  background: transparent;
}

.table-theme-red .mdx-table thead tr th {
  border-right: 1px solid #ffffff;
  background: #d32f2f !important;
}

.table-theme-red .mdx-table thead tr th {
  background: #d32f2f !important;
}

.table-theme-red .mdx-table thead tr {
  background: #d32f2f !important;
}

/*****************  thema red end ****************/

/*****************  thema green start ****************/

.table-theme-green .mdx-table {
  background: transparent;
}

.table-theme-green .mdx-table thead tr th {
  border-right: 1px solid #ffffff;
  background: #388e3c !important;
}

.table-theme-green .mdx-table thead tr th {
  background: #388e3c !important;
}

.table-theme-green .mdx-table thead tr {
  background: #388e3c !important;
}

/*****************  thema gren end ****************/

/*****************  thema dark start ****************/

.table-theme-dark .mdx-table {
  background: transparent;
}

.table-theme-dark .mdx-table thead tr th {
  border-right: 1px solid #ffffff;
  background: #404040 !important;
}

.table-theme-dark .mdx-table thead tr th {
  background: #404040 !important;
}

.table-theme-dark .mdx-table thead tr {
  background: #404040 !important;
}

.table-theme-dark .mdx-table .cell-yellow,
.table-theme-dark .mdx-table .cell-green,
.table-theme-dark .mdx-table .cell-red,
.table-theme-dark .mdx-table thead tr th {
  color: #ffffff !important;
}

.table-theme-dark .mdx-table thead tr th {
  background: #404040 !important;
}

.table-theme-dark .mdx-table thead tr th {
  background: #404040 !important;
}

/*****************  thema dark end ****************/

/*****************  thema simple-line start ****************/

.table-theme-simple-line .mdx-table tr:nth-child(odd),
.table-theme-simple-line .mdx-table tr:nth-child(odd) th,
.table-theme-simple-line .mdx-table tr:nth-child(odd) td,
.table-theme-simple-line .mdx-table {
  background-color: #ffffff;
  color: #111111;
  text-shadow: none;
}

.table-theme-simple-line .mdx-table tr:nth-child(even),
.table-theme-simple-line .mdx-table tr:nth-child(even) th,
.table-theme-simple-line .mdx-table tr:nth-child(even) td,
.table-theme-simple-line .mdx-table {
  color: #111111;
  text-shadow: none;
}

.table-theme-simple-line .mdx-table .cell-yellow,
.table-theme-simple-line .mdx-table .cell-green,
.table-theme-simple-line .mdx-table .cell-red,
.table-theme-simple-line .mdx-table thead tr th,
.table-theme-simple-line .mdx-table thead {
  color: #111111 !important;
}

/*****************  thema simple-line end ****************/

/**************** css themes general ********************/

/*
.fixed-columns{
    width: calc(100% - 10px);
    border-right: none !important;
}

.fixed-header-cells-container{
    opacity: 0;
}
*/

.publisher-or-mobile .headersArea {
  width: auto !important;
}

.publisher-or-mobile table.mdx-table {
  max-width: 0;
}

.publisher-or-mobile .clusterize-scroll::-webkit-scrollbar {
  background-color: #fff !important;
}

.fixed-columns .mdx-table thead tr .corner-heading.blank {
  visibility: visible;
}

.fixed-columns .mdx-table thead tr .heading-heading.measure {
  visibility: visible;
}

.fixed-columns .mdx-table thead tr .blank,
.fixed-columns .mdx-table thead tr .measure,
.fixed-columns .mdx-table thead tr .column-heading-even,
.fixed-columns .mdx-table thead tr .column-heading-odd {
  visibility: hidden;
}

/* 100% table width into dashboard */
.dashboarditem .mdx-table {
  width: 100%;
}

.dashboarditem .table-theme-modern-5 .mdx-table {
  width: calc(100% - 1px);
}

.table-theme-blue .mdx-table thead tr:first-child,
.table-theme-rounded .mdx-table thead tr:first-child,
.table-theme-red .mdx-table thead tr:first-child,
.table-theme-green .mdx-table thead tr:first-child,
.table-theme-dark .mdx-table thead tr:first-child,
.table-theme-simple-line .mdx-table thead tr:first-child,
.table-theme-clean .mdx-table thead tr:first-child {
  color: #ffffff !important;
  border-width: 0 !important;
  visibility: inherit;
  height: 0px !important;
  line-height: 0px !important;
  font-size: 0px !important;
  border-right: 1px solid #ffffff;
}

.table-theme-dark .mdx-table tbody tr td,
.table-theme-dark .mdx-table tbody tr th {
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial !important;
}

.table-theme-dark .mdx-table .cell-yellow,
.table-theme-dark .mdx-table .cell-green,
.table-theme-dark .mdx-table .cell-red,
.table-theme-dark .mdx-table thead tr th {
  color: #ffffff !important;
}

.table-theme-simple-line .mdx-table tbody tr td,
.simple-line .mdx-table tbody tr th {
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial !important;
}

.table-theme-simple-line .mdx-table .cell-yellow,
.table-theme-simple-line .mdx-table .cell-green,
.table-theme-simple-line .mdx-table .cell-red {
  color: #ffffff !important;
}

.table-theme-blue thead .row-total-col.blank {
  background: #2980b9 !important;
}

.table-theme-red thead .row-total-col.blank {
  background: #d32f2f !important;
}

.table-theme-green thead .row-total-col.blank {
  background: #388e3c !important;
}

.table-theme-dark thead .row-total-col.blank {
  background: #404040 !important;
}

.table-theme-simple-line thead .row-total-col.blank {
  background: #ffffff !important;
}

.table-theme-branco-azul .mdx-table tr:nth-child(odd),
.table-theme-branco-azul .mdx-table tr:nth-child(odd) th,
.table-theme-branco-azul .mdx-table tr:nth-child(odd) td,
.branco-azul .mdx-table tr:nth-child(odd),
.branco-azul .mdx-table tr:nth-child(odd) th,
.branco-azul .mdx-table tr:nth-child(odd) td {
  backgound: #ffffff !important;
}

.table-theme-branco-azul .mdx-table tr:nth-child(even),
.table-theme-branco-azul .mdx-table tr:nth-child(even) th,
.table-theme-branco-azul .mdx-table tr:nth-child(even) td,
.branco-azul .mdx-table tr:nth-child(even),
.branco-azul .mdx-table tr:nth-child(even) th,
.branco-azul .mdx-table tr:nth-child(even) td {
  backgound: #eeeeee !important;
}

/******************* geral ******************/

.table-theme-blue .mdx-table tr:nth-child(odd),
.table-theme-blue .mdx-table tr:nth-child(odd) th,
.table-theme-blue .mdx-table tr:nth-child(odd) td,
.table-theme-red .mdx-table tr:nth-child(odd),
.table-theme-red .mdx-table tr:nth-child(odd) th,
.table-theme-red .mdx-table tr:nth-child(odd) td,
.table-theme-dark .mdx-table tr:nth-child(odd),
.table-theme-dark .mdx-table tr:nth-child(odd) th,
.table-theme-dark .mdx-table tr:nth-child(odd) td,
.table-theme-green .mdx-table tr:nth-child(odd),
.table-theme-green .mdx-table tr:nth-child(odd) th,
.table-theme-green .mdx-table tr:nth-child(odd) td,
.table-theme-simple-line .mdx-table tr:nth-child(odd),
.table-theme-simple-line .mdx-table tr:nth-child(odd) th,
.table-theme-simple-line .mdx-table tr:nth-child(odd) td {
  background-color: #ffffff;
  border: none;
  border-width: 0 !important;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-right-width: 1px !important;
  border-top-width: 1px !important;
  color: #333333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  height: 1.5em;
}

.table-theme-blue .mdx-table tr:nth-child(even),
.table-theme-blue .mdx-table tr:nth-child(even) th,
.table-theme-blue .mdx-table tr:nth-child(even) td,
.table-theme-green .mdx-table tr:nth-child(even),
.table-theme-green .mdx-table tr:nth-child(even) th,
.table-theme-green .mdx-table tr:nth-child(even) td,
.table-theme-dark .mdx-table tr:nth-child(even),
.table-theme-dark .mdx-table tr:nth-child(even) th,
.table-theme-dark .mdx-table tr:nth-child(even) td,
.table-theme-red .mdx-table tr:nth-child(even),
.table-theme-red .mdx-table tr:nth-child(even) th,
.table-theme-red .mdx-table tr:nth-child(even) td,
.table-theme-simple-line .mdx-table tr:nth-child(even),
.table-theme-simple-line .mdx-table tr:nth-child(even) th,
.table-theme-simple-line .mdx-table tr:nth-child(even) td {
  background-color: #e8e8e8;
  border: none;
  border-width: 0 !important;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-right-width: 1px !important;
  border-top-width: 1px !important;
  color: #333333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  height: 1.5em;
}

.table-theme-blue .mdx-table thead,
.table-theme-green .mdx-table thead,
.table-theme-dark .mdx-table thead,
.table-theme-red .mdx-table thead,
.table-theme-silver .mdx-table thead,
.table-theme-simple-line .mdx-table thead {
  border-bottom: 1px solid #cccccc;
}

.table-theme-blue .mdx-table td.cell-even,
.table-theme-blue .mdx-table td.cell-odd,
.table-theme-green .mdx-table td.cell-even,
.table-theme-green .mdx-table td.cell-odd,
.table-theme-dark .mdx-table td.cell-even,
.table-theme-dark .mdx-table td.cell-odd,
.table-theme-red .mdx-table td.cell-even,
.table-theme-red .mdx-table td.cell-odd,
.table-theme-silver .mdx-table td.cell-even,
.table-theme-silver .mdx-table td.cell-odd,
.table-theme-simple-line .mdx-table td.cell-even,
.table-theme-simple-line .mdx-table td.cell-odd {
  margin-left: 20px;
}

.table-theme-blue .mdx-table .row-heading-even,
.table-theme-blue .mdx-table .row-heading-odd,
.table-theme-blue .mdx-table .column-heading-even,
.table-theme-blue .mdx-table .column-heading-odd,
.table-theme-green .mdx-table .row-heading-even,
.table-theme-green .mdx-table .row-heading-odd,
.table-theme-green .mdx-table .column-heading-even,
.table-theme-green .mdx-table .column-heading-odd,
.table-theme-dark .mdx-table .row-heading-even,
.table-theme-dark .mdx-table .row-heading-odd,
.table-theme-dark .mdx-table .column-heading-even,
.table-theme-dark .mdx-table .column-heading-odd,
.table-theme-red .mdx-table .row-heading-even,
.table-theme-red .mdx-table .row-heading-odd,
.table-theme-red .mdx-table .column-heading-even,
.table-theme-red .mdx-table .column-heading-odd,
.table-theme-silver .mdx-table .row-heading-even,
.table-theme-silver .mdx-table .row-heading-odd,
.table-theme-silver .mdx-table .column-heading-even,
.table-theme-red .mdx-table .column-heading-odd,
.table-theme-simple-line .mdx-table .row-heading-even,
.table-theme-simple-line .mdx-table .row-heading-odd,
.table-theme-simple-line .mdx-table .column-heading-even,
.table-theme-simple-line .mdx-table .column-heading-odd {
  font-weight: bolder;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial !important;
}

.table-theme-blue .mdx-table .cell-red,
.table-theme-green .mdx-table .cell-red,
.table-theme-dark .mdx-table .cell-red,
.table-theme-red .mdx-table .cell-red,
.table-theme-silver .mdx-table .cell-red,
.table-theme-simple-line .mdx-table .cell-red {
  background-color: #d32f2f !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 0 6px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.15s ease 0s;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  margin-bottom: 5px;
  font-weight: bold;
}

.table-theme-blue .mdx-table .cell-green,
.table-theme-green .mdx-table .cell-green,
.table-theme-dark .mdx-table .cell-green,
.table-theme-red .mdx-table .cell-green,
.table-theme-silver .mdx-table .cell-green,
.table-theme-simple-line .mdx-table .cell-green {
  background-color: #388e3c !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 0 6px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.15s ease 0s;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  margin-bottom: 5px;
  font-weight: bold;
}

.table-theme-blue .mdx-table .cell-yellow,
.table-theme-green .mdx-table .cell-yellow,
.table-theme-dark .mdx-table .cell-yellow,
.table-theme-red .mdx-table .cell-yellow,
.table-theme-silver .mdx-table .cell-yellow,
.table-theme-simple-line .mdx-table .cell-yellow {
  background-color: #ffa000 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 0 6px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.15s ease 0s;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  margin-bottom: 5px;
  font-weight: bold;
}

.table-theme-blue .mdx-table .cell-yellow,
.table-theme-blue .mdx-table .cell-green,
.table-theme-blue .mdx-table .cell-red,
.table-theme-blue .mdx-table thead tr th,
.table-theme-green .mdx-table .cell-yellow,
.table-theme-green .mdx-table .cell-green,
.table-theme-green .mdx-table .cell-red,
.table-theme-green .mdx-table thead tr th,
.table-theme-dark .mdx-table .cell-yellow,
.table-theme-dark .mdx-table .cell-green,
.table-theme-dark .mdx-table .cell-red,
.table-theme-dark .mdx-table thead tr th,
.table-theme-red .mdx-table .cell-yellow,
.table-theme-red .mdx-table .cell-green,
.table-theme-red .mdx-table .cell-red,
.table-theme-red .mdx-table thead tr th,
.table-theme-simple-line .mdx-table .cell-yellow,
.table-theme-simple-line .mdx-table .cell-green,
.table-theme-simple-line .mdx-table .cell-red {
  color: #ffffff !important;
  border-right: 1px solid #ffffff;
}

.table-theme-blue .mdx-table thead tr th,
.table-theme-green .mdx-table thead tr th,
.table-theme-dark .mdx-table thead tr th,
.table-theme-red .mdx-table thead tr th {
  height: 30px;
  line-height: 30px;
}

.table-theme-blue .mdx-table thead tr th,
.table-theme-green .mdx-table thead tr th,
.table-theme-dark .mdx-table thead tr th,
.table-theme-red .mdx-table thead tr th {
  color: #fff !important;
  border-left: 1px solid #fff;
  border-width: 1px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  border-right: 1px solid #ffffff;
}

.table-theme-blue .mdx-table tbody tr td,
.table-theme-blue .mdx-table tbody tr th,
.table-theme-green .mdx-table tbody tr td,
.table-theme-green .mdx-table tbody tr th,
.table-theme-dark .mdx-table tbody tr td,
.table-theme-dark .mdx-table tbody tr th,
.table-theme-red .mdx-table tbody tr td,
.table-theme-red .mdx-table tbody tr th,
.table-theme-silver .mdx-table tbody tr td,
.table-theme-silver .mdx-table tbody tr th,
.table-theme-simple-line .mdx-table tbody tr td,
.table-theme-simple-line .mdx-table tbody tr th {
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
}

.table-theme-blue .mdx-table .cell-yellow,
.table-theme-blue .mdx-table .cell-green,
.table-theme-blue .mdx-table .cell-red,
.table-theme-blue .mdx-table thead tr th,
.table-theme-green .mdx-table .cell-yellow,
.table-theme-green .mdx-table .cell-green,
.table-theme-green .mdx-table .cell-red,
.table-theme-green .mdx-table thead tr th,
.table-theme-dark .mdx-table .cell-yellow,
.table-theme-dark .mdx-table .cell-green,
.table-theme-dark .mdx-table .cell-red,
.table-theme-dark .mdx-table thead tr th,
.table-theme-red .mdx-table .cell-yellow,
.table-theme-red .mdx-table .cell-green,
.table-theme-red .mdx-table .cell-red,
.table-theme-red .mdx-table thead tr th,
.table-theme-simple-line .mdx-table .cell-yellow,
.table-theme-simple-line .mdx-table .cell-green,
.table-theme-simple-line .mdx-table .cell-red {
  color: #ffffff !important;
  border-right: 1px solid #ffffff;
}

.table-theme-clean .mdx-table tr:nth-child(odd),
.table-theme-clean .mdx-table tr:nth-child(odd) th,
.table-theme-clean .mdx-table tr:nth-child(odd) td {
  color: #111111;
}

.table-theme-clean .mdx-table tr:nth-child(even),
.table-theme-clean .mdx-table tr:nth-child(even) th,
.table-theme-clean .mdx-table tr:nth-child(even) td {
  color: #111111;
  background: #ffffff;
}

.table-theme-modern-1 .mdx-table-border-none table,
.table-theme-modern-1 .mdx-table-border-none table tr,
.table-theme-modern-1 .mdx-table-border-none table tr td,
.table-theme-modern-1 .mdx-table-border-none table tr th,
.table-theme-modern-2 .mdx-table-border-none table,
.table-theme-modern-2 .mdx-table-border-none table tr,
.table-theme-modern-2 .mdx-table-border-none table tr td,
.table-theme-modern-2 .mdx-table-border-none table tr th,
.table-theme-modern-3 .mdx-table-border-none table,
.table-theme-modern-3 .mdx-table-border-none table tr,
.table-theme-modern-3 .mdx-table-border-none table tr td,
.table-theme-modern-3 .mdx-table-border-none table tr th,
.table-theme-modern-4 .mdx-table-border-none table,
.table-theme-modern-4 .mdx-table-border-none table tr,
.table-theme-modern-4 .mdx-table-border-none table tr td,
.table-theme-modern-4 .mdx-table-border-none table tr th,
.table-theme-modern-5 .mdx-table-border-none table,
.table-theme-modern-5 .mdx-table-border-none table tr,
.table-theme-modern-5 .mdx-table-border-none table tr td,
.table-theme-modern-5 .mdx-table-border-none table tr th,
.table-theme-modern-6 .mdx-table-border-none table,
.table-theme-modern-6 .mdx-table-border-none table tr,
.table-theme-modern-6 .mdx-table-border-none table tr td,
.table-theme-modern-6 .mdx-table-border-none table tr th,
.table-theme-modern-7 .mdx-table-border-none table,
.table-theme-modern-7 .mdx-table-border-none table tr,
.table-theme-modern-7 .mdx-table-border-none table tr td,
.table-theme-modern-7 .mdx-table-border-none table tr th,
.mdx-table-border-none table.mdx-table.initial {
  border: none;
}

table.mdx-table.initial {
  border: none;
  background: transparent;
}

.table-theme-modern-1 .pivot-table div.fixed-columns,
.table-theme-modern-2 .pivot-table div.fixed-columns,
.table-theme-modern-3 .pivot-table div.fixed-columns,
.table-theme-modern-4 .pivot-table div.fixed-columns,
.table-theme-modern-5 .pivot-table div.fixed-columns,
.table-theme-modern-6 .pivot-table div.fixed-columns,
.table-theme-modern-7 .pivot-table div.fixed-columns {
  border-right: none;
}

.mdx-table .table-image-container {
  margin-left: 2px;
  opacity: 1 !important;
  display: inline-block;
}

table.mdx-table img {
  opacity: 1 !important;
}

.BngAppContent .DashGrid table.mdx-table img {
  vertical-align: top;
}

/******************* theme modern 1 ******************/

.table-theme-modern-1 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-modern-1 th,
.table-theme-modern-1 td {
  border: 0;
  color: #c1c1c2;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 10px;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-1 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-1 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-1 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #315ca0 !important;
}

.table-theme-modern-1 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-1 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-1 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #1e498c !important;
}

.table-theme-modern-1 thead .row-total-col.blank {
  border-bottom: 1px solid #161c2a !important;
  background-color: #333333 !important;
}

.table-theme-modern-1 .row-total-col,
.table-theme-modern-1 .col-total-row td {
  background: #323232 !important;
  color: #ffffff !important;
}

.table-theme-modern-1 thead tr th,
.table-theme-modern-1 thead tr td {
  background-color: #333333 !important;
  color: #eaeaea !important;
}

.table-theme-modern-1 thead tr:nth-child(odd) th,
.table-theme-modern-1 thead tr:nth-child(odd) td {
  background-color: #222222 !important;
  color: #eaeaea !important;
}

.table-theme-modern-1 thead tr:last-child th {
  border-bottom: 1px solid #161c2a !important;
}

.table-theme-modern-1 tbody th div {
  color: #c1c1c2 !important;
}

.table-theme-modern-1 tbody th {
  background-color: #666666;
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-1 tbody tr:nth-child(odd) th {
  background-color: #4c4c4c !important;
}

.table-theme-modern-1 tbody th.row-heading-even {
  background-color: #4c4c4c !important;
}

.table-theme-modern-1 tbody th.row-heading-odd {
  background-color: #444444;
}

.table-theme-modern-1 tbody tr:nth-child(odd) .cell-red {
  background-color: #8b5353 !important;
  color: #ffffff !important;
}

.table-theme-modern-1 .cell-red {
  background-color: #794e4e !important;
  color: #ffffff !important;
}

.table-theme-modern-1 tbody tr:nth-child(odd) .cell-green {
  background-color: #63874a !important;
  color: #ffffff !important;
}

.table-theme-modern-1 .cell-green {
  background-color: #5a7648 !important;
  color: #ffffff !important;
}

.table-theme-modern-1 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #a19445 !important;
  color: #ffffff !important;
}

.table-theme-modern-1 .cell-yellow {
  background-color: #a27f33 !important;
  color: #ffffff !important;
}

.table-theme-modern-1 .cell-even {
  background-color: #777777;
  color: #ffffff;
}

.table-theme-modern-1 .cell-odd {
  background-color: #666666;
  color: #eaeaea;
}

.table-theme-modern-1 th,
.table-theme-modern-1 td {
  border-bottom-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-1 tbody th {
  border-right-width: 1px !important;
  border-right-color: rgba(255, 255, 255, 0.1) !important;

  border-bottom-width: 1px !important;
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
}

.table-theme-modern-1 tbody tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/******************* end theme modern 1 ******************/

/******************* theme modern 2 ******************/

.table-theme-modern-2 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-modern-2 th,
.table-theme-modern-2 td {
  border: 0;
  color: #000000;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-silver .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  color: #333333 !important;
}

.table-theme-modern-2 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-2 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-2 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #d36a49 !important;
}

.table-theme-modern-2 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-2 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-2 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #b44624 !important;
}

.table-theme-modern-2 thead .row-total-col.blank {
  background: #666666 !important;
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-2 .row-total-col,
.table-theme-modern-2 .col-total-row td {
  background: #777777 !important;
  color: #ffffff !important;
}

.table-theme-modern-2 thead tr .heading-heading {
  background-color: #555555 !important;
}

.table-theme-modern-2 thead tr .corner-heading {
  background-color: #666666 !important;
}

.table-theme-modern-2 thead tr th,
.table-theme-modern-2 thead tr td {
  background-color: #666666 !important;
  color: #eaeaea !important;
}

.table-theme-modern-2 thead tr:nth-child(odd) th,
.table-theme-modern-2 thead tr:nth-child(odd) td {
  background-color: #555555 !important;
  color: #eaeaea !important;
}

.table-theme-modern-2 thead tr:last-child th {
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-2 tbody th div {
  color: #c1c1c2 !important;
}

.table-theme-modern-2 .cell-even {
  color: #000000;
}

.table-theme-modern-2 .cell-odd {
  color: #000000;
}

.table-theme-modern-2 tbody th {
  background-color: #666666;
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-2 tbody th.row-heading-even {
  background-color: #777777;
}

.table-theme-modern-2 tbody th.row-heading-odd {
  background-color: #666666;
}

.table-theme-modern-2 .cell-red {
  background-color: #daa5a5 !important;
}

.table-theme-modern-2 tbody tr:nth-child(odd) .cell-red {
  background-color: #d19d9d !important;
}

.table-theme-modern-2 .cell-green {
  background-color: #c5e2b7 !important;
}

.table-theme-modern-2 tbody tr:nth-child(odd) .cell-green {
  background-color: #bcd9ae !important;
}

.table-theme-modern-2 .cell-yellow {
  background-color: #eedd7a !important;
}

.table-theme-modern-2 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #e6d471 !important;
}

.table-theme-modern-2 th,
.table-theme-modern-2 td {
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

/******************* end theme modern 2 ******************/

/******************* theme modern 3 ******************/

.table-theme-modern-3 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-modern-3 th,
.table-theme-modern-3 td {
  border: 0;
  color: #ccc;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-3 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-3 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-3 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #333d7f !important;
}

.table-theme-modern-3 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-3 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-3 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #09134f !important;
}

.table-theme-modern-3 thead .row-total-col.blank {
  background: #666666 !important;
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-3 .row-total-col,
.table-theme-modern-3 .col-total-row {
  background: #666666 !important;
}

.table-theme-modern-3 thead tr .heading-heading {
  background-color: #555555 !important;
}

.table-theme-modern-3 thead tr .corner-heading {
  background-color: #666666 !important;
}

.table-theme-modern-3 thead tr th,
.table-theme-modern-3 thead tr td {
  background-color: #666666 !important;
  color: #eaeaea !important;
}

.table-theme-modern-3 thead tr:nth-child(odd) th,
.table-theme-modern-3 thead tr:nth-child(odd) td {
  background-color: #555555 !important;
  color: #eaeaea !important;
}

.table-theme-modern-3 thead tr:last-child th {
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-3 tbody tr td {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  border-top-width: 1px !important;
}

.table-theme-modern-3 .cell-even {
  background-color: #333;
}

.table-theme-modern-3 .cell-odd {
  background-color: #222;
}

.table-theme-modern-3 tbody th div {
  color: #c1c1c2 !important;
}

.table-theme-modern-3 tbody th {
  background-color: #777777;
}

.table-theme-modern-3 tbody th.row-heading-even {
  background-color: #555555;
}

.table-theme-modern-3 tbody th.row-heading-odd {
  background-color: #666666;
}

.table-theme-modern-3 .cell-red {
  background-color: #6d2222 !important;
}

.table-theme-modern-3 tbody tr:nth-child(odd) .cell-red {
  background-color: #702828 !important;
}

.table-theme-modern-3 .cell-green {
  background-color: #3d6c1f !important;
}

.table-theme-modern-3 tbody tr:nth-child(odd) .cell-green {
  background-color: #366417 !important;
}

.table-theme-modern-3 .cell-yellow {
  background-color: #8c7b18 !important;
}

.table-theme-modern-3 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #857310 !important;
}

.table-theme-modern-3 th,
.table-theme-modern-3 td {
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-3 th,
.table-theme-modern-3 td {
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-3 tbody th {
  border-right: rgba(255, 255, 255, 0.1) !important;
  border-width: 1px !important;
}

.table-theme-modern-3 tbody tr td {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
  border-right-color: rgba(0, 0, 0, 0.1) !important;
  border-right-width: 1px !important;
}

/******************* end theme modern 3 ******************/

/******************* theme modern 4 ******************/

.table-theme-modern-4 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-modern-4 th,
.table-theme-modern-4 td {
  border: 0;
  color: #ccc;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-4 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-4 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-4 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #793fe6 !important;
}

.table-theme-modern-4 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-4 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-4 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #5117be !important;
}

.table-theme-modern-4 .row-total-col,
.table-theme-modern-4 .col-total-row {
  background: #1f2739 !important;
}

.table-theme-modern-4 thead tr .heading-heading {
  background-color: #161c2a !important;
}

.table-theme-modern-4 thead tr .corner-heading {
  background-color: #1f2739 !important;
}

.table-theme-modern-4 thead tr th,
.table-theme-modern-4 thead tr td {
  background-color: #1f2739 !important;
  color: #eaeaea !important;
}

.table-theme-modern-4 thead tr:nth-child(odd) th,
.table-theme-modern-4 thead tr:nth-child(odd) td {
  background-color: #1f2739 !important;
  color: #eaeaea !important;
}

.table-theme-modern-4 thead tr:last-child th,
.table-theme-modern-4 thead tr:last-child td {
  border-bottom: 1px solid #161c2a !important;
}

.table-theme-modern-4 tbody tr td {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  border-top-width: 1px !important;
}

.table-theme-modern-4 .cell-even {
  background-color: #2c3446;
}

.table-theme-modern-4 .cell-odd {
  background-color: #323c50;
}

.table-theme-modern-4 tbody th div {
  color: #c1c1c2 !important;
}

.table-theme-modern-3 tbody th {
  background-color: #777777;
}

.table-theme-modern-4 tbody th.row-heading-even {
  background-color: #242b3c;
}

.table-theme-modern-4 tbody th.row-heading-odd {
  background-color: #2c3446;
}

.table-theme-modern-4 tbody th div {
  color: #c1c1c2 !important;
}

.table-theme-modern-4 tbody th {
  background-color: #2c3446 !important;
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
}

.table-theme-modern-4 tbody th.row-heading-even {
  background-color: #242b3c !important;
}

.table-theme-modern-4 tbody tr:nth-child(odd) .cell-red {
  background-color: #67323e !important;
  font-weight: bolder;
}

.table-theme-modern-4 .cell-red {
  background-color: #63303c !important;
  font-weight: bolder;
}

.table-theme-modern-4 tbody tr:nth-child(odd) .cell-green {
  background-color: #345533 !important;
  font-weight: bolder;
}

.table-theme-modern-4 .cell-green {
  background-color: #3b6533 !important;
  font-weight: bolder;
}

.table-theme-modern-4 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #8c7b18 !important;
  font-weight: bolder;
}

.table-theme-modern-4 .cell-yellow {
  background-color: #686436 !important;
  font-weight: bolder;
}

.table-theme-modern-4 th,
.table-theme-modern-4 td {
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-4 th,
.table-theme-modern-4 td {
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.table-theme-modern-4 tbody th {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
  border-right-width: 1px !important;
}

.table-theme-modern-4 tbody tr td {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
  border-right-color: rgba(0, 0, 0, 0.1) !important;
  border-right-width: 1px !important;
}

.table-theme-modern-4 tbody tr th {
  border-right-color: rgba(0, 0, 0, 0.3) !important;
  border-right-width: 1px !important;
}

.table-theme-modern-4 tbody th {
  border-bottom-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom-width: 1px !important;
}

/******************* end theme modern 4 ******************/

/******************* theme modern 5 ******************/

.table-theme-modern-5 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
  background-color: #ffffff;
}

.table-theme-modern-5 th,
.table-theme-modern-5 td {
  border: 0;
  color: #333;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-5 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-5 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-5 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #4f7ff2 !important;
}

.table-theme-modern-5 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-5 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-5 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #2657cb !important;
  color: White;
}

.table-theme-modern-5 thead .row-total-col.blank {
  background: #434343 !important;
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-5 .row-total-col,
.table-theme-modern-5 .col-total-row {
  background: #dddddd !important;
}

.table-theme-modern-5 thead tr .heading-heading {
  background-color: #333333 !important;
}

.table-theme-modern-5 thead tr .corner-heading {
  background-color: #434343 !important;
}

.table-theme-modern-5 thead tr th,
.table-theme-modern-5 thead tr td {
  background-color: #434343 !important;
  color: #eaeaea !important;
}

.table-theme-modern-5 thead tr:nth-child(odd) th,
.table-theme-modern-5 thead tr:nth-child(odd) td {
  background-color: #555555 !important;
  color: #eaeaea !important;
}

.table-theme-modern-5 thead tr:last-child th {
  border-bottom: 2px solid #444444 !important;
}

.table-theme-modern-5 tbody th.row-heading-even {
  background-color: #eeeeee;
}

.table-theme-modern-5 tbody th.row-heading-odd {
  background-color: #dddddd;
}

.table-theme-modern-5 tbody tr:nth-child(odd) .cell-red {
  background-color: #e8cbcb !important;
}

.table-theme-modern-5 .cell-red {
  background-color: #d7acac !important;
}

.table-theme-modern-5 tbody tr:nth-child(odd) .cell-green {
  background-color: #d2e6c6 !important;
}

.table-theme-modern-5 .cell-green {
  background-color: #b8d4a6 !important;
}

.table-theme-modern-5 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #f1e7ab !important;
}

.table-theme-modern-5 .cell-yellow {
  background-color: #e9db8c !important;
}

.table-theme-modern-5 th,
.table-theme-modern-5 td {
  border-width: 1px !important;
  border-color: #444444 !important;
}

/******************* end theme modern 5 ******************/

/******************* theme modern 6 ******************/

.table-theme-modern-6 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
}

.table-theme-modern-6 th,
.table-theme-modern-6 td {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-6 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-6 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-6 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #4f7ff2 !important;
  color: White;
}

.table-theme-modern-6 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-6 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-6 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #2657ca !important;
  color: #ffffff;
}

.table-theme-modern-6 table.mdx-table thead tr td.row-total-col.blank {
  background-color: #39cdb5 !important;
  border-bottom: 1px solid #cccccc !important;
}

.table-theme-modern-6 .row-total-col,
.table-theme-modern-6 .col-total-row {
  background: #eeeeee !important;
}

.table-theme-modern-6 thead tr .heading-heading {
  background-color: #26324b !important;
}

.table-theme-modern-6 thead tr .corner-heading {
  background-color: #39cdb5 !important;
}

.table-theme-modern-6 thead tr th,
.table-theme-modern-6 thead tr td {
  background-color: #39cdb5 !important;
  color: #eaeaea !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-6 thead tr:nth-child(odd) th,
.table-theme-modern-6 thead tr:nth-child(odd) th {
  background-color: #26324b !important;
  color: #eaeaea !important;
}

.table-theme-modern-6 thead tr:last-child th {
  border-bottom: 1px solid #cccccc !important;
}

.table-theme-modern-6 td .cell-odd {
  background-color: #2c2e30;
}

.table-theme-modern-6 tbody th {
  background-color: #eeeeee;
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

.table-theme-modern-6 tbody tr:nth-child(odd) .cell-red {
  background-color: #e8cbcb !important;
  font-weight: bolder;
}

.table-theme-modern-6 .cell-red {
  background-color: #d7acac !important;
  font-weight: bolder;
}

.table-theme-modern-6 tbody tr:nth-child(odd) .cell-green {
  background-color: #d2e6c6 !important;
  font-weight: bolder;
}

.table-theme-modern-6 .cell-green {
  background-color: #b8d4a6 !important;
  font-weight: bolder;
}

.table-theme-modern-6 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #f1e7ab !important;
  font-weight: bolder;
}

.table-theme-modern-6 .cell-yellow {
  background-color: #e9db8c !important;
  font-weight: bolder;
}

.table-theme-modern-6 th,
.table-theme-modern-6 td {
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/******************* end theme modern 6 ******************/

/******************* theme modern 7 ******************/

.table-theme-modern-7 table {
  display: table;
  border-collapse: collapse;
  border-color: grey;
  background-color: #ffffff;
}

.table-theme-modern-7 th,
.table-theme-modern-7 td {
  border: 0;
  color: #d6d6d6;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}

.table-theme-modern-7 {
  border: none;
}

.table-theme-modern-7 .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-modern-7 .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-modern-7 .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #dc8923 !important;
}

.table-theme-modern-7 .mdx-table tbody tr.highlight-row th,
.table-theme-modern-7 .mdx-table tbody tr.highlight-row td,
.table-theme-modern-7 .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #ca8925 !important;
}

.table-theme-modern-7 thead .row-total-col.blank {
  background: #222222 !important;
}

.table-theme-modern-7 .row-total-col,
.table-theme-modern-7 .col-total-row {
  background: #943634 !important;
}

.table-theme-modern-7 thead th.corner-heading,
.table-theme-modern-7 thead th.heading-heading {
  background-color: #111;
}

.table-theme-modern-7 thead tr:last-child th:first-child {
  background-color: #222;
}

.table-theme-modern-7 thead tr th,
.table-theme-modern-7 thead tr td {
  background-color: #222 !important;
  color: #eaeaea !important;
  border-width: 0 !important;
}

.table-theme-modern-7 thead tr:last-child th,
.table-theme-modern-7 thead tr:last-child td {
  border-bottom: 2px solid #ffffff !important;
}

.table-theme-modern-7 tbody tr,
.table-theme-modern-7 tbody tr td {
  background-color: #943634;
}

.table-theme-modern-7 tbody tr:nth-child(even),
.table-theme-modern-7 tbody tr:nth-child(even) td {
  background-color: #c0504d;
}

.table-theme-modern-7 tbody tr td {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
  border-bottom-width: 1px !important;
}

.table-theme-modern-7 tbody th div {
  color: #d6d6d7;
  font-weight: bolder;
}

.table-theme-modern-7 tbody th {
  background-color: #943634;
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
  border-bottom-width: 1px !important;
  border-right-color: #ffffff !important;
  border-right-width: 2px !important;
}

.table-theme-modern-7 tbody th.row-heading-even {
  background-color: #943634;
}

.table-theme-modern-7 tbody tr:nth-child(odd) .cell-red {
  background-color: #ab2a29 !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-7 .cell-red {
  background-color: #b22c2b !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-7 tbody tr:nth-child(odd) .cell-green {
  background-color: #008d00 !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-7 .cell-green {
  background-color: #007e00 !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-7 tbody tr:nth-child(odd) .cell-yellow {
  background-color: #cc9c00 !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.table-theme-modern-7 .cell-yellow {
  background-color: #cc8b00 !important;
  font-weight: bolder;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/******************* end theme modern 7 ******************/

/****** compatibilidade temas antigos tabela dinamica ****/

.table-theme-branco-azul .mdx-table tr:nth-child(odd),
.table-theme-branco-azul .mdx-table tr:nth-child(odd) th,
.table-theme-branco-azul .mdx-table tr:nth-child(odd) td,
.branco-azul .mdx-table tr:nth-child(odd),
.branco-azul .mdx-table tr:nth-child(odd) th,
.branco-azul .mdx-table tr:nth-child(odd) td {
  background: #ffffff;
}

.table-theme-branco-azul .mdx-table tr:nth-child(even),
.table-theme-branco-azul .mdx-table tr:nth-child(even) th,
.table-theme-branco-azul .mdx-table tr:nth-child(even) td,
.branco-azul .mdx-table tr:nth-child(even),
.branco-azul .mdx-table tr:nth-child(even) th,
.branco-azul .mdx-table tr:nth-child(even) td {
  background: #f4f4f4;
}

.table-theme-default .mdx-table tr:nth-child(odd),
.table-theme-default .mdx-table tr:nth-child(odd) th,
.table-theme-default .mdx-table tr:nth-child(odd) td,
.default .mdx-table tr:nth-child(odd),
.default .mdx-table tr:nth-child(odd) th,
.default .mdx-table tr:nth-child(odd) td {
  background-color: #eeeeee;
}

.table-theme-default .mdx-table tr:nth-child(even),
.table-theme-default .mdx-table tr:nth-child(even) th,
.table-theme-default .mdx-table tr:nth-child(even) td,
.default .mdx-table tr:nth-child(even),
.default .mdx-table tr:nth-child(even) th,
.default .mdx-table tr:nth-child(even) td {
  background-color: #eff8ef;
}

.table-theme-branco-verde .mdx-table tr:nth-child(odd),
.table-theme-branco-verde .mdx-table tr:nth-child(odd) th,
.table-theme-branco-verde .mdx-table tr:nth-child(odd) td,
.branco-verde .mdx-table tr:nth-child(odd),
.branco-verde .mdx-table tr:nth-child(odd) th,
.branco-verde .mdx-table tr:nth-child(odd) td {
  background-color: #ffffff;
}

.table-theme-branco-verde .mdx-table tr:nth-child(even),
.table-theme-branco-verde .mdx-table tr:nth-child(even) th,
.table-theme-branco-verde .mdx-table tr:nth-child(even) td,
.branco-verde .mdx-table tr:nth-child(even),
.branco-verde .mdx-table tr:nth-child(even) th,
.branco-verde .mdx-table tr:nth-child(even) td {
  background-color: #c1ffc1;
}

.table-theme-branco-cinza .mdx-table tr:nth-child(odd),
.table-theme-branco-cinza .mdx-table tr:nth-child(odd) th,
.table-theme-branco-cinza .mdx-table tr:nth-child(odd) td,
.branco-cinza .mdx-table tr:nth-child(odd),
.branco-cinza .mdx-table tr:nth-child(odd) th,
.branco-cinza .mdx-table tr:nth-child(odd) td {
  background-color: #ffffff;
}

.table-theme-branco-cinza .mdx-table tr:nth-child(even),
.table-theme-branco-cinza .mdx-table tr:nth-child(even) th,
.table-theme-branco-cinza .mdx-table tr:nth-child(even) td,
.branco-cinza .mdx-table tr:nth-child(even),
.branco-cinza .mdx-table tr:nth-child(even) th,
.branco-cinza .mdx-table tr:nth-child(even) td {
  background-color: #d3d3d3;
}

.table-theme-branco-lavander .mdx-table tr:nth-child(odd),
.table-theme-branco-lavander .mdx-table tr:nth-child(odd) th,
.table-theme-branco-lavander .mdx-table tr:nth-child(odd) td,
.branco-lavander .mdx-table tr:nth-child(odd),
.branco-lavander .mdx-table tr:nth-child(odd) th,
.branco-lavander .mdx-table tr:nth-child(odd) td {
  background-color: #ffffff;
}

.table-theme-branco-lavander .mdx-table tr:nth-child(even),
.table-theme-branco-lavander .mdx-table tr:nth-child(even) th,
.table-theme-branco-lavander .mdx-table tr:nth-child(even) td,
.branco-lavander .mdx-table tr:nth-child(even),
.branco-lavander .mdx-table tr:nth-child(even) th,
.branco-lavander .mdx-table tr:nth-child(even) td {
  background-color: #e6e6fa;
}

.table-theme-default .mdx-table tr:nth-child(odd),
.table-theme-default .mdx-table tr:nth-child(odd) th,
.table-theme-default .mdx-table tr:nth-child(odd) td,
.default .mdx-table tr:nth-child(odd),
.default .mdx-table tr:nth-child(odd) th,
.default .mdx-table tr:nth-child(odd) td,
.table-theme-default .mdx-table tr:nth-child(even),
.table-theme-default .mdx-table tr:nth-child(even) th,
.table-theme-default .mdx-table tr:nth-child(even) td,
.default .mdx-table tr:nth-child(even),
.default .mdx-table tr:nth-child(even) th,
.default .mdx-table tr:nth-child(even) td,
.table-theme-branco-verde .mdx-table tr:nth-child(odd),
.table-theme-branco-verde .mdx-table tr:nth-child(odd) th,
.table-theme-branco-verde .mdx-table tr:nth-child(odd) td,
.branco-verde .mdx-table tr:nth-child(odd),
.branco-verde .mdx-table tr:nth-child(odd) th,
.branco-verde .mdx-table tr:nth-child(odd) td,
.table-theme-branco-verde .mdx-table tr:nth-child(even),
.table-theme-branco-verde .mdx-table tr:nth-child(even) th,
.table-theme-branco-verde .mdx-table tr:nth-child(even) td,
.branco-verde .mdx-table tr:nth-child(even),
.branco-verde .mdx-table tr:nth-child(even) th,
.branco-verde .mdx-table tr:nth-child(even) td,
.table-theme-branco-cinza .mdx-table tr:nth-child(odd),
.table-theme-branco-cinza .mdx-table tr:nth-child(odd) th,
.table-theme-branco-cinza .mdx-table tr:nth-child(odd) td,
.branco-cinza .mdx-table tr:nth-child(odd),
.branco-cinza .mdx-table tr:nth-child(odd) th,
.branco-cinza .mdx-table tr:nth-child(odd) td,
.table-theme-branco-cinza .mdx-table tr:nth-child(even),
.table-theme-branco-cinza .mdx-table tr:nth-child(even) th,
.table-theme-branco-cinza .mdx-table tr:nth-child(even) td,
.branco-cinza .mdx-table tr:nth-child(even),
.branco-cinza .mdx-table tr:nth-child(even) th,
.branco-cinza .mdx-table tr:nth-child(even) td,
.table-theme-branco-lavander .mdx-table tr:nth-child(odd),
.table-theme-branco-lavander .mdx-table tr:nth-child(odd) th,
.table-theme-branco-lavander .mdx-table tr:nth-child(odd) td,
.branco-lavander .mdx-table tr:nth-child(odd),
.branco-lavander .mdx-table tr:nth-child(odd) th,
.branco-lavander .mdx-table tr:nth-child(odd) td,
.table-theme-branco-lavander .mdx-table tr:nth-child(even),
.table-theme-branco-lavander .mdx-table tr:nth-child(even) th,
.table-theme-branco-lavander .mdx-table tr:nth-child(even) td,
.branco-lavander .mdx-table tr:nth-child(even),
.branco-lavander .mdx-table tr:nth-child(even) th,
.branco-lavander .mdx-table tr:nth-child(even) td {
  border: none;
  border-color: #ccc !important;
  border-width: 1px !important;
  color: #000000;
}

.table-theme-default .mdx-table thead tr,
.table-theme-default .mdx-table thead tr th,
.table-theme-default .mdx-table thead tr td,
.table-theme-branco-verde .mdx-table thead tr,
.table-theme-branco-verde .mdx-table thead tr th,
.table-theme-branco-verde .mdx-table thead tr td,
.table-theme-branco-cinza .mdx-table thead tr,
.table-theme-branco-cinza .mdx-table thead tr th,
.table-theme-branco-cinza .mdx-table thead tr td,
.table-theme-branco-lavander .mdx-table thead tr,
.table-theme-branco-lavander .mdx-table thead tr th,
.table-theme-branco-lavander .mdx-table thead tr td {
  font-weight: bold !important;
  color: #000000 !important;
}

.table-theme-branco-azul .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-branco-azul .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-branco-azul .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-branco-azul .mdx-table tbody tr.highlight-row th,
.table-theme-branco-azul .mdx-table tbody tr.highlight-row td,
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-default .mdx-table tbody tr.highlight-row th,
.table-theme-default .mdx-table tbody tr.highlight-row td,
.table-theme-blue .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-blue .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-blue .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-blue .mdx-table tbody tr.highlight-row th,
.table-theme-blue .mdx-table tbody tr.highlight-row td,
.table-theme-green .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-green .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-green .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-green .mdx-table tbody tr.highlight-row th,
.table-theme-green .mdx-table tbody tr.highlight-row td,
.table-theme-dark .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-dark .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-dark .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-dark .mdx-table tbody tr.highlight-row th,
.table-theme-dark .mdx-table tbody tr.highlight-row td,
.table-theme-red .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-red .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-red .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-red .mdx-table tbody tr.highlight-row th,
.table-theme-red .mdx-table tbody tr.highlight-row td {
  background-color: #555555 !important;
  color: #f5f5f5 !important;
}

.table-theme-simple-line .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-simple-line .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-simple-line .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-simple-line .mdx-table tbody tr.highlight-row th,
.table-theme-simple-line .mdx-table tbody tr.highlight-row td,
.table-theme-simple-line .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-default .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-default .mdx-table tbody tr.highlight-row th,
.table-theme-default .mdx-table tbody tr.highlight-row td,
.table-theme-silver .clusterize-scroll .mdx-table tbody tr.highlight-row th,
.table-theme-silver .clusterize-scroll .mdx-table tbody tr.highlight-row td,
.table-theme-silver .clusterize-scroll .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-silver .mdx-table tbody tr.highlight-row th,
.table-theme-silver .mdx-table tbody tr.highlight-row td {
  background-color: #4f7ff2 !important;
  color: #ffffff !important;
}

.table-theme-default .mdx-table tbody tr.highlight-row th,
.table-theme-default .mdx-table tbody tr.highlight-row td,
.table-theme-default .mdx-table tbody tr.highlight-row th[rowspan='1'],
.table-theme-silver .mdx-table tbody tr.highlight-row th,
.table-theme-silver .mdx-table tbody tr.highlight-row td,
.table-theme-silver .mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #2657ca !important;
  background-image: -webkit-linear-gradient(top, #2657ca 0, #2657ca 100%) !important;
  background-image: -o-linear-gradient(top, #2657ca 0, #2657ca 100%) !important;
  background-image: linear-gradient(to bottom, #2657ca 0, #2657ca 100%) !important;
  color: #ffffff !important;
}

.row-fluid .span9.mdx-table-span {
    margin-left: 0;
    width: 76.59574468085105%;
}

#analysisReportView.with-filters {
    padding-top: 48px !important;
}

.fixed-members-mdx {
    border: 1px solid #CCCCCC;
    padding: 5px;
    overflow: auto;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    line-height: 20px;
    background-color: #F9F9F9;
    height: 150px;
}

.properties-tab {
    width: 600px;
    height: 300px;
    overflow: auto;
}

.maximize .properties-tab{
    height: 100% !important;
    width: 100%;
}

.maximize.properties-maximizable{
    height: 100vh !important;
    width: 100vw !important;
}

.maximize.properties-maximizable .widget-body{
    height: 100% !important;
}

.maximize.properties-maximizable .widget-main{
    height: calc(100% - 10px) !important;
}

.maximize.properties-maximizable .dialog-body{
    height: calc(100% - 80px ) !important;
}

.maximize .properties-tab-size-fix .clearfix .tabbable .tab-content{
    height: calc(100% - 180px);
}

.properties-tab .span12 .CodeMirror{
    margin-left: 0px !important;
    width: calc(100% - 5px) !important;
}

.maximize .properties-tab .span12 .CodeMirror{
    margin-left: 0px !important;
    height: calc(100vh - 255px) !important;
    width: 94vw !important;
}

.properties-tab.extended {
    height: 300px;
}

.analysis-toolbar-button {
    height: 25px;
    margin-left: 3px;
    width: 11px;
    border-radius: 0 !important;
}

.analysis-toolbar-button [class*='icon-'] {
    margin-left: -7px;
}

.analysis-toolbar-button .icon-align-justify {
    font-size: 14px;
}


/* Analysis chart tooltips style*/

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

.analysis-title hr {
    margin: 5px 0;
}

.analysis-title .row-name {
    margin-bottom: 5px;
}

.analysis-title .measures .measure {
    margin-bottom: 2px;
}

.analysis-title .measure .value {
    font-weight:bold;
    color: #0de0e6;
}

/* Chart visualization dropdown */
.chart-visualization-dropdown label {
    cursor: pointer !important;
}

.chart-visualization-dropdown .divider {
    margin: 5px 1px;
}

.chart-visualization-dropdown .divider.first {
    margin-top: 0;
}

.chart-visualization-dropdown .nav-header {
    padding: 3px 5px
}
.chart-visualization-list {
    max-height: 800px;
    max-height: calc(80vh - 30px);
    min-height: 294px;
    width: 500px;
    overflow: auto;
    position: relative;
}

.scroll-wrapper.chart-visualization-list.scrollbar-ff-fix{
    overflow: clip !important;
}

.chart-visualization-list .truncate-text:hover {
    background-color: #EEE;
}

.chart-visualization-table.crud-table th {
    padding: 0 4px !important;
}

.chart-visualization-table * {
    font-size: 11px !important;
}

.chart-visualization-table .order-input {
    width: 30px;
    margin: 0;
    padding: 0 2px;
}

.chart-visualization-table .droppable.drag-active {
    background-color: #DFDFDF;
}
.chart-visualization-table .droppable.highlight {
    background-color: #caeaf5;
}

tr.label-config {
    border-top: 2px solid #CCC;
}

.reduce-analysis-table-size {
    width: calc(100vw - 450px);
}
.cockpit-enabled .breadcrumbs {
    margin: 0;
    top: 48px;
}

.AppPageWrapper.cockpit-header-hideable-tabs .cockpit-enabled .navbar {
    max-height: 50px;
}

.AppPageWrapper.cockpit-header-hideable-breadcrumb.cockpit-header-hidden .breadcrumbs {
    width: 100%;
}

.AppPageWrapper.cockpit-header-hideable-breadcrumb .breadcrumbs {
    width: 100%;
}

.AppPageWrapper.cockpit-header-hideable-breadcrumb .breadcrumbs,
.AppPageWrapper.cockpit-header-hideable-breadcrumb #floating-object-container {
    transition: top var(--expand-header-transition);
    position: fixed;
}

.AppPageWrapper.cockpit-header-hideable-breadcrumb.cockpit-header-hidden .breadcrumbs,
.AppPageWrapper.cockpit-header-hideable-breadcrumb.cockpit-header-hidden #floating-object-container {
    position: fixed;
    top: 0;
}

.cockpit-enabled .navbar {
    max-height: 84px;
    transition: max-height var(--expand-header-transition);
    position: relative;
    overflow: hidden;
}

.cockpit-header-hidden .cockpit-enabled .navbar {
    max-height: 0 !important;
}

.breadcrumbs.fixed,
.breadcrumbs.breadcrumbs-fixed {
    position: fixed;
    right: 0;
    left: 190px;
    top: 45px;
    z-index: 1028;
}

.breadcrumb > li > a {
    display: inline-block;
    color: #6e6e6e;
}

.breadcrumb > li + li:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f105";
    color: #6e6e6e;
    margin-right: 2px;
    padding: 0 5px 0 2px;
    position: relative;
    top: 1px;
}

.breadcrumb .home-icon {
    margin-left: 4px;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.breadcrumb > li {
    vertical-align: middle;
}

@media only screen and (max-width: 991px) {
    .breadcrumb {
        margin-left: 90px;
    }

    .breadcrumbs.fixed,
    .breadcrumbs.breadcrumbs-fixed {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        z-index: auto !important;
    }

    body.breadcrumbs-fixed .ace-settings-container {
        top: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb > li > a {
        padding: 0 1px;
    }
}

@media only screen and (max-width: 320px) {
    .breadcrumb {
        margin-left: 36px;
    }
}

.container.main-container .breadcrumbs.breadcrumbs-fixed {
    left: auto !important;
    right: auto !important;
}

@media (min-width: 768px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 554px;
    }

    .container.main-container .menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
        width: 701px;
    }
}

@media (min-width: 992px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 774px;
    }

    .container.main-container .menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
        width: 921px;
    }
}

@media (min-width: 1200px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 974px;
    }

    .container.main-container .menu-min + .main-content .breadcrumbs.breadcrumbs-fixed {
        width: 1121px;
    }
}
/**
 * Fixes for themes in ace-skin.min.css
 **/

.breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.er {
    margin: 0 auto;
    list-style: none;
}

.er > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.er > li.three-col {
    width: 30%;
}

.er > li.two-col {
    width: 40%;
}

.er-box {
    font-size: 0.8em;
    background-color: #EDF2F6;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CFCFCF;
    font-family: "Open sans", monospace, sans-serif, serif;
    font-weight: 200;
    min-height: 256px;
}

.er-table-name{
    border-bottom: 1px dashed #D3D3D3;
    text-align: center;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.er-columns{
    margin-top: 10px;
    height: 200px;
    overflow: auto;
}

.er-column {
    border-bottom: 1px solid #E9E9E9;
    min-height: 0;
}

.er-column > .span9,
.er-column > .span3 {
    min-height: 0;
    padding: 2px 0;
}

.er-column:last-child {
    border-bottom: none;
}
@media print {

    .no-print,
    .right-side-sidebar {
        display: none !important;
    }

    #page-content,
    #breadcrumbs {
        margin: 0 !important;
    }

}
.AppPageWrapper .cockpit-item-panel {
    height: calc(100% - 34px);
}

.cockpit-item-panel.o-visible {
    overflow: visible;
}

@supports (-webkit-overflow-scrolling: touch) {
    .cockpit-item-panel.o-visible {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 52px;
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
    }
}

@supports not (-webkit-overflow-scrolling: touch) {
    .cockpit-item-panel.o-visible {
        overflow: visible;
        height: 100%;
    }
}

.cockpit-toolbar-container {
    position: relative;
    height: 35px;
}

@supports not (-webkit-overflow-scrolling: touch) {
    .cockpit-item-panel.o-visible {
        overflow: visible;
        height: 100%;
    }
}

.cockpit-header-panel-ul-container {
    margin-left: 40px;
}

.cockpit-header-panel-ul-container.expand {
    margin-right: 30px;
}

.cockpit-header-project-info {
    float: left;
}

.btn.btn-link.cockpit-index-anchor-button {
    padding: 10px 0 0 15px !important;
    color: #222222 !important;
}

.btn.btn-link.cockpit-index-anchor-button:hover {
    text-decoration: none !important;
    color: #000000 !important;
}

.cockpit-header-project-info > img {
    height: 20px;
    margin-top: 10px;
    width: auto;
}

.cockpit-header-controls--more-painels {
    width: 10px;
    position: absolute;
    top: 12px;
    right: 20px;
}

.cockpit-header-controls-container.hide-controls .cockpit-header-scroll-left,
.cockpit-header-controls-container.hide-controls .cockpit-header-position-on-active,
.cockpit-header-controls-container.hide-controls .cockpit-header-scroll-right {
    display: none;
}

.cockpit-header-panel-ul {
    list-style: none;
    margin: 0 2px;
    white-space: nowrap;
}

.cockpit-control-button {
    color: rgb(0, 136, 204);
    width: 30px;
}

.cockpit-header-panel-ul > li.active{
    background: linear-gradient(90deg, #FCFCFC 0%, #FAFAFA 100%);
}

.cockpit-header-panel-ul > li {
    vertical-align: middle;
    display: table-cell;
    font-size: 10px;
    position: relative;
    border-right: 1px solid #E7E8EB;
    background: #f7f8fa;
}

.cockpit-config-icon {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #fff;
}

.cockpit-header-panel-ul > .cockpit-toolbar-dropdown-option > .cpt-btn-item > a.btn.btn-link {
    color: #ffffff !important;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 13px;
    padding: 2px 25px 0px 2px !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
    font-size: bold !important;
}

.cockpit-header-panel-ul > .cockpit-toolbar-dropdown-option > .cpt-btn-item > a.btn.btn-link > span,
.cockpit-header-panel-ul > .cockpit-toolbar-dropdown-option > .cpt-btn-item > a.btn.btn-link > i {
    padding: 0 !important;
    color: #ffffff !important;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.2) !important;
}

.cockpit-toolbar-btn-group {
    padding: 8px 0 8px 0;
    background: #ffffff;
}

.cockpit-header-panel{
    background: #EFEFEF;
}

.cpt-btn-item a{
    font-size: 12px !important;
}

.cockpit-toolbar-dropdown-options{
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.cockpit-toolbar-dropdown > .cockpit-toolbar-dropdown-option > a.cockpit-dropdown-fav:hover {
    background: #f4f9fc !important;
}

.cockpit-toolbar-dropdown > .cockpit-toolbar-dropdown-option > a.cockpit-dropdown-fav:hover > span {
    color: #0081c2;
    background: #f4f9fc !important;
}

.cockpit-toolbar-dropdown > .cockpit-toolbar-dropdown-option > a.cockpit-dropdown-access-link span {
    font-size: 20px !important;
    margin-right: 5px !important;
}

.cockpit-toolbar-dropdown-option {
    font-size: 12px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: .5px;
    border-bottom: 1px solid #ededed;
    display: flex;
}

.cockpit-toolbar-dropdown-option:nth-child(5n+1){
    border-left: 4px solid #269c59;
}

.cockpit-toolbar-dropdown-option:nth-child(5n+2){
    border-left: 4px solid #4a90e2;
}

.cockpit-toolbar-dropdown-option:nth-child(5n+3){
    border-left: 4px solid #727272;
}

.cockpit-toolbar-dropdown-option:nth-child(5n+4){
    border-left: 4px solid #da9f1a;
}

.cockpit-toolbar-dropdown-option:nth-child(5n+5){
    border-left: 4px solid #e23d3d;
}

.cockpit-toolbar-dropdown-option a span {
    font-size: 20px;
    padding-right: 14px;
}

.cockpit-toolbar-dropdown-option:hover {
    background-color: #ffffff !important;
    background-image: none;
    color: rgba(0,0,0,.75) !important;
}

.cockpit-toolbar-dropdown > .cockpit-toolbar-dropdown-option > a.cockpit-dropdown-fav {
    position: absolute;
    right: 0;
    top: 0;
    height: 10px;
    border: 0px !important;
}

.cockpit-toolbar-dropdown > .cockpit-toolbar-dropdown-option > a.cockpit-dropdown-fav > span {
    color: rgb(102, 159, 199);
}

.cockpit-toolbar-dropdown-option a {
    color: #7e7e7e;
    padding-left: 20px;
}

.cockpit-toolbar-dropdown-option a:hover {
    background: #fff !important;
    color: #7e7e7e !important;
}

.cockpit-index-page-ol {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    list-style: decimal-leading-zero inside none;
    margin-top: 20px;
}

.cockpit-index-page-ol li {
    color: #B5B5B5;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.cockpit-index-page-ol li a.iceCmdLnk {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 16px;
}

.cockpit-index-page-ol li a.iceCmdLnk:hover {
    color: #0088cc !important;
}

.cockpit-index-page-container > h1 {
    color: #669fc7;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
}

.cockpit-index-page-content-panel {
    max-height: 40%;
    overflow: auto;
    text-align: justify;
}

.user-cockpit-config {
    height: 530px;
    overflow: auto;
}

.no-outline,
a.no-outline {
    outline: 0 !important;
}

.cockpit-view .breadcrumbs {
    margin-left: 0;
}

.cockpit-view.with-right-menu div.page-content {
    margin-right: 10px;
    position: relative;
    top: 36px;
}

.cockpit-view .page-content,
.cockpit-view .page-content.page-content-expand {
    margin-left: 10px;
}

.cockpit-view .floating-object-actions {
    right: 10px;
}

.cpt-item-view-more {
    width: 150px;
    float: left;
    text-align: center;
    line-height: 10px;
}

.cpt-item-view-more-icon {
    font-size: 24px;
}

.cpt-item-view-more-name {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
    color: #65655d !important;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-toolbar > .dropdown > .cpt-menu::after, .cpt-menu.dropdown-caret::after {
    border-bottom: 6px solid #000000 !important;
}

.cpt-menu {
    border-top: 2px solid #000000 !important;
}

.cockpit-header-controls--more-painels a {
    color: #65655d;
}

.cockpit-header-controls--more-painels a:hover, .cockpit-header-controls--more-painels a:focus, .cockpit-header-controls--more-painels a.btn.btn-link:hover, .cockpit-header-controls--more-painels a.btn.btn-link:focus {
    color: #000000 !important;
}

.cpt-btn-item-corner-left {
    width: 0;
    height: 0;
    border-bottom: 25px solid red;
    border-left: 25px solid transparent;
}

.cpt-btn-item-corner-right {
    width: 0;
    height: 0;
    border-bottom: 25px solid red;
    border-right: 25px solid transparent;
}

.view-more-painels-title {
    color: #fffffd;
    background: #222222;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

.view-more-painels-desc {
    color: #222222;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    white-space: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    margin: 4px;
}

.view-more-painels {
    text-align: center;
    margin-top: -5px;
}

.cpt-index-title {
    color: #555555;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    text-align: left;
    font-size: 22px;
    margin: 20px;
}

.cockpit-index-page-content-container{
    border-top: 1px solid #ededde;
}

.cockpit-index-search-div {
    margin-left: 10px;
    margin-top: 20px !important;
}
.cockpit-index-search{
    margin-bottom: 0 !important;
    border: 1px solid #dddddd;
    width: 300px !important;
}

.cockpit-index-page .scroll-element.scroll-y .scroll-element_outer {
    visibility: visible !important;
}

.filter-container .scrollbar-inner,
.filter-container .scrollbar-outer,
.filter-container .scrollbar-macosx {
    white-space: nowrap;
    margin-bottom: 0;
}

.cockpit-book-btn:hover,
.cockpit-book-btn:active,
.cockpit-book-btn:visited,
.cockpit-book-btn:focus {
    background: transparent !important;
}

.cockpit-book-btn.refresh {
    right: 10px;
}

.cockpit-book-btn.share {
    right: 30px;
}

.CockpitNavFilterDrop {
    left: auto !important;
    right: 8px !important;
    top: 38px !important;
    text-align: left;
    width: 434px;
}

.CockpitNavFilterDrop .filter-block span {
    margin: unset;
}

.CockpitNavFilterDrop .filter-block .remove-filter {
    margin-right: 0;
}

.CockpitNavFilterDrop .filter-block .icon-angle-down {
    visibility: hidden;
}

.CockpitNavFilterDrop .filter-block {
    display: inline-flex;
    width: 100%;
    margin: 5px 0;
}

.CockpitNavFilterDrop .filter-block .truncate-text {
    width: calc(100% - 20px);
    max-width: unset;
}

.CockpitNavFilterDrop .filter-block .truncate-text.disabled .dashboard-filter-information-icon {
    background-color: transparent;
}

.CockpitNavFilterDrop .filter-block .truncate-text.disabled {
    cursor: not-allowed;
}

.CockpitNavFilterDrop .filter-container .remove-filter {
    padding-right: 5px;
}

.CockpitNavFilterDrop .filter-container {
    box-shadow: none;
    border-radius: 0;
    background-color: #f7f8fa;
    margin: 0;
}

.CockpitNavFilterDrop .nav-header.disabled-header .icon-angle-down {
    position: absolute;
    right: 0;
    top: 10px;
}

.CockpitNavFilterDrop .nav-header.disabled-header div {
    cursor: pointer;
    position: relative;
}

.CockpitNavFilterDrop .filter-container {
    max-height: 230px;
    overflow-y: auto;
}

.CockpitNavFilterDrop .filter-container.disabled {
    max-height: 300px;
    overflow-y: auto;
}

.cockpit-index-list-item-link {
    font-size: 14px;
    margin-left: 4px;
}

.cockpit-index-page-summary .widget-body{
    border-radius: 0 0 4px 4px;
}

.menu-mobile-filter-container .CockpitNavFilterDrop .dashboard-filter-information.filtered {
    background: #575bd8;
}

.menu-mobile-filter-container .CockpitNavFilterDrop .filter-block .truncate-text{
    width: 384px;
}

.CockpitNavFilterDrop .expand-filter {
    display: none;
}

.CockpitNavFilterDrop #disabled-filter-container .remove-filter {
    display: none;
}

.CockpitNavFilterDrop #disabled-filter-container .dashboard-filter-information > a {
    opacity: 1;
}
.ace-settings-container {
    position: absolute;
    right: 0;
    top: auto;
    z-index: 12;
}

.btn.btn-app.ace-settings-btn.btn-xs {
    width: 42px;
    height: 24px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn.btn-app.ace-settings-btn {
    float: left;
    display: block;
    text-align: center;
    border-radius: 6px 0 0 6px;
    opacity: .55;
    vertical-align: top;
    margin: 0;
}

.btn.btn-app.btn-xs {
    width: 64px;
    font-size: 15px;
    border-radius: 8px;
    padding-bottom: 7px;
    padding-top: 8px;
    line-height: 1.45;
}

.btn-app.btn-warning, .btn-app.btn-warning.no-hover:hover, .btn-app.btn-warning.disabled:hover {
    background: #ffb44b!important;
    background-image: -webkit-linear-gradient(top,#ffbf66 0,#ffa830 100%)!important;
    background-image: -o-linear-gradient(top,#ffbf66 0,#ffa830 100%)!important;
    background-image: linear-gradient(to bottom,#ffbf66 0,#ffa830 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0)!important;
}

.btn.btn-app {
    display: inline-block;
    width: 100px;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    text-shadow: 0 -1px -1px rgba(0,0,0,.2)!important;
    border: none;
    border-radius: 12px;
    padding: 12px 0 8px;
    margin: 2px;
    line-height: 1.7;
    position: relative;
}

.btn-app, .btn-app.btn-default, .btn-app.no-hover:hover, .btn-app.btn-default.no-hover:hover, .btn-app.disabled:hover, .btn-app.btn-default.disabled:hover {
    background: #b4c2cc!important;
    background-image: -webkit-linear-gradient(top,#bcc9d5 0,#abbac3 100%)!important;
    background-image: -o-linear-gradient(top,#bcc9d5 0,#abbac3 100%)!important;
    background-image: linear-gradient(to bottom,#bcc9d5 0,#abbac3 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0)!important;
}

.btn-xs, .btn-group-xs>.btn {
    padding-top: 3px;
    padding-bottom: 3px;
    border-width: 3px;
}

.btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.ace-settings-box {
    display: block;
    float: left;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    background-color: #FFF;
    border: 0 solid #ffb34b;
    -webkit-transition: max-width .25s linear 0s,max-height 0s linear .25s,padding 0s linear .25s,border-width 0s linear .25s;
    -o-transition: max-width .25s linear 0s,max-height 0s linear .25s,padding 0s linear .25s,border-width 0s linear .25s;
    transition: max-width .25s linear 0s,max-height 0s linear .25s,padding 0s linear .25s,border-width 0s linear .25s;
}

.ace-settings-box.open {
    max-width: 320px;
    min-height: 35px;
    max-height: 1000px;
    padding: 0 14px;
    border-width: 2px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.btn.btn-app.ace-settings-btn:hover, .btn.btn-app.ace-settings-btn.open {
    opacity: 1;
}

.btn.btn-app.ace-settings-btn > i {
    font-size: 19.5px;
    line-height: 25px;
}
.user-filters-table-container {
    width: 100%;
    height: 450px;
    overflow: auto;
}

.user-filter-default-height {
    height: 350px;
}

td .user-filter-member {
    display: inline-block;
    width: 105px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 5px;
}

.user-filter-config-icon,
.user-filter-move-icon {
    top: 4px;
    background-color: white;
    font-size: 16px;
    position: relative;
}

.dashboard-filter-icon-expand i.icon.icon-bim-menuexpand,
.dashboard-filter-icon-expand i.icon.icon-bim-menucontracted {
    cursor: pointer;
}

.user-filter-move-icon {
    top: 7px;
    padding: 0 5px;
}

.filter-information-edit-mode-explorer .user-filter-move-icon {
    margin-left: 0 !important;
}

.filter-bottom-right .dashboard-filter-icon-expand, .filter-top-right .dashboard-filter-icon-expand {
    padding-top: 12px;
}

.filter-container .block-ui {
    min-height: unset;
}
.sweet-alert p {
    overflow: auto;
    max-height: 350px;
    max-height: 50vh;
}

.sweet-alert p > pre {
    overflow: visible !important;
}

div.sweet-alert > h2 {
    font-size: 20px;
    margin: 15px auto;
}

.sweet-alert div.sa-icon {
    margin: 0 auto;
}
.tooltip {
    z-index: 15;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #333;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.databoxorigin {
    text-align: center;
    margin: 10px;
    cursor: pointer
}

.databoxorigin a:hover {
    background: #ffffff !important;
    color: #222222 !important;
}

.databoxorigin a {
    background: #ffffff !important;
    color: #222222 !important;
}

.databoxorigin .databoxoriginimage img {
    height: 40px;
}

.databoxorigin a .databoxoriginimage img {
    filter: grayscale(20%);
}

.databoxorigin a:hover .databoxoriginimage img {
    filter: grayscale(0);
}

.databoxorigin .databoxoriginlabel {
    font-size: 13px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial
}

.databoxorigin .databoxoriginlabelbeta {
    font-size: 9px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    color: #555555 !important;
}

.wizard-actions .action-blocker {
    display: none;
}

.wizard-actions .action-blocker.processing {
    width: calc(100% - 38px);
    height: 51px;
    position: absolute;
    right: 0;
    display: inline-block;
    z-index: 1;
    bottom: 0;
}
.widget-box.projectBoxContent > .widget-header {
    height: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}

.ProjectTabs .widget-header:first-child {
    text-align: right;
}

.iceFrm .cleditorMain > iframe {
    background-color: white !important;
}

.BaseCsvSourceConfigFragment .widget-main {
    background-color: white;
}

.RemoteFileSourceFragment .BaseCsvSourceConfigFragment,
.RemoteFileSourceFragment .BaseCsvSourceConfigFragment .widget-box {
    box-shadow: none;
}

.RemoteFileSourceFragment .BaseCsvSourceConfigFragment .widget-header {
    padding: 15px 0 0 0;
    height: 25px;
    line-height: 25px;
}

.TomticketOriginDialog a .optionFBtype, .TomticketOriginDialog a:hover .optionFBtype {
    color: #555555;
}

.TomticketOriginDialog .fbchecktype {
    color: #02B046;
    display: none;
    margin-left: 4px;
}

.TomticketOriginDialog .optionFBtypeCheck .fbchecktype {
    display: block;
}

.TomticketOriginDialog .optionFBtype {
    filter: grayscale(90%);
}

.TomticketOriginDialog .optionFBtypeCheck {
    filter: grayscale(0);
}

.DialogJsf > .widget-header {
    border-bottom: 0;
}

.PipeDriveForm .widget-header {
    display: block;
    height: 40px;
}

.PipeDriveForm .widget-main-pipe .dialog-body {
    margin: 0;
}

.PipeDriveForm .widget-toolbar {
    display: inline-block;
    float: right
}

.linkhelp-type-object > a {
    background: transparent !important;
    color: #2876fd !important;;
}

.ExportCommentList .widget-header {
    border: none;
}

.ExportCommentList h4 {
    width: 100%;
    display: block;
}

#page-body-right .tab-content {
    height: calc(100vh - 170px);
}

#page-body-right-chart .tab-content {
    height: calc(100vh - 128px);
}

#analysisReportView.with-filters #page-body-right-chart .tab-content {
    height: calc(100vh - 176px);
}

#page-body-right-chart .tabbable .tab-content > div {
    padding: 0px 14px;
}

.floating-object-actions.floating-object-actions-analysis {
    margin-top: -31px !important;
}

.projectBoxContent .widget-body .row-fluid {
    background: #fff;
}

.sidebar.menu-min.right-side-sidebar.open {
    width: 50px;
}

.page-content.right-menu-open {
    margin-right: 52px;
    overflow-x: hidden !important;
}

/*.DialogJsf.widget-box canvas.jqplot-series-shadowCanvas{*/
    /*background: #ffffff;*/
/*}*/

/*.kpi-sample-container canvas.jqplot-series-shadowCanvas {*/
    /*background: #f6f6f6;*/
/*}*/

.contentBox .itemdiv.memberdiv .span4.itemdiv .user {
    width: 38px;
    height: 38px;
    overflow: hidden;
}

.sidebar.menu-min.right-side-sidebar a.mobile-order-btn span.icon-tablet,
.sidebar.menu-min.right-side-sidebar a.mobile-order-btn span.icon-desktop{
    font-size: 20px !important;
}

ul.pull-right.dropdown-navbar.dropdown-menu.dropdown-caret.dropdown-close.lazy-init.dropdown-menu-file-recover {
    width: 320px;
}

button.btn.btn-primary.btn-link.btn-small.enable.btn-cockpit-manage-disable {
    color: #888888 !important;
}

.icePnlPopBody.dialogBody {
    overflow: hidden;
}

li.cpt-empty {
    border: 0;
    background: transparent;
}

.nav-notification-filters input[type=checkbox] + .lbl::before, .nav-notification-filters input[type=checkbox] + label::before{
    margin-top: -3px;
}

.notificationsTable .btn-new {
    background: transparent !important;
}

.dropdown-navbar.dropdown-menu > li.nav-header{
    border-radius: 4px 4px 0 0 !important;
}

.create-object-itens-container{
    max-height: calc(100vh - 84px);
    overflow: auto;
}

.manage-environment-itens-container{
    max-height: calc(100vh - 84px);
    overflow: auto;
}

.dropdown-menu > li.no-hover{
    border-radius: 0 0 4px 4px !important;
}

.cockpit-nav-btn i.icon-bim-book {
    font-size: 18px;
}

.resize-dropdown {
    max-height: calc(90vh - 90px);
    overflow: auto;
}

.home-folder-managment .widget-header,
#home-academy .widget-header,
.home-last-activities .widget-header,
.home-favorites .widget-header {
    border-bottom: 1px solid #E4E4E8;
}

li.dropdown-menu-item.cockpit-add-item-form-option a span {
    margin-left: 14px;
}

/*fix checkbox CSS Bootstrap*/
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: 0px !important;
}
/*bootstrap spinner button time new presentation*/

.input-append input+.btn-group .btn:last-child, .input-append select+.btn-group .btn:last-child, .input-append .uneditable-input+.btn-group .btn:last-child {
    border-radius: 0 0 4px 4px !important;
}

button.btn.spinner-down.btn-mini.btn-info,
button.btn.spinner-up.btn-mini.btn-info {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 4px;
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    margin-bottom: 0 !important;
}

/*bootstrap color link*/
a:focus {
    color: unset;
}

/*nova tabela*/

.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-odd, .crud-grid-row-odd td,
.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-even, .crud-grid-row-even td {
    border-right: 0 !important;
    border-left: 0 !important;
}

button span.icon-bim-filter:before {
    vertical-align: middle;
    margin-top: -2px;
}

li.dropdown-menu-item-content .monitoring-content{
    text-align: left;
}

/*ajustes tabela de origins*/
.tableDataOrigins th:nth-child(8) div{
    text-align: center !important;
}

.tableDataOrigins td.iceDatTblCol, .tableDataOrigins th, .tableDataOrigins th div{
    text-align: left !important;
}

.tableDataOrigins td.iceDatTblCol:nth-child(2), .tableDataOrigins th:nth-child(2) {
    min-width: 70px;
}

.tableDataOrigins td.iceDatTblCol:nth-child(3), .tableDataOrigins th:nth-child(3) {
    min-width: 50px;
    max-width: 100px;
}

.tableDataOrigins td.iceDatTblCol:nth-child(6), .tableDataOrigins th:nth-child(6) {
    min-width: 90px;
    max-width: 148px;
}

.tableDataOrigins td.iceDatTblCol:nth-child(7), .tableDataOrigins th:nth-child(7) {
    min-width: 70px;
    max-width: 90px;
}

.tableDataOrigins td.iceDatTblCol:nth-child(8), .tableDataOrigins th:nth-child(8) {
    width: 18px;
}

.tableDataOrigins td.iceDatTblCol:nth-child(9), .tableDataOrigins th:nth-child(9) {
    width: 250px;
}

/*ajustes na tabela de medidas calculadas*/

.calculated-measures-table {
    position: relative;
    overflow: hidden;
}

.calculated-measures-table td.iceDatTblCol.crud-tableCol.crud-grid-formCol:nth-child(4),
.calculated-measures-table th.iceDatTblColHdr2.crud-tableColHdr2.crud-grid-formColHdr2.crud-tableHdr.crud-grid-formHdr:nth-child(4),
.calculated-measures-table td.iceDatTblCol.crud-tableCol.crud-grid-formCol:nth-child(5),
.calculated-measures-table th.iceDatTblColHdr2.crud-tableColHdr2.crud-grid-formColHdr2.crud-tableHdr.crud-grid-formHdr:nth-child(5){
    width: 60px;
}

.calculated-measures-table td.iceDatTblCol.crud-tableCol.crud-grid-formCol:nth-child(1),
.calculated-measures-table th.iceDatTblColHdr2.crud-tableColHdr2.crud-grid-formColHdr2.crud-tableHdr.crud-grid-formHdr:nth-child(1){
    width: 80px;
}

.calculated-measures-table td.iceDatTblCol.crud-tableCol.crud-grid-formCol:nth-child(6),
.calculated-measures-table th.iceDatTblColHdr2.crud-tableColHdr2.crud-grid-formColHdr2.crud-tableHdr.crud-grid-formHdr:nth-child(6){
    width: 140px;
}


/*ajustes na tabela de filtros*/

.manage-filters-table td.iceDatTblCol, .manage-filters-table th{
    text-align: left;
}

.manage-filters-table td.iceDatTblCol:nth-child(1), .manage-filters-table th:nth-child(1){
    min-width: 54px;
}

.manage-filters-table td.iceDatTblCol:nth-child(4), .manage-filters-table th:nth-child(4){
    width: 70px;
}

.manage-filters-table td.iceDatTblCol:nth-child(5), .manage-filters-table th:nth-child(5){
    width: 130px;
}

.manage-filters-table td.iceDatTblCol:nth-child(6), .manage-filters-table th:nth-child(6){
    width: 100px;
}


/*ajustes na tabela de filtros de usuarios*/

.user-filters-table-container td.iceDatTblCol, .user-filters-table-container th{
    text-align: left;
}

.user-filters-table-container td.iceDatTblCol:nth-child(1), .user-filters-table-container th:nth-child(1),
.user-filters-table-container td.iceDatTblCol:nth-child(4), .user-filters-table-container th:nth-child(4){
    width: 60px;
}


@charset "UTF-8";

@font-face {
  font-family: "bim-icon-font";
  src:url(07892ca04d4a9a829a6060088a60f4c2.eot);
  src:url(07892ca04d4a9a829a6060088a60f4c2.eot?#iefix) format("embedded-opentype"),
    url(8bbf8a8b282fac025ed54286f727b749.woff) format("woff"),
    url(793891cca6636d58658a3c687c475d53.ttf) format("truetype"),
    url(2dc52d0fce9582ae3ba02cb5102261cb.svg#bim-icon-font) format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-bim-"]:before,
[class*=" icon-bim-"]:before {
  font-family: "bim-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bim-wallet:before {
  content: "\61";
}
.icon-bim-wand:before {
  content: "\62";
}
.icon-bim-place:before {
  content: "\63";
}
.icon-bim-people:before {
  content: "\64";
}
.icon-bim-favourite:before {
  content: "\65";
}
.icon-bim-favourited:before {
  content: "\66";
}
.icon-bim-add:before {
  content: "\67";
}
.icon-bim-abc:before {
  content: "\68";
}
.icon-bim-filter:before {
  content: "\69";
}
.icon-bim-agile:before {
  content: "\6a";
}
.icon-bim-rename:before {
  content: "\6b";
}
.icon-bim-s:before {
  content: "\6c";
}
.icon-bim-focus:before {
  content: "\6d";
}
.icon-bim-analysis:before {
  content: "\6e";
}
.icon-bim-analysis-1:before {
  content: "\6f";
}
.icon-bim-graph:before {
  content: "\70";
}
.icon-bim-saveas:before {
  content: "\71";
}
.icon-bim-store:before {
  content: "\72";
}
.icon-bim-graphforbiden:before {
  content: "\73";
}
.icon-bim-analytics:before {
  content: "\74";
}
.icon-bim-book:before {
  content: "\75";
}
.icon-bim-logo:before {
  content: "\76";
}
.icon-bim-tabbledown:before {
  content: "\77";
}
.icon-bim-tabblezero:before {
  content: "\78";
}
.icon-bim-m:before {
  content: "\79";
}
.icon-bim-component:before {
  content: "\7a";
}
.icon-bim-dashboard:before {
  content: "\41";
}
.icon-bim-materials:before {
  content: "\42";
}
.icon-bim-table:before {
  content: "\43";
}
.icon-bim-tablerows:before {
  content: "\44";
}
.icon-bim-menucontracted:before {
  content: "\45";
}
.icon-bim-desenvolvidos:before {
  content: "\46";
}
.icon-bim-dotdown:before {
  content: "\47";
}
.icon-bim-menuexpand:before {
  content: "\48";
}
.icon-bim-talk:before {
  content: "\49";
}
.icon-bim-u:before {
  content: "\4a";
}
.icon-bim-money:before {
  content: "\4b";
}
.icon-bim-doublearrow:before {
  content: "\4c";
}
.icon-bim-dropdown:before {
  content: "\4d";
}
.icon-bim-move:before {
  content: "\4e";
}
.icon-bim-university:before {
  content: "\4f";
}
.icon-bim-cards:before {
  content: "\50";
}
.icon-bim-check-list:before {
  content: "\52";
}
.icon-bim-favourites:before {
  content: "\53";
}
.icon-bim-html:before {
  content: "\55";
}
.icon-bim-kpi-horizon:before {
  content: "\56";
}
.icon-bim-map:before {
  content: "\57";
}
.icon-bim-kpi-vertical:before {
  content: "\58";
}
.icon-bim-table-1:before {
  content: "\59";
}
.icon-bim-flow:before {
  content: "\54";
}
.icon-bim-chart:before {
  content: "\51";
}

.kpi-default-percent.regular .infobox-progress {
    padding: 0 10px 10px 0;
}

.kpi-pie.regular .pie-holder {
    padding: 0 10px 10px 0;
}

.useBands, .useTarget{
    color:#555555;
    white-space: nowrap;
}

.infobox-data-label{
    font-weight: normal;
    white-space:nowrap;
    color: #555555;
}
.maximize .scheduler-pan{
    height: 100% !important;
    width: 100% !important;
}

.scheduler-dialog.maximize .widget-body{
    height: 100% !important;
}

.scheduler-dialog.maximize .widget-main{
    height: calc(100% - 80px) !important;
}

.scheduler-dialog.maximize .CodeMirror{
    height: calc(100vh - 420px) !important;
    width: calc(100vw - 250px) !important;
    margin-left: 0px !important;
}

.scheduler-dialog.maximize .final-step-scheduler .CodeMirror{
    height: calc(100vh - 600px) !important;
    width: calc(100vw - 120px) !important;
    margin-left: 0px !important;
}

.scheduler-dialog.maximize .final-step-scheduler .icePnlGrp{
    height: calc(100% - 80px) !important;
    padding: 10px !important;
}

.scheduler-dialog .CodeMirror{
    width: 750px !important;
    height: 160px !important;
}

.scheduler-dialog.maximize .widget-main .btn-fix{
    width: calc(100% - 45px);
}

.scheduler-dialog.maximize .widget-main .btn-fix .skipValidation{
    margin-left: 110px !important;
    position: fixed !important;
}

.scheduler-dialog.maximize .widget-main .span2{
    width: 6%;
}

.scheduler-dialog .scheduler-dialogBody .step-content {
    overflow-y: scroll;
    overflow-x: clip;
}

.scheduler-dialog:not(.maximize) .scheduler-dialogBody .step-content {
    max-height: 398px;
}

.scheduler-dialog.maximize .scheduler-dialogBody .step-content {
    max-height: 100%;
}

.scheduler-dialog .scheduler-dialogBody .AbsoluteButtons {
    position: inherit;
}
*,
*:focus,
*:hover {
    outline: none;
}
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(de3985a922b4cbc1d518fda77394abfd.eot);
  src: url(de3985a922b4cbc1d518fda77394abfd.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(a492f3a9481d9ce640832670994e5e64.woff) format('woff'), url(b048c7e641eda9ad4a69d281fc8aa3bd.ttf) format('truetype'), url(2936772672cf45f34b310897010e78e5.svg#fontawesomeregular?v=3.2.1) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}
.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: #ffffff;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(8b43027f47b20503057dfbbaa9401fef.eot);src:url(8b43027f47b20503057dfbbaa9401fef.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(20fd1704ea223900efa9fd4e869efb08.woff2) format('woff2'),url(f691f37e57f04c152e2315ab7dbad881.woff) format('woff'),url(1e59d2330b4c6deb84b340635ed36249.ttf) format('truetype'),url(c1e38fd9e0e74ba58f7a2b77ef29fdd3.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.analysis-table-marker table.mdx-table {
    max-width: 0;
}

.analysis-table-marker table.mdx-table img {
    max-width: none;
}

.mdx-table td, .mdx-table th {
    padding: 2px 5px 2px 5px
}

.slicer-normal {
    font-size: 0.9em;;
}

.slicer-selected {
    background-color: #abe5b5;
    font-size: 0.8em;;
    color: Black;
}

th.corner-heading,
th.heading-heading,
th.column-heading-selected,
th.column-heading-even,
th.column-heading-odd,
th.column-heading-span,
th.column-heading-red,
th.column-heading-green,
th.column-heading-yellow,
th.row-heading-red,
th.row-heading-green,
th.row-heading-yellow,
th.column-heading-rot,
th.column-heading-gruen,
th.column-heading-gelb,
th.row-heading-rot,
th.row-heading-gruen,
th.row-heading-gelb,
th.row-heading-selected,
th.row-heading-even,
th.row-heading-odd,
th.row-heading-span,
th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.row-heading-span-right,
th.column-heading-span-right,
th.property-heading,
td.property-name {
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    border: solid 1px #ffffff;
}

th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.column-heading-span-right,
th.row-heading-span-right {
    text-align: right;
    border: solid 1px #ffffff;
}

th.row-heading-selected,
th.column-heading-selected {
    background-color: #abe5b5;
    border: solid 1px #ffffff;
}

th.column-heading-even,
th.column-heading-odd,
th.column-heading-span,
th.corner-heading,
th.row-heading-even,
th.row-heading-span,
th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-span-right,
th.row-heading-span-right,
th.property-heading {
    background-color: #eeeeee;
    border: solid 1px #ffffff;
}

th.heading-heading,
td.property-name,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.row-heading-odd {
    background-color: #eff8ef;
    border: solid 1px #ffffff;
}

th.row-heading-red,
th.column-heading-red,
th.row-heading-rot,
th.column-heading-rot {
    background-color: #ff6666 !important;
    border: solid 1px #ffffff;
}

th.row-heading-yellow,
th.column-heading-yellow,
th.row-heading-gelb,
th.column-heading-gelb {
    background-color: yellow !important;
    border: solid 1px #ffffff;
}

th.row-heading-green,
th.column-heading-green,
th.row-heading-gruen,
th.column-heading-gruen {
    background-color: #66ff66 !important;
    border: solid 1px #ffffff;
}

td.cell-even,
td.cell-odd,
td.cell-red,
td.cell-yellow,
td.cell-green,
td.cell-rot,
td.cell-gelb,
td.cell-gruen,
td.property-value,
td.property-span,
td.row-total-col,
.col-total-row > td {
    font-size: 11px;
    text-align: right;
    border: solid 1px #ffffff;
}

td.cell-even {
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

td.cell-odd,
td.property-value,
td.property-span {
    background-color: #f4f4f4;
    border: solid 1px #ffffff;
}

td.cell-rot, td.cell-red, span.cell-rot, span.cell-red, .cell-red {
    background-color: #ff6666 !important;
    border: solid 1px #ffffff;
}

td.cell-gelb, td.cell-yellow, span.cell-gelb, span.cell-yellow, .cell-yellow{
    background-color: yellow !important;
    border: solid 1px #ffffff;
}

td.cell-gruen, td.cell-green, span.cell-gruen, span.cell-green, .cell-green{
    background-color: #66ff66 !important;
    border: solid 1px #ffffff;
}

div.table-message {
    font-size: 12pt;
    color: Black;
    font-weight: bold;
    border: solid 1px #ffffff;
}

.popup {
    width: 100%
}

.popup table {
    width: 100%
}

.col-total-row > td {
    font-weight: bold;
}

td.row-total-col,
.col-total-row > td.row-sum-result {
    font-weight: bold;
}

.hide {
    display:none;
}
div.stickyHeader {
    position:fixed;
    _position:absolute;
    top:0;
}
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1
}

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

.clearfix:after {
  clear: both
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

audio:not([controls]) {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline:thin dotted #333
;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

a:hover, a:active {
  outline: 0
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
  max-width: none
}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle
}

button, input {
  *overflow: visible;
  line-height: normal
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}

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

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
  cursor: pointer
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  vertical-align: top
}

/*@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important
  }

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

  a[href]:after {
    content: " (" attr(href) ")"
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

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

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr, img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  @page {
    margin: .5cm
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }
}*/

body {
  margin: 0;
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  /*line-height: 20px;*/
  color: #333;
  background-color: #fff
}

a {
  color: #08c;
  text-decoration: none
}

a:hover, a:focus {
  color: #005580;
  text-decoration: underline
}

.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px
}

.row {
  margin-left: -20px;
  *zoom: 1
}

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

.row:after {
  clear: both
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 940px
}

.span12 {
  width: 940px
}

.span11 {
  width: 860px
}

.span10 {
  width: 780px
}

.span9 {
  width: 700px
}

.span8 {
  width: 620px
}

.span7 {
  width: 540px
}

.span6 {
  width: 460px
}

.span5 {
  width: 380px
}

.span4 {
  width: 300px
}

.span3 {
  width: 220px
}

.span2 {
  width: 140px
}

.span1 {
  width: 60px
}

.offset12 {
  margin-left: 980px
}

.offset11 {
  margin-left: 900px
}

.offset10 {
  margin-left: 820px
}

.offset9 {
  margin-left: 740px
}

.offset8 {
  margin-left: 660px
}

.offset7 {
  margin-left: 580px
}

.offset6 {
  margin-left: 500px
}

.offset5 {
  margin-left: 420px
}

.offset4 {
  margin-left: 340px
}

.offset3 {
  margin-left: 260px
}

.offset2 {
  margin-left: 180px
}

.offset1 {
  margin-left: 100px
}

.row-fluid {
  width: 100%;
  *zoom: 1
}

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

.row-fluid:after {
  clear: both
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
  margin-left: 2.127659574468085%
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%
}

[class*="span"].hide, .row-fluid [class*="span"].hide {
  display: none
}

[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
  float: right
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1
}

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

.container:after {
  clear: both
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1
}

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

.container-fluid:after {
  clear: both
}

p {
  margin: 0 0 10px
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px
}

small {
  font-size: 85%
}

strong {
  font-weight: bold
}

em {
  font-style: italic
}

cite {
  font-style: normal
}

.muted {
  color: #999
}

a.muted:hover, a.muted:focus {
  color: #808080
}

.text-warning {
  color: #c09853
}

a.text-warning:hover, a.text-warning:focus {
  color: #a47e3c
}

.text-error {
  color: #b94a48
}

a.text-error:hover, a.text-error:focus {
  color: #953b39
}

.text-info {
  color: #3a87ad
}

a.text-info:hover, a.text-info:focus {
  color: #2d6987
}

.text-success {
  color: #468847
}

a.text-success:hover, a.text-success:focus {
  color: #356635
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999
}

h1, h2, h3 {
  line-height: 40px
}

h1 {
  font-size: 38.5px
}

h2 {
  font-size: 31.5px
}

h3 {
  font-size: 24.5px
}

h4 {
  font-size: 17.5px
}

h5 {
  font-size: 14px
}

h6 {
  font-size: 11.9px
}

h1 small {
  font-size: 24.5px
}

h2 small {
  font-size: 17.5px
}

h3 small {
  font-size: 14px
}

h4 small {
  font-size: 14px
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eee
}

ul, ol {
  padding: 0;
  margin: 0 0 10px 25px
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0
}

li {
  line-height: 20px
}

ul.unstyled, ol.unstyled {
  margin-left: 0;
  list-style: none
}

ul.inline, ol.inline {
  margin-left: 0;
  list-style: none
}

ul.inline>li, ol.inline>li {
  display: inline-block;
  *display: inline;
  padding-right: 5px;
  padding-left: 5px;
  *zoom: 1
}

dl {
  margin-bottom: 20px
}

dt, dd {
  line-height: 20px
}

dt {
  font-weight: bold
}

dd {
  margin-left: 10px
}

.dl-horizontal {
  *zoom: 1
}

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

.dl-horizontal:after {
  clear: both
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dl-horizontal dd {
  margin-left: 180px
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eee
}

blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999
}

blockquote small:before {
  content: '\2014 \00A0'
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small {
  text-align: right
}

blockquote.pull-right small:before {
  content: ''
}

blockquote.pull-right small:after {
  content: '\00A0 \2014'
}

q:before, q:after, blockquote:before, blockquote:after {
  content: ""
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px
}

code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

pre.prettyprint {
  margin-bottom: 20px
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

form {
  margin: 0 0 20px
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

legend small {
  font-size: 15px;
  color: #999
}

label, input, button, select, textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px
}

input, button, select, textarea {
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif
}

label {
  display: block;
  margin-bottom: 5px
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  display: inline-block;
  /*height: 20px;*/
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

input, textarea, .uneditable-input {
  width: 206px
}

textarea {
  height: auto
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted  \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px  \9;
  *margin-top: 0;
  line-height: normal
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  width: auto
}

select, input[type="file"] {
  height: 30px;
  *margin-top: 4px;
  line-height: 30px
}

select {
  width: 220px;
  background-color: #fff;
  border: 1px solid #ccc
}

select[multiple], select[size] {
  height: auto
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline:thin dotted #333
;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.uneditable-input, .uneditable-textarea {
  color: #999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025)
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap
}

.uneditable-textarea {
  width: auto;
  height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999
}

.radio, .checkbox {
  min-height: 20px;
  padding-left: 20px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px
}

.controls>.radio:first-child, .controls>.checkbox:first-child {
  padding-top: 5px
}

.radio.inline, .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle
}

.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
  margin-left: 10px
}

.input-mini {
  width: 60px
}

.input-small {
  width: 90px
}

.input-medium {
  width: 150px
}

.input-large {
  width: 210px
}

.input-xlarge {
  width: 270px
}

.input-xxlarge {
  width: 530px
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
  display: inline-block
}

input, textarea, .uneditable-input {
  margin-left: 0
}

.controls-row [class*="span"]+[class*="span"] {
  margin-left: 20px
}

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 926px
}

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 846px
}

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 766px
}

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 686px
}

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 606px
}

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 526px
}

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 446px
}

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 366px
}

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 286px
}

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 206px
}

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 126px
}

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 46px
}

.controls-row {
  *zoom: 1
}

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

.controls-row:after {
  clear: both
}

.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] {
  float: left
}

.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {
  padding-top: 5px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
  background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
  color: #c09853
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
  color: #b94a48
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
  color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
  color: #468847
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
  color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
  color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1
}

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

.form-actions:after {
  clear: both
}

.help-block, .help-inline {
  color: #595959
}

.help-block {
  display: block;
  margin-bottom: 10px
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1
}

.input-append, .input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
  font-size: 14px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
  z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .btn-group>.dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.input-append .active, .input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
  margin-right: -1px
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-append input, .input-append select, .input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-append input+.btn-group .btn:last-child, .input-append select+.btn-group .btn:last-child, .input-append .uneditable-input+.btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
  margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn, .input-prepend.input-append .uneditable-input+.btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px  \9;
  padding-left: 14px;
  padding-left: 4px  \9;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
  display: none
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
  display: inline-block
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
  margin-bottom: 0
}

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0
}

.control-group {
  margin-bottom: 10px
}

legend+.control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: ""
}

.form-horizontal .control-group:after {
  clear: both
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0
}

.form-horizontal .controls:first-child {
  *padding-left: 180px
}

.form-horizontal .help-block {
  margin-bottom: 0
}

.form-horizontal input+.help-block, .form-horizontal select+.help-block, .form-horizontal textarea+.help-block, .form-horizontal .uneditable-input+.help-block, .form-horizontal .input-prepend+.help-block, .form-horizontal .input-append+.help-block {
  margin-top: 10px
}

.form-horizontal .form-actions {
  padding-left: 180px
}

table {
  max-width: calc(100% - 1px);
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0
}

.table {
  width: 100%;
  margin-bottom: 20px
}

.table th, .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd
}

.table th {
  font-weight: bold
}

.table thead th {
  vertical-align: bottom
}

.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
  border-top: 0
}

.table tbody+tbody {
  border-top: 2px solid #ddd
}

.table .table {
  background-color: #fff
}

.table-condensed th, .table-condensed td {
  padding: 4px 5px
}

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.table-bordered th, .table-bordered td {
  border-left: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0
}

.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px
}

.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px
}

.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px
}

.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0
}

.table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px
}

.table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
  background-color: #f5f5f5
}

table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0
}

.table td.span1, .table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0
}

.table td.span2, .table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0
}

.table td.span3, .table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0
}

.table td.span4, .table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0
}

.table td.span5, .table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0
}

.table td.span6, .table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0
}

.table td.span7, .table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0
}

.table td.span8, .table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0
}

.table td.span9, .table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0
}

.table td.span10, .table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0
}

.table td.span11, .table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0
}

.table td.span12, .table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0
}

.table tbody tr.success>td {
  background-color: #dff0d8
}

.table tbody tr.error>td {
  background-color: #f2dede
}

.table tbody tr.warning>td {
  background-color: #fcf8e3
}

.table tbody tr.info>td {
  background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
  background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
  background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
  background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
  background-color: #c4e3f3
}

/*[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat
}

.icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:focus>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>li>a:focus>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:focus>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"], .dropdown-submenu:focus>a>[class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png")
}*/

.icon-glass {
  background-position: 0 0
}

.icon-music {
  background-position: -24px 0
}

.icon-search {
  background-position: -48px 0
}

.icon-envelope {
  background-position: -72px 0
}

.icon-heart {
  background-position: -96px 0
}

.icon-star {
  background-position: -120px 0
}

.icon-star-empty {
  background-position: -144px 0
}

.icon-user {
  background-position: -168px 0
}

.icon-film {
  background-position: -192px 0
}

.icon-th-large {
  background-position: -216px 0
}

.icon-th {
  background-position: -240px 0
}

.icon-th-list {
  background-position: -264px 0
}

.icon-ok {
  background-position: -288px 0
}

.icon-remove {
  background-position: -312px 0
}

.icon-zoom-in {
  background-position: -336px 0
}

.icon-zoom-out {
  background-position: -360px 0
}

.icon-off {
  background-position: -384px 0
}

.icon-signal {
  background-position: -408px 0
}

.icon-cog {
  background-position: -432px 0
}

.icon-trash {
  background-position: -456px 0
}

.icon-home {
  background-position: 0 -24px
}

.icon-file {
  background-position: -24px -24px
}

.icon-time {
  background-position: -48px -24px
}

.icon-road {
  background-position: -72px -24px
}

.icon-download-alt {
  background-position: -96px -24px
}

.icon-download {
  background-position: -120px -24px
}

.icon-upload {
  background-position: -144px -24px
}

.icon-inbox {
  background-position: -168px -24px
}

.icon-play-circle {
  background-position: -192px -24px
}

.icon-repeat {
  background-position: -216px -24px
}

.icon-refresh {
  background-position: -240px -24px
}

.icon-list-alt {
  background-position: -264px -24px
}

.icon-lock {
  background-position: -287px -24px
}

.icon-flag {
  background-position: -312px -24px
}

.icon-headphones {
  background-position: -336px -24px
}

.icon-volume-off {
  background-position: -360px -24px
}

.icon-volume-down {
  background-position: -384px -24px
}

.icon-volume-up {
  background-position: -408px -24px
}

.icon-qrcode {
  background-position: -432px -24px
}

.icon-barcode {
  background-position: -456px -24px
}

.icon-tag {
  background-position: 0 -48px
}

.icon-tags {
  background-position: -25px -48px
}

.icon-book {
  background-position: -48px -48px
}

.icon-bookmark {
  background-position: -72px -48px
}

.icon-print {
  background-position: -96px -48px
}

.icon-camera {
  background-position: -120px -48px
}

.icon-font {
  background-position: -144px -48px
}

.icon-bold {
  background-position: -167px -48px
}

.icon-italic {
  background-position: -192px -48px
}

.icon-text-height {
  background-position: -216px -48px
}

.icon-text-width {
  background-position: -240px -48px
}

.icon-align-left {
  background-position: -264px -48px
}

.icon-align-center {
  background-position: -288px -48px
}

.icon-align-right {
  background-position: -312px -48px
}

.icon-align-justify {
  background-position: -336px -48px
}

.icon-list {
  background-position: -360px -48px
}

.icon-indent-left {
  background-position: -384px -48px
}

.icon-indent-right {
  background-position: -408px -48px
}

.icon-facetime-video {
  background-position: -432px -48px
}

.icon-picture {
  background-position: -456px -48px
}

.icon-pencil {
  background-position: 0 -72px
}

.icon-map-marker {
  background-position: -24px -72px
}

.icon-adjust {
  background-position: -48px -72px
}

.icon-tint {
  background-position: -72px -72px
}

.icon-edit {
  background-position: -96px -72px
}

.icon-share {
  background-position: -120px -72px
}

.icon-check {
  background-position: -144px -72px
}

.icon-move {
  background-position: -168px -72px
}

.icon-step-backward {
  background-position: -192px -72px
}

.icon-fast-backward {
  background-position: -216px -72px
}

.icon-backward {
  background-position: -240px -72px
}

.icon-play {
  background-position: -264px -72px
}

.icon-pause {
  background-position: -288px -72px
}

.icon-stop {
  background-position: -312px -72px
}

.icon-forward {
  background-position: -336px -72px
}

.icon-fast-forward {
  background-position: -360px -72px
}

.icon-step-forward {
  background-position: -384px -72px
}

.icon-eject {
  background-position: -408px -72px
}

.icon-chevron-left {
  background-position: -432px -72px
}

.icon-chevron-right {
  background-position: -456px -72px
}

.icon-plus-sign {
  background-position: 0 -96px
}

.icon-minus-sign {
  background-position: -24px -96px
}

.icon-remove-sign {
  background-position: -48px -96px
}

.icon-ok-sign {
  background-position: -72px -96px
}

.icon-question-sign {
  background-position: -96px -96px
}

.icon-info-sign {
  background-position: -120px -96px
}

.icon-screenshot {
  background-position: -144px -96px
}

.icon-remove-circle {
  background-position: -168px -96px
}

.icon-ok-circle {
  background-position: -192px -96px
}

.icon-ban-circle {
  background-position: -216px -96px
}

.icon-arrow-left {
  background-position: -240px -96px
}

.icon-arrow-right {
  background-position: -264px -96px
}

.icon-arrow-up {
  background-position: -289px -96px
}

.icon-arrow-down {
  background-position: -312px -96px
}

.icon-share-alt {
  background-position: -336px -96px
}

.icon-resize-full {
  background-position: -360px -96px
}

.icon-resize-small {
  background-position: -384px -96px
}

.icon-plus {
  background-position: -408px -96px
}

.icon-minus {
  background-position: -433px -96px
}

.icon-asterisk {
  background-position: -456px -96px
}

.icon-exclamation-sign {
  background-position: 0 -120px
}

.icon-gift {
  background-position: -24px -120px
}

.icon-leaf {
  background-position: -48px -120px
}

.icon-fire {
  background-position: -72px -120px
}

.icon-eye-open {
  background-position: -96px -120px
}

.icon-eye-close {
  background-position: -120px -120px
}

.icon-warning-sign {
  background-position: -144px -120px
}

.icon-plane {
  background-position: -168px -120px
}

.icon-calendar {
  background-position: -192px -120px
}

.icon-random {
  width: 16px;
  background-position: -216px -120px
}

.icon-comment {
  background-position: -240px -120px
}

.icon-magnet {
  background-position: -264px -120px
}

.icon-chevron-up {
  background-position: -288px -120px
}

.icon-chevron-down {
  background-position: -313px -119px
}

.icon-retweet {
  background-position: -336px -120px
}

.icon-shopping-cart {
  background-position: -360px -120px
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px
}

.icon-resize-vertical {
  background-position: -432px -119px
}

.icon-resize-horizontal {
  background-position: -456px -118px
}

.icon-hdd {
  background-position: 0 -144px
}

.icon-bullhorn {
  background-position: -24px -144px
}

.icon-bell {
  background-position: -48px -144px
}

.icon-certificate {
  background-position: -72px -144px
}

.icon-thumbs-up {
  background-position: -96px -144px
}

.icon-thumbs-down {
  background-position: -120px -144px
}

.icon-hand-right {
  background-position: -144px -144px
}

.icon-hand-left {
  background-position: -168px -144px
}

.icon-hand-up {
  background-position: -192px -144px
}

.icon-hand-down {
  background-position: -216px -144px
}

.icon-circle-arrow-right {
  background-position: -240px -144px
}

.icon-circle-arrow-left {
  background-position: -264px -144px
}

.icon-circle-arrow-up {
  background-position: -288px -144px
}

.icon-circle-arrow-down {
  background-position: -312px -144px
}

.icon-globe {
  background-position: -336px -144px
}

.icon-wrench {
  background-position: -360px -144px
}

.icon-tasks {
  background-position: -384px -144px
}

.icon-filter {
  background-position: -408px -144px
}

.icon-briefcase {
  background-position: -432px -144px
}

.icon-fullscreen {
  background-position: -456px -144px
}

.dropup, .dropdown {
  position: relative
}

.dropdown-toggle {
  *margin-bottom: -3px
}

.dropdown-toggle:active, .open .dropdown-toggle {
  outline: 0
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

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

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: #999
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open {
  *z-index: 1000
}

.open>.dropdown-menu {
  display: block
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}

.dropdown-submenu {
  position: relative
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0
}

.dropdown-submenu>a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #ccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " "
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff
}

.dropdown-submenu.pull-left {
  float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15)
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -moz-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease
}

.collapse.in {
  height: auto
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9
}

.btn:active, .btn.active {
  background-color: #ccc  \9
}

.btn:first-child {
  *margin-left: 0
}

.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear
}

.btn:focus {
  outline:thin dotted #333
;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
  margin-top: 4px
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
  margin-top: 0
}

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
  margin-top: -1px
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
  color: rgba(255, 255, 255, 0.75)
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #04c;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #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(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #fff;
  background-color: #04c;
  *background-color: #003bb3
}

.btn-primary:active, .btn-primary.active {
  background-color: #039  \9
}

.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  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(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: #fff;
  background-color: #f89406;
  *background-color: #df8505
}

.btn-warning:active, .btn-warning.active {
  background-color: #c67605  \9
}

.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  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(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f;
  *background-color: #a9302a
}

.btn-danger:active, .btn-danger.active {
  background-color: #942a25  \9
}

.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  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(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: #fff;
  background-color: #51a351;
  *background-color: #499249
}

.btn-success:active, .btn-success.active {
  background-color: #408140  \9
}

.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  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(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: #fff;
  background-color: #2f96b4;
  *background-color: #2a85a0
}

.btn-info:active, .btn-info.active {
  background-color: #24748c  \9
}

.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222;
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(to bottom, #444, #222);
  background-repeat: repeat-x;
  border-color: #222 #222 #000;
  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(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: #fff;
  background-color: #222;
  *background-color: #151515
}

.btn-inverse:active, .btn-inverse.active {
  background-color: #080808  \9
}

button.btn, input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px
}

button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px
}

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.btn-link {
  color: #08c;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.btn-link:hover, .btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #333;
  text-decoration: none
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1
}

.btn-group:first-child {
  *margin-left: 0
}

.btn-group+.btn-group {
  margin-left: 5px
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0
}

.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group {
  margin-left: 5px
}

.btn-group>.btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.btn-group>.btn+.btn {
  margin-left: -1px
}

.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
  font-size: 14px
}

.btn-group>.btn-mini {
  font-size: 10.5px
}

.btn-group>.btn-small {
  font-size: 11.9px
}

.btn-group>.btn-large {
  font-size: 17.5px
}

.btn-group>.btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px
}

.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px
}

.btn-group>.btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px
}

.btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active {
  z-index: 2
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group>.btn+.dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group>.btn-mini+.dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px
}

.btn-group>.btn-small+.dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px
}

.btn-group>.btn-large+.dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #04c
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0
}

.btn-large .caret {
  margin-top: 6px
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px
}

.btn-mini .caret, .btn-small .caret {
  margin-top: 8px
}

.dropup .btn-large .caret {
  border-bottom-width: 5px
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.btn-group-vertical>.btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.btn-group-vertical>.btn+.btn {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0
}

.btn-group-vertical>.btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.alert, .alert h4 {
  color: #c09853
}

.alert h4 {
  margin: 0
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.alert-success h4 {
  color: #468847
}

.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7
}

.alert-danger h4, .alert-error h4 {
  color: #b94a48
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.alert-info h4 {
  color: #3a87ad
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px
}

.alert-block>p, .alert-block>ul {
  margin-bottom: 0
}

.alert-block p+p {
  margin-top: 5px
}

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none
}

.nav>li>a {
  display: block
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.nav>li>a>img {
  max-width: none
}

.nav>.pull-right {
  float: right
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase
}

.nav li+.nav-header {
  margin-top: 9px
}

.nav-list {
  /*padding-right: 15px;
  padding-left: 15px;*/
  margin-bottom: 0
}

.nav-list>li>a, .nav-list .nav-header {
  /*margin-right: -15px;
  margin-left: -15px;*/
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.nav-list>li>a {
  /*padding: 3px 15px*/
}

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #08c
}

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
  margin-right: 2px
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff
}

.nav-tabs, .nav-pills {
  *zoom: 1
}

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

.nav-tabs:after, .nav-pills:after {
  clear: both
}

.nav-tabs>li, .nav-pills>li {
  float: left
}

.nav-tabs>li>a, .nav-pills>li>a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li {
  margin-bottom: -1px
}

.nav-tabs>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
  border-color: #eee #eee #ddd
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent
}

.nav-pills>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
  color: #fff;
  background-color: #08c
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li>a {
  margin-right: 0
}

.nav-tabs.nav-stacked {
  border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px
}

.nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus {
  z-index: 2;
  border-color: #ddd
}

.nav-pills.nav-stacked>li>a {
  margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
  margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #08c;
  border-bottom-color: #08c
}

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555
}

.nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus {
  cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
  color: #fff;
  background-color: #999;
  border-color: #999
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus {
  border-color: #999
}

.tabbable {
  *zoom: 1
}

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

.tabbable:after {
  clear: both
}

.tab-content {
  overflow: auto
}

.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
  border-bottom: 0
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
  display: none
}

.tab-content>.active, .pill-content>.active {
  display: block
}

.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
  margin-top: -1px;
  margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent
}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
  border-color:transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
  float: none
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px
}

.tabs-left>.nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
  border-color: #eee #ddd #eee #eee
}

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

.tabs-right>.nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
  border-color: #eee #eee #eee #ddd
}

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

.nav>.disabled>a {
  color: #999
}

.nav>.disabled>a:hover, .nav>.disabled>a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent
}

.navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 20px;
  overflow: visible
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom, #fff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065)
}

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

.navbar-inner:after {
  clear: both
}

.navbar .container {
  width: auto
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible
}

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777;
  text-shadow: 0 1px 0 #fff
}

.navbar .brand:hover, .navbar .brand:focus {
  text-decoration: none
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777
}

.navbar-link {
  color: #777
}

.navbar-link:hover, .navbar-link:focus {
  color: #333
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-right: 1px solid #fff;
  border-left: 1px solid #f2f2f2
}

.navbar .btn, .navbar .btn-group {
  margin-top: 5px
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group {
  margin-top: 0
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1
}

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

.navbar-form:after {
  clear: both
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
  margin-top: 5px
}

.navbar-form input, .navbar-form select, .navbar-form .btn {
  display: inline-block;
  margin-bottom: 0
}

.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
  margin-top: 3px
}

.navbar-form .input-append, .navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap
}

.navbar-form .input-append input, .navbar-form .input-prepend input {
  margin-top: 0
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0
}

.navbar-search .search-query {
  padding: 4px 14px;
  margin-bottom: 0;
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.navbar-static-top {
  position: static;
  margin-bottom: 0
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
  border-width: 0 0 1px
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 940px
}

.navbar-fixed-top {
  top: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1)
}

.navbar-fixed-bottom {
  bottom: 0
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1)
}

.navbar .nav {
  position: relative;
  left: 0;
  display: inline-flex;
  margin: 0 10px 0 0
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0
}

.navbar .nav>li {
  float: left
}

.navbar .nav>li>a {
  float: none;
  padding: 10px 15px 10px;
  color: #777;
  text-decoration: none;
  /*text-shadow: 0 1px 0 #fff*/
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
  color: #333;
  text-decoration: none;
  background-color: transparent
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
  color: #555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125)
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  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(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075)
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  color: #fff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9
}

.navbar .btn-navbar:active, .navbar .btn-navbar.active {
  background-color: #ccc  \9
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
}

.btn-navbar .icon-bar+.icon-bar {
  margin-top: 3px
}

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

.navbar .nav>li>.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2)
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #fff;
  border-bottom: 0
}

.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
  color: #555;
  background-color: #e5e5e5
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
  border-top-color: #777;
  border-bottom-color: #777
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555
}

.navbar .pull-right>li>.dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before {
  right: 12px;
  left: auto
}

.navbar .pull-right>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu.pull-right:after {
  right: 13px;
  left: auto
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222, #111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
  background-image: -webkit-linear-gradient(top, #222, #111);
  background-image: -o-linear-gradient(top, #222, #111);
  background-image: linear-gradient(to bottom, #222, #111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0)
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
  color: #999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav>li>a:focus {
  color: #fff
}

.navbar-inverse .brand {
  color: #999
}

.navbar-inverse .navbar-text {
  color: #999
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
  color: #fff;
  background-color: transparent
}

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

.navbar-inverse .navbar-link {
  color: #999
}

.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
  color: #fff
}

.navbar-inverse .divider-vertical {
  border-right-color: #222;
  border-left-color: #111
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
  color: #fff;
  background-color: #111
}

.navbar-inverse .nav li.dropdown>a:hover .caret, .navbar-inverse .nav li.dropdown>a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
  border-top-color: #999;
  border-bottom-color: #999
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
  color: #fff;
  background-color: #515151;
  border-color: #111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #ccc
}

.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15)
}

.navbar-inverse .btn-navbar {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000;
  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(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
  color: #fff;
  background-color: #040404;
  *background-color: #000
}

.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
  background-color: #000  \9
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #fff;
  *zoom: 1
}

.breadcrumb>li>.divider {
  padding: 0 5px;
  color: #ccc
}

.breadcrumb>.active {
  color: #999
}

.pagination {
  margin: 20px 0
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

.pagination ul>li {
  display: inline
}

.pagination ul>li>a, .pagination ul>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
  background-color: #f5f5f5
}

.pagination ul>.active>a, .pagination ul>.active>span {
  color: #999;
  cursor: default
}

.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
  color: #999;
  cursor: default;
  background-color: transparent
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px
}

.pagination-centered {
  text-align: center
}

.pagination-right {
  text-align: right
}

.pagination-large ul>li>a, .pagination-large ul>li>span {
  padding: 11px 19px;
  font-size: 17.5px
}

.pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span {
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px
}

.pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span {
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px
}

.pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span {
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px
}

.pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px
}

.pagination-small ul>li>a, .pagination-small ul>li>span {
  padding: 2px 10px;
  font-size: 11.9px
}

.pagination-mini ul>li>a, .pagination-mini ul>li>span {
  padding: 0 6px;
  font-size: 10.5px
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1
}

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

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #f5f5f5
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
  color: #999;
  cursor: default;
  background-color: #fff
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: .8;
  filter: alpha(opacity=80)
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out
}

.modal.fade.in {
  top: 10%
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee
}

.modal-header .close {
  margin-top: 2px
}

.modal-header h3 {
  margin: 0;
  line-height: 30px
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto
}

.modal-form {
  margin-bottom: 0
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff
}

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

.modal-footer:after {
  clear: both
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.tooltip-bs {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible
}

.tooltip-bs.in {
  opacity: .8;
  filter: alpha(opacity=80)
}

.tooltip-bs.top {
  padding: 5px 0;
  margin-top: -3px
}

.tooltip-bs.right {
  padding: 0 5px;
  margin-left: 3px
}

.tooltip-bs.bottom {
  padding: 5px 0;
  margin-top: 3px
}

.tooltip-bs.left {
  padding: 0 5px;
  margin-left: -3px
}

.tooltip-bs-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip-bs.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000;
  border-width: 5px 5px 0
}

.tooltip-bs.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000;
  border-width: 5px 5px 5px 0
}

.tooltip-bs.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000;
  border-width: 5px 0 5px 5px
}

.tooltip-bs.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0
}

.popover-title:empty {
  display: none
}

.popover-content {
  padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover .arrow {
  border-width: 11px
}

.popover .arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #fff;
  border-right-width: 0
}

.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1
}

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

.thumbnails:after {
  clear: both
}

.row-fluid .thumbnails {
  margin-left: 0
}

.thumbnails>li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

a.thumbnail:hover, a.thumbnail:focus {
  border-color: #08c;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25)
}

.thumbnail>img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}

.thumbnail .caption {
  padding: 9px;
  color: #555
}

.media, .media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1
}

.media, .media .media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media-object {
  display: block
}

.media-heading {
  margin: 0 0 5px
}

.media>.pull-left {
  margin-right: 10px
}

.media>.pull-right {
  margin-left: 10px
}

.media-list {
  margin-left: 0;
  list-style: none
}

.label, .badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999
}

.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px
}

.label:empty, .badge:empty {
  display: none
}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.label-important, .badge-important {
  background-color: #b94a48
}

.label-important[href], .badge-important[href] {
  background-color: #953b39
}

.label-warning, .badge-warning {
  background-color: #f89406
}

.label-warning[href], .badge-warning[href] {
  background-color: #c67605
}

.label-success, .badge-success {
  background-color: #468847
}

.label-success[href], .badge-success[href] {
  background-color: #356635
}

.label-info, .badge-info {
  background-color: #3a87ad
}

.label-info[href], .badge-info[href] {
  background-color: #2d6987
}

.label-inverse, .badge-inverse {
  background-color: #333
}

.label-inverse[href], .badge-inverse[href] {
  background-color: #1a1a1a
}

.btn .label, .btn .badge {
  position: relative;
  top: -1px
}

.btn-mini .label, .btn-mini .badge {
  top: 0
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 40px 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width .6s ease;
  -moz-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

.progress .bar+.bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar, .progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar, .progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0)
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar, .progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0)
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar, .progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.accordion {
  margin-bottom: 20px
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.accordion-heading {
  border-bottom: 0
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px
}

.accordion-toggle {
  cursor: pointer
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner>.item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -moz-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  display: block;
  line-height: 1
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #222;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: .5;
  filter: alpha(opacity=50)
}

.carousel-control.right {
  right: 15px;
  left: auto
}

.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px
}

.carousel-indicators .active {
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333;
  background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4, .carousel-caption p {
  line-height: 20px;
  color: #fff
}

.carousel-caption h4 {
  margin: 0 0 5px
}

.carousel-caption p {
  margin-bottom: 0
}

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit
}

.hero-unit li {
  line-height: 30px
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.hide {
  display: none
}

.show {
  display: block
}

.invisible {
  visibility: hidden
}

.affix {
  position: fixed
}

/*compatibilidade bootstrap*/
.alert {
    padding: 8px 35px 8px 14px !important;
    border-radius: 0px;
}
/*fim compatibilidade*/

/*compatibilidade icefaces*/
.iceFrm iframe {
    background: #c1c1c1 !important;
    position: fixed !important;
    margin-top: 52px;
}
/*fim compatibilidade*/

.infobox-container {
    font-size: 0
}

.infobox {
    display: inline-block;
    width: 220px;
    height: 52px;
    color: #555555;
    box-shadow: none;
    border-radius: 0;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    border: 1px dotted;
    border-color: #d8d8d8 !important;
    vertical-align: middle;
    text-align: left;
    position: relative
}

.infobox > .infobox-icon {
    display: inline-block;
    vertical-align: top;
    width: 44px
}

.sidebar > .nav-search.menu-min .nav-search .nav-search-input {
    width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important
}

.infobox > .infobox-icon > [class*="icon-"] {
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border: 0;
    text-align: center;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)
}

.infobox > .infobox-icon > [class*="icon-"]:before {
    font-size: 24px !important;
    display: block;
    padding: 6px 0 7px;
    width: 40px !important;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14)
}

.infobox .infobox-content {
    color: #555555
}

.infobox-description {
    color: #555555;
    font-size: 8px;
    line-height: 8px;
}

.infobox .infobox-content:first-child {
    font-weight: normal
}

.infobox-content{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.infobox > .infobox-data {
    display: inline-block;
    border: 0;
    border-top-width: 0;
    font-size: 13px;
    text-align: left;
    line-height: 21px;
    min-width: 130px;
    padding-left: 14px;
    position: relative;
    top: 0
}

.infobox > .infobox-data > .infobox-data-number {
    display: block;
    font-size: 22px;
    margin: 2px 0 4px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15)
}

.infobox > .infobox-data > .infobox-text {
    display: block;
    font-size: 16px;
    margin: 2px 0 4px;
    position: relative;
    text-shadow: none
}

.infobox.no-border {
    border: none !important
}

.infobox-purple {
    color: #6f3cc4;
    border-color: #6f3cc4
}

.infobox-purple > .infobox-icon > [class*="icon-"] {
    background-color: #6f3cc4
}

.infobox-purple.infobox-dark {
    background-color: #6f3cc4;
    border-color: #6f3cc4
}

.infobox-purple2 {
    color: #5f47b0;
    border-color: #5f47b0
}

.infobox-purple2 > .infobox-icon > [class*="icon-"] {
    background-color: #5f47b0
}

.infobox-purple2.infobox-dark {
    background-color: #5f47b0;
    border-color: #5f47b0
}

.infobox-pink {
    color: #cb6fd7;
    border-color: #cb6fd7
}

.infobox-pink > .infobox-icon > [class*="icon-"] {
    background-color: #cb6fd7
}

.infobox-pink.infobox-dark {
    background-color: #cb6fd7;
    border-color: #cb6fd7
}

.infobox-blue {
    color: #6fb3e0;
    border-color: #6fb3e0
}

.infobox-blue > .infobox-icon > [class*="icon-"] {
    background-color: #6fb3e0
}

.infobox-blue.infobox-dark {
    background-color: #6fb3e0;
    border-color: #6fb3e0
}

.infobox-blue2 {
    color: #3983c2;
    border-color: #3983c2
}

.infobox-blue2 > .infobox-icon > [class*="icon-"] {
    background-color: #3983c2
}

.infobox-blue2.infobox-dark {
    background-color: #3983c2;
    border-color: #3983c2
}

.infobox-blue3 {
    color: #1144eb;
    border-color: #1144eb
}

.infobox-blue3 > .infobox-icon > [class*="icon-"] {
    background-color: #1144eb
}

.infobox-blue3.infobox-dark {
    background-color: #1144eb;
    border-color: #1144eb
}

.infobox-red {
    color: #d53f40;
    border-color: #d53f40
}

.infobox-red > .infobox-icon > [class*="icon-"] {
    background-color: #d53f40
}

.infobox-red.infobox-dark {
    background-color: #d53f40;
    border-color: #d53f40
}

.infobox-brown {
    color: #c67a3e;
    border-color: #c67a3e
}

.infobox-brown > .infobox-icon > [class*="icon-"] {
    background-color: #c67a3e
}

.infobox-brown.infobox-dark {
    background-color: #c67a3e;
    border-color: #c67a3e
}

.infobox-wood {
    color: #7b3f25;
    border-color: #7b3f25
}

.infobox-wood > .infobox-icon > [class*="icon-"] {
    background-color: #7b3f25
}

.infobox-wood.infobox-dark {
    background-color: #7b3f25;
    border-color: #7b3f25
}

.infobox-light-brown {
    color: #cebea5;
    border-color: #cebea5
}

.infobox-light-brown > .infobox-icon > [class*="icon-"] {
    background-color: #cebea5
}

.infobox-light-brown.infobox-dark {
    background-color: #cebea5;
    border-color: #cebea5
}

.infobox-orange {
    color: #e8b110;
    border-color: #e8b110
}

.infobox-orange > .infobox-icon > [class*="icon-"] {
    background-color: #e8b110
}

.infobox-orange.infobox-dark {
    background-color: #e8b110;
    border-color: #e8b110
}

.infobox-orange2 {
    color: #f79263;
    border-color: #f79263
}

.infobox-orange2 > .infobox-icon > [class*="icon-"] {
    background-color: #f79263
}

.infobox-orange2.infobox-dark {
    background-color: #f79263;
    border-color: #f79263
}

.infobox-green {
    color: #9abc32;
    border-color: #9abc32
}

.infobox-green > .infobox-icon > [class*="icon-"] {
    background-color: #9abc32;
}

.infobox-green.infobox-dark {
    background-color: #9abc32;
    border-color: #9abc32
}

.infobox-green2 {
    color: #0490a6;
    border-color: #0490a6
}

.infobox-green2 > .infobox-icon > [class*="icon-"] {
    background-color: #0490a6
}

.infobox-green2.infobox-dark {
    background-color: #0490a6;
    border-color: #0490a6
}

.infobox-grey {
    color: #999999;
    border-color: #999999
}

.infobox-grey > .infobox-icon > [class*="icon-"] {
    background-color: #999999
}

.infobox-grey.infobox-dark {
    background-color: #999999;
    border-color: #999999
}

.infobox-black {
    color: #2A2624;
    border-color: #2A2624
}

.infobox-black > .infobox-icon > [class*="icon-"] {
    background-color: #2A2624
}

.infobox-black.infobox-dark {
    background-color: #2A2624;
    border-color: #2A2624
}

.infobox-dark {
    margin: 1px 1px 0 0;
    border-color: transparent !important;
    border: 0;
    color: #ffffff;
    padding: 4px
}

.infobox-dark > .infobox-icon > [class*="icon-"], .infobox-dark > .infobox-icon > [class*="icon-"]:before {
    background-color: transparent;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    font-size: 30px
}

.infobox-dark > .infobox-icon > [class*="icon-"]:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.infobox-dark .infobox-content {
    color: #ffffff
}

.infobox > .infobox-progress {
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
    width: 44px
}

.infobox > .infobox-chart {
    padding-top: 0;
    display: inline-block;
    vertical-align: text-bottom;
    width: 44px;
    text-align: center
}

.infobox > .infobox-chart > .sparkline {
    font-size: 24px
}

.infobox > .infobox-chart canvas {
    vertical-align: middle !important
}

.infobox > .stat {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 11px;
    text-shadow: none;
    color: #abbac3;
    font-size: 13px;
    font-weight: bold;
    padding-right: 18px;
    padding-top: 3px
}

.infobox > .stat:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 11px;
    background-color: #abbac3;
    position: absolute;
    right: 4px;
    top: 7px
}

.infobox > .stat:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 1px;
    top: -8px;
    border: 12px solid transparent;
    border-width: 8px 7px;
    border-bottom-color: #abbac3
}

.infobox > .stat.stat-success {
    color: #77c646
}

.infobox > .stat.stat-success:before {
    background-color: #77c646
}

.infobox > .stat.stat-success:after {
    border-bottom-color: #77c646
}

.infobox > .stat.stat-important {
    color: #e4564f
}

.infobox > .stat.stat-important:before {
    background-color: #e4564f;
    top: 3px
}

.infobox > .stat.stat-important:after {
    border-top-color: #e4564f;
    border-bottom-color: transparent;
    bottom: -6px;
    top: auto
}

.infobox.infobox-dark > .stat {
    color: #ffffff
}

.infobox.infobox-dark > .stat:before {
    background-color: #e1e5e8
}

.infobox.infobox-dark > .stat:after {
    border-bottom-color: #e1e5e8
}

.infobox.infobox-dark > .stat.stat-success {
    color: #ffffff
}

.infobox.infobox-dark > .stat.stat-success:before {
    background-color: #d0e29e
}

.infobox.infobox-dark > .stat.stat-success:after {
    border-bottom-color: #d0e29e
}

.infobox.infobox-dark > .stat.stat-important {
    color: #ffffff
}

.infobox.infobox-dark > .stat.stat-important:before {
    background-color: #ff8482;
    top: 3px
}

.infobox.infobox-dark > .stat.stat-important:after {
    border-top-color: #ff8482;
    border-bottom-color: transparent;
    bottom: -6px;
    top: auto
}

.infobox > .badge {
    position: absolute;
    right: 20px;
    top: 11px;
    border-radius: 0;
    text-shadow: none;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    height: 16px;
    padding: 0 1px
}

.infobox.infobox-dark > .badge {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid #f1f1f1;
    top: 2px;
    right: 2px
}

.infobox.infobox-dark > .badge.badge-success > [class*="icon-"] {
    color: #c6e9a1
}

.infobox.infobox-dark > .badge.badge-important > [class*="icon-"] {
    color: #ecb792
}

.infobox.infobox-dark > .badge.badge-warning > [class*="icon-"] {
    color: #ecb792
}

.infobox-small {
    width: 125px;
    height: 45px;
    text-align: left;
    padding-bottom: 5px
}

.infobox-small > .infobox-icon, .infobox-small > .infobox-chart, .infobox-small > .infobox-progress {
    display: inline-block;
    width: 40px;
    max-width: 40px;
    height: 42px;
    line-height: 38px;
    vertical-align: middle
}

.infobox-small > .infobox-data {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 72px;
    min-width: 0
}

.infobox-small > .infobox-chart > .sparkline {
    font-size: 14px;
    margin-left: 2px
}

.percentage {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top
}

.infobox-small .percentage {
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px;
    margin-left: 2px
}

.infobox-circle {
    border-radius: 100% 100% 100% 100%;
    height: 50px;
    width: 50px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
    margin-right: 3px;
}

.infobox-iconcircle {
    margin: 14px 0 0 8px;
    color: #ffffff;
    font-size: 32px;
    line-height: 50px;
}

.infobox > .infobox-icon > [class*="icon-"] {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 100%;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    position: relative;
    text-align: center;
}

.tags-hover, .tags-hover:hover {
    border-color: #f59942;
    outline: 0;
    outline: thin dotted \9

}

.pagination ul > li > a, .pager > li > a {
    border-width: 1px;
    border-radius: 0 !important
}

.pagination ul > li > a, .pager > li > a {
    color: #2283c5;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    border-color: #e0e8eb
}

.pagination ul > li > a:hover, .pager > li > a:hover {
    background-color: #eaeff2
}

.pagination ul > li.disabled > a, .pagination ul > li.disabled > a:hover, .pager > li.disabled > a, .pager > li.disabled > a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9
}

.pagination ul > li.active > a, .pagination ul > li.active > a:hover {
    background-color: #6faed9;
    border-color: #6faed9;
    color: #ffffff;
}

/* inicio das tabelas */

.crud-table th {
    border: 0 !important;
    border-bottom: 1px solid #cccccc !important;
    border-collapse: separate !important;
    color: #707070 !important;
    display: table-cell !important;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial !important;
    font-size: 13px !important;
    font-weight: bold !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 8px !important;
    text-align: left !important;
    vertical-align: middle !important;
    background: #ffffff !important;
    letter-spacing: .4px;
}

/*.crud-table tbody:before{
    content: '';
    display: block;
    height: 10px;
}*/

.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-odd, .crud-grid-row-odd td,
.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-odd, .crud-grid-row-odd td .iceOutTxt,
.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-even, .crud-grid-row-even td,
.iceDatTblRow .crud-tableRow .crud-grid-formRow .crud-grid-row-even, .crud-grid-row-even td .iceOutTxt{
    border-collapse: separate !important;
    color: #6e6e6e !important;
    display: table-cell !important;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial !important;
    font-size: 13px !important;
    height: 26px !important;
    line-height: 16px !important;
    padding: 4px 8px !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-weight: 400;
    letter-spacing: .4px;
}

td .iceOutTxt {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial !important;
    color: #2A2624 !important;
}

.crud-table tr:hover > td {
    background-color: #f5f5f5 !important;
}

.modal.fade {
    opacity: 1 !important;
}

.box-content {
    height: 480px;
}

.easyPieChart {
    position: relative;
    text-align: center
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.profile-info-name, .profile-info-value {
    font-size: 12px;
}

input[type=radio] {
    opacity: 0;
    z-index: 12;
    width: 18px !important;
    height: 18px !important;
}

input[type=checkbox]:checked, input[type=radio]:checked,
input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none !important
}

input[type=checkbox] + .lbl,
input[type=checkbox] + label {
    word-break: normal;
}

input[type=checkbox] + .lbl, input[type=radio] + .lbl,
input[type=checkbox] + label, input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}

input[type=radio] + .lbl,
input[type=radio] + label {
    margin-left: 20px;
}

input[type=checkbox] + .lbl.padding-16::before, input[type=radio] + .lbl.padding-16::before {
    margin-right: 16px;
}

input[type=checkbox] + .lbl.padding-12::before, input[type=radio] + .lbl.padding-12::before {
    margin-right: 12px;
}

input[type=checkbox] + .lbl.padding-8::before, input[type=radio] + .lbl.padding-8::before {
    margin-right: 8px;
}

input[type=checkbox] + .lbl.padding-4::before, input[type=radio] + .lbl.padding-4::before {
    margin-right: 4px;
}

input[type=checkbox] + .lbl.padding-0::before, input[type=radio] + .lbl.padding-0::before {
    margin-right: 0;
}

input[type=checkbox] + .lbl::before,
input[type=checkbox] + label::before {
    font-family: 'Material Icons';
    font-weight: bold;
    font-size: 11px;
    color: #32a3ce;
    content: "\a0";
    background-color: #fafafa;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 13px;
    line-height: 15px;
    min-width: 13px;
    margin-right: 8px;
}

input[type=radio]:checked + .lbl::before,
input[type=radio]:checked + label::before {
    font-size: 39px;
}

input[type=checkbox]:checked + .lbl::before, input[type=radio]:checked + .lbl::before,
input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before{
    display: inline-block;
    content: 'done';
    text-transform: none;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:hover + .lbl::before, input[type=radio]:hover + .lbl::before, input[type=checkbox] + .lbl:hover::before, input[type=radio] + .lbl:hover::before {
    cursor: pointer;
}

input[type=checkbox]:active + .lbl::before, input[type=radio]:active + .lbl::before, input[type=checkbox]:checked:active + .lbl::before, input[type=radio]:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1)
}

input[type=checkbox].ace-checkbox-2 + .lbl::before, input[type=radio].ace-checkbox-2 + .lbl::before {
    box-shadow: none
}

input[type=checkbox].ace-checkbox-2:checked + .lbl::before, input[type=radio].ace-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #ffffff
}

span.lbl.iceSelOneRb {
    margin: 0px 10px 0px 22px;
    pointer-events: none;
}

input[type=radio]:disabled + .lbl::before, input[type=radio][disabled] + .lbl::before, input[type=radio].disabled + .lbl::before {
    background-color: #dddddd !important;
    border-color: #cccccc !important;
    box-shadow: none !important;
    color: #bbbbbb
}

input[type=radio] + .lbl::before {
    border-radius: 32px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 36px
}

input[type=radio]:checked + .lbl::before {
    content: "\2022";
    display: none;
}

input[type=checkbox].ace-switch {
    width: 55px;
    height: 20px
}

input[type=checkbox].ace-switch + .lbl {
    margin: 0 4px;
    min-height: 24px
}

input[type=checkbox].ace-switch + .lbl::before {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    content: "ON\A0\A0\A0\A0\A0\A0\A0\A0\A0OFF";
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #b5b5b5;
    text-align: left;
    float: left;
    padding: 0;
    width: 50px;
    text-indent: -19px;
    text-indent: -21 px\9;
    margin-right: 0;
    transition: text-indent .4s ease;
}

input[type=checkbox].ace-switch + .lbl::after {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    content: '|||';
    font-size: 6px;
    color: #696969;
    background-color: #ffffff;
    text-align: center;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 0;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: left .4s ease;
    letter-spacing: 1.5px;
}

input[type=checkbox].ace-switch:checked + .lbl::before {
    text-indent: 9px;
    color: #ffffff;
    background-color: #4A90E2;
    border: 0;
}

input[type=checkbox].ace-switch:checked + .lbl::after {
    left: 34px;
    background-color: #ffffff;
    color: #696969;
}

input[type=checkbox].ace-switch.ace-switch-2 + .lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace-switch.ace-switch-3 + .lbl::after {
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 23px;
    content: "\f00d";
    top: -1px
}

input[type=checkbox].ace-switch.ace-switch-3:checked + .lbl::after {
    content: "\f00c"
}

input[type=checkbox].ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace-switch.ace-switch-5 + .lbl::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 21 px\9;
    border-radius: 12px;
    background-color: #8b9aa3;
    color: #ffffff;
    width: 52px;
    text-indent: -25px;
    text-indent: -28 px\9;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    box-shadow: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

input[type=checkbox].ace-switch.ace-switch-4 + .lbl::after, input[type=checkbox].ace-switch.ace-switch-5 + .lbl::after {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    content: '|||';
    font-size: 6px;
    font-weight: lighter;
    color: #8b9aa3;
    text-align: center;
    position: absolute;
    border-radius: 16px;
    color: #5b6a73;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

input[type=checkbox].ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 9px;
    background-color: #468fcc;
    border-color: #468fcc
}

input[type=checkbox].ace-switch.ace-switch-4:checked + .lbl::after, input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::after {
    left: 36px;
    background-color: #ffffff
}

input[type=checkbox].ace-switch.ace-switch-5 + .lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 8px
}

input[type=checkbox].ace-switch.ace-switch-6 + .lbl {
    position: relative
}

input[type=checkbox].ace-switch.ace-switch-6 + .lbl::before {
    font-family: FontAwesome;
    content: "\f00d";
    box-shadow: none;
    border: 0;
    font-weight: lighter;
    font-size: 16px;
    border-radius: 12px;
    display: inline-block;
    background-color: #888888;
    color: #f2f2f2;
    width: 52px;
    height: 20px;
    line-height: 19px;
    text-indent: 32px;
    margin-right: 8px;
    -webkit-transition: background .1s ease;
    -moz-transition: background .1s ease;
    -o-transition: background .1s ease;
    transition: background .1s ease
}

input[type=checkbox].ace-switch.ace-switch-6 + .lbl::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 8px;
    height: 8px;
    text-align: center;
    background-color: #f2f2f2;
    border: 4px solid #f2f2f2;
    -webkit-transition: left .2s ease;
    -moz-transition: left .2s ease;
    -o-transition: left .2s ease;
    transition: left .2s ease;
}

input[type=checkbox].ace-switch.ace-switch-6:checked + .lbl::before {
    content: "\f00c";
    text-indent: 6px;
    color: #ffffff;
    border-color: #b7d3e5;
    background-color: #ff893c
}

input[type=checkbox].ace-switch.ace-switch-6:checked + .lbl::after {
    left: 34px;
    background-color: #ffffff;
    border: 4px solid #ffffff;
}

input[type=checkbox].ace-switch.ace-switch-7 {
    width: 75px
}

input[type=checkbox].ace-switch.ace-switch-7 + .lbl {
    position: relative
}

input[type=checkbox].ace-switch.ace-switch-7 + .lbl::before {
    content: "Não\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0Sim";
    font-weight: bolder;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff;
    border: 2px solid #aaaaaa;
    border-radius: 0;
    box-shadow: none;
    color: #aaaaaa;
    width: 70px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 4px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.colorpicker_field > input, .colorpicker_hex > input{ display: none; }

input[type=checkbox].ace-switch.ace-switch-7 + .lbl::after {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background-color: #aaaaaa;
    color: #ffffff;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

input[type=checkbox].ace-switch.ace-switch-7:checked + .lbl::before {
    color: #468fcc;
    background-color: #ffffff;
    text-indent: -33px;
    border-color: #6fb3e0
}

input[type=checkbox].ace-switch.ace-switch-7:checked + .lbl::after {
    left: 3px;
    content: '\f00c';
    background-color: #468fcc;
    color: #ffffff
}

.nav-tabs .disable a {
    background: #eeeeee;
    cursor: not-allowed;
}

.control-group select, .control-group textarea, .control-group input[type="text"], .control-group input[type="password"], .control-group input[type="datetime"], .control-group input[type="datetime-local"], .control-group input[type="date"], .control-group input[type="month"], .control-group input[type="time"], .control-group input[type="week"], .control-group input[type="number"], .control-group input[type="email"], .control-group input[type="url"], .control-group input[type="search"], .control-group input[type="tel"], .control-group input[type="color"] {
    background: #ffffff
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #92bf65;
    color: #8bad4c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
    -moz-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
    box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);
    color: #778866;
    border-color: #81a85a
}

.control-group.success [class*="icon-"] {
    color: #8bad4c
}

.control-group.success .btn [class*="icon-"] {
    color: inherit
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #7ba065
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #64a6bc;
    color: #4b89aa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
    -moz-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
    box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
    color: #667788;
    border-color: #5a81a8
}

.control-group.info [class*="icon-"] {
    color: #4b89aa
}

.control-group.info .btn [class*="icon-"] {
    color: inherit
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
    color: #657ba0
}

.control-group.error input,
.control-group.error input::placeholder,
.control-group.error select,
.control-group.error textarea,
.control-group.error textarea::placeholder,
.control-group.error .BngSelectSearch,
.control-group.error .BngSelectSearch .OptionPreview label {
    border-color: #f09784;
    color: #d68273;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 2;
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
    -moz-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
    box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
    color: #886666;
    border-color: #db8978;
    z-index: 2;
}

.control-group.error [class*="icon-"] {
    color: #d68273
}

.control-group.error .btn [class*="icon-"] {
    color: inherit
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .help-inline.error {
    color: #d16e6c
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #e0c43a;
    color: #d3bd50;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);
    -moz-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);
    box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);
    color: #887755;
    border-color: #d8bc41
}

.control-group.warning [class*="icon-"] {
    color: #d3bd50
}

.control-group.warning .btn [class*="icon-"] {
    color: inherit
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #d19d59
}

.control-group input[disabled], .control-group input:disabled {
    color: #848484 !important;
    background-color: #eeeeee !important
}

.slimScrollBar {
    border-radius: 4px !important;
    width: 6px !important;
}

.slimScrollRail {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.datepicker td, .daterangepicker td, .datepicker th, .daterangepicker th {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.datepicker td.active, .daterangepicker td.active, .datepicker td.active:hover, .daterangepicker td.active:hover {
    background: #2283c5 !important
}

.datepicker td.active.disabled, .daterangepicker td.active.disabled, .datepicker td.active.disabled:hover, .daterangepicker td.active.disabled:hover {
    background: #8b9aa3 !important
}

.bootstrap-timepicker-widget table td a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.day:hover {
    background-color: #7d8893;
    color: #ffffff
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-width: 1px;
    color: #858585;
    background-color: #ffffff;
    border-color: #d5d5d5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
    border-color: #b5b5b5
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #696969;
    border-color: #f59942;
    background-color: #ffffff
}

input.block {
    display: block;
    margin-bottom: 9px
}

textarea.autosize-transition {
    -webkit-transition-duration: "height 0.2s";
    -moz-transition-duration: "height 0.2s";
    -o-transition-duration: "height 0.2s";
    transition-duration: "height 0.2s"
}

.limiterBox {
    border: 1px solid #222222;
    border-top: 0;
    background-color: #333333;
    padding: 3px 6px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 6px
}

.limiterBox:after {
    display: none
}

.limiterBox:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    left: 50%;
    margin-left: -5px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #333333;
    border-width: 0 8px 8px;
}

.tooltip.left {
    margin-left: -11px
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.tooltip-inner {
    background-color: #333333;
    color: #ffffff;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333333
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333333
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333333
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333333
}

.tooltip-error + .tooltip > .tooltip-inner {
    background-color: #c94d32;
    color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tooltip-error + .tooltip.top .tooltip-arrow {
    border-top-color: #c94d32
}

.tooltip-error + .tooltip.right .tooltip-arrow {
    border-right-color: #c94d32
}

.tooltip-error + .tooltip.left .tooltip-arrow {
    border-left-color: #c94d32
}

.tooltip-error + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #c94d32
}

.tooltip-success + .tooltip > .tooltip-inner {
    background-color: #629b58;
    color: #ffffff;
    border-radius: 0
}

.tooltip-success + .tooltip.top .tooltip-arrow {
    border-top-color: #629b58
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #629b58
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #629b58
}

.tooltip-success + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #629b58
}

.tooltip-warning + .tooltip > .tooltip-inner {
    background-color: #ed9421;
    color: #ffffff;
    border-radius: 0
}

.tooltip-warning + .tooltip.top .tooltip-arrow {
    border-top-color: #ed9421
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #ed9421
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #ed9421
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ed9421
}

.tooltip-info + .tooltip > .tooltip-inner {
    background-color: #4b89aa;
    color: #ffffff;
    border-radius: 0
}

.tooltip-info + .tooltip.top .tooltip-arrow {
    border-top-color: #4b89aa
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #4b89aa
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #4b89aa
}

.tooltip-info + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4b89aa
}

.popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    border-color: #cccccc;
    border-width: 1px;
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    color: #4d6883
}

.popover-title {
    border-radius: 0;
    background-color: #eff3f8;
    color: #555555;
    border-bottom: 1px solid #dfe3e8;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #eff3f8;
    border-top-width: 0
}

.tooltip-error + .popover {
    color: #555555;
    border: 1px solid #f7f0ef
}

.tooltip-error + .popover .popover-title {
    background-color: #f7f0ef;
    border-bottom-color: #e8e0df;
    color: #b75445;
    text-shadow: none
}

.tooltip-error + .popover.top .arrow:after {
    border-top-color: #f7f0ef
}

.tooltip-error + .popover.bottom .arrow:after {
    border-bottom-color: #f7f0ef
}

.tooltip-error + .popover.right .arrow:after {
    border-right-color: #f7f0ef
}

.tooltip-error + .popover.left .arrow:after {
    border-left-color: #f7f0ef
}

.tooltip-warning + .popover {
    color: #555555;
    border: 1px solid #f4eee3
}

.tooltip-warning + .popover .popover-title {
    background-color: #f4eee3;
    border-bottom-color: #e4dcd3;
    color: #d67e31;
    text-shadow: none
}

.tooltip-warning + .popover.top .arrow:after {
    border-top-color: #f4eee3
}

.tooltip-warning + .popover.bottom .arrow:after {
    border-bottom-color: #f4eee3
}

.tooltip-warning + .popover.right .arrow:after {
    border-right-color: #f4eee3
}

.tooltip-warning + .popover.left .arrow:after {
    border-left-color: #f4eee3
}

.tooltip-success + .popover {
    color: #555555;
    border: 1px solid #e8f2e3
}

.tooltip-success + .popover .popover-title {
    background-color: #e8f2e3;
    border-bottom-color: #d8e2d3;
    color: #629b58;
    text-shadow: none
}

.tooltip-success + .popover.top .arrow:after {
    border-top-color: #e8f2e3
}

.tooltip-success + .popover.bottom .arrow:after {
    border-bottom-color: #e8f2e3
}

.tooltip-success + .popover.right .arrow:after {
    border-right-color: #e8f2e3
}

.tooltip-success + .popover.left .arrow:after {
    border-left-color: #e8f2e3
}

.tooltip-info + .popover {
    color: #555555;
    border: 1px solid #e5edf8
}

.tooltip-info + .popover .popover-title {
    background-color: #e5edf8;
    border-bottom-color: #d5dde8;
    color: #3f79b6;
    text-shadow: none
}

.tooltip-info + .popover.top .arrow:after {
    border-top-color: #e5edf8
}

.tooltip-info + .popover.bottom .arrow:after {
    border-bottom-color: #e5edf8
}

.tooltip-info + .popover.right .arrow:after {
    border-right-color: #e5edf8
}

.tooltip-info + .popover.left .arrow:after {
    border-left-color: #e5edf8
}

.popover-notitle + .popover .popover-title {
    display: none
}

.popover-notitle + .popover.top .arrow:after {
    border-top-color: #ffffff
}

.popover-notitle + .popover.bottom .arrow:after {
    border-bottom-color: #ffffff
}

.popover-notitle + .popover.left .arrow:after {
    border-left-color: #ffffff
}

.popover-notitle + .popover.right .arrow:after {
    border-left-color: #ffffff
}

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

.dropdown-navbar > li:last-child > a:hover > [class*="icon-"] {
    text-decoration: none
}

.progress {
    border-radius: 0;
    height: 18px;
    box-shadow: none;
    background: #b5b5b5
}

.progress .bar {
    box-shadow: none;
    line-height: 18px
}

.progress[data-percent] {
    position: relative
}

.progress[data-percent]:after {
    display: inline-block;
    content: attr(data-percent);
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    font-family: -apple-system, "Roboto", "San Francisco", "Helvetica Neue", "Lato", "Open Sans", Helvetica, Arial;
}

.progress.progress-yellow[data-percent]:after {
    color: #996633
}

.progress.progress-small {
    height: 12px
}

.progress.progress-small .bar {
    line-height: 10px;
    font-size: 11px
}

.progress.progress-small[data-percent]:after {
    line-height: 10px;
    font-size: 11px
}

.progress.progress-mini {
    height: 9px
}

.progress.progress-mini .bar {
    line-height: 8px;
    font-size: 11px
}

.progress.progress-mini[data-percent]:after {
    line-height: 8px;
    font-size: 11px
}

.progress .bar {
    background-image: none;
    background-color: #2a91d8
}

.progress-danger .bar, .progress .bar-danger {
    background-image: none;
    background-color: #ca5952
}

.progress-success .bar, .progress .bar-success {
    background-image: none;
    background-color: #59a84b
}

.progress-warning .bar, .progress .bar-warning {
    background-image: none;
    background-color: #f2bb46
}

.progress-pink .bar, .progress .bar-pink {
    background-image: none;
    background-color: #d6487e
}

.progress-purple .bar, .progress .bar-purple {
    background-image: none;
    background-color: #9585bf
}

.progress-yellow .bar, .progress .bar-yellow {
    background-image: none;
    background-color: #ffd259
}

.progress-inverse .bar, .progress .bar-inverse {
    background-image: none;
    background-color: #404040
}

.progress-grey .bar, .progress .bar-grey {
    background-image: none;
    background-color: #8a8a8a
}

.progress .bar + .bar {
    box-shadow: none
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #cc4942
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #eba450
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #55b83b
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #148bcf
}

.progress-pink.progress-striped .bar, .progress-striped .bar-pink {
    background-color: #d6487e;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-purple.progress-striped .bar, .progress-striped .bar-purple {
    background-color: #9585bf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-yellow.progress-striped .bar, .progress-striped .bar-yellow {
    background-color: #ffd259;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-inverse.progress-striped .bar, .progress-striped .bar-inverse {
    background-color: #404040;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-grey.progress-striped .bar, .progress-striped .bar-grey {
    background-color: #8a8a8a;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress {
    position: relative
}

.progress:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: radial-gradient(9px 9px 0deg, circle farthest-corner, #00ffff 0, rgba(0, 0, 255, 0) 100%, #0000ff 95%)
}

.label-hint .iceOutTxt:hover {
    color: #4d6883 !important;
}

.label-hint:hover {
    color: #4d6883 !important;
}

#page-content-projects {
    margin-left: 8px;
}

.page-content {
    margin-left: 52px;
    margin-right: 2px;
}

.page-content-inner {
    margin-top: 10px;
}

#page-content + .right-side-sidebar {
    margin-right: 50px;
}

.iceOutProgTxt {
    display: none;
}

.modal {
    border-radius: 0
}

.modal-footer {
    border-top-color: #e4e9ee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #eff3f8
}

.modal-header .close {
    font-size: 32px
}

.show-important {
    display: block !important;
}

.show-important-inline-flex {
    display: inline-flex !important;
}

.page-content-menu-right {
    margin-right: 200px;
}

th, td, .table-bordered {
    border-radius: 0 !important
}

.table thead tr {
    color: #707070;
    font-weight: normal;
    background: #f2f2f2;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ececec));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec);
    background-image: -o-linear-gradient(top, #f8f8f8, #ececec);
    background-image: linear-gradient(to bottom, #f8f8f8, #ececec);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)
}

.table thead tr th {
    border-color: #dddddd;
    font-weight: bold
}

.table thead tr th [class*="icon-"]:first-child {
    margin-right: 2px
}

.table thead tr th:first-child {
    border-left-color: #f1f1f1
}

.table thead tr th:left-child {
    border-right-color: #f1f1f1
}

.table.table-bordered thead tr th {
    vertical-align: middle
}

.table.table-bordered thead tr th:first-child {
    border-left-color: #dddddd
}

.table.table-hover tbody tr:hover td {
    background-color: #f1f1f1
}

th.center, td.center {
    text-align: center
}

th .lbl, td .lbl {
    margin-bottom: 0
}

th .lbl:only-child, td .lbl:only-child {
    vertical-align: top
}

.table-header {
    background-color: #307ecc;
    color: #ffffff;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px
}

.table-header .close {
    margin-right: 6px;
    margin-top: 6px
}

.dataTables_length {
    margin-left: 8px
}

.dataTables_length select {
    width: 70px;
    height: 25px;
    padding: 2px 3px
}

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

.dataTables_filter {
    margin-right: 8px;
    text-align: right;
    margin-top: -30px;
}

.dataTables_info {
    font-size: 11px
}

.dataTables_paginate {
    text-align: right
}

.dataTables_paginate.pagination {
    margin: 0 12px
}

.dataTables_wrapper label {
    display: inline-block;
    font-size: 13px
}

.dataTables_wrapper input[type=text], .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px
}

.dataTables_wrapper .row-fluid:first-child {
    padding: 12px 0 4px;
    background-color: #eff3f8
}

.dataTables_wrapper .row-fluid:first-child + .dataTable {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}

.dataTables_wrapper .row-fluid:last-child {
    border-top: 1px solid #dddddd;
    padding: 12px 0 6px;
    background-color: #eff3f8;
    border-bottom: 1px solid #dddddd
}

.dataTable {
    margin-bottom: 0
}

.dataTable th[class*=sort] {
    cursor: pointer
}

.dataTable th[class*=sort] div:after {
    content: "\f0dc";
    display: inline-block;
    color: #555555;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    float: right;
    margin-right: 4px;
    position: relative
}

.dataTable th[class*=sorting_] {
    color: #307ecc
}

.dataTable th.sorting_desc div:after {
    font-family: FontAwesome;
    content: "\f0dd";
    top: -2px
}

.dataTable th.sorting_asc div:after {
    font-family: FontAwesome;
    content: "\f0de";
    top: 4px
}

.dataTable th.sorting_disabled {
    cursor: inherit
}

.dataTable th.sorting_disabled:after {
    display: none
}

.dataTable th.sorting_disabled div:after {
    display: none
}

.paginate_button {
    background-color: #eff3f8;
    border-color: #e0e8eb;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #2283c5;
    cursor: auto;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 13px;
    height: 20px;
    margin: 0 -1px 0 0;
    padding: 4px 12px;
}

.paginate_active {
    background-color: rgb(111, 174, 217);
    border-bottom-color: rgb(111, 174, 217);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(111, 174, 217);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(111, 174, 217);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(111, 174, 217);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgb(255, 255, 255);
    cursor: default;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    list-style-type: disc;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: -1px;
    margin-top: 0px;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    text-align: right;
    text-decoration: none solid rgb(255, 255, 255);
    width: 7px;
}

.input-icon {
    position: relative
}

span.input-icon {
    display: inline-block
}

.input-icon > input {
    padding-left: 24px;
    padding-right: 6px;
    width: 250px;
}

.input-icon.input-icon-right > input {
    padding-left: 6px;
    padding-right: 24px
}

.input-icon > [class*="icon-"] {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 28px;
    display: inline-block;
    color: #909090;
    font-size: 16px
}

.input-icon.input-icon-right > [class*="icon-"] {
    left: auto;
    right: 3px
}

.input-icon > input:focus + [class*="icon-"] {
    color: #557799
}

.input-icon ~ .help-inline {
    padding-left: 8px
}

.nav-search .nav-search-input {
    border-color: #6fb3e0;
    border-width: 1px;
    width: 120px;
    height: 18px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    font-size: 13px;
    color: #666666 !important;
    z-index: 11;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s
}

.nav-search .nav-search-input + .dropdown-menu {
    min-width: 0;
    left: 0;
    right: 0
}

.nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover {
    border-color: #6fb3e0
}

.nav-search .nav-search-icon {
    color: #6fb3e0 !important;
    font-size: 14px !important;
    line-height: 24px !important
}

.nav-search-icon {
    color: #6fb3e0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.label-datatable-search {
    color: #ffffff;
    cursor: default;
}

.icePnlGrp .text_area {
    background: #ffffff;
}

.input-mini {
    width: 50px !important;
}

.page-header:first-child {
    margin: 0 0 12px;
    border-bottom: 1px dotted #e2e2e2
}

.page-header:first-child h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: #2679b5
}

.page-header:first-child h1 small {
    margin: 0 6px;
    font-size: 14px;
    font-weight: normal;
    color: #8089a0
}

.dialog-text {
    font-size: 14px;
    font-weight: normal;
    color: #8089a0;
}

.page-header {
    background: none;
    border: 0px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    height: 50px;
}

.form-actions {
    background: none;
    margin-top: 0px;
}

.page-content-reports {
    margin-right: 50px !important;
}

.page-content-maps {
    margin-right: 43px !important;
}

.page-content-dashboard {
    margin-right: 40px !important;
}

.right-side-sidebar ul li .iceCmdLnk-dis span.material-icons,
.right-side-sidebar ul li .iceCmdLnk-dis span[class^='icon-bim-'] {
    font-size: 20px;
    padding: 0px 18px 0px 0px;
    line-height: 22px;
}

.right-side-sidebar ul li .iceCmdLnk-dis {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
    background-color: #efefef;
    color: #6e6e6e;
    height: 24px;
    line-height: 36px;
    text-decoration: none;
    text-shadow: none !important;
    padding: 10px 0px 10px 17px;
    opacity: .6;
}

.right-side-sidebar ul li .iceCmdLnk-dis span.material-icons {
    font-size: 20px;
}

.sidebar.right-side-sidebar .iceCmdLnk-dis span.icon-bim-saveas {
    padding: 0px 18px 0px 0px !important;
    margin-left: -2px;
    font-size: 21px !important;
}

.btn-toolbox, .btn-toolbox:hover {
    font-size: 14px;
    line-height: 24px;
    margin: 0 1px;
    padding-left: 5px;
    color: #aaaaaa;
    text-decoration: none;
}

.btn-toolbox .material-icons {
    font-size: 14px;
}

.menu_sttings:hover {
    background: transparent !important;
}

.submenu_botao {
    background-color: #ecf2f7 !important;
}

.menu_divider {
    border-bottom: 1px solid #f3e4ec !important;
}

.menu_sttings {
    border-bottom: 0px !important;
}

label {
    cursor: default !important;
}

.nav-tabs {
    font-size: 14px;
}

.version_info {
    bottom: 5px;
    font-size: 10px;
    left: 10px;
    position: absolute;
    color: #ffffff;
}

.btn-login, .btn-login:hover {
    width: 340px;
    height: 48px;
    background: #005dff !important;
    font-weight: 500;
    text-shadow: none !important;
    text-transform: uppercase;
    font-size: 13px;
    border: 0;
    border-radius: 0;
}

.container__free-trial-tip {
    height: 2rem;
    width: 375px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #333333;
    background-color: #EFEFEF;
}

.loginInputField input {
    border: 0;
    border-bottom: 1px solid #A9A9A9;
    border-radius: 0;
    font-size: 13px !important;
    color: #000 !important;
    line-height: 30px !important;
}

.loginInputField input:hover, .loginInputField input:focus{
    border-bottom: 1px solid #0005df;
}

span.lbl.loginRememberLabel {
    font-size: 13px;
}

#hierarchy-nav-container {
    padding: 0 0 100px 0;
}

.chk_structure, input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: 9999999;
    margin-top: 3px;
    width: 12px !important;
    height: 12px !important;
}

.iceSelMnyCb .manycheckbox input[type=checkbox], .iceSelMnyCb input[type=checkbox]{
    display: inline-block !important;
}

.dataTableRadio label{
    display: none;
}

.dataTableRadio{
    width: 100%;
}

.dataTableRadio td{
    border: none !important;
    text-align: center !important;
}

/*home academy*/
.home-academy .widget-body {
    height: 100px;
}
/*home academy*/

.widget-box .widget-body .icePnlGrp #indexPageFolderManager .slimScrollDiv .slim-scroll .iceDatTbl thead{
    display: none;
}

.sidebar .submenu .btn-icon-menu{
    color: #616161;
}

.mini-header .widget-header, .widget-box .mini-header .widget-header h4.lighter, .widget-box .mini-header .widget-header .lighter .smaller div,
.widget-box .mini-header .widget-header .widget-toolbar, .widget-box .mini-header .widget-header .widget-toolbar div,
.mini-header > .widget-caption, .mini-header > *:first-child, .mini-header .widget-toolbar,
.mini-header .widget-header > .mini-header .widget-caption, .mini-header .widget-header > *:first-child{
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
}

.mini-header .widget-toolbar a [class^="icon-"]:before:hover, .mini-header .widget-toolbar a [class*=" icon-"]:before:hover,
.mini-header .widget-toolbar [class^="icon-"]:before:hover, .mini-header .widget-toolbar [class*=" icon-"]:before:hover,
.mini-header .widget-toolbar [class^="icon-"]:hover, .mini-header .widget-toolbar [class*=" icon-"]:hover,
.mini-header > .widget-toolbar a:hover,
.btn-toolbox, .btn-toolbox:hover,
.mini-header .widget-toolbar a:before:hover, .mini-header .widget-toolbar a:after:hover, .mini-header .widget-toolbar a:hover{
    color: #5e5e5e;
}

.comment-box{
    border-bottom: 1px solid #E4ECF3;
    padding: 10px 2px 10px 2px;
    font-size: 12px;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
}

.comment-box:hover{
    background: #f4f9fc;
}

.action-buttons {
    font-size: 16px;
    margin: 0 2px;
    display: inline-block;
    opacity: .85;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.action-buttons:hover {
    background: #f4f9fc !important;
    text-decoration: none;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
}

.table-comments, .table-comments tr, .table-comments tr td{
    border: none !important;
}

.link_hand:hover{
    cursor: pointer;
}

.demoTag{
    line-height: 13px;
    font-size: 9px;
    position: absolute;
    right: 40px;
    margin-top: 11px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .demoTag{
        line-height: 13px;
        font-size: 9px;
        position: absolute;
        right: 40px;
        margin-top: -25px;
    }
}

.btn-primary.active{
    background: #555555 !important;
}

legend {
    color: #669fc7;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 30px;
}

.termsuse{
    font-size: 9px;
    letter-spacing: 1px;
}

.termsusetitle{
    font-weight: bold;
}

.termsusebox{
    border: 1px solid #cccccc;
    padding: 5px;
}

.igree,.igree .middle{
    text-align: right;
    font-weight: bold;
}

.igree .middle input[type="checkbox"] + .lbl:before, input[type="radio"] + .lbl:before{
    border: 1px solid #000000;
}

.master-label {
    position: absolute;
    bottom: -27px;
    left: -3px;
}

.mobile-dasactivated .icon-mobile-phone, .icon-dasactivated .icon-external-link-sign, .icon-dasactivated .icon-envelope, .icon-dasactivated .icon-mail-forward{
    color:  #999999;
}

#xmlaNav\.membernav\.selectNone,
#xmlaNav\.membernav\.disableGrouping,
#xmlaNav\.membernav\.ok,
#xmlaNav\.membernav\.cancel,
#xmlaNav\.membernav\.enableGrouping,
#xmlaNav\.membernav\.selectVisible {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 10.5px;
    border-radius: 2px;
    color: #fff;
    background-color: #006dcc;
    border: none;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 2px 8px;
}

#xmlaNav\.membernav\.selectNone:hover, #xmlaNav\.membernav\.disableGrouping:hover, #xmlaNav\.membernav\.ok:hover, #xmlaNav\.membernav\.cancel:hover, #xmlaNav\.membernav\.enableGrouping:hover, #xmlaNav\.membernav\.selectVisible:hover{
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

#xmlaNav\.membernav\.disableGrouping {
    background-color: #faa732;
}

#xmlaNav\.membernav\.disableGrouping:hover, #xmlaNav\.membernav\.disableGrouping:focus, #xmlaNav\.membernav\.disableGrouping:active, #xmlaNav\.membernav\.disableGrouping.active, #xmlaNav\.membernav\.disableGrouping.disabled, #xmlaNav\.membernav\.disableGrouping[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

#xmlaNav\.membernav\.disableGrouping:active, #xmlaNav\.membernav\.disableGrouping.active {
    background-color: #c67605  \9
}

#xmlaNav\.membernav\.cancel {
    background-color: #da4f49;
}

#xmlaNav\.membernav\.cancel:hover, #xmlaNav\.membernav\.cancel:focus, #xmlaNav\.membernav\.cancel:active, #xmlaNav\.membernav\.cancel.active, #xmlaNav\.membernav\.cancel.disabled, #xmlaNav\.membernav\.cancel[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

#xmlaNav\.membernav\.cancel:active, #xmlaNav\.membernav\.cancel.active {
    background-color: #942a25  \9
}

#xmlaNav\.membernav\.ok {
    background-color: #5bb75b;
}

#xmlaNav\.membernav\.ok:hover, #xmlaNav\.membernav\.ok:focus, #xmlaNav\.membernav\.ok:active, #xmlaNav\.membernav\.ok.active, #xmlaNav\.membernav\.ok.disabled, #xmlaNav\.membernav\.ok[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

#xmlaNav\.membernav\.ok:active, #xmlaNav\.membernav\.ok.active {
    background-color: #408140  \9
}

#analysisTable{
    width: 10px;
}

input[type="image"]#xmlaNav\.membernav\.cancel{
    width: 5px;
    height: 5px;
    padding: 5px;
    float: right;
}

.chartOption,
.tableThemeOption {
    display: inline-block;
    width: 440px;
}

li.chartOption>.chartOptionTitle, li.tableThemeOption>.chartOptionTitle{
    background: #eaeaea;
}

.chartOptionTitle{
    font-size: 12px;
    color: #000000;
    letter-spacing: 1px;
}

.chartOption td, .tableThemeOption td{
    width: 220px;
}

.tablethemereplication .chartOption td, .tableThemeOption td{
    width: 80px;
}

.tableThemeOption a, .tableThemeOption a:hover{
    font-size: 11px;
    line-height: 18px;
    display: inline-flex;
    color: #555555;
    background: transparent;
}

.tableThemeOption a, .tableThemeOption a:hover{
    color: #555555 !important;
    background: transparent !important;
    display: block !important;
}

.chartOption a{
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
}

.chartOptionImg, .tableThemeOption .chartOptionImg, .tableThemeOption .chartOptionImg:hover{
    margin: 0px 10px 0px 0px;
    float:left;
    width: 130px;
    height: 100px;
}

.chartOptionClose{
    float: right;
    margin: 5px 5px 0 0;
}

.dropdown-menu li a .chartOptionClose:hover{
    color: #fff;
    background-color: #bd362f !important;
    *background-color: #a9302a !important;
}

.chartOptionDesc{
    color: #333333;
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial;
    font-size: 11px;
    text-align: justify
}

.analysis__charts-fragment__beta-component {
    box-sizing: border-box;
    border: 1px solid #d15b47;
    border-radius: 8px;
    display: flex;
    padding: 3px 3px;
    color: #d15b47;
    font-size: 9px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    margin-left: 5px;
}

.analysis__charts-fragment__new-component {
    box-sizing: border-box;
    border: 1px solid #629b58;
    border-radius: 8px;
    display: flex;
    padding: 3px 3px;
    color: #629b58;
    font-size: 9px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    margin-left: 5px;
}

.chartOption a i {
    margin-right: 4px;
}

.chartOption a:hover, .chartOption table tr td a:hover {
    display: inline-flex;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    background: transparent !important;
    color: #0088CC;
}

.chartOption td{
    padding-left: 25px;
}

.tableThemeOption .active .img-rounded,
.imageTheme.active img{
    border: 3px solid #6495ed;
    box-sizing: border-box;
}

.imageTheme img {
    width: 100px;
    height: 90px;
    margin: 5px;
}

.tablethemereplication .imageTheme img{
    width: 80px;
    height: 70px;
    margin: 5px;
    float: left;
}

.tableThemeOption .active{
    font-weight: 900;
}

.tableThemeOption td{
    text-align: center;
    padding: 0px 5px;
}

.dashboarditem h4{
    width: 99%;
}

.dashboarditem h4 div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.btn-group{
    display: inline-flex;
}

.btn-group-vertical {
    display: inline-block !important;
}

.dropdown-colorpicker > .dropdown-menu.pull-right{
    height: 120px;
}

.btn.jumbo {
    font-size: 20px;
    font-weight: normal;
    padding: 14px 24px;
    margin-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.wysiwyg-editor {
    background-color: #f7f8fa;
    border: 1px solid #bbc0ca;
    border-collapse: separate;
    box-sizing: content-box;
    height: 100px;
    max-height: 250px;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 4px;
}

.btn-editor-noshow{
    display: none !important;
}

.btn-editor{
    display: block !important;
}

.btn-colorpicker{
    display: block !important;
}

.bootstrap-wysihtml5-insert-image-modal.modal.fade{
    opacity: 0 !important;
}

.bootstrap-wysihtml5-insert-image-modal.modal.fade.in{
    opacity: 1 !important;
}

.dialog-title{
    border-bottom: 1px solid #e4e9ee;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    width: 100%;
    color: #000000;
    text-shadow: none;
}

option[disabled] { background-color: #dddddd; }

.btn-grey .analysis_icon, .btn-grey .analysis_icon:hover{
    background: #9F9F9F;
}

.analysis_icon{
    margin: 0 0 0 4px;
    opacity: 0.95;
    border-radius: 0;
    background: #2183C4;
    float: left;
}

.report-options-buttons .inline.position-relative,
.report-options-buttons form span{
    float: left;
    margin-left: 4px;
}

.analysis_icon:hover{
    opacity: 1;
}

.template4{
    border: none;
}

.infobox-data{
    white-space: nowrap;
}

.menu-text, .menu_option, .menutd {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
    text-align: left;
    letter-spacing: .3px;
    padding-left: 10px;
}

.menutd{
    height: 32px;
    padding: 0 3px;
}

.menu-min .menu-text{
    display: none;
}

.menutd i{font-size: 20px;}

.popover-content {
    padding: 9px 14px 18px;
}

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

.useBands td{
    vertical-align: middle;
}

.select2-container{
    width: 100%;
}

.iceSelOneMnu {
    white-space: nowrap;
}

/*
 start social icons
*/
.social ul {
    margin: 0 !important;
}
.soc_list {
    list-style: none outside none;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}
.soc_list li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    text-align: center;
}
.soc_list li a {
    display: block;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 60px;
}
.soc_list li a img {
    left: 0;
    position: absolute;
    top: 0;
}
.soc_list li a:hover img {
    top: -60px;
}


.support-text-field{
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    font-size: 13px;
    height: 25px;
    width: 95%;
}


/*
 end social icons
*/

.typeaheadtext{
    font-family: -apple-system, "San Francisco", "Helvetica Neue", "Roboto", "Lato", "Open Sans", Helvetica, Arial !important;
}

.tab-pane.active.mdx-table{width:0;}


.item-filter-config-container .iceSelMnyCb-dis td,
.item-filter-config-container .iceSelMnyCb td {
    border: none !important;
}

.select2-input {
    width: 100% !important;
}

.select2-search-field {
    width: 100%;
}

.dashboarditem .infobox tr td {
    vertical-align: middle;
}

#left-menu-container #hierarchy-nav-container .errorMessage {display: none}

#hierarchy-nav-container {
    position: relative;
}

.right-menu-container-report.open{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-width: 342px;
}

.analysis-dimension-menu-title {
    text-transform: uppercase;
    position: fixed;
    margin-top: -31px;
    margin-left: -1px;
    background: #EFEFEF;
    height: 32px;
    width: 20%;
    font-weight: 500;
    font-size: 13px;
    padding-left: 11px;
    letter-spacing: 0.4px;
    line-height: 32px;
    color: #191919;
    min-width: 309px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.right-menu-container-report .analysis-dimension-menu-title{
    display: none;
}

.right-menu-container-report.open .analysis-dimension-menu-title{
    display: block;
}

.right-menu-container-report{
    position: absolute;

    /*habilitar para mover o menu para a direita*/
    right: 50px;
    /*top: 94px;*/

    /*retirar para mover o menu para a direita*/
    top: 118px;

    width: 0;
    z-index: 49;
    height: calc(100% - 118px);
    background: #e7e7e7;
    transition: all .4s ease;

    overflow: auto;
}

.right-menu-container-report-title{
    height: 46px;
    line-height: 46px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 13px;
    font-weight: bold;
    color: #565657;
}

.right-menu-container-report-options{
    padding: 14px;
}

.right-menu-container-footer-actions{
    width: 400px;
    background-color: #EFEFEF;
    height: 56px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.right-menu-container-footer-actions-inner{
    padding: 14px;
    text-align: right;
}

.right-menu-container-close-button span.material-icons {
    font-size: 30px;
    color: #565657;
}

.right-side-sidebar .submenu li .menu-text {
    height: 48px;
    font-size: 14px;
    text-align: center;
    line-height: 56px;
    background: #f7f8fa;
    color: #585858;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
}

.sidebar.menu-min.right-side-sidebar .nav-list > li > .submenu > li {
    padding: 0;
}

ul.submenu.submenu-right-side-dropdown{
    border-radius: 4px 0px 4px 4px;
    border: 1px solid #efefef;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.07);
}

.right-side-sidebar .submenu li .lbl {
    font-size: 13px !important;
    color: #6e6e6e;
    font-weight: 500;
    padding: 0 !important;
}

.dash-item-add-icon i {
    color: #6e6e6e;
    padding: 0 !important;
}

.dash-item-add-name {
    color: #6e6e6e;
    font-size: 13px;
    padding: 4px 0px 12px 0px;
}

.dash-item-add-icon {
    padding-top: 12px;
}

div#analysisReportView {
    margin-left: 0;
}

.dashboarditem .widget-toolbar{
    display: none;
}

.dash-item-menu {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 14px;
}

.dash-tem-menu {
    margin-left: -33px;
    width: 20px;
}

.dash-menu-box {
    width: 100%;
    background-color: #ffffff;
    padding: 5px 5px 0;
    box-shadow: 1px 1px 10px #cccccc;
    text-align: center;
}

.dash-menu-box .btn-toolbox,
.dash-menu-box div,
.dash-menu-box .btn-toolbox:hover {
    display: block;
    padding: 0;
    margin: 0 0 5px;
}

.notificationsTable tr:first-child {
    border-top: none;
}

.notificationsTable tr:last-child {
    border-bottom: 1px solid #ECECEC;
}

.notificationsTable tr {
    border-top: 1px solid #ECECEC;
}

.node .stack-container .stack li{
    text-align: center;
    border-radius: 8px;
}

.node .stack-container .stack{
    border-radius: 8px;
    box-shadow: 4px 4px 6px #888888;
}

.htmlEditorTextVarsLabel{
    font-size: 12px;
    margin: 5px;
    font-weight: bold;
}

.htmlEditorTextVars button{
    margin: 0 3px;
}

.ui-resizable-handle{background:transparent !important;color: #111 !important;}

.text-overflow-ellipsis-remove{white-space: nowrap;}

.zoom-target{
    transform-origin: left top;
    -webkit-transform-origin: 0px 0px;
}

.itemFound td{
    background-color: #74abd7 !important;
}

.schedulerrunning{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
    opacity: .5 !important;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
    border: 2px dashed #000000 !important;
}

div:not(.focus):not(:hover)::-webkit-scrollbar-thumb {
    transition: 1s all ease;
    background: rgba(0,0,0,0);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    transition: 1s all ease;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(108, 110, 113, 0.7);
    border-radius: 6px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}
/* fixed columns table adjust */
.table-theme-modern-1 .clusterize-scroll::-webkit-scrollbar {
    background: #777777;
}

.table-theme-modern-3 .clusterize-scroll::-webkit-scrollbar {
    background: #333333;
}

.table-theme-modern-3 .clusterize-scroll::-webkit-scrollbar {
    background: #2c3446;
}

.table-theme-modern-7 .clusterize-scroll::-webkit-scrollbar {
    background: #c0504d;
}

.clusterize-scroll::-webkit-scrollbar {
    background: #fff;
}

.clusterize-scroll::-webkit-scrollbar-corner {
    background: #fff;
}
/* end fixed columns table adjust */

.checkbox-react-form{
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
}

.imageDashOriginalSize {
    background-repeat: no-repeat !important;
}

.imageDashProportionalSize {
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.imageDashResizeSize{
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.dashboard-item-links li a {
    border: none !important;
}

#dashboard-wrapper #body-wrapper {
    padding: 0;
    /*overflow: -webkit-paged-x;*/
}

.cockpit-item-panel .dashboard-wrapper-with-filters.filter-top-fixed #body-wrapper {
    padding: 14px 4px 2px 4px;
}

.cockpit-item-panel #body-wrapper {
    padding: 2px 4px;
}

#body-wrapper {
    padding: 16px 20px;
}

.AppPageWrapper {
    width: 100vw;
    min-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
}

body{
    /*overflow: hidden;*/
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-smooth: always !important;
    -webkit-font-smoothing: antialiased !important;
}

.mdl-textfield input {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
    font-size: 16px !important;
    border-radius: 0;
    padding-left: 0px;
}

.login-box .mdl-textfield, .forgot-box .mdl-textfield {
    width: 335px;
}

.navbar .nav>li>a{
    padding: 0;
}

.permissionUsersList{
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.main-container {
    background: #F6F6F6;
}

#wrapper.main-container {
    min-height: calc(48px - 100vh);
    transition: min-height var(--expand-header-transition);
}

#wrapper .main-container-inner {
    height: calc(100vh - 48px);
}

#render-edit-object.floating-edit-object.floating-edit-object-analysis {
    display: none;
}

.cockpit-header-hidden #wrapper.main-container,
.cockpit-header-hidden #wrapper .main-container-inner,
.cockpit-header-hidden #wrapper .main-content,
.cockpit-header-hidden #wrapper .main-container-inner {
    height: 100vh !important;
}

.widget-body-inner{
    background: #F6F6F6;
}

.chartOption a.chartOptionClose:hover{
    background-color: #d15b47 !important;
}

button.btn-only-icon:hover {
    background: transparent !important;
    color: #555555 !important;
}

button.btn-only-icon {
    background: transparent !important;
    color: #6e6e6e !important;
    padding: 0px !important;
    margin: 0px 4px !important;
    width: 16px;
}

button.btn-only-icon i.material-icons {
    font-size: 16px;
}

.btn-only-icon.disable,
.btn-only-icon.disable:hover {
    background: transparent !important;
    color: #8d8e8f !important;
}

.btn.btn-mini.btn-table {
    height: 24px;
    width: 24px;
    margin: 0 0 0 2px;
    border-radius: 2px;
    border: 0;
    text-shadow: none !important;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-mini.btn-table [class*="icon-"] {
    margin: 0;
}

.btn.btn-mini.btn-table .material-icons {
    font-size: 13px;
}

.btn.btn-mini.btn-table span{
    margin: 0
}

/* nova info do template */
.info-top-bar {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #2481E2;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    top: 52px;
    width: 100%;
    z-index: 999;
}

.info-top-bar a {
    color: #ffffff;
}

span.info-top-bar-close-button {
    position: absolute;
    right: 10px;
    top: 12px;
}

.info-top-bar-close-button i.material-icons {
    font-size: 16px;
}

.btnnmodalbtclose, .btnmodal.btnnmodalbtexpand {
    color: #565657;
    border-radius: 100%;
    padding: 5px;
    margin-right: -5px;
    margin-top: -5px;
    transition: background .3s linear;
}

.btnnmodalbtclose:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 33px;
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
}

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(8, 8);
    }
    100% {
        opacity: 1;
        transform: scale(16, 16);
    }
}

/* analise */

.report-options-buttons{
    position:absolute;
    z-index: 20;
    display: inline;
    margin-top: 6px;
    margin-left: 75px;
}

.report-options-buttons .btn.square-mini-btn{
    padding: 2px 8px;
    font-size: 12px;
    letter-spacing: .4px;
}

.report-options-buttons span.material-icons,
.report-options-buttons i.material-icons {
    font-size: 16px;
    padding: 2px;
    margin: 0px;
}

.report-options-buttons [class^="icon-bim-"] {
    font-size: 20px;
    margin: 0;
}

.report-options-buttons.show-chart{
    margin-left: 145px;
}

.TableLayoutsDropdown > li,
.ChartTypesDropdown > li,
.ChartStylesPopper > li {
    padding: 4px 14px;
}

.btn-uppercase{
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .4px;
    padding: 2px 12px;
}

/* fim nova info do template */

.colorPalleteSchemePreviewItem {
    width: 30px;
    height: 30px;
    float: left;
}

.projectColorPalleteItem {
    width: 36px;
    height: 36px;
    margin: 2px;
    border-radius: 100%;
    float: left;
    border: 2px solid rgba(0,0,0,0.2);
}

/* inicio cometarios dashboard */

.comment-box {
    padding: 14px 20px 20px 20px !important;
}

.msg-body.comment-box-user-msg-body {
    text-align: justify;
    width: 400px;
    letter-spacing: .4px;
}

.comment-box-user-avatar {
    width: 32px;
    margin: 0 !important;
    float: left;
}

span.comment-box-user-name {
    font-weight: 500;
    color: #000;
}

.comment-box-user-msg-mention {
    padding: 10px 0 0 0 !important;
}

.comment-box-actions {
    height: 14px;
}

.comment-box-actions {
    height: 14px;
}

span.msg-time.comment-box-user-msg-time .iceCmdLnk span.material-icons{
    font-size: 16px;
}

span.msg-time.comment-box-user-msg-time table {
    float: right;
}

/* fim cometarios dashboard */

.list-item-box.folder {
    background: #f8d775;
    font-weight: 500;
    clear: both;
}

.list-item-box.object {
    float:left
}

.list-item-box{
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 4px 14px 4px 14px;
    margin: 0px 6px 14px 6px;
    font-size: 13px;
    letter-spacing: .5px;
}

.list-item-box-itens{
    background-color: #f7f8fa;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 14px;
    min-height: 140px;
}

.activities-search .profile-activity {
    background: transparent;
    padding: 0;
}

.FolderManagementActions {
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.FolderManagementActions > * {
    margin-right: 5px !important;
}

.google-button:hover div {
    background-color: #1669F2 !important;
}

.google-button div, .google-button-dis div {
    display: inline-flex;
    background-color: #4285f4;
    border-radius: 2px;
}

.google-button div div, .google-button-dis div div {
    align-self: center;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-family: 'Roboto';
    padding-left: 6px;
    padding-right: 6px;
}

.general__config-checkbox-opt {
    width: 180px;
    height: 30px;
    float: left;
    margin-bottom: 10px;
}

.general__config-inputNumber-opt {
    width: 180px;
    height: 62px;
    float: left;
    margin-bottom: 10px;
    margin-right: 30px;
}

@font-face {
    font-family: 'Open Sans';
    src: url(a8eb3078b11a6dc171a777ce8e7d90b1.woff) format('woff'), local('Open Sans Light'), local('OpenSans-Light');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url(c8ca85fde98a3d22fcac3163fb7f455e.woff) format('woff'), local('Open Sans'), local('OpenSans');
    font-style: normal;
    font-weight: 400;
}
/*novas interfaces dos inputs*/

input[type='checkbox'].ace-switch + .lbl::before,
input[type='checkbox'].ace-switch + label::before {
  border: 0;
}

input[type='checkbox'].ace-switch:checked + .lbl::before,
input[type='checkbox'].ace-switch:checked + label::before {
  height: 18px;
  border-radius: 10px;
  line-height: 18px;
}

input[type='checkbox']:checked + .lbl::before,
input[type='checkbox']:checked + label::before,
input[type='checkbox']:checked {
  background: #005dff;
  color: #ffffff;
  border: 0;
  width: 14px;
  height: 14px;
  padding: 1px;
  border-radius: 4px;
}

input[type='checkbox'] + .lbl::before,
input[type='checkbox'] + label::before,
input[type='checkbox'] {
  background-color: #ffffff;
  border: 1px solid #cacaca;
  height: 14px;
  width: 14px;
  min-width: 14px;
  border-radius: 4px;
}

input[type='radio'] {
  opacity: 1;
  margin: 0;
}

input[type='radio']:checked:before {
  background: #005dff;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: absolute;
}

input[type='radio']:checked:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #005dff;
  display: block;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #fff;
  margin: 2px;
}

input[type='radio']:not(:checked):after {
  background: #ffffff;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #6c6c6c;
  position: absolute;
}

.btn {
  border-radius: 2px;
  border: 0;
  text-shadow: none !important;
}

/*fim dos novos layouts dos inputs*/

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eee !important;
}

.select2-container {
  margin-bottom: 10px;
}

.select2-container .select2-choice {
  height: 28px;
}

/* Origins - Custom Dimensions Dialog */
.fields-dropdown {
  padding: 0;
  width: 250px;
}

.fields-list-container {
  max-height: 250px;
  overflow: auto;
  border-bottom: 1px solid #ccc;
}

.fields-list {
  margin: 0;
  padding: 5px;
}

.fields-list li {
  padding: 0 0 3px 0;
}

.btn-group > .default-border.dropdown-toggle {
  border-radius: 4px;
}

.checkbox-parent input[type='checkbox'] + label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: pointer !important;
}

.checkbox-parent input[type='checkbox']:disabled + label {
  cursor: default !important;
}

/* END */

/* Dashboard Filters Component */
.map-legacy-with-filters,
.dashboard-wrapper-with-filters.filter-top-fixed {
  padding-top: 43px;
}

.filter-container.filter-expand {
  border-bottom: 0;
  padding: 9px;
  min-height: 28px;
  max-height: 28px;
  overflow: hidden;
}

.dashboard-filter-box .filter-block > .label:first-child {
  margin: 0;
}

.dashboard-filter-information.filter-block.filter-required a {
  border-radius: 4px;
}

.dashboard-filter-information.filter-block.filtered a {
  border-radius: 4px 0px 0px 4px;
}

.dashboard-filter-information.filter-block.filtered a.remove-filter {
  margin-left: -5px;
  margin-right: 0;
  border-radius: 4px;
}

/*ref: https://github.com/sol7/bi-machine/issues/5192*/
.dashboard-filter-box {
  z-index: 6 !important;
}

/* start filter-bottom-fixed */
.dashboard-filter-box.filter-bottom-fixed {
  position: fixed;
  bottom: -10px;
  left: 50px;
  width: Calc(100% - 50px);
  height: 51px;
  z-index: 3;
}

.dashboard-filter-box.filter-bottom-fixed .filter-container {
  bottom: 4px;
  padding: 8px;
  /*background: #f7f8fa;*/
  border-top: 1px solid #e4e4e4;
  border-radius: 0;
  box-shadow: none;
}

.dashboard-filter-box.filter-bottom-fixed .dashboard-filter-icon-expand {
  display: none;
}

.dashboard-filter-box.filter-bottom-fixed .dashboard-filter-save {
  right: 0;
}

.dashboard-wrapper-with-filters.edit-mode .dashboard-filter-box.filter-bottom-fixed .dashboard-filter-save {
  right: 48px;
}

.filter-bottom-fixed .dashboard-filter-container-persistence {
  padding-right: 40px;
}

.filter-bottom-fixed .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-disabled {
  padding-right: 30px;
}

.dashboard-wrapper-with-filters.edit-mode .filter-bottom-fixed .dashboard-filter-container-persistence {
  padding-right: 80px;
}

/* end filter-bottom-fixed */

/* start filter-top-fixed */
.dashboard-filter-box.filter-top-fixed {
  z-index: 3;
  position: fixed;
  width: Calc(100% - 52px);
  left: 50px;
  top: 83px;
}

.dashboard-filter-box.filter-top-fixed .filter-container {
  box-shadow: none;
}

.dashboard-filter-box.filter-top-fixed .filter-container {
  margin: 0;
  border-radius: 0;
}

.dashboard-filter-box.filter-top-fixed .dashboard-filter-icon-expand {
  display: none;
}

.dashboard-filter-box.filter-top-fixed .dashboard-filter-save {
  right: 2px;
  position: fixed;
  top: 83px;
  transition: top var(--expand-header-transition);
  z-index: 10;
}

.cockpit-header-hidden .dashboard-filter-box.filter-top-fixed .dashboard-filter-save {
  top: 36px;
}

.dashboard-wrapper-with-filters.filter-top-right.edit-mode .dashboard-filter-box.filter-top-right {
  right: 60px;
  max-width: Calc(100% - 140px);
}

.dashboard-filter-information.filter-block.filtered {
  background: #575bd8;
}

.dashboard-filter-information.filterDragging.filtered .label {
  max-width: 160px !important;
  overflow: hidden;
}

.no-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: 100vh !important;
}

.dashboard-wrapper-with-filters.edit-mode .dashboard-filter-box.filter-top-fixed .dashboard-filter-save {
  right: 48px;
}

.dashboard-filter-box.filter-top-fixed .filter-block > .label:first-child {
  margin: 0;
}

.dashboard-filter-box.filter-top-fixed .filter-container {
  padding: 8px 6px 6px;
  border-bottom: 1px solid #e4e4e4;
}

.dashboard-filter-information.filter-block.filtered a {
  background: #575bd8 !important;
  color: #fff !important;
  line-height: 18px;
}

.dashboard-filter-box.filter-top-fixed .filter-container .label {
  padding: 4px 6px 4px 6px;
}

.dashboard-filter-box.filter-top-fixed .filter-container .label  {
  border: 0;
}

.filter-top-fixed .dashboard-filter-container-persistence {
  padding-right: 40px;
}

.filter-top-fixed .dashboard-filter-container-persistence.dashboard-filter-edit-mode {
  padding-right: 40px;
}

.filter-top-fixed .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-disabled {
  padding-right: 30px;
}

.dashboard-wrapper-with-filters.edit-mode .filter-top-fixed .dashboard-filter-container-persistence {
  padding-right: 80px;
}

/* end filter-top-fixed */

/* start filter-top-right */
.dashboard-filter-box.filter-top-right {
  position: absolute;
  top: 100px;
  right: 80px;
  z-index: 9;
  max-width: Calc(100% - 150px);
}

.dashboard-filter-box.filter-top-right .filter-container.filter-expand {
  padding-right: 64px;
}

/* end filter-top-right */

/* start filter-top-left */
.dashboard-filter-box.filter-top-left {
  position: absolute;
  top: 100px;
  left: 75px;
  z-index: 9;
  max-width: Calc(100% - 150px);
}

.dashboard-filter-box.filter-top-left .dashboard-filter-save {
  left: 36px;
}

.dashboard-filter-box.filter-top-left .dashboard-filter-icon-expand {
  left: 0;
}

.cockpit-item-panel
  .dashboard-filter-box.filter-bottom-left
  .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-disabled {
  padding-left: 0;
}

.dashboard-filter-box.filter-top-left
  .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-disabled {
  padding-left: 0;
}

.dashboard-filter-box.filter-top-left
  .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-enable {
  padding-left: 72px;
  padding-right: 0;
}

.dashboard-filter-box.filter-top-left.contracted .filter-container.filter-expand {
  display: none;
}

.dashboard-filter-box.filter-top-left.contracted .filter-container.filter-contracted {
  display: block;
}

.dashboard-filter-box.filter-top-left .filter-container.filter-contracted {
  float: left;
}

.dashboard-filter-box.filter-top-left i.icon.icon-bim-menuexpand:before,
.dashboard-filter-box.filter-top-left i.icon.icon-bim-menucontracted:before {
  transform: rotate(180deg);
}

/* end filter-top-left */

.dashboard-filter-box.filter-bottom-left i.icon.icon-bim-menucontracted:before,
.dashboard-filter-box.filter-bottom-left i.icon.icon-bim-menuexpand:before {
  transform: rotate(180deg);
}

/* start filter-bottom-right */
.dashboard-filter-box.filter-bottom-right {
  position: absolute;
  z-index: 3;
  max-width: Calc(100% - 140px);
  bottom: 5px;
  right: 20px;
}

.dashboard-filter-box.filter-bottom-right
  .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-disabled {
  margin-right: 30px;
}

.dashboard-wrapper-with-filters.edit-mode .dashboard-filter-box.filter-bottom-right {
  right: 60px;
}

.filter-bottom-right.edit-mode .dashboard-filter-box.filter-bottom-right {
  right: 60px;
}

.dashboard-filter-box.filter-bottom-right.contracted .filter-container.filter-expand {
  display: none;
}

.dashboard-filter-box.filter-bottom-right.contracted .filter-container.filter-contracted {
  display: block;
}

/* end filter-bottom-right */

/* start filter-bottom-left */
.dashboard-filter-box.filter-bottom-left {
  position: absolute;
  z-index: 3;
  max-width: Calc(100% - 150px);
  bottom: 5px;
  left: 80px;
}

.cockpit-item-panel .dashboard-filter-box.filter-bottom-left {
  max-width: Calc(100% - 50px);
  left: 20px;
}

.dashboard-filter-box.filter-bottom-left .dashboard-filter-container-persistence {
  margin-left: 36px;
}

.dashboard-filter-box.filter-bottom-left.contracted {
  width: 44px;
}

.dashboard-filter-box.filter-bottom-left.contracted .filter-container.filter-expand {
  display: none;
}

.dashboard-filter-box.filter-bottom-left.contracted .filter-container.filter-contracted {
  display: block;
}

.dashboard-filter-box.filter-bottom-left .dashboard-filter-save {
  left: 34px;
}

.dashboard-filter-box.filter-bottom-left .dashboard-filter-icon-expand {
  left: 0;
}

.dashboard-filter-box.filter-bottom-left
  .dashboard-filter-container-persistence.dashboard-filter-container-persistence-save-enable {
  padding-left: 33px;
}

/* end filter-bottom-left */

/* contract-expand filter */
.dashboard-filter-box.filter-top-right.contracted .filter-container.filter-expand {
  display: none;
}

.dashboard-filter-box.filter-top-right.contracted .filter-container.filter-contracted {
  display: block;
}

.filter-container.filter-contracted {
  height: 36px;
  width: 36px;
}

/* end contract-expand filter */

.dashboard-filter-box.filter-top-left .dashboard-filter-icon-expand i.icon-bim-menuexpand,
.dashboard-filter-box.filter-top-left .dashboard-filter-icon-expand i.icon-bim-menucontracted,
.dashboard-filter-box.filter-bottom-left .dashboard-filter-icon-expand i.icon-bim-menuexpand,
.dashboard-filter-box.filter-bottom-left .dashboard-filter-icon-expand i.icon-bim-menucontracted {
  margin-top: -2px;
  position: absolute;
}

.filter-container {
  background: #ffffff;
  padding: 5px;
  margin: 0px 0px 14px 0px;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 0 #efefef, 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.dashboard-filter-information i.icon-filter,
.dashboard-filter-information i.icon-bim-filter {
  position: absolute;
  top: 4px;
}

.dashboard-filter-container-persistence {
  white-space: nowrap;
  padding-right: 15px;
}

.dashboard-filter-information-description {
  margin-left: 5px;
}

.dashboard-filter-icon-expand {
  max-width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 11px 8px 10px 10px;
  font-size: 25px;
  color: #888;
  z-index: 2;
}

.dashboard-filter-save {
  max-width: 34px;
  position: absolute;
  right: 34px;
  top: -1px;
  padding: 6px 4px;
  z-index: 20;
}

.dashboard-filter-save button:hover {
  background-color: white !important;
  color: #404040 !important;
}

.btn-save-filter {
  height: 32px;
  width: 34px;
  padding: 4px;
}

.btn-save-filter .material-icons {
  font-size: 18px;
  text-shadow: none !important;
  padding: 4px;
  align-self: center;
}

.dashboard-filter-information {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-right: 4px;
  z-index: 10;
}

.dashboard-filter-information.disabled {
  opacity: 0.5;
}

.dashboard-filter-information .disabled {
  opacity: 0.6;
}

.dashboard-filter-information.filtered {
  border: 1px solid #575bd8;
  background: #575bd8;
  max-height: 26px;
}

.dashboard-filter-information .filtered i.icon-filter,
.dashboard-filter-information .filtered i.icon-bim-filter {
  color: #2876fd;
}

.dashboard-filter-information a:focus {
  outline: 0;
}

.filter-container-bar {
  padding: 4px 0;
}

.filter-top-fixed .filter-container-bar,
.filter-bottom-fixed .filter-container-bar {
  padding-left: 2px;
}

.nodis .dashboard-filter-icon {
  font-size: 18px;
  margin-right: 5px;
}

.dashboard-filter-information.filter-block.filtered span.dashboard-filter-information-icon i.icon-bim-filter {
  color: #ffffff !important;
}

.dashboard-filter-information.filter-information-edit-mode {
  padding: 0 40px 0 0;
}

.dashboard-filter-information.filter-information-edit-mode-explorer {
  padding: 0 20px 0 0;
}

.filter-container.filter-contracted {
  display: none;
}

.filter-container .label {
  background: #ffffff !important;
  color: #464646 !important;
  padding: 2px 10px 4px 6px;
  text-shadow: none !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.CockpitNavFilterDrop .filter-container .label {
  padding: 6px 14px 6px 6px;
}

.filter-container .label.expand-filter,
.filter-container .label.remove-filter {
  color: rgba(0, 0, 0, 0.6) !important;
}

.filter-container .label.filtered {
  color: rgba(0, 0, 0, 0.6) !important;
  border-right: 0;
}

.filter-container .label.disabled {
  background-color: #aaa !important;
  cursor: not-allowed;
  color: #ffffff !important;
}

/* filters on cockpit adjust */

.cockpit-view .dashboard-filter-box.filter-top-fixed .filter-container,
.cockpit-item-panel .dashboard-filter-box.filter-top-fixed .filter-container {
  left: 0;
  position: fixed;
  top: 84px;
  width: 100%;
  border-top: 1px solid #e4e4e4;
}

.cockpit-view .dashboard-filter-box.filter-top-fixed .filter-container,
.cockpit-item-panel .dashboard-filter-box.filter-top-fixed .filter-container,
.cockpit-item-panel .dashboard-filter-box.filter-top-left,
.cockpit-item-panel .dashboard-filter-box.filter-top-right {
  transition: top var(--expand-header-transition);
}

.cockpit-header-hidden .cockpit-view .dashboard-filter-box.filter-top-fixed .filter-container,
.cockpit-header-hidden .cockpit-item-panel .dashboard-filter-box.filter-top-fixed .filter-container {
  top: 36px;
}

.cockpit-header-hidden .cockpit-item-panel .dashboard-filter-box.filter-top-left,
.cockpit-header-hidden .cockpit-item-panel .dashboard-filter-box.filter-top-right {
  top: 52px;
}

.CockpitNavFilterDrop .dashboard-filter-information i.icon-bim-filter {
  top: 8px;
}

.dashboard-filter-box.filter-top-fixed {
  height: 0;
}

.cockpit-view .dashboard-filter-box.filter-top-right .filter-container.filter-expand,
.cockpit-item-panel .dashboard-filter-box.filter-top-right .filter-container.filter-expand {
  padding-right: 32px;
  margin: 0;
}

.filter-top-right.edit-mode .dashboard-filter-box.filter-top-right {
  right: 60px;
}

.dashboard-filter-box.filter-top-right {
  right: 20px;
  max-width: Calc(100% - 100px);
}

.cockpit-view .dashboard-filter-box.filter-top-left .filter-container.filter-expand,
.cockpit-item-panel .dashboard-filter-box.filter-top-left .filter-container.filter-expand {
  padding-right: 0;
  padding-left: 46px;
}

.cockpit-view .dashboard-filter-box.filter-top-left,
.cockpit-item-panel .dashboard-filter-box.filter-top-left {
  left: 20px;
  max-width: Calc(100% - 50px);
}

.cockpit-view .dashboard-filter-box.filter-bottom-right,
.cockpit-item-panel .dashboard-filter-box.filter-bottom-right {
  right: 20px;
  max-width: Calc(100% - 50px);
}

.cockpit-view .dashboard-filter-box.filter-bottom-fixed,
.cockpit-item-panel .dashboard-filter-box.filter-bottom-fixed {
  width: 100%;
  left: 0;
}

/* end filters on cockpit adjust */

/* TODO: Fix to dynamic truncate elements text based on percentage width */
input[type='text'].select-items-component-search-input {
  width: 100%;
  padding: 2px 5px;
  margin: 0 0 4px 0;
  border-radius: 4px 0 0 4px !important;
}

input[type='text'].select-items-component-search-input.buttons {
  width: calc(100% - 20px);
}

.select-items-component-items-container {
  width: 394px;
  height: 250px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.DialogJsf .select-items-one .select-items-component-items-container {
  width: 850px;
}

.select-items-one .select-items-component-items-container {
  width: 100%;
}

.span6 .select-items-one .select-items-component-items-container {
  width: 315px;
}

.select-items-one .lbl.iceSelOneRb {
  width: 530px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.radio span.lbl {
  margin-left: 22px;
}

.span6 .select-items-one .lbl.iceSelOneRb {
  width: 240px;
}

.select-items-search-group {
  width: calc(100% - 42px);
  text-align: right;
  margin-bottom: 0;
}

.select-items-search-button {
  height: 26px;
}

.select-items-search-button > i {
  margin: 0 !important;
}

.select-items-many > .span6 {
  width: calc(48.93617021276595% - 22px);
}

.select-items-many > .span1 {
  width: 25px;
  margin-top: 12%;
}

.select-items-many > .controls > a {
  display: block;
  height: 35px;
}

.select-items-component-controls-size {
  font-size: 18px;
}

/* END */

.dropdown-navbar > li.dropdown-select-one > [class*='icon-'] {
  margin-left: 8px;
  margin-right: 2px !important;
}

.dropdown-select-one > .input-append {
  margin-bottom: 2px;
  margin-top: 2px;
}

.dropdown-select-one select {
  width: 140px;
  padding: 2px;
}

.dropdown-select-one .add-on {
  width: 25px;
  height: 24px;
  padding-left: 5px;
}

.dropdown-select-one .add-on > [class*='icon-'],
.dropdown-select-one .add-on > [class*='icon-']:hover {
  color: white;
}

.centralized-loading-image {
  position: absolute;
  /* Graceful degradation */
  top: 49%;
  left: 49%;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}

.ace-nav > li.user_menu {
  background: #fafafa;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 37%, #fafafa 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 37%, #fafafa 100%);
  background: linear-gradient(to bottom, #ffffff, #f2f2f2) repeat scroll 0 0 #fafafa !important;
}

div.loading-submenu {
  border: none !important;
  display: block !important;
  background: url(41e01c9a59bcbc0e609dfa7c30d62c27.gif) no-repeat;
  width: 26px;
  height: 26px;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 9px;
  background-size: 20px;
}

/* Fix Pagination inside Wizard */
.step-content .pagination-list.unstyled .active {
  display: inline;
}

/* Fix Presentation Left Margin */
.presentation-content #page-content-projects {
  margin-left: 0;
}

.zopim {
  display: none !important;
}

/* Select Many */
.iceSelOneRb td {
  font-weight: bolder;
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #555;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  text-decoration: underline;
  float: left;
}

.two-column-panel-grid .iceSelOneRb tr td {
  width: auto;
}

.input-with-info-icon-container {
  padding-right: 25px;
  position: relative;
}

.input-with-info-icon {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 20px;
}

.sweet-alert {
  box-shadow: 0 0 10px;
}

.upload-component {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

.upload-component input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.toolbox-separator {
  float: left;
  border-right: 1px solid #ccc;
  margin-right: 5px !important;
}

.toolbox-separator:before {
  content: '\00A0';
}

button.btn.iceCmdBtn.toolbox-button.disabled + i.material-icons {
  color: rgba(0, 0, 0, 0.4);
}

button.btn.iceCmdBtn.toolbox-button {
  padding: 0;
  height: 24px;
  width: 24px;
  background: transparent !important;
  cursor: pointer;
}

button.btn.iceCmdBtn.toolbox-button + i.material-icons {
  position: relative;
  top: -24px;
}

.toolbox-button {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
}

.toolbox-button.mobile {
  font-size: 18px;
}

.toolbox-button.disabled {
  color: #999999;
}

.toolbox-button:hover {
  color: #000000 !important;
}

.component-gallery {
  background: white;
}

.component-gallery > .header {
  padding: 3px 10px;
  color: #fffffd;
  background: #222222;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 14px;
  text-align: left;
}

.component-gallery > .subheader {
  padding: 3px 0 3px 15px;
  color: #333;
  background: #f5f5f5;
  border-bottom: 1px solid #ebebeb;
  font-family: -apple-system, 'San Francisco', 'Helvetica Neue', 'Roboto', 'Lato', 'Open Sans', Helvetica, Arial;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}

.component-gallery > .items {
  padding: 5px;
}

.component-gallery > .items .item {
  width: 60px;
  padding: 8px 0;
  display: inline-block;
}

.component-gallery > .items .item .cpt-item-view-more-icon {
  text-align: center;
  color: #333333;
}

.component-gallery > .items .item .cpt-item-view-more-name {
  text-align: center;
  margin: 5px 0 0 0;
  height: auto;
}

.mdx-table tbody tr.highlight-row td {
  background-color: #696969 !important;
  color: #f5f5f5 !important;
}

.mdx-table tbody tr.highlight-row th[rowspan='1'] {
  background-color: #555555 !important;
  color: #f5f5f5 !important;
}

.publisher-fragment-icon {
  color: #08c;
  vertical-align: super;
  margin-right: 5px;
}

.publisher-item.publisher-item-title .publisher-fragment-text {
  font-weight: 500;
}

.publisher-fragment-text {
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555555 !important;
  letter-spacing: 0.4px;
}

.toggle-support-button {
  position: absolute;
  right: 15px;
  top: 8px;
}

.modal.olap-monitor {
  width: 900px;
  margin-left: -450px;
}

.modal.olap-monitor .modal-body {
  min-height: 500px;
  max-height: 500px;
}

.modal.olap-monitor h4 {
  margin: 0;
}

.modal.olap-monitor .close {
  font-size: 24px;
  margin: 0;
}

.olap-monitor-dialog-trigger {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 3px;
  top: 5px;
  z-index: 16777271;
}

.sweet-alert {
  z-index: 16777271 !important;
}

.kpi-main-container-left {
  text-align: left;
}

.kpi-main-container {
  position: relative;
  vertical-align: middle;
}

.kpi-main-vertical .infobox-content {
  white-space: nowrap !important;
  width: 100% !important;
}

.modal.filter-selection-dialog {
  width: 700px;
  margin-left: -300px;
}

.pagination.pagination-mini > .pagination {
  margin: 0;
}

.select-items-component-items-container .radio,
.select-items-component-items-container .checkbox {
  padding-left: 0;
}

.mdx-table {
  transform: scale3d(1, 1, 1);
}

.clusterize-headers {
  position: relative;
  overflow: hidden;
  width: calc(100% - 8px);
}

.pivot-table {
  position: relative;
  clear: both;
  overflow: hidden;
}

.clusterize-scroll {
  position: relative;
}

.mdx-table.cols {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.mdx-table.with-fixed-cols {
  left: 0;
  top: 0;
  display: block;
}

.pivot-table div.fixed-columns {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-right: 1px solid #d3d3d3;
}

.fixed-header-cells-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  margin-left: 0;
  overflow: hidden;
}

.div_content_js_sub .mdx-table {
  width: 100%;
}

.cle-enhanced-editor {
  border: none !important;
}

.add-filter-margin .dataTables_filter label {
  margin-right: 40px;
}

.add-filter-margin .dataTables_filter label input {
  margin-left: 5px;
}

.icePnlPop.dialog.ui-draggable {
  cursor: auto !important;
}

.ui-draggable .dialogBody > .widget-box > .widget-header {
  cursor: move;
  background: #ffffff;
  color: #555555;
}

.icePnlPopBody.dialogBody .widget-box {
  margin: 0;
}

.notification-list-content {
  max-height: 100px;
  overflow: hidden;
}

.btn-orange {
  background-color: #ff7f27 !important;
}

.btn-orange:disabled {
  background-color: #ffb78a !important;
}

.btn-orange:not(:disabled):hover {
  background-color: #d96b21 !important;
  transition: background-position 0.1s linear;
}

.dropdown-menu li a.menu_sttings {
  width: 100% !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  letter-spacing: 0.4px;
}

.dropdown-menu li a.menu_sttings:visited,
.dropdown-menu li a.menu_sttings:active,
.dropdown-menu li a.menu_sttings:focus {
  background: inherit !important;
  border: none !important;
  outline: none;
}

.required-profile-dialog {
  width: 800px;
  font-size: 12px;
  word-break: normal;
  text-align: justify;
}

.tree-fragment-selected {
  border: 1px dashed #c1bfbb;
  background-color: #f5f3ef;
  padding: 5px 0 10px !important;
}

.tree-fragment-selected .move-selection-button,
.move-selection-button.selected-parent {
  visibility: hidden;
}

.move-selection-button.selected {
  visibility: visible;
  color: grey;
}

.icon-sigma:before {
  content: '\03A3';
}

.large-tab {
  width: 100px;
  text-align: center;
}

.tab-large-icon {
  font-size: 32px;
  margin: 5px;
}

.tab-large-text {
  font-size: 11px;
  word-break: normal;
}

.qtip-hint {
  font-size: 15px;
  color: #333;
  cursor: pointer;
}

.dialog.maximize {
  top: 0 !important;
  left: 0 !important;
}

.dialog.maximize > table,
.dialog.maximize > table td,
.dialog.maximize > table td .widget-box {
  height: 100% !important;
}

.dialog.maximize .widget-box {
  height: 99.5vh !important;
}

.dialog.maximize > table td .widget-box > .widget-body > .widget-main > .dialog-body {
  height: 100%;
}

.in-memory-form-container {
  min-width: 930px;
  min-height: 480px;
  height: 100%;
  overflow: hidden;
}

.dialog.maximize .struct-field {
  width: 99% !important;
}

.btn-blue {
  background-color: whitesmoke !important;
  color: #0088cc !important;
  border-color: #0088cc !important;
}

.btn-blue:hover:not(:disabled) {
  background-color: #118fd3 !important;
  color: whitesmoke !important;
  border-color: #007ec2 !important;
}

.btn-blue[disabled] {
  background-color: whitesmoke !important;
}

.small-header .crud-table th {
  padding: 2px 8px !important;
}

.icon-spin {
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.wizard-small .widget-main {
  padding-top: 0;
  padding-bottom: 0;
}

.wizard-small hr {
  margin: 10px 0;
}

.wizard-small .nav-tabs li a {
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.margin-input {
  font-size: 13px;
}

.margin-input input {
  width: 40px;
  margin: 0 2px 0 10px;
}

.csv-data-preview {
  overflow: auto;
  border: 1px solid #ccc;
  max-width: 95vw;
}

.icon-on-leftttt [class^='icon-'] {
  position: absolute;
  left: 5px;
  top: 5px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.upload-component-btn {
  padding: 6px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  cursor: pointer !important;
}

.upload-component-file-name-holder {
  width: 175px !important;
  padding: 2px 4px 3px !important;
  margin: 0 !important;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  outline: none;
}

.select2-container {
  text-align: left;
  font-size: 13px;
}

.select2-container .select2-choice {
  height: 25px !important;
}

.select2-container .select2-chosen {
  padding: 4px 6px !important;
}

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 0 !important;
}

.col-total-row {
  white-space: nowrap;
}

.data-origin-container-body {
  overflow: auto;
  max-height: 685px;
}

.data-origin-container-body .BimIntegrationDataOrigin {
  overflow: unset;
  padding-right: 14px;
}

.domain-box-container {
  overflow-x: auto;
  white-space: nowrap;
  height: 395px;
}

.domain-box {
  display: inline-block;
  border: 1px solid #ccc;
  position: relative;
  padding: 20px 10px 10px;
  margin-top: 15px;
  vertical-align: top;
  width: 400px;
  height: 310px;

  margin-right: 5px;
}

.domain-box:last-child {
  margin-right: 0;
}

.domain-box .domain-label-container {
  position: absolute;
  top: -15px;
  text-align: center;
  width: 100%;
}

.domain-box .domain-label-container .domain-label {
  display: inline-block;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: white;
}

.domain-box .domain-label-container .remove-domain,
.domain-box .domain-label-container .edit-domain {
  position: absolute;
  border-radius: 0;
  right: 10px;
  width: 22px;
  font-size: 10px;
  padding: 2px 0 2px 4px;
  top: 15px;
  left: auto;
}

.domain-box .domain-label-container .edit-domain {
  right: 33px;
}

.disabled .memberdiv {
  background-color: #eee;
  cursor: not-allowed;
}

.NavSearchInput {
  width: 100%;
  border: 1px solid #ccc;
}

.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em;}.jqplot-axis{font-size:.75em;}.jqplot-xaxis{margin-top:10px;}.jqplot-x2axis{margin-bottom:10px;}.jqplot-yaxis{margin-right:10px;}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px;}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre;}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top;}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom;}.jqplot-yaxis-tick{right:0;top:15px;text-align:right;}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em;}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left;}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap;}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute;}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute;}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute;}.jqplot-yMidAxis-label{font-size:11pt;position:absolute;}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute;}.jqplot-meterGauge-tick{font-size:.75em;color:#999;}.jqplot-meterGauge-label{font-size:1em;color:#999;}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px;}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em;}td.jqplot-table-legend{vertical-align:middle;}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer;}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through;}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px;}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em;}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px;}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px;}.jqplot-point-label{font-size:.75em;z-index:2;}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center;}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em;}.jqplot-error{text-align:center;}.jqplot-error-message{position:relative;top:46%;display:inline-block;}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%);}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7);}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3);}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: transparent; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
.cleditorMain,
.cleditorPopup,
.cleditorMain * {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none}
.cleditorToolbar {background: url(9cd20bbc3cdd051298c806de18f64c00.gif) repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url(5c465722f6d987e7b07c88b286e967c3.gif)}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; color:#333333; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList div:hover {background-color: #B3CFFF}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:8px; font-size:8.5pt}
.cleditorPrompt label {padding-bottom:8px}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}
.cleditorPopup {
    z-index: 420000
}

.cle-editor-full-screen {
    z-index: 410000;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 25px;
    left: 50px;
}
:root .grid-stack-item>.ui-resizable-handle{filter:none}.grid-stack{position:relative}.grid-stack .grid-stack-placeholder>.placeholder-content{border:1px dashed lightgray;margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0 !important}.grid-stack>.grid-stack-item{min-width:8.33333333%;position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0 !important;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack>.grid-stack-item.ui-draggable-dragging,.grid-stack>.grid-stack-item.ui-resizable-resizing{z-index:100}.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,0.2);opacity:.8}.grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{text-align:right;color:gray;padding:2px 3px 0 0;margin:0;font:normal normal normal 10px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-stack>.grid-stack-item>.ui-resizable-se::before,.grid-stack>.grid-stack-item>.ui-resizable-sw::before{content:"\f065"}.grid-stack>.grid-stack-item>.ui-resizable-se{display:inline-block;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;left:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;right:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;right:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;right:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;left:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;left:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item[data-gs-width='1']{width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-x='1']{left:8.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='1']{min-width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='1']{max-width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-width='2']{width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-x='2']{left:16.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='2']{min-width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='2']{max-width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-width='3']{width:25%}.grid-stack>.grid-stack-item[data-gs-x='3']{left:25%}.grid-stack>.grid-stack-item[data-gs-min-width='3']{min-width:25%}.grid-stack>.grid-stack-item[data-gs-max-width='3']{max-width:25%}.grid-stack>.grid-stack-item[data-gs-width='4']{width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-x='4']{left:33.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='4']{min-width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='4']{max-width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-width='5']{width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-x='5']{left:41.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='5']{min-width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='5']{max-width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-width='6']{width:50%}.grid-stack>.grid-stack-item[data-gs-x='6']{left:50%}.grid-stack>.grid-stack-item[data-gs-min-width='6']{min-width:50%}.grid-stack>.grid-stack-item[data-gs-max-width='6']{max-width:50%}.grid-stack>.grid-stack-item[data-gs-width='7']{width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-x='7']{left:58.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='7']{min-width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='7']{max-width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-width='8']{width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-x='8']{left:66.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='8']{min-width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='8']{max-width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-width='9']{width:75%}.grid-stack>.grid-stack-item[data-gs-x='9']{left:75%}.grid-stack>.grid-stack-item[data-gs-min-width='9']{min-width:75%}.grid-stack>.grid-stack-item[data-gs-max-width='9']{max-width:75%}.grid-stack>.grid-stack-item[data-gs-width='10']{width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-x='10']{left:83.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='10']{min-width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='10']{max-width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-width='11']{width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-x='11']{left:91.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='11']{min-width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='11']{max-width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-width='12']{width:100%}.grid-stack>.grid-stack-item[data-gs-x='12']{left:100%}.grid-stack>.grid-stack-item[data-gs-min-width='12']{min-width:100%}.grid-stack>.grid-stack-item[data-gs-max-width='12']{max-width:100%}.grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s}.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder{-webkit-transition:left 0,top 0,height 0,width 0;-moz-transition:left 0,top 0,height 0,width 0;-ms-transition:left 0,top 0,height 0,width 0;-o-transition:left 0,top 0,height 0,width 0;transition:left 0,top 0,height 0,width 0}
.grid-stack-item > .icon-remove {
    position: absolute;
    top: 2px;
    right:  12px;
    cursor: pointer;
    display: none;
}

.grid-stack-item > .icon-gear {
    position: absolute;
    top: 2px;
    right:  28px;
    cursor: pointer;
    display: none;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
    left: 0;
    right: 0;
    overflow: hidden !important;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.type-html {
    overflow: auto !important;
}

.grid-stack .grid-stack-item.ui-draggable-disabled {
    cursor: inherit !important;
}

.grid-stack > :not(.ui-resizable-disabled) > .grid-stack-item-content {
    overflow: hidden;
    background-color: white;
}

.grid-stack[data-edit-mode='true']>.grid-stack-item>.ui-resizable-handle {
    display: none !important;
}

.grid-stack[data-edit-mode='true']>.grid-stack-item:hover >.ui-resizable-handle {
    display: inline-block !important;
}

.grid-stack>.grid-stack-item>.ui-resizable-handle:before {
    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
}

.grid-stack>.grid-stack-item>.ui-resizable-se {
    cursor: se-resize;
    width: 14px;
    height: 14px;
    right: -7px;
    bottom: -7px;
    background-color: white;
}

.grid-stack>.grid-stack-item>.ui-resizable-ne {
    cursor: ne-resize;
    width: 14px;
    height: 14px;
    right: -7px;
    top: -7px;
    background-color: white;
}

.grid-stack>.grid-stack-item>.ui-resizable-ne:before {
    content: "\f065";
    transform: rotate(180deg);
}


.grid-stack>.grid-stack-item>.ui-resizable-sw {
    cursor: sw-resize;
    width: 14px;
    height: 14px;
    left: -7px;
    bottom: -7px;
    background-color: white;
}

.grid-stack>.grid-stack-item>.ui-resizable-nw {
    cursor: nw-resize;
    width: 14px;
    height: 14px;
    left: -7px;
    top: -7px;
    background-color: white;
}

.grid-stack>.grid-stack-item>.ui-resizable-nw:before {
    content: "\f065";
    transform: rotate(90deg);
}

.grid-stack > :not(.ui-resizable-disabled) > .grid-stack-item-content .dash-item-menu {
    display: none !important;
}
.grid-stack.grid-stack-24 > .grid-stack-item {
    min-width: 4.16666667%;
}

.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='1'] {
    width: 4.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='1'] {
    left: 4.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='1'] {
    min-width: 4.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='1'] {
    max-width: 4.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='2'] {
    width: 8.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='2'] {
    left: 8.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='2'] {
    min-width: 8.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='2'] {
    max-width: 8.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='3'] {
    width: 12.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='3'] {
    left: 12.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='3'] {
    min-width: 12.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='3'] {
    max-width: 12.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='4'] {
    width: 16.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='4'] {
    left: 16.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='4'] {
    min-width: 16.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='4'] {
    max-width: 16.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='5'] {
    width: 20.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='5'] {
    left: 20.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='5'] {
    min-width: 20.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='5'] {
    max-width: 20.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='6'] {
    width: 25%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='6'] {
    left: 25%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='6'] {
    min-width: 25%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='6'] {
    max-width: 25%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='7'] {
    width: 29.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='7'] {
    left: 29.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='7'] {
    min-width: 29.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='7'] {
    max-width: 29.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='8'] {
    width: 33.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='8'] {
    left: 33.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='8'] {
    min-width: 33.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='8'] {
    max-width: 33.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='9'] {
    width: 37.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='9'] {
    left: 37.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='9'] {
    min-width: 37.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='9'] {
    max-width: 37.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='10'] {
    width: 41.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='10'] {
    left: 41.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='10'] {
    min-width: 41.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='10'] {
    max-width: 41.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='11'] {
    width: 45.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='11'] {
    left: 45.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='11'] {
    min-width: 45.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='11'] {
    max-width: 45.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='12'] {
    width: 50%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='12'] {
    left: 50%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='12'] {
    min-width: 50%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='12'] {
    max-width: 50%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='13'] {
    width: 54.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='13'] {
    left: 54.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='13'] {
    min-width: 54.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='13'] {
    max-width: 54.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='14'] {
    width: 58.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='14'] {
    left: 58.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='14'] {
    min-width: 58.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='14'] {
    max-width: 58.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='15'] {
    width: 62.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='15'] {
    left: 62.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='15'] {
    min-width: 62.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='15'] {
    max-width: 62.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='16'] {
    width: 66.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='16'] {
    left: 66.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='16'] {
    min-width: 66.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='16'] {
    max-width: 66.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='17'] {
    width: 70.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='17'] {
    left: 70.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='17'] {
    min-width: 70.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='17'] {
    max-width: 70.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='18'] {
    width: 75%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='18'] {
    left: 75%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='18'] {
    min-width: 75%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='18'] {
    max-width: 75%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='19'] {
    width: 79.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='19'] {
    left: 79.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='19'] {
    min-width: 79.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='19'] {
    max-width: 79.16666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='20'] {
    width: 83.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='20'] {
    left: 83.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='20'] {
    min-width: 83.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='20'] {
    max-width: 83.33333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='21'] {
    width: 87.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='21'] {
    left: 87.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='21'] {
    min-width: 87.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='21'] {
    max-width: 87.5%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='22'] {
    width: 91.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='22'] {
    left: 91.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='22'] {
    min-width: 91.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='22'] {
    max-width: 91.66666667%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='23'] {
    width: 95.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='23'] {
    left: 95.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='23'] {
    min-width: 95.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='23'] {
    max-width: 95.83333333%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-width='24'] {
    width: 100%;
}
.grid-stack.grid-stack-24 > .grid-stack-item[data-gs-x='24'] {
    left: 100%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-min-width='24'] {
    min-width: 100%;
}
.grid-stack.grid-stack-24 > .grid-stack-item.grid-stack-item[data-gs-max-width='24'] {
    max-width: 100%;
}

.grid-stack.grid-stack-48 > .grid-stack-item {
    min-width: 2.08333333%;
}

.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='1'] {
    width: 2.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='1'] {
    left: 2.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='1'] {
    min-width: 2.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='1'] {
    max-width: 2.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='2'] {
    width: 4.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='2'] {
    left: 4.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='2'] {
    min-width: 4.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='2'] {
    max-width: 4.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='3'] {
    width: 6.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='3'] {
    left: 6.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='3'] {
    min-width: 6.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='3'] {
    max-width: 6.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='4'] {
    width: 8.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='4'] {
    left: 8.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='4'] {
    min-width: 8.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='4'] {
    max-width: 8.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='5'] {
    width: 10.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='5'] {
    left: 10.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='5'] {
    min-width: 10.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='5'] {
    max-width: 10.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='6'] {
    width: 12.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='6'] {
    left: 12.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='6'] {
    min-width: 12.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='6'] {
    max-width: 12.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='7'] {
    width: 14.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='7'] {
    left: 14.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='7'] {
    min-width: 14.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='7'] {
    max-width: 14.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='8'] {
    width: 16.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='8'] {
    left: 16.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='8'] {
    min-width: 16.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='8'] {
    max-width: 16.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='9'] {
    width: 18.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='9'] {
    left: 18.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='9'] {
    min-width: 18.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='9'] {
    max-width: 18.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='10'] {
    width: 20.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='10'] {
    left: 20.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='10'] {
    min-width: 20.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='10'] {
    max-width: 20.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='11'] {
    width: 22.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='11'] {
    left: 22.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='11'] {
    min-width: 22.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='11'] {
    max-width: 22.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='12'] {
    width: 25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='12'] {
    left: 25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='12'] {
    min-width: 25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='12'] {
    max-width: 25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='13'] {
    width: 27.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='13'] {
    left: 27.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='13'] {
    min-width: 27.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='13'] {
    max-width: 27.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='14'] {
    width: 29.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='14'] {
    left: 29.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='14'] {
    min-width: 29.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='14'] {
    max-width: 29.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='15'] {
    width: 31.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='15'] {
    left: 31.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='15'] {
    min-width: 31.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='15'] {
    max-width: 31.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='16'] {
    width: 33.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='16'] {
    left: 33.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='16'] {
    min-width: 33.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='16'] {
    max-width: 33.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='17'] {
    width: 35.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='17'] {
    left: 35.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='17'] {
    min-width: 35.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='17'] {
    max-width: 35.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='18'] {
    width: 37.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='18'] {
    left: 37.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='18'] {
    min-width: 37.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='18'] {
    max-width: 37.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='19'] {
    width: 39.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='19'] {
    left: 39.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='19'] {
    min-width: 39.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='19'] {
    max-width: 39.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='20'] {
    width: 41.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='20'] {
    left: 41.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='20'] {
    min-width: 41.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='20'] {
    max-width: 41.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='21'] {
    width: 43.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='21'] {
    left: 43.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='21'] {
    min-width: 43.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='21'] {
    max-width: 43.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='22'] {
    width: 45.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='22'] {
    left: 45.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='22'] {
    min-width: 45.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='22'] {
    max-width: 45.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='23'] {
    width: 47.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='23'] {
    left: 47.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='23'] {
    min-width: 47.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='23'] {
    max-width: 47.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='24'] {
    width: 50%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='24'] {
    left: 50%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='24'] {
    min-width: 50%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='24'] {
    max-width: 50%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='25'] {
    width: 52.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='25'] {
    left: 52.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='25'] {
    min-width: 52.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='25'] {
    max-width: 52.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='26'] {
    width: 54.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='26'] {
    left: 54.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='26'] {
    min-width: 54.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='26'] {
    max-width: 54.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='27'] {
    width: 56.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='27'] {
    left: 56.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='27'] {
    min-width: 56.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='27'] {
    max-width: 56.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='28'] {
    width: 58.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='28'] {
    left: 58.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='28'] {
    min-width: 58.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='28'] {
    max-width: 58.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='29'] {
    width: 60.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='29'] {
    left: 60.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='29'] {
    min-width: 60.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='29'] {
    max-width: 60.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='30'] {
    width: 62.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='30'] {
    left: 62.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='30'] {
    min-width: 62.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='30'] {
    max-width: 62.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='31'] {
    width: 64.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='31'] {
    left: 64.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='31'] {
    min-width: 64.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='31'] {
    max-width: 64.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='32'] {
    width: 66.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='32'] {
    left: 66.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='32'] {
    min-width: 66.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='32'] {
    max-width: 66.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='33'] {
    width: 68.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='33'] {
    left: 68.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='33'] {
    min-width: 68.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='33'] {
    max-width: 68.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='34'] {
    width: 70.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='34'] {
    left: 70.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='34'] {
    min-width: 70.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='34'] {
    max-width: 70.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='35'] {
    width: 72.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='35'] {
    left: 72.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='35'] {
    min-width: 72.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='35'] {
    max-width: 72.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='36'] {
    width: 75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='36'] {
    left: 75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='36'] {
    min-width: 75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='36'] {
    max-width: 75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='37'] {
    width: 77.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='37'] {
    left: 77.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='37'] {
    min-width: 77.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='37'] {
    max-width: 77.08333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='38'] {
    width: 79.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='38'] {
    left: 79.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='38'] {
    min-width: 79.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='38'] {
    max-width: 79.16666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='39'] {
    width: 81.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='39'] {
    left: 81.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='39'] {
    min-width: 81.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='39'] {
    max-width: 81.25%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='40'] {
    width: 83.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='40'] {
    left: 83.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='40'] {
    min-width: 83.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='40'] {
    max-width: 83.33333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='41'] {
    width: 85.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='41'] {
    left: 85.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='41'] {
    min-width: 85.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='41'] {
    max-width: 85.41666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='42'] {
    width: 87.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='42'] {
    left: 87.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='42'] {
    min-width: 87.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='42'] {
    max-width: 87.5%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='43'] {
    width: 89.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='43'] {
    left: 89.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='43'] {
    min-width: 89.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='43'] {
    max-width: 89.58333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='44'] {
    width: 91.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='44'] {
    left: 91.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='44'] {
    min-width: 91.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='44'] {
    max-width: 91.66666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='45'] {
    width: 93.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='45'] {
    left: 93.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='45'] {
    min-width: 93.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='45'] {
    max-width: 93.75%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='46'] {
    width: 95.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='46'] {
    left: 95.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='46'] {
    min-width: 95.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='46'] {
    max-width: 95.83333333%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='47'] {
    width: 97.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='47'] {
    left: 97.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='47'] {
    min-width: 97.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='47'] {
    max-width: 97.91666667%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-width='48'] {
    width: 100%;
}
.grid-stack.grid-stack-48 > .grid-stack-item[data-gs-x='48'] {
    left: 100%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-min-width='48'] {
    min-width: 100%;
}
.grid-stack.grid-stack-48 > .grid-stack-item.grid-stack-item[data-gs-max-width='48'] {
    max-width: 100%;
}

.grid-stack.grid-stack-96 > .grid-stack-item {
    min-width: 1.04166667%;
}

.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='1'] {
    width: 1.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='1'] {
    left: 1.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='1'] {
    min-width: 1.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='1'] {
    max-width: 1.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='2'] {
    width: 2.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='2'] {
    left: 2.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='2'] {
    min-width: 2.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='2'] {
    max-width: 2.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='3'] {
    width: 3.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='3'] {
    left: 3.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='3'] {
    min-width: 3.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='3'] {
    max-width: 3.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='4'] {
    width: 4.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='4'] {
    left: 4.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='4'] {
    min-width: 4.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='4'] {
    max-width: 4.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='5'] {
    width: 5.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='5'] {
    left: 5.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='5'] {
    min-width: 5.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='5'] {
    max-width: 5.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='6'] {
    width: 6.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='6'] {
    left: 6.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='6'] {
    min-width: 6.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='6'] {
    max-width: 6.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='7'] {
    width: 7.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='7'] {
    left: 7.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='7'] {
    min-width: 7.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='7'] {
    max-width: 7.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='8'] {
    width: 8.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='8'] {
    left: 8.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='8'] {
    min-width: 8.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='8'] {
    max-width: 8.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='9'] {
    width: 9.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='9'] {
    left: 9.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='9'] {
    min-width: 9.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='9'] {
    max-width: 9.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='10'] {
    width: 10.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='10'] {
    left: 10.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='10'] {
    min-width: 10.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='10'] {
    max-width: 10.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='11'] {
    width: 11.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='11'] {
    left: 11.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='11'] {
    min-width: 11.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='11'] {
    max-width: 11.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='12'] {
    width: 12.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='12'] {
    left: 12.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='12'] {
    min-width: 12.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='12'] {
    max-width: 12.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='13'] {
    width: 13.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='13'] {
    left: 13.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='13'] {
    min-width: 13.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='13'] {
    max-width: 13.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='14'] {
    width: 14.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='14'] {
    left: 14.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='14'] {
    min-width: 14.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='14'] {
    max-width: 14.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='15'] {
    width: 15.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='15'] {
    left: 15.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='15'] {
    min-width: 15.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='15'] {
    max-width: 15.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='16'] {
    width: 16.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='16'] {
    left: 16.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='16'] {
    min-width: 16.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='16'] {
    max-width: 16.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='17'] {
    width: 17.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='17'] {
    left: 17.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='17'] {
    min-width: 17.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='17'] {
    max-width: 17.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='18'] {
    width: 18.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='18'] {
    left: 18.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='18'] {
    min-width: 18.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='18'] {
    max-width: 18.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='19'] {
    width: 19.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='19'] {
    left: 19.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='19'] {
    min-width: 19.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='19'] {
    max-width: 19.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='20'] {
    width: 20.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='20'] {
    left: 20.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='20'] {
    min-width: 20.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='20'] {
    max-width: 20.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='21'] {
    width: 21.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='21'] {
    left: 21.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='21'] {
    min-width: 21.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='21'] {
    max-width: 21.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='22'] {
    width: 22.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='22'] {
    left: 22.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='22'] {
    min-width: 22.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='22'] {
    max-width: 22.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='23'] {
    width: 23.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='23'] {
    left: 23.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='23'] {
    min-width: 23.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='23'] {
    max-width: 23.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='24'] {
    width: 25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='24'] {
    left: 25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='24'] {
    min-width: 25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='24'] {
    max-width: 25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='25'] {
    width: 26.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='25'] {
    left: 26.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='25'] {
    min-width: 26.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='25'] {
    max-width: 26.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='26'] {
    width: 27.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='26'] {
    left: 27.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='26'] {
    min-width: 27.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='26'] {
    max-width: 27.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='27'] {
    width: 28.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='27'] {
    left: 28.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='27'] {
    min-width: 28.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='27'] {
    max-width: 28.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='28'] {
    width: 29.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='28'] {
    left: 29.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='28'] {
    min-width: 29.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='28'] {
    max-width: 29.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='29'] {
    width: 30.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='29'] {
    left: 30.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='29'] {
    min-width: 30.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='29'] {
    max-width: 30.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='30'] {
    width: 31.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='30'] {
    left: 31.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='30'] {
    min-width: 31.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='30'] {
    max-width: 31.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='31'] {
    width: 32.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='31'] {
    left: 32.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='31'] {
    min-width: 32.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='31'] {
    max-width: 32.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='32'] {
    width: 33.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='32'] {
    left: 33.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='32'] {
    min-width: 33.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='32'] {
    max-width: 33.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='33'] {
    width: 34.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='33'] {
    left: 34.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='33'] {
    min-width: 34.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='33'] {
    max-width: 34.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='34'] {
    width: 35.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='34'] {
    left: 35.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='34'] {
    min-width: 35.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='34'] {
    max-width: 35.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='35'] {
    width: 36.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='35'] {
    left: 36.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='35'] {
    min-width: 36.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='35'] {
    max-width: 36.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='36'] {
    width: 37.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='36'] {
    left: 37.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='36'] {
    min-width: 37.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='36'] {
    max-width: 37.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='37'] {
    width: 38.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='37'] {
    left: 38.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='37'] {
    min-width: 38.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='37'] {
    max-width: 38.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='38'] {
    width: 39.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='38'] {
    left: 39.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='38'] {
    min-width: 39.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='38'] {
    max-width: 39.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='39'] {
    width: 40.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='39'] {
    left: 40.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='39'] {
    min-width: 40.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='39'] {
    max-width: 40.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='40'] {
    width: 41.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='40'] {
    left: 41.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='40'] {
    min-width: 41.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='40'] {
    max-width: 41.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='41'] {
    width: 42.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='41'] {
    left: 42.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='41'] {
    min-width: 42.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='41'] {
    max-width: 42.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='42'] {
    width: 43.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='42'] {
    left: 43.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='42'] {
    min-width: 43.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='42'] {
    max-width: 43.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='43'] {
    width: 44.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='43'] {
    left: 44.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='43'] {
    min-width: 44.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='43'] {
    max-width: 44.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='44'] {
    width: 45.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='44'] {
    left: 45.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='44'] {
    min-width: 45.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='44'] {
    max-width: 45.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='45'] {
    width: 46.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='45'] {
    left: 46.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='45'] {
    min-width: 46.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='45'] {
    max-width: 46.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='46'] {
    width: 47.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='46'] {
    left: 47.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='46'] {
    min-width: 47.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='46'] {
    max-width: 47.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='47'] {
    width: 48.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='47'] {
    left: 48.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='47'] {
    min-width: 48.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='47'] {
    max-width: 48.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='48'] {
    width: 50%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='48'] {
    left: 50%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='48'] {
    min-width: 50%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='48'] {
    max-width: 50%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='49'] {
    width: 51.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='49'] {
    left: 51.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='49'] {
    min-width: 51.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='49'] {
    max-width: 51.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='50'] {
    width: 52.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='50'] {
    left: 52.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='50'] {
    min-width: 52.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='50'] {
    max-width: 52.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='51'] {
    width: 53.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='51'] {
    left: 53.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='51'] {
    min-width: 53.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='51'] {
    max-width: 53.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='52'] {
    width: 54.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='52'] {
    left: 54.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='52'] {
    min-width: 54.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='52'] {
    max-width: 54.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='53'] {
    width: 55.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='53'] {
    left: 55.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='53'] {
    min-width: 55.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='53'] {
    max-width: 55.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='54'] {
    width: 56.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='54'] {
    left: 56.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='54'] {
    min-width: 56.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='54'] {
    max-width: 56.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='55'] {
    width: 57.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='55'] {
    left: 57.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='55'] {
    min-width: 57.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='55'] {
    max-width: 57.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='56'] {
    width: 58.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='56'] {
    left: 58.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='56'] {
    min-width: 58.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='56'] {
    max-width: 58.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='57'] {
    width: 59.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='57'] {
    left: 59.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='57'] {
    min-width: 59.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='57'] {
    max-width: 59.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='58'] {
    width: 60.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='58'] {
    left: 60.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='58'] {
    min-width: 60.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='58'] {
    max-width: 60.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='59'] {
    width: 61.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='59'] {
    left: 61.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='59'] {
    min-width: 61.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='59'] {
    max-width: 61.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='60'] {
    width: 62.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='60'] {
    left: 62.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='60'] {
    min-width: 62.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='60'] {
    max-width: 62.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='61'] {
    width: 63.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='61'] {
    left: 63.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='61'] {
    min-width: 63.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='61'] {
    max-width: 63.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='62'] {
    width: 64.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='62'] {
    left: 64.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='62'] {
    min-width: 64.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='62'] {
    max-width: 64.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='63'] {
    width: 65.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='63'] {
    left: 65.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='63'] {
    min-width: 65.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='63'] {
    max-width: 65.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='64'] {
    width: 66.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='64'] {
    left: 66.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='64'] {
    min-width: 66.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='64'] {
    max-width: 66.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='65'] {
    width: 67.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='65'] {
    left: 67.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='65'] {
    min-width: 67.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='65'] {
    max-width: 67.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='66'] {
    width: 68.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='66'] {
    left: 68.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='66'] {
    min-width: 68.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='66'] {
    max-width: 68.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='67'] {
    width: 69.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='67'] {
    left: 69.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='67'] {
    min-width: 69.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='67'] {
    max-width: 69.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='68'] {
    width: 70.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='68'] {
    left: 70.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='68'] {
    min-width: 70.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='68'] {
    max-width: 70.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='69'] {
    width: 71.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='69'] {
    left: 71.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='69'] {
    min-width: 71.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='69'] {
    max-width: 71.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='70'] {
    width: 72.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='70'] {
    left: 72.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='70'] {
    min-width: 72.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='70'] {
    max-width: 72.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='71'] {
    width: 73.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='71'] {
    left: 73.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='71'] {
    min-width: 73.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='71'] {
    max-width: 73.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='72'] {
    width: 75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='72'] {
    left: 75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='72'] {
    min-width: 75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='72'] {
    max-width: 75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='73'] {
    width: 76.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='73'] {
    left: 76.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='73'] {
    min-width: 76.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='73'] {
    max-width: 76.04166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='74'] {
    width: 77.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='74'] {
    left: 77.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='74'] {
    min-width: 77.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='74'] {
    max-width: 77.08333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='75'] {
    width: 78.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='75'] {
    left: 78.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='75'] {
    min-width: 78.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='75'] {
    max-width: 78.125%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='76'] {
    width: 79.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='76'] {
    left: 79.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='76'] {
    min-width: 79.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='76'] {
    max-width: 79.16666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='77'] {
    width: 80.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='77'] {
    left: 80.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='77'] {
    min-width: 80.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='77'] {
    max-width: 80.20833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='78'] {
    width: 81.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='78'] {
    left: 81.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='78'] {
    min-width: 81.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='78'] {
    max-width: 81.25%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='79'] {
    width: 82.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='79'] {
    left: 82.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='79'] {
    min-width: 82.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='79'] {
    max-width: 82.29166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='80'] {
    width: 83.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='80'] {
    left: 83.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='80'] {
    min-width: 83.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='80'] {
    max-width: 83.33333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='81'] {
    width: 84.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='81'] {
    left: 84.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='81'] {
    min-width: 84.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='81'] {
    max-width: 84.375%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='82'] {
    width: 85.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='82'] {
    left: 85.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='82'] {
    min-width: 85.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='82'] {
    max-width: 85.41666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='83'] {
    width: 86.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='83'] {
    left: 86.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='83'] {
    min-width: 86.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='83'] {
    max-width: 86.45833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='84'] {
    width: 87.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='84'] {
    left: 87.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='84'] {
    min-width: 87.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='84'] {
    max-width: 87.5%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='85'] {
    width: 88.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='85'] {
    left: 88.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='85'] {
    min-width: 88.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='85'] {
    max-width: 88.54166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='86'] {
    width: 89.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='86'] {
    left: 89.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='86'] {
    min-width: 89.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='86'] {
    max-width: 89.58333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='87'] {
    width: 90.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='87'] {
    left: 90.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='87'] {
    min-width: 90.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='87'] {
    max-width: 90.625%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='88'] {
    width: 91.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='88'] {
    left: 91.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='88'] {
    min-width: 91.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='88'] {
    max-width: 91.66666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='89'] {
    width: 92.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='89'] {
    left: 92.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='89'] {
    min-width: 92.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='89'] {
    max-width: 92.70833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='90'] {
    width: 93.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='90'] {
    left: 93.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='90'] {
    min-width: 93.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='90'] {
    max-width: 93.75%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='91'] {
    width: 94.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='91'] {
    left: 94.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='91'] {
    min-width: 94.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='91'] {
    max-width: 94.79166667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='92'] {
    width: 95.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='92'] {
    left: 95.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='92'] {
    min-width: 95.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='92'] {
    max-width: 95.83333333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='93'] {
    width: 96.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='93'] {
    left: 96.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='93'] {
    min-width: 96.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='93'] {
    max-width: 96.875%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='94'] {
    width: 97.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='94'] {
    left: 97.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='94'] {
    min-width: 97.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='94'] {
    max-width: 97.91666667%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='95'] {
    width: 98.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='95'] {
    left: 98.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='95'] {
    min-width: 98.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='95'] {
    max-width: 98.95833333%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-width='96'] {
    width: 100%;
}
.grid-stack.grid-stack-96 > .grid-stack-item[data-gs-x='96'] {
    left: 100%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-min-width='96'] {
    min-width: 100%;
}
.grid-stack.grid-stack-96 > .grid-stack-item.grid-stack-item[data-gs-max-width='96'] {
    max-width: 100%;
}

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: static;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    font-size: 0.25em;
  }
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  flex-basis: auto !important;
  width: auto;
  height: auto;
  margin: 0 0.3125em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
          animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
          animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
          animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
          animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
  margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0.46875em;
  padding: 0;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 0.25em solid transparent;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
  margin-right: 30px;
  margin-left: 30px;
}
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border: 3px solid #999999;
  border-radius: 50%;
  border-right-color: transparent;
  box-shadow: 1px 1px 1px #fff;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 2em;
  box-shadow: none;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #3085d6;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}

.swal2-close {
  position: absolute;
  z-index: 2;
  /* 1617 */
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 0;
  outline: initial;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
}
.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #545454;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 3px #c4e6f5;
}
.swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
  color: #cccccc;
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #cccccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #cccccc;
}
.swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
  color: #cccccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-range {
  margin: 1em auto;
  background: #fff;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-input[type=number] {
  max-width: 10em;
}

.swal2-file {
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
  margin: 0 0.4em;
}

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
          animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #3085d6;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #3085d6;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #3085d6;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4);
  }
}
@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important;
}
body.swal2-no-backdrop .swal2-container > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-container.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
  right: 0;
  bottom: 0;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}
/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll{
  max-height: 200px;
  overflow: auto;
}

/**
 * Avoid vertical margins for extra tags
 * Necessary for correct calculations when rows have nonzero vertical margins
 */
.clusterize-extra-row{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity{
  display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content{
  outline: 0;
  counter-reset: clusterize-counter;
}

/* Centering message that appears when no data provided
 */
.clusterize-no-data td{
  text-align: center;
}
/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
@charset "UTF-8";
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0,0,0, 0.87);
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }



/* NOTE: THIS FRAGMENT WAS COMMENTED DUE TO PROBLEMS WITH PDF EXPORTS ON PHANTOMJS. Ciço */

/*@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  !* Style adjustments for high resolution devices *! }

!* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== *!
@media print {
  *,
  *:before,
  *:after,
  *:first-letter {
    background: transparent !important;
    color: #000 !important;
    !* Black prints faster: http://www.sanbeiji.com/archives/953 *!
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  !*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     *!
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  !*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     *!
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }*/

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0; }

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block; }

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

/**
  * Styles for HTML elements
  */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em; }

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px; }

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px; }

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px; }

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px; }

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px; }

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px; }

a {
  color: rgb(255,64,129);
  font-weight: 500; }

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em; }
  blockquote:before {
    position: absolute;
    left: -0.5em;
    content: '“'; }
  blockquote:after {
    content: '”';
    margin-left: -0.05em; }

mark {
  background-color: #f4ff81; }

dt {
  font-weight: 700; }

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal; }

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em; }

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54; }

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em; }

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54; }

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px; }

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54; }

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54; }

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale; }

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87; }

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em; }

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87; }

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em; }

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87; }

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

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

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

.mdl-typography--text-center {
  text-align: center; }

.mdl-typography--text-justify {
  text-align: justify; }

.mdl-typography--text-nowrap {
  white-space: nowrap; }

.mdl-typography--text-lowercase {
  text-transform: lowercase; }

.mdl-typography--text-uppercase {
  text-transform: uppercase; }

.mdl-typography--text-capitalize {
  text-transform: capitalize; }

.mdl-typography--font-thin {
  font-weight: 200 !important; }

.mdl-typography--font-light {
  font-weight: 300 !important; }

.mdl-typography--font-regular {
  font-weight: 400 !important; }

.mdl-typography--font-medium {
  font-weight: 500 !important; }

.mdl-typography--font-bold {
  font-weight: 700 !important; }

.mdl-typography--font-black {
  font-weight: 900 !important; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
       font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  color: unset;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: rgb(244,67,54) !important; }

.mdl-color--red {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important; }

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important; }

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important; }

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important; }

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important; }

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important; }

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important; }

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important; }

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important; }

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important; }

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important; }

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important; }

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important; }

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important; }

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important; }

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important; }

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important; }

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important; }

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important; }

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important; }

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important; }

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important; }

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important; }

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important; }

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important; }

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important; }

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important; }

.mdl-color-text--pink {
  color: rgb(233,30,99) !important; }

.mdl-color--pink {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important; }

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important; }

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important; }

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important; }

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important; }

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important; }

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important; }

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important; }

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important; }

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important; }

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important; }

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important; }

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important; }

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important; }

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important; }

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important; }

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important; }

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important; }

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important; }

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important; }

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important; }

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important; }

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important; }

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important; }

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important; }

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important; }

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important; }

.mdl-color-text--purple {
  color: rgb(156,39,176) !important; }

.mdl-color--purple {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important; }

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important; }

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important; }

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important; }

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important; }

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important; }

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important; }

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important; }

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important; }

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important; }

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important; }

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important; }

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important; }

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important; }

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important; }

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important; }

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important; }

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important; }

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important; }

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important; }

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important; }

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important; }

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important; }

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important; }

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important; }

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important; }

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important; }

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important; }

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important; }

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important; }

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important; }

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important; }

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important; }

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important; }

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important; }

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important; }

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important; }

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important; }

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important; }

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important; }

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important; }

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important; }

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important; }

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important; }

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important; }

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important; }

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important; }

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important; }

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important; }

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important; }

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important; }

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important; }

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important; }

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important; }

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important; }

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important; }

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important; }

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important; }

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important; }

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important; }

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important; }

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important; }

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important; }

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important; }

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important; }

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important; }

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important; }

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important; }

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important; }

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important; }

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important; }

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important; }

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important; }

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important; }

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important; }

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important; }

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important; }

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important; }

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important; }

.mdl-color-text--blue {
  color: rgb(33,150,243) !important; }

.mdl-color--blue {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important; }

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important; }

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important; }

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important; }

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important; }

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important; }

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important; }

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important; }

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important; }

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important; }

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important; }

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important; }

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important; }

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important; }

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important; }

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important; }

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important; }

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important; }

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important; }

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important; }

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important; }

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important; }

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important; }

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important; }

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important; }

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important; }

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important; }

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important; }

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important; }

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important; }

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important; }

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important; }

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important; }

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important; }

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important; }

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important; }

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important; }

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important; }

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important; }

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important; }

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important; }

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important; }

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important; }

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important; }

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important; }

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important; }

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important; }

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important; }

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important; }

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important; }

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important; }

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important; }

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important; }

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important; }

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important; }

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important; }

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important; }

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important; }

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important; }

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important; }

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important; }

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important; }

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important; }

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important; }

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important; }

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important; }

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important; }

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important; }

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important; }

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important; }

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important; }

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important; }

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important; }

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important; }

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important; }

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important; }

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important; }

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important; }

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important; }

.mdl-color-text--teal {
  color: rgb(0,150,136) !important; }

.mdl-color--teal {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important; }

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important; }

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important; }

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important; }

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important; }

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important; }

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important; }

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important; }

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important; }

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important; }

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important; }

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important; }

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important; }

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important; }

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important; }

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important; }

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important; }

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important; }

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important; }

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important; }

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important; }

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important; }

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important; }

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important; }

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important; }

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important; }

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important; }

.mdl-color-text--green {
  color: rgb(76,175,80) !important; }

.mdl-color--green {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important; }

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important; }

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important; }

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important; }

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important; }

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important; }

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important; }

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important; }

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important; }

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important; }

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important; }

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important; }

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important; }

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important; }

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important; }

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important; }

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important; }

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important; }

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important; }

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important; }

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important; }

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important; }

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important; }

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important; }

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important; }

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important; }

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important; }

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important; }

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important; }

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important; }

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important; }

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important; }

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important; }

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important; }

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important; }

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important; }

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important; }

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important; }

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important; }

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important; }

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important; }

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important; }

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important; }

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important; }

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important; }

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important; }

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important; }

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important; }

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important; }

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important; }

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important; }

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important; }

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important; }

.mdl-color-text--lime {
  color: rgb(205,220,57) !important; }

.mdl-color--lime {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important; }

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important; }

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important; }

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important; }

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important; }

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important; }

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important; }

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important; }

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important; }

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important; }

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important; }

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important; }

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important; }

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important; }

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important; }

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important; }

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important; }

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important; }

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important; }

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important; }

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important; }

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important; }

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important; }

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important; }

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important; }

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important; }

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important; }

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important; }

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important; }

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important; }

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important; }

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important; }

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important; }

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important; }

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important; }

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important; }

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important; }

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important; }

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important; }

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important; }

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important; }

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important; }

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important; }

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important; }

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important; }

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important; }

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important; }

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important; }

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important; }

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important; }

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important; }

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important; }

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important; }

.mdl-color-text--amber {
  color: rgb(255,193,7) !important; }

.mdl-color--amber {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important; }

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important; }

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important; }

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important; }

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important; }

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important; }

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important; }

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important; }

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important; }

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important; }

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important; }

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important; }

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important; }

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important; }

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important; }

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important; }

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important; }

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important; }

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important; }

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important; }

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important; }

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important; }

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important; }

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important; }

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important; }

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important; }

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important; }

.mdl-color-text--orange {
  color: rgb(255,152,0) !important; }

.mdl-color--orange {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important; }

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important; }

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important; }

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important; }

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important; }

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important; }

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important; }

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important; }

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important; }

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important; }

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important; }

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important; }

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important; }

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important; }

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important; }

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important; }

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important; }

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important; }

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important; }

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important; }

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important; }

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important; }

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important; }

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important; }

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important; }

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important; }

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important; }

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important; }

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important; }

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important; }

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important; }

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important; }

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important; }

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important; }

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important; }

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important; }

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important; }

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important; }

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important; }

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important; }

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important; }

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important; }

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important; }

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important; }

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important; }

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important; }

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important; }

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important; }

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important; }

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important; }

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important; }

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important; }

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important; }

.mdl-color-text--brown {
  color: rgb(121,85,72) !important; }

.mdl-color--brown {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important; }

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important; }

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important; }

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important; }

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important; }

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important; }

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important; }

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important; }

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important; }

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important; }

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important; }

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important; }

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important; }

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important; }

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important; }

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important; }

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important; }

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important; }

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important; }

.mdl-color-text--grey {
  color: rgb(158,158,158) !important; }

.mdl-color--grey {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important; }

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important; }

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important; }

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important; }

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important; }

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important; }

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important; }

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important; }

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important; }

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important; }

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important; }

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important; }

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important; }

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important; }

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important; }

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important; }

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important; }

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important; }

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important; }

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important; }

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important; }

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important; }

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important; }

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important; }

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important; }

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important; }

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important; }

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important; }

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important; }

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important; }

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important; }

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important; }

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important; }

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important; }

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important; }

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important; }

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important; }

.mdl-color--black {
  background-color: rgb(0,0,0) !important; }

.mdl-color-text--black {
  color: rgb(0,0,0) !important; }

.mdl-color--white {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--white {
  color: rgb(255,255,255) !important; }

.mdl-color--primary {
  background-color: rgb(63,81,181) !important; }

.mdl-color--primary-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color--primary-dark {
  background-color: rgb(48,63,159) !important; }

.mdl-color--accent {
  background-color: rgb(255,64,129) !important; }

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--primary {
  color: rgb(63,81,181) !important; }

.mdl-color-text--primary-contrast {
  color: rgb(255,255,255) !important; }

.mdl-color-text--primary-dark {
  color: rgb(48,63,159) !important; }

.mdl-color-text--accent {
  color: rgb(255,64,129) !important; }

.mdl-color-text--accent-contrast {
  color: rgb(255,255,255) !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden; }
  .mdl-ripple.is-animating {
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .mdl-ripple.is-visible {
    opacity: 0.3; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--fast-out-slow-in {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--linear-out-slow-in {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mdl-animation--fast-out-linear-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }
  .mdl-badge:not([data-badge]) {
    margin-right: auto; }
  .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdl-button .mdl-badge[data-badge]:after {
      top: -10px;
      right: -5px; }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,64,129);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 1px gray; }
  .mdl-badge.mdl-badge--overlap {
    margin-right: 10px; }
    .mdl-badge.mdl-badge--overlap:after {
      right: -10px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle; }
  .mdl-button::-moz-focus-inner {
    border: 0; }
  .mdl-button:hover {
    background-color: rgba(158,158,158, 0.20); }
  .mdl-button:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button:active {
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button.mdl-button--colored {
    color: rgb(63,81,181); }
    .mdl-button.mdl-button--colored:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }

input.mdl-button[type="submit"] {
  -webkit-appearance: none; }

.mdl-button--raised {
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised.mdl-button--colored {
    background: rgb(63,81,181);
    color: rgb(255,255,255); }
    .mdl-button--raised.mdl-button--colored:hover {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:active {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:focus:not(:active) {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal; }
  .mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px; }
  .mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab.mdl-button--colored {
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdl-button--fab.mdl-button--colored:hover {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:focus:not(:active) {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:active {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal; }
  .mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px; }
    .mdl-button--icon.mdl-button--mini-icon .material-icons {
      top: 0px;
      left: 0px; }
  .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
  .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent; }

.mdl-button--primary.mdl-button--primary {
  color: rgb(63,81,181); }
  .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(63,81,181); }

.mdl-button--accent.mdl-button--accent {
  color: rgb(255,64,129); }
  .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(255,64,129); }

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent; }

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26); }

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: none; }

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26); }

.mdl-button .material-icons {
  vertical-align: middle; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box; }

.mdl-card__media {
  background-color: rgb(255,64,129);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box; }

.mdl-card__title {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
          perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
          transform-origin: 165px 56px;
  box-sizing: border-box; }
  .mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card__title-text {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
          transform-origin: 149px 48px;
  margin: 0; }

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0; }

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%; }
  .mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box; }
  .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card--expand {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0; }
  .mdl-checkbox.is-upgraded {
    padding-left: 24px; }

.mdl-checkbox__input {
  line-height: 24px; }
  .mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 2px;
  z-index: 2; }
  .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(63,81,181); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
  .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
          mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  background: transparent;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background; }
  .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
  fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
  .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
  .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0,0,0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap; }
  .mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block; }
  .mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0,0,0, 0.87);
    border: none;
    outline: none;
    overflow: hidden; }
  .mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px; }
  .mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-chip:active {
    background-color: #d6d6d6; }
  .mdl-chip--deletable {
    padding-right: 4px; }
  .mdl-chip--contact {
    padding-left: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255); }
  .mdl-data-table thead {
    padding-bottom: 3px; }
    .mdl-data-table thead .mdl-data-table__select {
      margin-top: 0; }
  .mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color; }
    .mdl-data-table tbody tr.is-selected {
      background-color: #e0e0e0; }
    .mdl-data-table tbody tr:hover {
      background-color: #eeeeee; }
  .mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right; }
    .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
      padding-left: 24px; }
    .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
      padding-right: 24px; }
  .mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    box-sizing: border-box; }
    .mdl-data-table td .mdl-data-table__select {
      vertical-align: middle; }
  .mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box; }
    .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
      color: rgba(0, 0, 0, 0.87); }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        -moz-font-feature-settings: 'liga';
             font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        content: "\e5d8";
        margin-right: 5px;
        vertical-align: sub; }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
        cursor: pointer; }
        .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
          color: rgba(0, 0, 0, 0.26); }
    .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
      content: "\e5db"; }

.mdl-data-table__select {
  width: 16px; }

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 280px; }
  .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem; }
  .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .mdl-dialog__actions > * {
      margin-right: 8px;
      height: 36px; }
      .mdl-dialog__actions > *:first-child {
        margin-right: 0; }
    .mdl-dialog__actions--full-width {
      padding: 0 0 8px 0; }
      .mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right; }
  .mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both; }

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left; }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right; }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle; } }

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%; }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left; }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right; }
    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
      clear: right; }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right; }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both; }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0; } }

@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left; } }

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0; }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'; }

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none; }

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF'; }

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(224,224,224); }

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover; }

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px; }
  .mdl-mega-footer--link-list:after,
  .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''; }

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px; }

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none; }
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
      content: ''; }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block; }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: ''; } }

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px; }

.mdl-logo {
  margin-bottom: 16px;
  color: white; }

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px; }

@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 16px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }
  .mdl-mini-footer:after {
    content: '';
    display: block; }
  .mdl-mini-footer .mdl-logo {
    line-height: 36px; }

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px; }
    @media screen and (min-width: 760px) {
      .mdl-mini-footer--link-list li,
      .mdl-mini-footer__link-list li {
        line-height: 36px; } }
  .mdl-mini-footer--link-list a,
  .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap; }

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0; }

.mdl-icon-toggle__input {
  line-height: 32px; }
  .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: rgb(97,97,97);
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px; }
  .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: rgb(63,81,181); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    transition: none; }
  .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63,81,181, 0.26); }

.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: rgb(97,97,97); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto; }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
  display: block;
  padding: 8px 0;
  list-style: none; }

.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0,0,0, 0.87);
  overflow: hidden; }
  .mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
      margin-right: 32px; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
      margin-right: 16px; }
  .mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 16px; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
      display: inline; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      letter-spacing: 0;
      color: rgba(0,0,0, 0.54); }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
      padding: 0 0 0 16px; }

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  box-sizing: border-box;
  color: rgb(117,117,117); }

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: rgb(117,117,117);
  font-size: 40px;
  color: white; }

.mdl-list__item--two-line {
  height: 72px; }
  .mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
      float: left; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left;
      margin-top: 6px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
      height: 36px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0;
      line-height: 18px;
      color: rgba(0,0,0, 0.54);
      display: block;
      padding: 0; }

.mdl-list__item--three-line {
  height: 88px; }
  .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left; }
  .mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px; }
  .mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0,0,0, 0.54);
    display: block;
    padding: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1; }
  .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible; }

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    z-index: 999; }
  .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%; }

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999; }
  .mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0; }
  .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0; }
  .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0; }
  .mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto; }

.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1; }
  .mdl-menu__item::-moz-focus-inner {
    border: 0; }
  .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0,0,0, 0.12); }
  .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: rgb(189,189,189);
    background-color: transparent;
    cursor: auto; }
    .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
      background-color: transparent; }
    .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
      background-color: transparent; }
    .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
      background: transparent; }
  .mdl-menu__item:hover {
    background-color: rgb(238,238,238); }
  .mdl-menu__item:focus {
    outline: none;
    background-color: rgb(238,238,238); }
  .mdl-menu__item:active {
    background-color: rgb(224,224,224); }

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%; }

.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-progress > .progressbar {
  background-color: rgb(63,81,181);
  z-index: 1;
  left: 0; }

.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
  z-index: 0;
  left: 0; }

.mdl-progress > .auxbar {
  right: 0; }

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
            mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(63,81,181);
  -webkit-animation-name: indeterminate1;
          animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb(63,81,181);
  -webkit-animation-name: indeterminate2;
          animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  box-sizing: border-box; }

.mdl-navigation__link {
  color: rgb(66,66,66);
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }
  .mdl-navigation__link .material-icons {
    vertical-align: middle; }

.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none; }

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none; }

.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%; }

.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box; }

.mdl-layout-spacer {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-layout__drawer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-right: 1px solid rgb(224,224,224);
  background: rgb(250,250,250);
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5; }
  .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
      overflow: hidden; }
  .mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__drawer > .mdl-layout__title,
      .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px; } }
  .mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 16px; }
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
      display: block;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      padding: 16px 40px;
      margin: 0;
      color: #757575; }
      @media screen and (max-width: 1024px) {
        .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
          padding: 16px 16px; } }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
        background-color: rgb(224,224,224); }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
        background-color: rgb(224,224,224);
        color: rgb(0,0,0); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: rgb(255,255,255);
  z-index: 4; }
  .mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255,255,255);
    background-color: inherit; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
      margin: 4px;
      color: rgba(0, 0, 0, 0.5); } }
  @media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
      line-height: 54px; }
      .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
      .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
      .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none; } }

.mdl-layout__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: rgb(63,81,181);
  color: rgb(255,255,255);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: max-height, box-shadow; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      min-height: 56px; } }
  .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
      padding-left: 40px; } }
  .mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px; } }
  .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none; }
  .mdl-layout__header.is-compact {
    max-height: 64px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact {
        max-height: 56px; } }
  .mdl-layout__header.is-compact.has-tabs {
    height: 112px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      display: none; }
    .mdl-layout--fixed-header > .mdl-layout__header {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none; }

.mdl-layout__header--seamed {
  box-shadow: none; }

.mdl-layout__header--scroll {
  box-shadow: none; }

.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden; }
  .mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.mdl-layout__header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px; }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px; }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
      padding-left: 40px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
      height: 56px;
      padding: 0 16px 0 72px; }
      .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px; } }
  .mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%; }
  .mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation {
        height: 56px; } }
  .mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: rgb(255,255,255);
    line-height: 64px;
    padding: 0 24px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px; } }

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible; }
  @supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition-property: opacity;
      visibility: visible;
      pointer-events: none; }
      .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1; } }

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px; }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible; }
  @media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
      margin-left: 0; }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
      overflow-y: auto;
      overflow-x: hidden; } }

.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(63,81,181);
  overflow-y: hidden;
  overflow-x: scroll; }
  .mdl-layout__tab-bar::-webkit-scrollbar {
    display: none; }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
      padding-left: 16px;
      width: calc(100% - 32px); } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
      width: calc(100% - 60px);
      padding: 0 0 0 60px; }
      .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%; }

.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden; }
  .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0; }

.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: rgb(63,81,181);
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px; }
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
      position: relative;
      left: -4px; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
      width: 60px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none; }
  .mdl-layout__tab-bar-button .material-icons {
    line-height: 48px; }
  .mdl-layout__tab-bar-button.is-active {
    color: rgb(255,255,255); }

.mdl-layout__tab-bar-left-button {
  left: 0; }

.mdl-layout__tab-bar-right-button {
  right: 0; }

.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab {
      padding: 0 12px 0 12px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0; }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255,255,255); }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(255,64,129);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden; }
    .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
      background-color: rgb(255,255,255); }

.mdl-layout__tab-panel {
  display: block; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0; }
  .mdl-radio.is-upgraded {
    padding-left: 24px; }

.mdl-radio__button {
  line-height: 24px; }
  .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2; }
  .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(63,81,181); }
  .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
  .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  border-radius: 50%;
  background: rgb(63,81,181); }
  .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
  .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0,0,0, 0.26);
    cursor: auto; }
  .mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }

.mdl-radio__label {
  cursor: pointer; }
  fieldset[disabled] .mdl-radio .mdl-radio__label,
  .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-radio__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
  .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
  .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0; }

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px; }
  .mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    outline: 0;
    padding: 0;
    color: rgb(63,81,181);
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    z-index: 1;
    cursor: pointer;
    /**************************** Tracks ****************************/
    /**************************** Thumbs ****************************/
    /**************************** 0-value ****************************/
    /**************************** Disabled ****************************/ }
    .mdl-slider.is-upgraded::-moz-focus-outer {
      border: 0; }
    .mdl-slider.is-upgraded::-ms-tooltip {
      display: none; }
    .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
      background: transparent; }
    .mdl-slider.is-upgraded::-moz-range-track {
      background: transparent;
      border: none; }
    .mdl-slider.is-upgraded::-ms-track {
      background: none;
      color: transparent;
      height: 2px;
      width: 100%;
      border: none; }
    .mdl-slider.is-upgraded::-ms-fill-lower {
      padding: 0;
      background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }
    .mdl-slider.is-upgraded::-ms-fill-upper {
      padding: 0;
      background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background: rgb(63,81,181);
      border: none;
      transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded::-moz-range-thumb {
      -moz-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background-image: none;
      background: rgb(63,81,181);
      border: none; }
    .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
      background-image: none;
      background: rgb(63,81,181);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded:active::-moz-range-thumb {
      background-image: none;
      background: rgb(63,81,181);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded::-ms-thumb {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 50%;
      background: rgb(63,81,181);
      transform: scale(0.375);
      transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded:active::-ms-thumb {
      background: rgb(63,81,181);
      transform: scale(0.5625); }
    .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
      border: 1.6px solid rgba(0,0,0, 0.26);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 9px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
      border: 1.5px solid rgba(0,0,0, 0.26);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
      background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
      transform: scale(0.5625);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
      margin-left: 9px; }
    .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
      -webkit-transform: scale(0.667);
              transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
      transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
      background-color: rgba(0,0,0, 0.26);
      left: -6px; }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      -webkit-transform: scale(0.667);
              transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
      transform: scale(0.25);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
      transform: scale(0.25);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
      margin-right: 6px;
      background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
      margin-left: 6px; }

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none; }

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: rgb(63,81,181);
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0; }

.mdl-slider__background-upper {
  background: rgba(0,0,0, 0.26);
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
          transform: translate(0, 80px);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none; }
  @media (max-width: 479px) {
    .mdl-snackbar {
      width: 100%;
      left: 0;
      min-height: 48px;
      max-height: 80px; } }
  @media (min-width: 480px) {
    .mdl-snackbar {
      min-width: 288px;
      max-width: 568px;
      border-radius: 2px;
      -webkit-transform: translate(-50%, 80px);
              transform: translate(-50%, 80px); } }
  .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
    @media (min-width: 480px) {
      .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
  .mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left; }
  .mdl-snackbar__action {
    background: transparent;
    border: none;
    color: rgb(255,64,129);
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
    .mdl-snackbar__action::-moz-focus-inner {
      border: 0; }
    .mdl-snackbar__action:not([aria-hidden]) {
      opacity: 1;
      pointer-events: auto; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
            animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }

@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245); }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54); }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53); }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80); }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left; }
  .mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
          animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
            transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
            transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-switch.is-upgraded {
    padding-left: 28px; }

.mdl-switch__input {
  line-height: 24px; }
  .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-switch__track {
  background: rgba(0,0,0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer; }
  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63,81,181, 0.5); }
  .mdl-switch__track fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0,0,0, 0.12);
    cursor: auto; }

.mdl-switch__thumb {
  background: rgb(250,250,250);
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(63,81,181);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
  .mdl-switch__thumb fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__thumb {
    background: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px; }
  .mdl-switch__label fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__label {
    color: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.40s;
  transition-timing-function: step-end;
  transition-property: left; }
  .mdl-switch__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
  .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent; }
  .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%; }

.mdl-tabs__tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224); }

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden; }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0,0,0, 0.87); }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: rgb(63,81,181);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
    .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
      background: rgb(63,81,181); }

.mdl-tabs__panel {
  display: block; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block; }

@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0; }
  .mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px; }

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

.mdl-textfield--full-width {
  width: 100%; }

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px; }
  .mdl-textfield--expandable .mdl-button--icon {
    top: 16px; }

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit; }
  .mdl-textfield__input[type="number"] {
    -moz-appearance: textfield; }
  .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none; }
  .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: rgb(213,0,0);
    box-shadow: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__input,
  .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26); }

.mdl-textfield textarea.mdl-textfield__input {
  display: block; }

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .mdl-textfield.is-dirty .mdl-textfield__label,
  .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden; }
  .mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__label,
  .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0,0,0, 0.26); }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63,81,181);
    font-size: 12px;
    top: 4px;
    visibility: visible; }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px; }
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213,0,0);
    font-size: 12px; }
  .mdl-textfield__label:after {
    background-color: rgb(63,81,181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px; }
  .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%; }
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213,0,0); }

.mdl-textfield__error {
  color: rgb(213,0,0);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible; }

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px; }
  .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px; }
  .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center; }

.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .mdl-grid.mdl-grid--no-spacing {
    padding: 0; }

.mdl-cell {
  box-sizing: border-box; }

.mdl-cell--top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

.mdl-cell--middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }

.mdl-cell--bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

.mdl-cell--stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
              -ms-grid-row-align: stretch;
          align-self: stretch; }

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0; }

.mdl-cell--order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.mdl-cell--order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.mdl-cell--order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.mdl-cell--order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.mdl-cell--order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.mdl-cell--order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.mdl-cell--order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.mdl-cell--order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.mdl-cell--order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.mdl-cell--order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.mdl-cell--order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.mdl-cell--order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 100%; }
  .mdl-cell--hide-phone {
    display: none !important; }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
      width: 25%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
      width: 50%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
      width: 75%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
      width: 100%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
      width: 100%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
      width: 100%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
      width: 100%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
      width: 100%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
      width: 100%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
      margin-left: 25%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
      margin-left: 50%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
      margin-left: 75%; } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 50%; }
  .mdl-cell--hide-tablet {
    display: none !important; }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
      width: 12.5%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
      width: 25%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
      width: 37.5%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
      width: 50%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
      width: 62.5%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
      width: 75%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
      width: 87.5%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
      width: 100%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
      width: 100%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(12.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
      margin-left: 12.5%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
      margin-left: 25%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(37.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
      margin-left: 37.5%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
      margin-left: 50%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(62.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
      margin-left: 62.5%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
      margin-left: 75%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(87.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
      margin-left: 87.5%; } }

@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(33.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 33.3333333333%; }
  .mdl-cell--hide-desktop {
    display: none !important; }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
      width: 8.3333333333%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
      width: 16.6666666667%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
      width: 25%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
      width: 33.3333333333%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
      width: 41.6666666667%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
      width: 50%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
      width: 58.3333333333%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
      width: 66.6666666667%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
      width: 75%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
      width: 83.3333333333%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
      width: 91.6666666667%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(8.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
      margin-left: 8.3333333333%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
      margin-left: 16.6666666667%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
      margin-left: 25%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(33.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
      margin-left: 33.3333333333%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
      margin-left: 41.6666666667%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
      margin-left: 50%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(58.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
      margin-left: 58.3333333333%; }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
      margin-left: 66.6666666667%; }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
      margin-left: 75%; }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(83.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
      margin-left: 83.3333333333%; }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
      margin-left: 91.6666666667%; } }

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(416d91365b44e4b4f4777663e6f009f3.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(8f2c4d11474275fbc1614b9098334eae.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(2b3e1faf89f94a4835397e7a43b4f77d.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.loading-image-box {
    text-align: center;
    padding: 80px 0;
}

.center-spinner {
    top: 40%;
    left: calc(50% - 64px);
    z-index: 35650;
    position: fixed;
}

.logo-spinner {
    cursor: unset !important;
    border-radius: 100%;
    border: 3px solid #CACFD3;
    font-size: 60px;
    color: #CACFD3;
    margin: auto;
    position: absolute;
    display: flex;
    align-items: center;
}

.logo-spinner,
.loading-image {
    width: 128px;
    height: 128px;
}

.loading-image {
    margin: auto;
}

.logo-spinner > span {
    margin: auto;
    width: 60px;
    height: 60px;
}

.spinner {
    animation: rotator 1.4s linear infinite;
    width: 134px;
    height: 134px;
}

@keyframes rotator {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(270deg); }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #4A90E2;
    animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
    0% { stroke-dashoffset: 187; }
    50% {
        stroke-dashoffset: 46;
        transform:rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        transform:rotate(450deg);
    }
}

.linear-wipe:before {
    display: block;
    padding: 10px;
}

h1.linear-wipe  {
    display: block;
    vertical-align: middle;
    margin: 0;
}

.linear-wipe {
    text-align: center;
    background: linear-gradient(to right, #d2d2d2 20%, #bbbbbb 40%, #bbbbbb 60%, #d2d2d2 80%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
}

@keyframes shine {
    to {
        background-position: -200% center;
    }
}

.loading-ease-out {
    opacity: 1;
    animation: loading-ease-out 1s linear forwards;
}

@keyframes loading-ease-out {
    to {
        opacity: 0;
    }
}

.background-loading-opacity {
    height: 100vh;
    height: max(100vh, 100%);
    width: 100%;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 1;
}
.bng-snackbar {
    padding: 0;
    width: 100%;
    max-width: fit-content;
    border-radius: 100px;
    margin: auto;
    text-align: center;
    display: flex;
    gap: 2px;
    position: sticky;
    z-index: 2;
}

.bng-snackbar span,
.bng-snackbar .Icon {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    vertical-align: middle;
    display: table-cell;
}

.bng-snackbar .material-icons {
    font-size: 21px;
}

.bng-snackbar .bng-snackbar-icon {
    padding-right: 0;
    margin-right: 10px;
}

.bng-snackbar .bng-snackbar-message {
    padding-left: 5px;
}

.bng-snackbar.no-data {
    cursor: default;
    background-color: #005dff;
    max-width: 260px;
}

.bng-snackbar.error {
    cursor: pointer;
}

.bng-snackbar.warning {
    cursor: pointer;
    background-color: #f89406;
}

.bng-snackbar.not-loaded {
    cursor: default !important;
    background-color: #337dff;
    max-width: 260px;
    padding-left: 15px;
}

.bng-snackbar.not-loaded .Icon {
    animation: rotation 3s linear 0s infinite normal none;
    height: 31px;
    padding: 0;
}

@keyframes rotation {
    0.0% {
    }
    100% {
        transform: rotate(-360deg);
    }
}

.snackbarContainer {
    padding: 10px;
}

.snackbarContainer,
.snackbarChildrenContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 20px;
}

.snackbarContainer.withChildren {
    border-radius: 20px 0 0 20px;
}

.snackbarChildrenContainer {
    min-width: 35px;
    cursor: pointer;
    border-radius: 0 20px 20px 0;
}

.snackbarVariantSave {
    background-color: #3558ef;
}

.snackbarVariantError {
    background-color: #e23d3d;
}

.snackbarVariantUnloaded {
    background-color: #005dff;
}
/*HAS ANY THEME */
#DashGridComponent:not(.DashboardTheme-NONE) .select-item-for-container .grid-stack-item-content,
#DashGridComponent:not(.DashboardTheme-NONE) .select-item-for-container .widget-box,
#DashGridComponent:not(.DashboardTheme-NONE) .select-item-for-container .widget-body,
#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack-item.Container .item-content-container,
#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack-item.Container .item-content-container .infobox,
#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack-item.Container .jqplot-series-shadowCanvas {
  background-color: transparent;
}

#DashGridComponent:not(.DashboardTheme-NONE) .DashGridItem .widget-box .widget-body {
  transition: border-color ease-in-out 0.2s;
  border-color: transparent;
}

#DashGridComponent:not(.DashboardTheme-NONE) .widget-body,
#DashGridComponent:not(.DashboardTheme-NONE) .item-content-container .infobox,
#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack > :not(.ui-resizable-disabled) > .grid-stack-item-content {
  background-color: rgba(0, 0, 0, 0);
}

#DashGridComponent:not(.DashboardTheme-NONE) .react-grid-item.grid-stack-item-content.ContainerChild.Item [id^=dashbox-] {
  background-color: rgba(255, 255, 255, 0) !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .widget-box {
  box-shadow: none;
}

#DashGridComponent:not(.DashboardTheme-NONE) .DashGrid .DashGridItem.Container,
#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack .grid-stack-item.Container {
  padding: 0 !important;
  margin: 0 !important;
  border: 0;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-content-container.MapRender {
  overflow: hidden !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .ContainerRGL [id^=dashbox-] {
  margin: 0;
}

#DashGridComponent:not(.DashboardTheme-NONE) .widget-body {
  border: 0;
}

#DashGridComponent:not(.DashboardTheme-NONE) .dashboarditem .widget-header h4 div i {
  margin-right: 8px;
}

#DashGridComponent:not(.DashboardTheme-NONE) .grid-stack-item .widget-box .widget-header {
  display: none;
}

#DashGridComponent:not(.DashboardTheme-NONE) .DashGrid .DashGridItem.react-resizable {
  border-color: transparent;
}

.grid-stack-item .widget-box .widget-header {
  background-color: transparent;
  border: 0;
}

.on-mobile #body-wrapper #DashGridComponent:not(.DashboardTheme-NONE) {
  margin: 6px;
}

.on-mobile #DashGridComponent:not(.DashboardTheme-NONE).item-content-container.MapRender {
  overflow: hidden !important;
}

.on-mobile #DashGridComponent:not(.DashboardTheme-NONE) .map-legend.closed {
  max-height: 25px;
}

.on-mobile #DashGridComponent:not(.DashboardTheme-NONE) .legendMapTotal {
  display: none;
}

.on-mobile #DashGridComponent:not(.DashboardTheme-NONE) .map-legend.closed {
  position: absolute;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.7);
}

.on-mobile div#body-dashboard-home #DashGridComponent:not(.DashboardTheme-NONE) {
  width: 100%;
}

#DashGridComponent:not(.DashboardTheme-NONE) .KpiGrowth .kpi-comp-val-container > span {
  background-color: rgba(0, 0, 0, 0) !important;
}

/*Allow Border Radius*/
#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) [id^=dashbox-],
#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) .item-content-container,
#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) .DashGrid .DashGridItem,
#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) .DashGrid .DashGridItem.Container .grid-stack-item-content,
#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) .grid-stack > :not(.ui-resizable-disabled) > .grid-stack-item-content {
  border-radius: 6px;
}

#DashGridComponent:not(.DashboardTheme-NONE):not(.AllowBorderRadius) .DashGridItem.Container .grid-stack-item-content {
  border-radius: 0;
}

/*Allow Margin*/
#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem .grid-stack-item-content:not(.ContainerChild),
#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem.Container {
  margin: var(--dashboard-margin, 6px);
}

#DashGridComponent.AllowContainerMargin:not(.DashboardTheme-NONE) .DashGridItem .grid-stack-item-content.ContainerChild {
  margin: var(--dashboard-container-margin, 6px);
}

#DashGridComponent.AllowBorderRadius:not(.DashboardTheme-NONE) .grid-stack-item .itemsize {
  border-radius: 0 6px 0 6px;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) #body-wrapper {
  margin: var(--dashboard-total-margin, 12px);
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .grid-stack-item-content-newmap .menu-mobile {
  top: 14px;
  right: 25px;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .grid-stack-item-content-newmap.ContainerChild .dash-item-newmenu {
  top: 10px;
  right: 74px;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .grid-stack-item-content-newmap.ContainerChild .menu-mobile {
  top: 1px;
  right: 30px;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) [id^=dashbox-] .item-content-container > div {
  overflow: hidden;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) [id^=dashbox-] .item-content-container[class*=Analysis] > div,
#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) .item-content-image > div,
#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) [id^=dashbox-] .item-content-container[class*=Map] > div {
  margin: 12px;
}

#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) [id^=dashbox-] .item-content-container > div [class^=div-table-],
#DashGridComponent.AllowMargin:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) [id^=dashbox-] .item-content-container > div [class^=div-table-] {
  overflow: auto;
}

/*Allow BoxShadow*/
#DashGridComponent.AllowBoxShadow:not(.DashboardTheme-NONE) .DashGridItem:not(.Container) .grid-stack-item-content,
#DashGridComponent.AllowBoxShadow:not(.DashboardTheme-NONE) .DashGridItem.Container > div {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.14);
}

/*END HAS ANY THEME*/


/*WHITE theme*/
.DashboardTheme-WHITE div[class*="breakpoint-MOBILE"] .DashGrid.grid-stack {
  background-color: #f5f5f5 !important;
}

.background-preview-WHITE {
  background-color: #f5f5f5;
}

/*BLACK theme*/
.DashboardTheme-BLACK .react-grid-item.DashGridItem.grid-stack-item.Container,
.DashboardTheme-BLACK .grid-stack-item.Container .item-content-container .infobox {
  border: 0;
}

.DashboardTheme-BLACK table.mdx-table th,
.DashboardTheme-BLACK table.mdx-table td:not([style*="background"]):not([class*="green"]):not([class*="yellow"]):not([class*="red"]) {
  filter: invert(90%) hue-rotate(180deg);
}

.DashboardTheme-BLACK table.mdx-table th,
.DashboardTheme-BLACK table.mdx-table td {
  border: solid 1px #000000;
}

.DashboardTheme-BLACK .table-theme-clean .mdx-table tr:nth-child(even),
.DashboardTheme-BLACK .table-theme-clean .mdx-table tr:nth-child(even) th,
.DashboardTheme-BLACK .table-theme-clean .mdx-table tr:nth-child(even) td {
  background: #ffffff;
}

.DashboardTheme-BLACK .table-theme-clean .mdx-table {
  background: #242424;
}

.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(odd),
.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(odd) th,
.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(odd) td {
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
}

.DashboardTheme-BLACK .table-theme-silver .mdx-table thead tr th,
.DashboardTheme-BLACK .table-theme-silver .mdx-table thead tr td,
.DashboardTheme-BLACK .table-theme-silver .mdx-table thead tr,
.DashboardTheme-BLACK .table-theme-silver .mdx-table thead {
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
}

.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(even),
.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(even) th,
.DashboardTheme-BLACK .table-theme-silver .mdx-table tbody tr:nth-child(even) td {
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
}

.DashboardTheme-BLACK .container-dropdown-menu.with-title,
.DashboardTheme-BLACK .container-dropdown-menu.with-title *,
.DashboardTheme-BLACK .container-dropdown-menu.blank-icon-and-title *,
.DashboardTheme-BLACK .container-dropdown-menu.with-title .Icon {
  color: #ffffff;
}

.DashboardTheme-BLACK .container-dropdown-menu.with-title .icon-dropdown:hover,
.DashboardTheme-CORPORATIVE .container-dropdown-menu.with-title .icon-dropdown:hover {
  background: transparent !important;
}

.DashboardTheme-BLACK .container-dropdown-menu .DashboardItemMenuDropdown {
  color: #222;
}

.DashboardTheme-BLACK .titleItemDash div,
.DashboardTheme-BLACK div[class*='imgChart'] div {
  color: #ececec !important;
}

.DashboardTheme-BLACK .kpititle,
.DashboardTheme-BLACK .KpiTarget,
.DashboardTheme-BLACK .KpiInternalBody div[id*=percent],
.DashboardTheme-BLACK .KpiDescriptionSpan,
.DashboardTheme-BLACK .icon-chevron-left,
.DashboardTheme-BLACK .KpiBandsValue,
.DashboardTheme-BLACK .kpi-percent,
.DashboardTheme-BLACK .kpidescription,
.DashboardTheme-BLACK .KpiGrowth {
  color: #ececec;
}

.DashboardTheme-BLACK .pie-holder div {
  color: #ececec !important;
}

.DashboardTheme-BLACK .infobox,
.DashboardTheme-BLACK .grid-stack-item .itemsize {
  color: #ffffff;
}

.DashboardTheme-BLACK div[class*="breakpoint-MOBILE"] .DashGrid.grid-stack {
  background-color: #222222 !important;
}

.background-preview-BLACK {
  background-color: #191919;
}

.DashboardTheme-BLACK .grid-stack-item .itemsize {
  background-color: #000;
}

/*CORPORATIVE theme*/
.DashboardTheme-CORPORATIVE .react-grid-item.DashGridItem.grid-stack-item.Container,
.DashboardTheme-CORPORATIVE .grid-stack-item.Container .item-content-container .infobox {
  border: 0;
}

.DashboardTheme-CORPORATIVE .container-dropdown-menu.with-title {
  box-shadow: inset 0 -1px 0 0 #aaa;
}

.DashboardTheme-CORPORATIVE .container-dropdown-menu.with-title,
.DashboardTheme-CORPORATIVE .container-dropdown-menu.with-title *,
.DashboardTheme-CORPORATIVE .container-dropdown-menu.blank-icon-and-title * {
  color: #ffffff;
}

.DashboardTheme-CORPORATIVE .leaflet-tile-pane,
.DashboardTheme-BLACK .leaflet-tile-pane {
  filter: invert(1) grayscale(1);
}

.DashboardTheme-CORPORATIVE .container-dropdown-menu .DashboardItemMenuDropdown {
  color: #222;
}

.DashboardTheme-CORPORATIVE .titleItemDash div,
.DashboardTheme-CORPORATIVE div[class*='imgChart'] div {
  color: #ececec !important;
}

.DashboardTheme-CORPORATIVE .kpititle,
.DashboardTheme-CORPORATIVE .KpiTarget,
.DashboardTheme-CORPORATIVE .KpiInternalBody div[id*=percent],
.DashboardTheme-CORPORATIVE .KpiDescriptionSpan,
.DashboardTheme-CORPORATIVE .icon-chevron-left,
.DashboardTheme-CORPORATIVE .KpiBandsValue,
.DashboardTheme-CORPORATIVE .kpi-percent,
.DashboardTheme-CORPORATIVE .kpidescription,
.DashboardTheme-CORPORATIVE .KpiGrowth {
  color: #ececec;
}

.DashboardTheme-CORPORATIVE .pie-holder div {
  color: #ececec !important;
}

.DashboardTheme-CORPORATIVE .grid-stack-item .itemsize {
  color: #ffffff;
  background-color: #000;
}

.DashboardTheme-CORPORATIVE .infobox {
  color: #ffffff;
}

.DashboardTheme-CORPORATIVE div[class*="breakpoint-MOBILE"] .DashGrid.grid-stack {
  background-color: #251841 !important;
}

.DashboardTheme-CORPORATIVE .table-theme-clean tr.col-total-row {
  background-color: #FFFFFF !important;
}

.background-preview-CORPORATIVE {
  background-color: #251841;
}

/*HIGHLIGHT ITEM*/
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu .BngIconButton,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .dash-item-newmenu .MenuButtonsContainer,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .dash-item-newmenu .MenuButtonsContainer .DashboardObjectOptsButton,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .dash-item-newmenu .MenuButtonsContainer .DrillButtons .BngIconButton {
  color: #FFFFFF !important;
  background-color: #333333 !important;
  opacity: 0.85;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu .BngIconButton:hover,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .dash-item-newmenu .MenuButtonsContainer .DashboardObjectOptsButton:hover,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .dash-item-newmenu .MenuButtonsContainer .DrillButtons .BngIconButton:hover {
  background-color: #444444 !important;
  opacity: 0.85;
  border: none !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .kpititle,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .KpiTarget,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .kpi-percent,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .KpiInternalBody div[id*=percent],
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .KpiDescriptionSpan,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .kpidescription,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .icon-chevron-left,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .KpiBandsValue,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .KpiGrowth,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .ag-paging-panel.ag-unselectable {
  color: #ffffff;

}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title *,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title *,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title *,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight .container-dropdown-menu.with-title * {
  color: #ffffff !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight:not(.color-highlight-light) .titleItemDash div,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight:not(.color-highlight-light) div[class*='imgChart'] div {
  color: #FFFFFF !important;
}

/**/

.DashboardTheme-WHITE div[class*="breakpoint-MOBILE"] .DashGrid.grid-stack {
  background-color: #f5f5f5 !important;
}

/*LIGHT HIGHLIGHT*/

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light div.orgChart tr.lines td.line {
  border-color: #000;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .kpititle,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .KpiTarget,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .kpi-percent,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .KpiInternalBody div[id*=percent],
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .KpiDescriptionSpan,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .kpidescription,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .icon-chevron-left,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .KpiBandsValue,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .KpiGrowth,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .ag-paging-panel.ag-unselectable {
  color: #333333 !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .container-dropdown-menu .BngIconButton,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DashboardObjectOptsButton,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DrillButtons .BngIconButton {
  background-color: #FFFFFF !important;
  color: #333333 !important;
  opacity: 0.85;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .container-dropdown-menu .BngIconButton:hover,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DashboardObjectOptsButton:hover,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DrillButtons .BngIconButton:hover {
  background-color: #E4E4E4 !important;
  opacity: 0.85;
  color: #333333 !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .container-dropdown-menu .BngIconButton:focus,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DashboardObjectOptsButton:focus,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .dash-item-newmenu .MenuButtonsContainer .DrillButtons .BngIconButton:focus {
  background-color: #C3C3C3 !important;
  opacity: 0.85;
  color: #333333 !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .container-dropdown-menu.with-title,
#DashGridComponent:not(.DashboardTheme-NONE) .item-highlight.color-highlight-light .container-dropdown-menu.with-title * {
  color: #333333 !important;
}

#DashGridComponent:not(.DashboardTheme-NONE) div.item-highlight.color-highlight-light .titleItemDash div,
#DashGridComponent:not(.DashboardTheme-NONE) div.item-highlight.color-highlight-light div[class*='imgChart'] div,
#DashGridComponent:not(.DashboardTheme-NONE) div.item-highlight.color-highlight-light .itemsize {
  color: #333333 !important;
}

/*LIGHT HIGHLIGHT END*/

.DashboardTheme-BLACK:not(.background-MOBILE) .BngEmpty .Title,
.DashboardTheme-CORPORATIVE:not(.background-MOBILE) .BngEmpty .Title {
    color: #f5f5f5;
}

.DashboardTheme-BLACK:not(.background-MOBILE) .BngEmpty .Message,
.DashboardTheme-CORPORATIVE:not(.background-MOBILE) .BngEmpty .Message {
    color: #f5f5f5;
}
.DashGrid.grid-stack > :not(.ui-resizable-disabled) > .grid-stack-item-content {
    padding: 0;
}

.DashGrid .DashGridItem.grid-stack-item {
    min-width: unset;
    -webkit-overflow-scrolling: touch;
}

.DashGrid .item-menu-trigger {
    display: none;
}

.DashGrid .DashGridItem.react-resizable {
    border: 1px solid #ccc;
}

.react-grid-placeholder {
    background-color: #aaaaaa !important;
}

div[class*="breakpoint-MOBILE mobile-frame"] {
    border-image: linear-gradient(to right, #e5e5e5 318px, rgba(255, 255, 255, 0) 318px);
    border-image-slice: 1;
    overflow: hidden;
}

.breakpoint-MOBILE {
    height: 100%;
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin: -1px 6px;
}

.breakpoint-MOBILE_HORIZONTAL.mobile-frame {
    position: relative;
    height: 337px;
    overflow-y: scroll !important;
}

div[class*="breakpoint-MOBILE mobile-frame"]:hover {
    overflow-y: auto;
}

div[class*="breakpoint-MOBILE mobile-frame"]::-webkit-scrollbar {
    visibility: hidden;
    width: 5px;
}

div[class*="breakpoint-MOBILE mobile-frame"]::-webkit-scrollbar-thumb {
    background: #949494;
    border-radius: 10px;
}

div[class*="breakpoint-MOBILE mobile-frame"]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

div[class*="div-MOBILE"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.div-MOBILE {
    margin: auto;
    padding-bottom: 40px;
    padding-top: 60px;
    height: 610px;
}

/* On Mobile View */
.AllContentWrapper .div-MOBILE {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}

.AllContentWrapper.on-mobile {
    height: 100vh;
}

.AllContentWrapper.on-mobile #dashboard-wrapper {
    min-height: 100vh;
}

.AllContentWrapper.on-mobile .render-container-panel.scroll-content.scroll-scrolly_visible,
.AllContentWrapper.on-mobile .scroll-wrapper.render-container-panel {
    height: 101vh !important;
}

.AllContentWrapper .dashboard-wrapper-with-filters{
    padding-top: 43px !important;
}

.AllContentWrapper #dashboard-wrapper {
    width: 100% !important;
    height: 100%;
}

.AllContentWrapper #dashboard-wrapper #body-wrapper {
    padding-bottom: 10px;
}

.AllContentWrapper .breakpoint-MOBILE {
    height: 100%;
    border: 0;
    margin: 0;
}

.AllContentWrapper #body-dashboard-home {
    overflow-y: visible !important;
    overflow-x: clip !important;
    width: 100%;
}

.AllContentWrapper #DashGridComponent {
    margin: 0;
}

.on-mobile #body-wrapper #DashGridComponent:not(.DashboardTheme-NONE) {
    margin: 0;
}

#dashboard-wrapper #body-wrapper {
    margin: 0 !important;
    height: 100%;
}

.div-MOBILE_HORIZONTAL.mobile-frame {
    margin-top: 35px;
    margin-left: auto;
    margin-right: calc(50% - 250px);
    height: 337px;
    padding: 11px 40px 11px 60px;
}

.AllContentWrapper .div-MOBILE_HORIZONTAL {
    height: auto;
}
.AllContentWrapper.on-ios .div-MOBILE_HORIZONTAL {
    height: calc(100vh - 35px);
}

.beta-style-dashgrid {
    margin-right: 10px !important;
    margin-top: -18px !important;
}

.DashGridItem .overlay,
.Table-overlay .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #EEE;
    opacity: 0.35;
    color: #333;
}

.DashGridItem .overlay-container i.fa,
.Table-overlay .overlay-container i.fa {
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Blocks body x scroll while dragging. See: https://github.com/sol7/bi-machine/issues/1234 */
body.DashGridDraggingItem {
    overflow-x: hidden;
}

.alertConfigDashMobile {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FF1A4C;
    opacity: 0.9;
    width: calc(100vw - 24px);
    padding: 12px;
    display: flex;
    align-items: center;
}

.paddingConfigDashMobile {
    text-align: center;
    margin: auto;
    color: #fff;
}

.spamAlertConfigDashMobile {
    font-size: 13px;
    line-height: 15px;
    text-align: center;
}

.spamAlertConfigDashMobilelink {
    margin-left: 5px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-decoration: underline !important;
}

.timesAlertConfigDashMobile {
    font-size: 17px;
    color: #fff;
    padding: 0 5px;
}

.DashGrid .react-grid-layout,
.DashGrid .react-grid-item {
    transition: none;
}

.DashGrid.inEditMode .map-loader {
    z-index: 0;
}

.DashGrid .DashGridItem.Container,
.grid-stack .grid-stack-item.Container {
    /*box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.14);*/
    border-radius: 4px;
    padding: 2px 0;
    border: 1px solid #efefef;
}

.DashGrid .DashGridItem.Container .grid-stack-item-content {
    border-radius: 3px;
}

.grid-stack-item.Container .item-content-container,
.grid-stack-item.Container .item-content-container .infobox,
.grid-stack-item.Container .jqplot-series-shadowCanvas {
    background: #fff;
}

.DashGrid .DashGridItem .itemsize.onLeft {
    left: 0;
    bottom: 0;
    right: unset;
}

.DashGrid .DashGridItem.Container .dashboard-item {
    box-shadow: none;
}

/*select item on dashgrid*/
.DashGrid .DashGridItem.selectedToClone {
    box-shadow: 0 0 0 1px #005dff;
    z-index: 1;
}

.DashGrid .DashGridItem.selectedToClone,
.DashGrid .DashGridItem.selectedToClone .widget-box .widget-body {
    border-color: transparent;
}

.DashGrid .selectedToClone .react-resizable-handle,
.DashGrid .selectedToClone .CustomResizeHandle,
.DashGrid .selected-by-container .react-resizable-handle,
.DashGrid .selected-by-container .CustomResizeHandle {
    visibility: visible;
}

.DashGrid .DashGridItem .ContainerChild .CustomResizeHandle,
.DashGrid .DashGridItem .ContainerChild .react-resizable-handle {
    visibility: collapse;
}

.DashGrid .react-resizable-handle {
    visibility: collapse;
    bottom: -16px;
    right: -16px;
    opacity: 0;
    width: 32px;
    height: 32px;
}

.DashGrid .CustomResizeHandle {
    visibility: collapse;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -7px;
    right: -7px;
    cursor: se-resize;
}

.DashGrid .DashGridItem {
    transition: box-shadow ease-in 0.2s;
}

.DashGrid .DashGridItem .widget-box .widget-body {
    transition: border-color ease-in-out 0.2s;
}

/*ITEM ACTION ON HOVER*/
.DashGrid .DashGridItem:not(.Container) > .grid-stack-item-content .HoverHighlight:not(.DISABLE_CLICK),
.DashGrid .ContainerChild.grid-stack-item-content .HoverHighlight:not(.DISABLE_CLICK) {
    opacity: 1;
    transition: opacity 0.25s linear;
}

.DashGrid .DashGridItem:not(.Container) > .grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK),
.DashGrid .ContainerChild.grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK) {
    opacity: 0.7;
    cursor: pointer;
}

.OnContainerCreation .DashGrid .DashGridItem:not(.Container) > .grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK),
.OnGridCreation .DashGrid .DashGridItem:not(.Container) > .grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK),
.OnContainerCreation .DashGrid .ContainerChild.grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK),
.OnGridCreation .DashGrid .ContainerChild.grid-stack-item-content:hover .HoverHighlight:not(.DISABLE_CLICK) {
    opacity: 1;
    cursor: default;
}

/*Empty Dashboard*/
.BngEmpty.EmptyDashboard-MOBILE-DEVICE {
    position: relative;
    margin: calc(50vh - 220px) 0 !important;
    transform: none;
}

.BngEmpty.EmptyDashboard-DESKTOP {
    top: calc(50vh - 84px);
}

div[class*='EmptyDashboard'] .Container {
    width: 100%;
}

div[class*='EmptyDashboard'] .Image {
    height: 250px;
}

div[class*='EmptyDashboard'] .Message {
    font-weight: 400;
    font-size: 13px;
}

.BngEmpty.EmptyDashboard-DESKTOP .Title {
    padding: 35px 0 20px;
    font-size: 36px;
    line-height: 36px;
}

.BngEmpty.EmptyDashboard-DESKTOP .Message {
    letter-spacing: 0.8px;
    font-size: 22px;
    line-height: 40px;
}

div[class*='EmptyDashboard-MOBILE'] .Image {
    height: 210px;
}

div[class*='EmptyDashboard-MOBILE'] .Title {
    padding: 35px 0 15px;
    font-size: 27px;
    line-height: 27px;
}

div[class*='EmptyDashboard-MOBILE'] .Message {
    letter-spacing: 0.8px;
    font-size: 18px;
    line-height: 25px;
}

/*ajustes posicionamento botões do mapa discover*/
.leaflet-touch.mobile {
    top: 25px !important;
}

.leaflet-left.mobile {
    top: 15px !important;
}

#DashGridComponent .grid-stack-item-content-newmap .menu-mobile {
    top: 1px;
    right: 14px;
}

#DashGridComponent .grid-stack-item-content-newmap.ContainerChild .noData {
    top: 0;
    right: 25px;
}

.DashGrid .grid-stack-item-content-bigtable.DashTheme-black .ag-paging-panel.ag-unselectable,
.DashGrid .grid-stack-item-content-bigtable.DashTheme-corporative .ag-paging-panel.ag-unselectable,
.DashboardTheme-BLACK .ag-paging-panel,
.DashboardTheme-CORPORATIVE .ag-paging-panel {
    color: white;
}

.ImgTransparentBg.grid-stack-item-content.grid-stack-item-content-imageContent {
    background-color: rgba(0, 0, 0, 0) !important;
}

.OnContainerCreation .container-dropdown-menu {
    display: none;
}

.DashboardStructureNotLoadedPage {
    width: calc(100vw - 122px) !important;
}

.BngApp .DashGrid .map-loader {
    height: calc(100% - 24px);
}

.AllContentWrapper #filter-bar-container .filterItemsHolder {
    margin-left: 0;
}

.GridEl > .appleDevicesFix {
    position: sticky;
}

.dashboard-page-break-indicator {
    position: absolute;
    border: 1px dotted #9b9b9b;
    height: 0;
}

.dashboard-page-break-indicator > p {
    font-size: 9px;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 0;
    line-height: 0;
    opacity: 0.7;
}

.dashboard-page-break-indicator > p > span {
    display: inline-block;
    background-color: white;
    height: 10px;
    line-height: 10px;
    padding: 0 5px;
    border: 1px solid #CCC;
    border-radius: 10px;
}

.DashGrid .react-grid-placeholder.hide {
    display: none !important;
}

.CockpitDashboardRender.fromMobileView {
    min-height: 100vh;
}

.CockpitDashboardRender.fromMobileView.filter-top-fixed {
    min-height: calc(100vh - 43px);
}
.IconText.Highlight * {
    color: var(--main-highlight-color) !important;
}
.dashboard-responsive-text .TextLabel {
  line-height: 1em;
}

.dashboard-responsive-text {
  overflow: auto;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1em;
}

.dashboard-responsive-text .inline-block {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}

.dashboard-responsive-text.PositionLEFT .inline-block {
  flex-direction: row-reverse;
}

.dashboard-responsive-text.PositionTOP .inline-block {
  flex-direction: column-reverse;
}

.dashboard-responsive-text.PositionBOTTOM .inline-block {
  flex-direction: column;
}

.dashboard-responsive-text.Alignleft .inline-block {
  justify-content: flex-start;
}

.dashboard-responsive-text.Alignright .inline-block {
  justify-content: flex-end;
}

.dashboard-label-value {
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  line-height: 150%;
}

.text-label-icon {
  font-size: 15px;
}

.form-menu-left {
  float: left;
  margin-top: 14%;
  margin-right: 4px;
  word-wrap: break-word !important;
  max-width: 130px;
}

.form-menu-right {
  float: right;
  margin-top: 14%;
  word-wrap: break-word !important;
  max-width: 130px;
}

.form-menu {
  position: absolute;
  top: 60.5%;
  left: 67%;
  right: 9%;
  word-wrap: break-word !important;
  max-width: 125px;
}

.label-form {
  word-wrap: normal !important;
}

.dashboard-responsive-text .material-icons {
  font-size: unset;
}

.DashGridItem.highlight .dashboard-responsive-text {
  cursor: pointer;
}

.dashboard-responsive-text .TextLabel {
  word-break: break-word;
}

.TextValue {
  max-width: 100%;
  display: flex;
}

.TextValue.boldText {
  font-weight: bold;
}

.TextValue.normalText {
  font-weight: normal !important;
}

.dashboard-responsive-text-container .loading-image-box {
  padding: 0 !important;
}

.dashboard-responsive-text-container .spinner {
  width: 50% !important;
  max-width: 100px;
  height: 50% !important;
  max-height: 100px;
}

.dashboard-responsive-text img {
  object-fit: contain;
  border-radius: 4px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.dash-item-information-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.DashboardItemInformation .LoadingPlaceholder {
    position: absolute;
}
.item-content-container.MapRender .zoom-target-disable,
.item-content-container.MapRender .zoom-target {
    height: 100%;
}

.RenderablePreload {
    width: 100%;
    height: 100%;
}

.RenderablePreload-error {
    position: absolute;
    opacity: 0.8;
}

.RenderablePreload-error > .alert{
    padding-right: 14px;
    margin: 0;
}

.grid-stack-item .widget-box .widget-header,
.grid-stack-item .widget-box .widget-body {
    border-radius: 0;
}

.AnalysisChartRender .AnalysisChartRenderWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.AnalysisChartRender .AnalysisChartRenderWrapper .AnalysisChartRenderChart {
    flex-grow: 1;
    overflow: hidden;
}

.slowElement .RenderablePreloadLoadingPlaceholder {
    display: none;
}

.EditingGridItem .slowElement > div,
.resizing .slowElement > div,
.react-draggable-dragging .slowElement > div {
    display: none;
}

.EditingGridItem .slowElement > .RenderablePreloadLoadingPlaceholder,
.resizing .slowElement > .RenderablePreloadLoadingPlaceholder,
.react-draggable-dragging .slowElement > .RenderablePreloadLoadingPlaceholder {
    display: flex !important;
}
.BngPanel {
    width: 340px;
    box-shadow: inset 0 0 0 0 #B5B5B5, 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #F7F8FA;
}

.BngFlatPanel {
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    background-color: #fff;
}

.BngPanel.WhiteBg {
    background-color: white;
}

.BngPanel .Panel {
    position: relative;
    min-height: 52px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
    line-height: 28px;
    background-color: #FFFFFF;
}

.BngPanel .Header {
    box-shadow: inset 0 -1px 0 0 #E7E8EB;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.BngPanel .Header .Title {
    font-size: 14px;
    font-weight: bold;
}

.BngPanel .Footer {
    box-shadow: inset 0 1px 0 0 #E7E8EB;
}
.BngClickOutsideOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    cursor: default;
}

.BngClickOutsideOverlay.CockpitManagementSettings.Overlay {
    z-index: 100 !important;
    background: none !important;
}

.BngDropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.BngDropdownSeparator {
  white-space: nowrap;
  padding: 5px 16px !important;
  box-shadow: none !important;
  cursor: unset !important;
  background: #fff !important;
}

.bng-dropdown-parent {
  width: 200px;
  z-index: 5;
}

.bng-dropdown,
ul.bng-dropdown {
  display: block;
  margin: 5px 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px;
  border-radius: 4px;
  text-align: left;
  right: 8px;
  z-index: 1;
}

.bng-dropdown li,
.bng-dropdown .item {
  display: flex;
  align-items: center;
  padding: 11px 15px;
  font-weight: 500;
  color: #6e6e6e;
  box-shadow: inset 0 -1px 0 0 #e7e8eb;
  cursor: pointer;
  line-height: 30px;
}

.bng-dropdown-parent.dropdown-links .item,
.bng-dropdown-parent.dropdown-links li {
  padding: 0;
}

.bng-dropdown-parent.dropdown-links .item > a,
.bng-dropdown-parent.dropdown-links li > a {
  padding: 11px 15px;
  width: 100%;
}

.bng-dropdown li button .material-icons {
  margin-right: 5px;
}

.bng-dropdown .item.compact {
  padding: 5px 15px;
}

.bng-dropdown .item.no-border {
  border: none;
}

.bng-dropdown li:last-child,
.bng-dropdown .item:last-child {
  border-bottom: 0;
}

.bng-dropdown li:not(.disabled):hover,
.bng-dropdown .item:not(.disabled):hover {
  background: #efefef;
}

.bng-dropdown li .material-icons,
.bng-dropdown .item .material-icons {
  vertical-align: middle;
}

.bng-dropdown li .Icon,
.bng-dropdown .item .Icon {
  margin-right: 10px;
}

.bng-dropdown hr {
  margin: 0;
}

.bng-dropdown .material-icons {
  font-size: 16px;
  width: 16px;
}

.bng-dropdown li > * {
  margin-right: 8px;
}

.bng-dropdown li > *:last-child {
  margin-right: 0;
}

/*styled options*/

.BngOptions > .bng-dropdown {
  background: unset;
}

.BngOptions > .bng-dropdown li,
.BngOptions > .bng-dropdown .item {
  background: #f7f8fa;
}

.BngOptions > .bng-dropdown li:hover,
.BngOptions > .bng-dropdown .item:hover {
  background: #efefef;
}

.BngOptions > .bng-dropdown li:first-child,
.BngOptions > .bng-dropdown .item:first-child,
.BngOptions > .bng-dropdown li.bng-dropdown-header,
.BngOptions > .bng-dropdown .item.bng-dropdown-header {
  cursor: unset;
  background: #fff;
  border-radius: 4px 4px 0 0;
}

.BngOptions > .bng-dropdown li:last-child,
.BngOptions > .bng-dropdown .item:last-child {
  border-radius: 0 0 4px 4px;
}

.bng-dropdown .GroupOption:not(.GroupFirst, .GroupLast) {
  padding-top: 6px;
  padding-bottom: 6px;
}

.bng-dropdown .GroupOption.GroupFirst {
  padding-bottom: 6px;
}

.bng-dropdown .GroupOption.GroupLast {
  padding-top: 6px;
}

.BngDropdown-OVERDIALOG {
  z-index: 321052 !important;
}

.BngDropdown-OVERDIALOGOverlay.BngClickOutsideOverlay {
  z-index: 321051 !important;
}

.bng-dropdown > li.disabled {
  cursor: not-allowed;
  opacity: 0.8;
}

.BngDropdownPopperArrow {
  background: #fff;
  display: block;
  height: 16px;
  position: absolute;
  transform: rotate(45deg);
  width: 16px;
}
.BngInputColor {
    display: inline-flex;
    position: relative;
    align-items: center;
}

.BngInputColorList {
    display: flex;
    gap: 10px;
    cursor: default;
    justify-content: space-between;
}

.BngInputColorList > .ColorContainer {
    height: 40px;
    width: 34px;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
}

.BngInputColor.Disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.BngInputColor.xxs .ColorCircle {
    width: 8px !important;
    height: 8px !important;
}

.BngInputColor.xs .ColorCircle {
    width: 12px !important;
    height: 12px !important;
}

.BngInputColor.sm .ColorCircle {
    width: 18px !important;
    height: 18px !important;
}

.BngInputColor.md .ColorCircle {
    width: 24px !important;
    height: 24px !important;
}

.ColorCircle,
.chrome-picker > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div {
    height: 32px !important;
    width: 32px !important;
    border: 2px solid rgba(0, 0, 0, 0.11) !important;
    border-radius: 100% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}

.ColorCircle:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.BngInputColor.Disabled .ColorCircle:hover {
    opacity: initial;
    transform: initial;
}

.ColorCircle.Selected {
    transform: scale(1.25);
    border: 4px solid rgba(0, 0, 0, 0.25) !important;
    height: 28px !important;
    width: 28px !important;
}

.ColorCircle .material-icons {
    font-size: 36px;
    transform: scale(0.6);
    color: #979797;
}

.BngField .ColorCircle {
    width: 28px !important;
    height: 28px !important;
}

.BngInputColorPopper {
    width: auto;
    display: flex;
    z-index: 322001;
}

.BngInputColorPopperOverlay {
    z-index: 322000;
}

.BngInputColorPopper .BngPanel {
    width: 324px;
    height: 344px;
    display: inline-block;
}

.BngInputColorPopper .Content {
    padding: 20px 20px 0 20px;
    height: 272px;
}

.BngInputColorPopper .Content > .ColorContainer {
    cursor: pointer;
    width: 20%;
    display: inline-flex;
    justify-content: center;
    height: 60px;
}

.BngInputColorPopper .PickerPanel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 52px);
}

.BngInputColorPopper .PickerPanel > div {
    width: 281px;
    height: 263px;
    position: relative;
}

.chrome-picker {
    width: 280px !important;
    box-shadow: none !important;
    font-family: unset !important;
}

.chrome-picker > div:first-child {
    height: 182px !important;
    padding: 0 !important;
    width: 280px !important;
    border: 1px solid #E7E8EB !important;
    border-radius: 4px !important;
}

.chrome-picker > div:nth-child(2) > div:nth-child(2) > div.flexbox-fix > div > div > span,
.chrome-picker > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
    display: none !important;
}

.chrome-picker > div:nth-child(2) {
    padding: 0 !important;
    height: 15px !important;
    margin: 8px 0;
}

.chrome-picker > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    margin: 0 !important;
}

.chrome-picker > div:nth-child(2) > div:nth-child(1) {
    height: 15px !important;
}

.chrome-picker .hue-horizontal {
    height: 15px !important;
    width: 280px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
}

.chrome-picker > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div > div > div {
    height: 9px !important;
    width: 9px !important;
    border: 1px solid #E7E8EB !important;
    border-radius: 100% !important;
    background-color: #fff !important;
    margin-top: 3px;
}

.chrome-picker > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    position: absolute;
    bottom: 8px;
    left: 8px;
    height: 33px;
}


.chrome-picker > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div > div {
    box-shadow: none !important;
    border: 2px solid rgba(0, 0, 0, 0.11) !important;
    border-radius: 100% !important;
}

.chrome-picker > div:nth-child(2) > div:nth-child(2) {
    padding-top: 8px !important;
}

.chrome-picker > div:nth-child(2) > div:nth-child(2) > div.flexbox-fix > div > div > input {
    margin-left: 0 !important;
    height: 48px !important;
    border: 1px solid #E7E8EB !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #292C31 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    text-align: left !important;
    padding-left: 50px;
    box-shadow: none !important;
}

.BngInputColorPopper .Actions {
    position: absolute;
    top: 5px;
    right: 15px;
    left: 15px;
}

.BngInputColorDrop.asList {
    width: 100%;
}
.map-loader {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-loader.map-error,
.map-loader.updating {
    background-color: transparent;
}

.map-loader.updating .load-icon {
    position: absolute;
    color: #333;
    top: 5px;
    right: 5px;
}

.map-loader.updating .legacy-map {
    opacity: 0.2;
}

.leaflet-control-attribution {
    display: none;
}

.legacy-map,
.legacy-map * {
    z-index: 1;
}

.legacy-map .map-container {
    width: 100%;
}

.map-loader .alert {
    padding: 15px;
    margin: 0;
}

.map-loader .alert .span6 {
    line-height: 30px;
}

.leaflet-popup-content-wrapper {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 2px;
}
.leaflet-popup-content {
    width: auto !important;
}
.leaflet-popup-content-wrapper img {
    max-width: none;
}

.map,
.map-container {
    text-align: initial;
}

.leaflet-div-icon {
    border: none;
    background-color: transparent;
}

.bounce {
    animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.LeafletMap {
    position: relative;
}

.LeafletMap .MapControls {
    position: absolute;
    top: 10px;
    left: 44px;
}

.LeafletMap .MapControls .leaflet-bar a {
    cursor: pointer;
}

.leaflet-touch .leaflet-bar a{
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.LeafletMap .MapControls .icon {
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
}

.LeafletMapTitleContainer {
    font-size: 11px;
}

.LeafletMapTitleContainer .table td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.map-legend {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-height: 120px;
    overflow-y: hidden;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, .35);
    transition: max-height ease-in-out 0.3s;
}

.map-legend.export {
    max-height: 999px;
}

.map-legend table {
    width: 100%;
}

.map-legend.closed {
    max-height: 27px;
}

.map-legend.opened {
    max-height: 126px;
}

.map-legend div.legendArrow {
    display: flex;
}

.map-legend span.legendButtonLabel {
    line-height: 24px;
    margin-left: 4px;
}

.map-legend i#total-displayed-markers {
    font-style: normal;
}

.tdLegendMap .checkbox {
    padding: 0;
}

.tdLegendMap {
    font-size: 12px;
    border-bottom: 1px solid #d2d2d2;
}

tr:last-child .tdLegendMap {
    border-bottom: none;
}

.tdLegendMapHeader {
    font-size: 12px;
    padding: 0 7px;
    letter-spacing: .2px;
    font-weight: 500;
}

.legendMapTotal {
    float: right;
    text-align: right;
    line-height: 28px;
    color: #444;
    line-height: 13px;
}

i.material-icons.view-in-map {
    position: absolute;
    margin-top: -10px;
    font-size: 18px;
}

i.material-icons.view-in-map.view-in-map-disabled {
    color: #b1b1b1;
}

.ReactVirtualized__Table__row.tdLegendMap {
    background: #fff;
    border-style: inset;
}

.ReactVirtualized__Table__row.tdLegendMap {
    background: rgba(255, 255, 255, 0.7);;
    border-style: inset;
    border-top: 1px solid #e4e4e4;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    outline: 0;
}

.legendMapFilterPoints {
    font-weight: 400;
}
.Kpi-render-item {
    font-family: "Roboto" !important;
    display: flex;
    align-items: center;
    text-align: center;
    width: 96%;
    height: 100%;
    overflow: unset !important;
    margin-left: 2%;
    margin-right: 2%;
    justify-content: center;
}

.NewKpiRender {
    overflow: hidden !important;
    display: flex;
    align-items: center;
}

.Kpi-render-item table {
    max-width: unset !important;
}


.KpiBody {
    display: grid !important;
    grid-template-columns: auto auto;
    grid-gap: 0;
}

.KpiType-PIZZA .KpiBody,
.KpiType-DEFAULT .KpiBody {
    grid-gap: 2%;
}

.kpi-left .KpiBody {
    display: flex !important;
}

.Kpi-render-item > div {
    width: 100%;
}

.KpiType-SQUARE.Kpi-render-item,
.KpiType-SQUAREPERCENT.Kpi-render-item {
    margin: 0 !important;
    width: 100% !important;
}

.KpiBody.Qplot .KpiInternalBody > *:first-child {
    margin: auto 10px auto auto;
}

.Kpi-render-item .kpi-default-image {
    border-radius: 100%;
    width: 100%;
    height: inherit;
    box-sizing: border-box;
}

.Kpi-render-item .kpi-default-avatar {
    border-radius: 100%;
    width: 100%;
    box-sizing: border-box;
}

.Kpi-render-item .kpititle {
    white-space: nowrap;
}

.KpiRightFragment {
    height: auto;
}

.kpi-body-values {
    width: 100%;
}


.kpi-left .KpiJustGauge svg,
.kpi-left .KpiJustGauge .KpiGrowth {
    width: 100% !important;
}


.KpiType-PIZZAPERCENT .percentage {
    display: flex;
    align-items: center;
    justify-content: center;
}


.kpi-left .kpi-percent,
.kpi-left .KpiGrowth {
    padding-left: 0 !important;
}


.Kpi-render-item.kpi-left > div > table {
    margin-left: 0 !important;
}

.Kpi-render-item.kpi-left .KpiJustGauge svg {
    padding-left: 0 !important;
}

.Kpi-render-item.kpi-left {
    margin-left: 2%;
    justify-content: unset;
}


.Kpi-render-item.kpi-left div[class^="KpiBody"] {
    margin: 0 !important;
    padding: 0 !important;
}

.KpiType-PIZZA .KpiInternalBody {
    text-align: right;
}

.td-pizza-percent {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.Kpi-render-item .kpititle,
.Kpi-render-item .kpidescription {
    font-weight: bold !important;
}


.kpiSquareTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #f2f2f2;
    margin-left: 3%;
    margin-right: 3%;
}

.kpiSquareValue {
    text-align: center;
    font-weight: 500;
    margin-left: 3%;
    white-space: nowrap;
    margin-right: 3%;
}

.tr-target-square {
    position: absolute;
    border: 0;
    height: 1px;
    border-top: 2px solid rgb(255, 255, 255);
    margin-bottom: 0;
    top: 60%;
    left: 42.5%;
    white-space: nowrap;
}

.div-indicator-square {
    border-right: 2px solid #ffffff;
    vertical-align: inherit;
    text-align: center;
}

.square-target-text {
    color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.square-bands-indicator {
    float: left;
    border-right: 2px solid #ffffff;
    vertical-align: inherit;
    text-align: center;
    white-space: nowrap;
}

.kpiSquareTitle.target {
    position: absolute;
    top: 5%;
}

.kpiSquareTitle.targetdescription {
    position: absolute;
    top: 22%;
}
.kpiSquareTitle.notarget,
.kpiSquareValue.notarget{
    margin-left: 4% !important;
    margin-right: 4% !important;
}



.table-square-bands {
    color: #f2f2f2;
    font-weight: bold;
    white-space: nowrap;
    line-height: 0;
}

.indicator-round {
    color: #f2f2f2;
    box-shadow: 0 0 0px 2px #eee;
    border-radius: 100%;
}

.table-square-bands .icon-chevron-left,
.table-square-bands .icon-chevron-right {
    margin-left: 6px;
    margin-right: 6px;
}
.kpi-left .KpiBandsTable {
    margin: 0;
}

.KpiBandsTable {
    margin: auto;
}

.KpiBandsTable tr {
    white-space: nowrap;
}

.KpiBandsTable .KpiBandColor .Icon {
    font-size: 17px;
}

.KpiBandsTable .KpiBandNext {
    font-size: 7px;
}

.KpiBandsTable .KpiBandsValue {
    font-size: 11px;
}
.KpiGrowth {
    text-align: center;
    margin-left: auto;
}

.KpiGrowth .kpi-comp-val-container {
    font-size: 1em;
    line-height: 1em;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.KpiGrowth .kpi-comp-val-container i {
    font-size: 1.2em;
    margin-left: 5px;
}

.KpiGrowth .kpi-comp-val-container.red > span {
    color: #f83a22 !important;
}

.KpiGrowth .kpi-comp-val-container.green > span {
    color: #16a765 !important;
}
.kpilabelspan {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
}

.kpititle,
.kpidescription {
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.kpi-left .KpiRightFragment {
    text-overflow: unset !important;
    overflow: unset !important;
}


.KpiValueSpan {
    font-weight: bold !important;
}

.KpiRightFragment {
    display: flex;
    align-items: center;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap !important;
}



.AnalysisECharts {
  height: 100%;
}

.BubbleChart,
.BubbleChart div {
  width: 100% !important;
  height: 100% !important;
  cursor: default !important;
}
.TreeMap,
.TreeMap div {
  width: 100% !important;
  height: 100% !important;
  cursor: default;
}

.BngMaskedField.invalidValue {
  color: #d16e6c !important;
}

.UiBlocker.Loading .BngEmpty {
    visibility: hidden;
}
.BngEmpty {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    margin: 0;
}

.BngEmpty .Container {
    display: inline-block;
    width: 250px;
}

.BngEmpty .Image {
    height: 100px;
}

.BngEmpty .Title {
    padding: 16px 0 8px 0;
    font-size: 16px;
    color: #292C31;
    font-weight: bold;
    letter-spacing: 0.5px;
    word-break: normal;
}

.BngEmpty .Message {
    line-height: 16px;
    word-break: normal;
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}
.tippy-box[data-theme~="bim"] {
  background-color: #393e42 !important;
  box-shadow: 0 0 2px 0 #333 !important;
  font-size: 13px !important;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.tippy-box[data-theme~="bim"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #393e42 !important;
}

.tippy-box[data-theme~="bim"][data-placement^="bottom"] > .tippy-arrow::before {
  border-bottom-color: #393e42 !important;
}

.tippy-box[data-theme~="bim"][data-placement^="left"] > .tippy-arrow::before {
  border-left-color: #393e42 !important;
}

.tippy-box[data-theme~="bim"][data-placement^="right"] > .tippy-arrow::before {
  border-right-color: #393e42 !important;
}

/*# sourceMappingURL=bundle-285b6273f14e1b590b74.css.map*/