/***** Created on : 27/06/2016, 22:41:29    Author     : Demerval ALmeida ******/

 /* *********  tabs  **************************** */

 ul.bar_tabs {
     /* border: 1px solid #ff0000; */
     overflow: visible;
     background: #F5F7FA;
     height: 18px;
     margin: 21px 0 14px;
     padding-left: 14px;
     position: relative;
     z-index: 1;
     width: 100%;
     border-bottom: 1px solid #E6E9ED;
 }

 ul.bar_tabs>li {
     border: 1px solid #E6E9ED;
     color: #333 !important;
     margin-top: -17px;
     margin-left: 8px;
     background: #fff;
     border-bottom: none;
     border-radius: 4px 4px 0 0;
 }

 ul.bar_tabs>li.active {
     border-right: 4px solid #D3D6DA;
     border-top: 0;
     margin-top: -15px;
 }

 ul.bar_tabs>li.active a {
     background: #9eb1bb;
     /* background: #00BCD4; */

     border-color: transparent;
 }

 ul.bar_tabs>li a {
     padding: 10px 17px;
     background: #F5F7FA;
     margin: 0;
     border-radius: 0;
 }

 ul.bar_tabs.right {
     padding-right: 14px;
 }

 ul.bar_tabs.right li {
     float: right
 }

 a:focus {
     outline: none;
 }

 /* *********  /tabs/  **************************** */

 /* ************** /dashborder-widget */

 .dashboard-widget {
     /*min-width: 400px;*/
     /*height: 233px;*/
     margin-bottom: 5px;
     /*margin-right: 8px !important;*/
     /*display: inline-block;*/
     vertical-align: top;
     min-height: 233px;
     background-color: #fff;
     box-shadow: 2px 2px 0 #e6e6e6;
     border: 1px solid #fff;
     position: relative;
 }

 .widgetHeader,
 .widgetHeaderNoCursor {
     display: block;
     padding-top: 3px;
     padding-bottom: 3px;
     border-bottom-color: #e6e6e6;
     border-bottom-width: 1px;
     border-bottom-style: solid;
 }

 .widgetBody {
     padding: 2px 0;
 }

 .widgetLabel {
     margin-left: 0;
     width: 100%;
     display: inline-block;
     text-align: left;
     vertical-align: top;
     padding-right: 8px;
     padding-left: 8px;
 }

 .f-txt-ovrflow {
     -ms-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .widgetTitle {
     font-size: 18px;
     color: #505050 !important;
     font-weight: 600;
     line-height: 24px;
     width: 80%;
 }

 .widgetHeader h2 {
     font-size: 18px;
     line-height: normal;
     letter-spacing: normal;
 }

 .db-wdgt-actn-icn {
     display: inline;
     padding-left: 20px;
     max-width: 42px;
     min-height: 32px;
     text-align: center;
 }

 .db-wdgt-actn-lst {
     display: inline-block;
     padding-left: 8px;
     padding-right: 24px;
     text-align: left;
     max-width: 250px;
 }

 .db-wdgt-lst-itm {
     height: 32px;
     padding-top: 6px;
     padding-bottom: 6px;
     cursor: pointer;
     margin-left: 5px;
     font-size: 15px;
 }

 /* *********  /x_panel  **************************** */
 .x_panel {
     position: relative;
     width: 100%;
     margin-bottom: 10px;
     padding: 10px 10px;
     display: inline-block;
     background: #fff;
     border: 1px solid #E6E9ED;
     -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
     column-break-inside: avoid;
     opacity: 1;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;
     -webkit-transition: all .2s ease;
     -ms-transition: all .2s ease;
     transition: all .2s ease;
 }


 .x_title {
     border-bottom: 2px solid #E6E9ED;
     padding: 1px 4px 5px;
     margin-bottom: 8px;
 }

 .x_title .filter {
     width: 40%;
     float: right;
 }

 .x_title h2 {
     margin: 5px 0 6px;
     float: left;
     display: block;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .x_title h3 {
     margin: 5px 0 6px;
     float: left;
     display: block;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .x_title h4 {
     margin: 5px 0 6px;
     float: left;
     display: block;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .x_title h2 small {
     margin-left: 10px;
 }

 .x_title span {
     color: #BDBDBD;
 }

 .x_content {
     padding: 0 5px 6px;
     position: relative;
     width: 100%;
     float: left;
     clear: both;
     margin-top: 5px;
 }

 .x_content h4 {
     font-size: 16px;
     font-weight: 500;
 }

 legend {
     padding-bottom: 7px;
 }

 .modal-title {
     margin: 0;
     line-height: 1.42857143;
 }

 .fixed_height_320 {
     height: 320px;
 }

 .fixed_height_390 {
     height: 390px;
 }

 .fixed_height_200 {
     height: 200px;
 }

 .fixed_height_160 {
     height: 160px;
 }

 .fixed_height_120 {
     height: 120px;
 }


 .navbar-right {
     margin-right: 0;
 }

 .top_nav .navbar-right {
     margin: 0;
     width: 70%;
     float: right;
 }

 .top_nav .navbar-right li {
     display: inline-block;
     float: right;
     position: static;
 }

 .panel_toolbox {
     float: right;
     min-width: 70px;
 }

 .panel_toolbox>li {
     float: left;
     cursor: pointer;
 }

 .panel_toolbox>li>a {
     padding: 5px;
     color: #C5C7CB;
     font-size: 14px;
 }

 .panel_toolbox>li>a:hover {
     background: #F5F7FA;
 }

 .widget {
     min-width: 250px;
     max-width: 310px;
 }

 .widget_tally_box .btn-group button {
     text-align: center
 }

 .widget_tally_box .btn-group button {
     color: inherit;
     font-weight: 500;
     background-color: #f5f5f5;
     border: 1px solid #e7e7e7;
 }

 ul.widget_tally,
 ul.widget_tally li {
     width: 100%;
 }

 ul.widget_tally li {
     padding: 2px 10px;
     border-bottom: 1px solid #ECECEC;
     padding-bottom: 4px;
 }

 ul.widget_tally .month {
     width: 70%;
     float: left;
 }

 ul.widget_tally .count {
     width: 30%;
     float: left;
     text-align: right
 }

 .btn-circle {
     width: 30px;
     height: 30px;
     padding: 6px 0;
     border-radius: 15px;
     text-align: center;
     font-size: 12px;
     line-height: 1.428571429;
 }

 /*############## BOXES ##################*/

 .white-box .box-title {
     margin: 0 0 12px;
     font-weight: 500;
     text-transform: none;
     font-size: 12px;

 }

 .white-box {
     background: #fff;
     padding: 25px;
     margin-bottom: 15px;
 }

 /*progress bar */
 .progress.progress-lg {
     height: 20px !important;
 }

 .spinner {
     width: 100px;
 }

 .spinner input {
     text-align: right;
 }

 .input-group-btn-vertical {
     position: relative;
     white-space: nowrap;
     width: 1%;
     vertical-align: middle;
     display: table-cell;
 }

 .input-group-btn-vertical>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
     padding: 8px;
     margin-left: -1px;
     position: relative;
     border-radius: 0;
 }

 .input-group-btn-vertical>.btn:first-child {
     border-top-right-radius: 4px;
 }

 .input-group-btn-vertical>.btn:last-child {
     margin-top: -2px;
     border-bottom-right-radius: 4px;
 }

 .input-group-btn-vertical i {
     position: absolute;
     top: 0;
     left: 4px;
 }

 .legend {
     font-size: 11px;
 }

 .legend .box-icon {
     display: inline-block;
     margin-top: 6px;
     margin-right: 14px;
 }

 .detail-title {
     left: 10px;
     right: 50px;
     display: block;
     font-family: open sans, sans-serif;
     font-size: 28px;
     font-weight: 300;
     padding: 5px
 }

 .extra-informations {
     background: #e7e7e7;
     margin-top: -6px;
     font-size: 12px;
     min-height: 14px;
     padding: 10px;
     font-weight: 600;
 }

 .underscored {
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 5px;
     padding-bottom: 5px;
     min-height: 25px;
     color: #696b70;
     font-size: 14px;
     font-family: open sans, sans-serif;
 }

 .charge-detail .information-label {
     font-family: Arial, sans-serif;
     padding-right: 5px;
     font-weight: 400;
     display: inline-block;
 }

 .charge-detail .information {
     border-bottom: 1px solid #ECECEC
 }


 .bg-steelblue-1,
 .bg-steelblue-2,
 .bg-steelblue-3,
 .bg-steelblue-4,
 .bg-steelblue-5,
 .bg-steelblue-6,
 .bg-flat-wet-asphalt,
 .bg-flat-concrete,
 .bg-bluestone {
     color: #fff !important;
 }

 /* ---------------NEW COLORS BACKGROUNDS ------------------*/
 .bg-white {
     background-color: #FFFFFF !important;
 }

 .bg-steelblue-1 {
     background-color: #67AFCB !important;
 }

 .bg-steelblue-2 {
     background-color: #347B98 !important;
 }

 .bg-steelblue-3 {
     background-color: #1A3E4C !important;
 }

 .bg-steelblue-4 {
     background-color: #092834 !important;
 }

 .bg-steelblue-5 {
     background-color: #395A7A !important;
 }

 .bg-steelblue-6 {
     background-color: #6886a3 !important;
 }

 .bg-flat-wet-asphalt {
     background-color: #34495E !important;
 }

 .bg-flat-concrete {
     background-color: #95A5A6 !important;
 }

 .bg-bluestone {
     background-color: #577284 !important;
 }

 .bg-blue-monocromatic-d1 {
     color: #bae8ff !important;
     background-color: #044C62 !important
 }

 .w3-theme-l5 {
     color: #000 !important;
     background-color: #f5f7f8 !important
 }

 .w3-theme-l4 {
     color: #000 !important;
     background-color: #dfe5e8 !important
 }

 .w3-theme-l3 {
     color: #000 !important;
     background-color: #becbd2 !important
 }

 .w3-theme-l2 {
     color: #000 !important;
     background-color: #9eb1bb !important
 }

 .w3-theme-l1 {
     color: #fff !important;
     background-color: #7d97a5 !important
 }

 .w3-theme-d1 {
     color: #fff !important;
     background-color: #57707d !important
 }

 .w3-theme-d2 {
     color: #fff !important;
     background-color: #4d636f !important
 }

 .w3-theme-d3 {
     color: #fff !important;
     background-color: #435761 !important
 }

 .w3-theme-d4 {
     color: #fff !important;
     background-color: #3a4b53 !important
 }

 .w3-theme-d5 {
     color: #fff !important;
     background-color: #303e45 !important
 }

 .w3-flat-asbestos {
     color: #fff !important;
     background-color: #7F8C8D !important
 }

 .w3-theme-light {
     color: #000 !important;
     background-color: #f5f7f8 !important
 }

 .w3-theme-dark {
     color: #fff !important;
     background-color: #303e45 !important
 }

 .w3-theme-action {
     color: #fff !important;
     background-color: #303e45 !important
 }

 .w3-theme {
     color: #fff !important;
     background-color: #607d8b !important
 }

 .w3-flat-midnight-blue {
     color: #fff !important;
     background-color: #2C3E50 !important
 }

 .w3-theme-white {
     color: #000 !important;
     background-color: #FFFFFF !important
 }

 .w3-theme-blue-gray {
     color: #FFFFFF !important;
     background-color: #607D8B !important
 }

 .w3-win8-steel {
     color: #FFFFFF !important;
     background-color: #647687 !important
 }

 .w3-theme-aqua-1 {
     color: #fff !important;
     background-color: #00BCD4 !important
 }

 .w3-theme-red-1 {
     color: #fff !important;
     background-color: #FF5252 !important
 }

 .w3-text-theme {
     color: #607d8b !important
 }

 .w3-border-theme {
     border-color: #607d8b !important
 }

 .w3-hover-theme:hover {
     color: #fff !important;
     background-color: #607d8b !important
 }

 .w3-hover-text-theme:hover {
     color: #607d8b !important
 }

 .w3-hover-border-theme:hover {
     border-color: #607d8b !important
 }


 /* ---------------NEW COLORS TEXT ------------------*/
 .text-gray-darken-3 {
     color: #73879C !important
 }

 .text-gray-blue-1 {
     color: #8695AB !important
 }

 .text-bold {
     font-weight: bold
 }

 /* --------------- PAINEL ------------------*/
 .tile_count {
     margin-bottom: 20px;
     margin-top: 20px;
 }

 .tile_count div:first-child .left {
     border: 0;
 }

 .tile_count .tile_stats_count {
     border-left: 0px solid #333;
     padding: 0;
 }

 .tile_stats_count .left {
     width: 15%;
     float: left;
     height: 65px;
     border-left: 2px solid #ADB2B5;
     margin-top: 10px;
 }

 .tile_stats_count .right {
     padding-left: 10px;
     height: 100%;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .tile_stats_count .right span {
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .tile_stats_count .count {
     font-size: 40px;
     line-height: 47px;
     font-weight: 600;
 }

 .tile_stats_count .count-medio {
     font-size: 28px;
     line-height: 47px;
     font-weight: 600;
 }

 .tile_stats_count .count small {
     font-size: 20px;
     line-height: 20px;
     font-weight: 600;
 }

 .count_bottom i {
     width: 12px;
 }

 /*cores de textos*/

 .text-blue-dark4 {
     color: #52708e !important;
 }

 .text-blue-dark5 {
     color: #344f71 !important;
 }

 .box .nav-stacked-noborder>li {
     border-bottom: none;
     margin: 0;
 }

 .link-filter {
     margin-top: 3px;
     background: #e7e7e7;
     border-radius: 3px;
     display: block;
     padding: 0 8px;
     padding-right: 8px;
     padding-right: 2px;
     height: 24px;
     margin-right: 10px;
 }

 .filter-layout .dropover-filter .link-filter .label-edit {
     line-height: 25px;
     width: calc(100% - 20px);
     color: #58585a;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     display: inline-block;
     font-size: 13px;
 }

 .filter-layout .dropover-filter .link-filter .filter-icon {
     display: inline-block;
     line-height: 27px;
     vertical-align: top;
 }

 .card {
     margin-bottom: 20px;
 }

 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 0 solid transparent;
     border-radius: 8px;
 }

 .card-body {
     flex: 1 1 auto;
     padding: 1.25rem;
 }

 .select {
     -webkit-appearance: none;
     /* Remove estilo padrão do Chrome */
     -moz-appearance: none;
     /* Remove estilo padrão do FireFox */
     appearance: none;
     /* Remove estilo padrão do FireFox*/
     background: #FFFFFF;
     /* Imagem de fundo (Seta) */
     /*   background-position: 218px center;  Posição da imagem do background*/
     width: auto;
     /* Tamanho do select, maior que o tamanho da div "div-select" */
     height: 30px;
     /* Altura do select, importante para que tenha a mesma altura em todo os navegadores
    /* border:1px solid #AAAAAA; */
 }


 .table-hover>tbody>tr:hover {
     background-color: #7fd6cb;
     font-weight: bold;
     color: #000000;
     font-weight: bold;
 }


 .painel-pequeno {
     background: #fff;
     font-size: 14px;
     padding: 15px 0 10px;
     margin-left: 14px;
     border-radius: 5px;
     width: 250px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15), 0 0 5px 0 rgba(120, 144, 156, .2) !important;
     cursor: pointer;
 }

 .painel-pequeno div span {
     width: 100%;
     text-align: center;
 }

 .painel-pequeno div span:nth-child(2) {
     font-size: 20px;
     font-weight: 700;
     color: #4a90e2;
 }

 .linha-section {
     display: flex;
     width: 100%;
     padding: 15px 0 0;
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
     max-width: 1309px;
     margin: 0 auto;
 }

 .box-shadow {
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15), 0 0 5px 0 rgba(120, 144, 156, .2) !important;
 }

 .bg-light-blue {
     background-color: #3c8dbc !important;
 }

 .xxxbox-header h3 {
     color: #73879C !important
 }

 .mt-1 {
     margin-top: .25rem
 }

 .mr-1 {
     margin-right: .25rem
 }

 .mt-2 {
     margin-top: .5rem
 }

.mt-3 {
     margin-top: .75rem
 }

 .mr-2 {
     margin-right: .5rem
 }

 .mb-2 {
     margin-bottom: .5rem
 }

 .mb-3 {
     margin-bottom: .75rem
 }
 .ml-2 {
     margin-left: .5rem
 }

 .mr-3 {
     margin-right: .75rem
 }

 .ml-3 {
     margin-left: .75rem
 }

 .mt-4 {
     margin-top: 1rem
 }

 .mr-4 {
     margin-right: 1rem
 }

 .mb-4 {
     margin-bottom: 1rem
 }

 .ml-4 {
     margin-left: 1rem
 }

 .mr-5 {
     margin-right: 1.25rem
 }

 .mt-6 {
     margin-top: 1.5rem
 }

 .mr-6 {
     margin-right: 1.5rem
 }

 .mb-6 {
     margin-bottom: 1.5rem
 }

 .ml-6 {
     margin-left: 1.5rem
 }

 .mt-8 {
     margin-top: 2rem
 }

 .mb-8 {
     margin-bottom: 2rem
 }

 .mt-16 {
     margin-top: 4rem
 }

 .bg-slate-50 {
     background-color: #f8fafc;
     color: #000000;
 }

 .bg-slate-100 {
     background-color: #f1f5f9;
     color: #000000;
 }

 .bg-slate-200 {
     background-color: #e2e8f0;
     color: #000000;
 }

 .bg-slate-300 {
     background-color: #cbd5e1;
     color: #000000;
 }

 .bg-slate-400 {
     background-color: #94a3b8;
     color: #000000;
 }

 .bg-slate-500 {
     background-color: #64748b;
     color: #f8fafc;
 }

 .bg-slate-600 {
     background-color: #475569;
     color: #f8fafc;
 }

 .bg-slate-700 {
     background-color: #334155;
     color: #f8fafc;
 }

 .bg-slate-800 {
     background-color: #1e293b;
     color: #f8fafc;
 }

 .bg-slate-900 {
     background-color: #0f172a;
     color: #f8fafc;
 }

 .bg-slate-950 {
     background-color: #020617;
     color: #f8fafc;
 }

 .bg-gray-50 {
     background-color: #f9fafb;
     color: #030712
 }

 .bg-gray-100 {
     background-color: #f3f4f6;
     color: #030712
 }

 .bg-gray-200 {
     background-color: #e5e7eb;
     color: #030712
 }

 .bg-gray-300 {
     background-color: #d1d5db;
     color: #030712
 }

 .bg-gray-400 {
     background-color: #9ca3af;
     color: #030712
 }

 .bg-gray-500 {
     background-color: #6b7280;
     color: #f9fafb
 }

 .bg-gray-600 {
     background-color: #4b5563;
     color: #f9fafb
 }

 .bg-gray-700 {
     background-color: #374151;
     color: #f9fafb
 }

 .bg-gray-800 {
     background-color: #1f2937;
     color: #f9fafb
 }

 .bg-gray-900 {
     background-color: #111827;
     color: #f9fafb
 }

 .bg-gray-950 {
     background-color: #030712;
     color: #f9fafb
 }

 .bg-zinc-50 {
     background-color: #fafafa;
     color: #09090b
 }

 .bg-zinc-100 {
     background-color: #f4f4f5;
     color: #09090b
 }

 .bg-zinc-200 {
     background-color: #e4e4e7;
     color: #09090b
 }

 .bg-zinc-300 {
     background-color: #d4d4d8;
     color: #09090b
 }

 .bg-zinc-400 {
     background-color: #a1a1aa;
     color: #09090b
 }

 .bg-zinc-500 {
     background-color: #71717a;
     color: #fafafa
 }

 .bg-zinc-600 {
     background-color: #52525b;
     color: #fafafa
 }

 .bg-zinc-700 {
     background-color: #3f3f46;
     color: #fafafa
 }

 .bg-zinc-800 {
     background-color: #27272a;
     color: #fafafa
 }

 .bg-zinc-900 {
     background-color: #18181b;
     color: #fafafa
 }

 .bg-zinc-950 {
     background-color: #09090b;
     color: #fafafa
 }

 .bg-stone-50 {
     background-color: #fafaf9;
     color: #0c0a09;
 }

 .bg-stone-100 {
     background-color: #f5f5f4;
     color: #0c0a09;
 }

 .bg-stone-200 {
     background-color: #e7e5e4;
     color: #0c0a09;
 }

 .bg-stone-300 {
     background-color: #d6d3d1;
     color: #0c0a09;
 }

 .bg-stone-400 {
     background-color: #a8a29e;
     color: #0c0a09;
 }

 .bg-stone-500 {
     background-color: #78716c;
     color: #fafaf9;
 }

 .bg-stone-600 {
     background-color: #57534e;
     color: #fafaf9;
 }

 .bg-stone-700 {
     background-color: #44403c;
     color: #fafaf9;
 }

 .bg-stone-800 {
     background-color: #292524;
     color: #fafaf9;
 }

 .bg-stone-900 {
     background-color: #1c1917;
     color: #fafaf9;
 }

 .bg-stone-950 {
     background-color: #0c0a09;
     color: #fafaf9;
 }

 .bg-red-50 {
     background-color: #fef2f2;
     color: #450a0a;
 }

 .bg-red-100 {
     background-color: #fee2e2;
     color: #450a0a;
 }

 .bg-red-200 {
     background-color: #fecaca;
     color: #450a0a;
 }

 .bg-red-300 {
     background-color: #fca5a5;
     color: #450a0a;
 }

 .bg-red-400 {
     background-color: #f87171;
     color: #450a0a;
 }

 .bg-red-500 {
     background-color: #ef4444;
     color: #fef2f2;
 }

 .bg-red-600 {
     background-color: #dc2626;
     color: #fef2f2;
 }

 .bg-red-700 {
     background-color: #b91c1c;
     color: #fef2f2;
 }

 .bg-red-800 {
     background-color: #991b1b;
     color: #fef2f2;
 }

 .bg-red-900 {
     background-color: #7f1d1d;
     color: #fef2f2;
 }

 .bg-red-950 {
     background-color: #450a0a;
     color: #fef2f2;
 }

 .bg-rose-50 {
     background-color: #fff1f2;
     color: #4c0519
 }

 .bg-rose-100 {
     background-color: #ffe4e6;
     color: #4c0519
 }

 .bg-rose-200 {
     background-color: #fecdd3;
     color: #4c0519
 }

 .bg-rose-300 {
     background-color: #fda4af;
     color: #4c0519
 }

 .bg-rose-400 {
     background-color: #fb7185;
     color: #fff1f2
 }

 .bg-rose-500 {
     background-color: #f43f5e;
     color: #fff1f2
 }

 .bg-rose-600 {
     background-color: #e11d48;
     color: #fff1f2
 }

 .bg-rose-700 {
     background-color: #be123c;
     color: #fff1f2
 }

 .bg-rose-800 {
     background-color: #9f1239;
     color: #fff1f2
 }

 .bg-rose-900 {
     background-color: #881337;
     color: #fff1f2
 }

 .bg-rose-950 {
     background-color: #4c0519;
     color: #fff1f2
 }

 .bg-orange-50 {
     background-color: #fff7ed;
     color: #431407;
 }

 .bg-orange-100 {
     background-color: #ffedd5;
     color: #431407;
 }

 .bg-orange-200 {
     background-color: #fed7aa;
     color: #431407;
 }

 .bg-orange-300 {
     background-color: #fdba74;
     color: #431407;
 }

 .bg-orange-400 {
     background-color: #fb923c;
     color: #431407;
 }

 .bg-orange-500 {
     background-color: #f97316;
     color: #fff7ed;
 }

 .bg-orange-600 {
     background-color: #ea580c;
     color: #fff7ed;
 }

 .bg-orange-700 {
     background-color: #c2410c;
     color: #fff7ed;
 }

 .bg-orange-800 {
     background-color: #9a3412;
     color: #fff7ed;
 }

 .bg-orange-900 {
     background-color: #7c2d12;
     color: #fff7ed;
 }

 .bg-orange-950 {
     background-color: #431407;
     color: #fff7ed;
 }

 .bg-amber-50 {
     background-color: #fffbeb;
     color: #451a03;
 }

 .bg-amber-100 {
     background-color: #fef3c7;
     color: #451a03;
 }

 .bg-amber-200 {
     background-color: #fde68a;
     color: #451a03;
 }

 .bg-amber-300 {
     background-color: #fcd34d;
     color: #451a03;
 }

 .bg-amber-400 {
     background-color: #fbbf24;
     color: #451a03;
 }

 .bg-amber-500 {
     background-color: #f59e0b;
     color: #fffbeb;
 }

 .bg-amber-600 {
     background-color: #d97706;
     color: #fffbeb;
 }

 .bg-amber-700 {
     background-color: #b45309;
     color: #fffbeb;
 }

 .bg-amber-800 {
     background-color: #92400e;
     color: #fffbeb;
 }

 .bg-amber-900 {
     background-color: #78350f;
     color: #fffbeb;
 }

 .bg-amber-950 {
     background-color: #451a03;
     color: #fffbeb;
 }


 .bg-lime-50 {
     background-color: #f7fee7;
     color: #1a2e05;
 }

 .bg-lime-100 {
     background-color: #ecfccb;
     color: #1a2e05;
 }

 .bg-lime-200 {
     background-color: #d9f99d;
     color: #1a2e05;
 }

 .bg-lime-300 {
     background-color: #bef264;
     color: #1a2e05;
 }

 .bg-lime-400 {
     background-color: #a3e635;
     color: #1a2e05;
 }

 .bg-lime-500 {
     background-color: #84cc16;
     color: #1a2e05;
 }

 .bg-lime-600 {
     background-color: #65a30d;
     color: #f7fee7;
 }

 .bg-lime-700 {
     background-color: #4d7c0f;
     color: #f7fee7;
 }

 .bg-lime-800 {
     background-color: #3f6212;
     color: #f7fee7;
 }

 .bg-lime-900 {
     background-color: #365314;
     color: #f7fee7;
 }

 .bg-lime-950 {
     background-color: #1a2e05;
     color: #f7fee7;
 }

 .bg-green-50 {
     background-color: #f0fdf4;
     color: #052e16;
 }

 .bg-green-100 {
     background-color: #dcfce7;
     color: #052e16;
 }

 .bg-green-200 {
     background-color: #bbf7d0;
     color: #052e16;
 }

 .bg-green-300 {
     background-color: #86efac;
     color: #052e16;
 }

 .bg-green-400 {
     background-color: #4ade80;
     color: #052e16;
 }

 .bg-green-500 {
     background-color: #22c55e;
     color: #052e16;
 }

 .bg-green-600 {
     background-color: #16a34a;
     color: #f0fdf4;
 }

 .bg-green-700 {
     background-color: #15803d;
     color: #f0fdf4;
 }

 .bg-green-800 {
     background-color: #166534;
     color: #f0fdf4;
 }

 .bg-green-900 {
     background-color: #14532d;
     color: #f0fdf4;
 }

 .bg-green-950 {
     background-color: #052e16;
     color: #f0fdf4;
 }


 .bg-emerald-50 {
     background-color: #ecfdf5;
     color: #022c22;
 }

 .bg-emerald-100 {
     background-color: #d1fae5;
     color: #022c22;
 }

 .bg-emerald-200 {
     background-color: #a7f3d0;
     color: #022c22;
 }

 .bg-emerald-300 {
     background-color: #6ee7b7;
     color: #022c22;
 }

 .bg-emerald-400 {
     background-color: #34d399;
     color: #022c22;
 }

 .bg-emerald-500 {
     background-color: #10b981;
     color: #022c22;
 }

 .bg-emerald-600 {
     background-color: #059669;
     color: #022c22;
 }

 .bg-emerald-700 {
     background-color: #047857;
     color: #ecfdf5;
 }

 .bg-emerald-800 {
     background-color: #065f46;
     color: #ecfdf5;
 }

 .bg-emerald-900 {
     background-color: #064e3b;
     color: #ecfdf5;
 }

 .bg-emerald-950 {
     background-color: #022c22;
     color: #ecfdf5;
 }


 .bg-teal-50 {
     background-color: #f0fdfa;
     color: #042f2e;
 }

 .bg-teal-100 {
     background-color: #ccfbf1;
     color: #042f2e;
 }

 .bg-teal-200 {
     background-color: #99f6e4;
     color: #042f2e;
 }

 .bg-teal-300 {
     background-color: #5eead4;
     color: #042f2e;
 }

 .bg-teal-400 {
     background-color: #2dd4bf;
     color: #042f2e;
 }

 .bg-teal-500 {
     background-color: #14b8a6;
     color: #042f2e;
 }

 .bg-teal-600 {
     background-color: #0d9488;
     color: #f0fdfa;
 }

 .bg-teal-700 {
     background-color: #0f766e;
     color: #f0fdfa;
 }

 .bg-teal-800 {
     background-color: #115e59;
     color: #f0fdfa;
 }

 .bg-teal-900 {
     background-color: #134e4a;
     color: #f0fdfa;
 }

 .bg-teal-950 {
     background-color: #042f2e;
     color: #f0fdfa;
 }

 .bg-cyan-50 {
     background-color: #ecfeff;
     color: #000000;
 }

 .bg-cyan-100 {
     background-color: #cffafe;
     color: #000000;
 }

 .bg-cyan-200 {
     background-color: #a5f3fc;
     color: #083344;
 }

 .bg-cyan-300 {
     background-color: #67e8f9;
     color: #083344;
 }

 .bg-cyan-400 {
     background-color: #22d3ee;
     color: #083344;
 }

 .bg-cyan-500 {
     background-color: #06b6d4;
     color: #083344;
 }

 .bg-cyan-600 {
     background-color: #0891b2;
     color: #ecfeff;
 }

 .bg-cyan-700 {
     background-color: #0e7490;
     color: #ecfeff;
 }

 .bg-cyan-800 {
     background-color: #155e75;
     color: #ecfeff;
 }

 .bg-cyan-900 {
     background-color: #164e63;
     color: #ecfeff;
 }

 .bg-cyan-950 {
     background-color: #083344;
     color: #ecfeff;
 }


 .bg-sky-50 {
     background-color: #f0f9ff;
     color: #082f49;
 }

 .bg-sky-100 {
     background-color: #e0f2fe;
     color: #082f49;
 }

 .bg-sky-200 {
     background-color: #bae6fd;
     color: #082f49;
 }

 .bg-sky-300 {
     background-color: #7dd3fc;
     color: #082f49;
 }

 .bg-sky-400 {
     background-color: #38bdf8;
     color: #082f49;
 }

 .bg-sky-500 {
     background-color: #0ea5e9;
     color: #082f49;
 }

 .bg-sky-600 {
     background-color: #0284c7;
     color: #f0f9ff;
 }

 .bg-sky-700 {
     background-color: #0369a1;
     color: #f0f9ff;
 }

 .bg-sky-800 {
     background-color: #075985;
     color: #f0f9ff;
 }

 .bg-sky-900 {
     background-color: #0c4a6e;
     color: #f0f9ff;
 }

 .bg-sky-950 {
     background-color: #082f49;
     color: #f0f9ff;
 }


 .bg-blue-50 {
     background-color: #eff6ff;
     color: #000000;
 }

 .bg-blue-100 {
     background-color: #dbeafe;
     color: #172554;
 }

 .bg-blue-200 {
     background-color: #bfdbfe;
     color: #172554;
 }

 .bg-blue-300 {
     background-color: #93c5fd;
     color: #172554;
 }

 .bg-blue-400 {
     background-color: #60a5fa;
     color: #172554;
 }

 .bg-blue-500 {
     background-color: #3b82f6;
     color: #eff6ff;
 }

 .bg-blue-600 {
     background-color: #2563eb;
     color: #eff6ff;
 }

 .bg-blue-700 {
     background-color: #1d4ed8;
     color: #eff6ff;
 }

 .bg-blue-800 {
     background-color: #1e40af;
     color: #eff6ff;
 }

 .bg-blue-900 {
     background-color: #1e3a8a;
     color: #eff6ff;
 }

 .bg-blue-950 {
     background-color: #172554;
     color: #eff6ff;
 }


 .bg-fuchsia-50 {
     background-color: #fdf4ff;
 }

 .bg-fuchsia-100 {
     background-color: #fae8ff;
 }

 .bg-fuchsia-200 {
     background-color: #f5d0fe;
 }

 .bg-fuchsia-300 {
     background-color: #f0abfc;
 }

 .bg-fuchsia-400 {
     background-color: #e879f9;
 }

 .bg-fuchsia-500 {
     background-color: #d946ef;
 }

 .bg-fuchsia-600 {
     background-color: #c026d3;
 }

 .bg-fuchsia-700 {
     background-color: #a21caf;
 }

 .bg-fuchsia-800 {
     background-color: #86198f;
 }

 .bg-fuchsia-900 {
     background-color: #701a75;
 }

 .bg-fuchsia-950 {
     background-color: #4a044e;
 }

 .bg-violet-50 {
     background-color: #f5f3ff
 }

 .bg-violet-100 {
     background-color: #ede9fe
 }

 .bg-violet-200 {
     background-color: #ddd6fe
 }

 .bg-violet-300 {
     background-color: #c4b5fd
 }

 .bg-violet-400 {
     background-color: #a78bfa
 }

 .bg-violet-500 {
     background-color: #8b5cf6
 }

 .bg-violet-600 {
     background-color: #7c3aed
 }

 .bg-violet-700 {
     background-color: #6d28d9
 }

 .bg-violet-800 {
     background-color: #5b21b6
 }

 .bg-violet-900 {
     background-color: #4c1d95
 }

 .bg-violet-950 {
     background-color: #2e1065
 }

 .bg-indigo-50 {
     background-color: #eef2ff;
 }

 .bg-indigo-100 {
     background-color: #e0e7ff;
 }

 .bg-indigo-200 {
     background-color: #c7d2fe;
 }

 .bg-indigo-300 {
     background-color: #a5b4fc;
 }

 .bg-indigo-400 {
     background-color: #818cf8;
 }

 .bg-indigo-500 {
     background-color: #6366f1;
 }

 .bg-indigo-600 {
     background-color: #4f46e5;
 }

 .bg-indigo-700 {
     background-color: #4338ca;
 }

 .bg-indigo-950 {
     background-color: #1e1b4b;
 }

 .bg-indigo-800 {
     background-color: #3730a3;
 }

 .bg-indigo-900 {
     background-color: #312e81;
 }

 .txt-slate-50 {
     color: #f8fafc;
 }

 .txt-slate-200 {
     color: #e2e8f0;
 }

 .txt-slate-100 {
     color: #f1f5f9;
 }

 .txt-slate-300 {
     color: #cbd5e1;
 }

 .txt-slate-400 {
     color: #94a3b8;
 }

 .txt-slate-500 {
     color: #64748b;
 }

 .txt-slate-600 {
     color: #475569;
 }

 .txt-slate-700 {
     color: #334155;
 }

 .txt-slate-800 {
     color: #1e293b;
 }

 .txt-slate-900 {
     color: #0f172a;
 }

 .txt-slate-950 {
     color: #020617;
 }

 .txt-gray-50 {
     color: #f9fafb;
 }

 .txt-gray-100 {
     color: #f3f4f6;
 }

 .txt-gray-200 {
     color: #e5e7eb;
 }

 .txt-gray-300 {
     color: #d1d5db;
 }

 .txt-gray-400 {
     color: #9ca3af;
 }

 .txt-gray-500 {
     color: #6b7280;
 }

 .txt-gray-600 {
     color: #4b5563;
 }

 .txt-gray-700 {
     color: #374151;
 }

 .txt-gray-800 {
     color: #1f2937;
 }

 .txt-gray-900 {
     color: #111827;
 }

 .txt-gray-950 {
     color: #030712;
 }

 .txt-zinc-50 {
     color: #fafafa;
 }

 .txt-zinc-100 {
     color: #f4f4f5;
 }

 .txt-zinc-200 {
     color: #e4e4e7;
 }

 .txt-zinc-300 {
     color: #d4d4d8;
 }

 .txt-zinc-400 {
     color: #a1a1aa;
 }

 .txt-zinc-500 {
     color: #71717a;
 }

 .txt-zinc-600 {
     color: #52525b;
 }

 .txt-zinc-700 {
     color: #3f3f46;
 }

 .txt-zinc-800 {
     color: #27272a;
 }

 .txt-zinc-900 {
     color: #18181b;
 }

 .txt-zinc-950 {
     color: #09090b;
 }

 .txt-stone-50 {
     color: #fafaf9;
 }

 .txt-stone-100 {
     color: #f5f5f4;
 }

 .txt-stone-200 {
     color: #e7e5e4;
 }

 .txt-stone-300 {
     color: #d6d3d1;
 }

 .txt-stone-400 {
     color: #a8a29e;
 }

 .txt-stone-500 {
     color: #78716c;
 }

 .txt-stone-600 {
     color: #57534e;
 }

 .txt-stone-700 {
     color: #44403c;
 }

 .txt-stone-800 {
     color: #292524;
 }

 .txt-stone-900 {
     color: #1c1917;
 }

 .txt-stone-950 {
     color: #0c0a09;
 }

 .txt-red-50 {
     color: #fef2f2;
 }

 .txt-red-100 {
     color: #fee2e2;
 }

 .txt-red-200 {
     color: #fecaca;
 }

 .txt-red-300 {
     color: #fca5a5;
 }

 .txt-red-400 {
     color: #f87171;
 }

 .txt-red-500 {
     color: #ef4444;
 }

 .txt-red-600 {
     color: #dc2626;
 }

 .txt-red-700 {
     color: #b91c1c;
 }

 .txt-red-800 {
     color: #991b1b;
 }

 .txt-red-900 {
     color: #7f1d1d;
 }

 .txt-red-950 {
     color: #450a0a;
 }

 .txt-rose-50 {
     color: #fff1f2;
 }

 .txt-rose-100 {
     color: #ffe4e6;
 }

 .txt-rose-200 {
     color: #fecdd3;
 }

 .txt-rose-300 {
     color: #fda4af;
 }

 .txt-rose-400 {
     color: #fb7185;
 }

 .txt-rose-500 {
     color: #f43f5e;
 }

 .txt-rose-600 {
     color: #e11d48;
 }

 .txt-rose-700 {
     color: #be123c;
 }

 .txt-rose-800 {
     color: #9f1239;
 }

 .txt-rose-900 {
     color: #881337;
 }

 .txt-rose-950 {
     color: #4c0519;
 }

 .txt-orange-50 {
     color: #fff7ed;
 }

 .txt-orange-100 {
     color: #ffedd5;
 }

 .txt-orange-200 {
     color: #fed7aa;
 }

 .txt-orange-300 {
     color: #fdba74;
 }

 .txt-orange-400 {
     color: #fb923c;
 }

 .txt-orange-500 {
     color: #f97316;
 }

 .txt-orange-600 {
     color: #ea580c;
 }

 .txt-orange-700 {
     color: #c2410c;
 }

 .txt-orange-800 {
     color: #9a3412;
 }

 .txt-orange-900 {
     color: #7c2d12;
 }

 .txt-orange-950 {
     color: #431407;
 }

 .txt-amber-50 {
     color: #fffbeb;
 }

 .txt-amber-100 {
     color: #fef3c7;
 }

 .txt-amber-200 {
     color: #fde68a;
 }

 .txt-amber-300 {
     color: #fcd34d;
 }

 .txt-amber-400 {
     color: #fbbf24;
 }

 .txt-amber-500 {
     color: #f59e0b;
 }

 .txt-amber-600 {
     color: #d97706;
 }

 .txt-amber-700 {
     color: #b45309;
 }

 .txt-amber-800 {
     color: #92400e;
 }

 .txt-amber-900 {
     color: #78350f;
 }

 .txt-amber-950 {
     color: #451a03;
 }


 .txt-lime-50 {
     color: #f7fee7;
 }

 .txt-lime-100 {
     color: #ecfccb;
 }

 .txt-lime-200 {
     color: #d9f99d;
 }

 .txt-lime-300 {
     color: #bef264;
 }

 .txt-lime-400 {
     color: #a3e635;
 }

 .txt-lime-500 {
     color: #84cc16;
 }

 .txt-lime-600 {
     color: #65a30d;
 }

 .txt-lime-700 {
     color: #4d7c0f;
 }

 .txt-lime-800 {
     color: #3f6212;
 }

 .txt-lime-900 {
     color: #365314;
 }

 .txt-lime-950 {
     color: #1a2e05;
 }

 .txt-green-50 {
     color: #f0fdf4;
 }

 .txt-green-100 {
     color: #dcfce7;
 }

 .txt-green-200 {
     color: #bbf7d0;
 }

 .txt-green-300 {
     color: #86efac;
 }

 .txt-green-400 {
     color: #4ade80;
 }

 .txt-green-500 {
     color: #22c55e;
 }

 .txt-green-600 {
     color: #16a34a;
 }

 .txt-green-700 {
     color: #15803d;
 }

 .txt-green-800 {
     color: #166534;
 }

 .txt-green-900 {
     color: #14532d;
 }

 .txt-green-950 {
     color: #052e16;
 }


 .txt-emerald-50 {
     color: #ecfdf5;
 }

 .txt-emerald-100 {
     color: #d1fae5;
 }

 .txt-emerald-200 {
     color: #a7f3d0;
 }

 .txt-emerald-300 {
     color: #6ee7b7;
 }

 .txt-emerald-400 {
     color: #34d399;
 }

 .txt-emerald-500 {
     color: #10b981;
 }

 .txt-emerald-600 {
     color: #059669;
 }

 .txt-emerald-700 {
     color: #047857;
 }

 .txt-emerald-800 {
     color: #065f46;
 }

 .txt-emerald-900 {
     color: #064e3b;
 }

 .txt-emerald-950 {
     color: #022c22;
 }


 .txt-teal-50 {
     color: #f0fdfa;
 }

 .txt-teal-100 {
     color: #ccfbf1;
 }

 .txt-teal-200 {
     color: #99f6e4;
 }

 .txt-teal-300 {
     color: #5eead4;
 }

 .txt-teal-400 {
     color: #2dd4bf;
 }

 .txt-teal-500 {
     color: #14b8a6;
 }

 .txt-teal-600 {
     color: #0d9488;
 }

 .txt-teal-700 {
     color: #0f766e;
 }

 .txt-teal-800 {
     color: #115e59;
 }

 .txt-teal-900 {
     color: #134e4a;
 }

 .txt-teal-950 {
     color: #042f2e;
 }

 .txt-cyan-50 {
     color: #ecfeff;
 }

 .txt-cyan-100 {
     color: #cffafe;
 }

 .txt-cyan-200 {
     color: #a5f3fc;
 }

 .txt-cyan-300 {
     color: #67e8f9;
 }

 .txt-cyan-400 {
     color: #22d3ee;
 }

 .txt-cyan-500 {
     color: #06b6d4;
 }

 .txt-cyan-600 {
     color: #0891b2;
 }

 .txt-cyan-700 {
     color: #0e7490;
 }

 .txt-cyan-800 {
     color: #155e75;
 }

 .txt-cyan-900 {
     color: #164e63;
 }

 .txt-cyan-950 {
     color: #083344;
 }


 .txt-sky-50 {
     color: #f0f9ff;
 }

 .txt-sky-100 {
     color: #e0f2fe;
 }

 .txt-sky-200 {
     color: #bae6fd;
 }

 .txt-sky-300 {
     color: #7dd3fc;
 }

 .txt-sky-400 {
     color: #38bdf8;
 }

 .txt-sky-500 {
     color: #0ea5e9;
 }

 .txt-sky-600 {
     color: #0284c7;
 }

 .txt-sky-700 {
     color: #0369a1;
 }

 .txt-sky-800 {
     color: #075985;
 }

 .txt-sky-900 {
     color: #0c4a6e;
 }

 .txt-sky-950 {
     color: #082f49;
 }


 .txt-blue-50 {
     color: #eff6ff;
 }

 .txt-blue-100 {
     color: #dbeafe;
 }

 .txt-blue-200 {
     color: #bfdbfe;
 }

 .txt-blue-300 {
     color: #93c5fd;
 }

 .txt-blue-400 {
     color: #60a5fa;
 }

 .txt-blue-500 {
     color: #3b82f6;
 }

 .txt-blue-600 {
     color: #2563eb;
 }

 .txt-blue-700 {
     color: #1d4ed8;
 }

 .txt-blue-800 {
     color: #1e40af;
 }

 .txt-blue-900 {
     color: #1e3a8a;
 }

 .txt-blue-950 {
     color: #172554;
 }


 .txt-fuchsia-50 {
     color: #fdf4ff;
 }

 .txt-fuchsia-100 {
     color: #fae8ff;
 }

 .txt-fuchsia-200 {
     color: #f5d0fe;
 }

 .txt-fuchsia-300 {
     color: #f0abfc;
 }

 .txt-fuchsia-400 {
     color: #e879f9;
 }

 .txt-fuchsia-500 {
     color: #d946ef;
 }

 .txt-fuchsia-600 {
     color: #c026d3;
 }

 .txt-fuchsia-700 {
     color: #a21caf;
 }

 .txt-fuchsia-800 {
     color: #86198f;
 }

 .txt-fuchsia-900 {
     color: #701a75;
 }

 .txt-fuchsia-950 {
     color: #4a044e;
 }

 .txt-violet-50 {
     color: #f5f3ff
 }

 .txt-violet-100 {
     color: #ede9fe
 }

 .txt-violet-200 {
     color: #ddd6fe
 }

 .txt-violet-300 {
     color: #c4b5fd
 }

 .txt-violet-400 {
     color: #a78bfa
 }

 .txt-violet-500 {
     color: #8b5cf6
 }

 .txt-violet-600 {
     color: #7c3aed
 }

 .txt-violet-700 {
     color: #6d28d9
 }

 .txt-violet-800 {
     color: #5b21b6
 }

 .txt-violet-900 {
     color: #4c1d95
 }

 .txt-violet-950 {
     color: #2e1065
 }

 .txt-indigo-50 {
     color: #eef2ff;
 }

 .txt-indigo-100 {
     color: #e0e7ff;
 }

 .txt-indigo-200 {
     color: #c7d2fe;
 }

 .txt-indigo-300 {
     color: #a5b4fc;
 }

 .txt-indigo-400 {
     color: #818cf8;
 }

 .txt-indigo-500 {
     color: #6366f1;
 }

 .txt-indigo-600 {
     color: #4f46e5;
 }

 .txt-indigo-700 {
     color: #4338ca;
 }

 .txt-indigo-950 {
     color: #1e1b4b;
 }

 .txt-indigo-800 {
     color: #3730a3;
 }

 .txt-indigo-900 {
     color: #312e81;
 }

 .well2 {
     min-height: 18px;
     padding: 16px;
     margin-bottom: 8px;
     background-color: #f5f5f5;
     border: 1px solid #e3e3e3;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 }

 .well2 blockquote {
     border-color: #ddd;
     border-color: rgba(0, 0, 0, .15);
 }

 .well2-lg {
     padding: 20px;
     border-radius: 6px;
 }

 .well2-sm {
     padding: 9px;
     border-radius: 3px;
 }

 .border-radius-6 {
     border-radius: 0.6rem;
 }

 .border-radius-4 {
     border-radius: 0.4rem;
 }

 .border-radius-3 {
     border-radius: 0.3rem;
 }

 .border-radius-0 {
     border-radius: 0rem;
 }


 .data-card {
     display: flex;
     flex-direction: column;
     max-width: 100%;
     min-height: 10.75em;
     overflow: hidden;
     border-radius: .5em;
     text-decoration: none;
     background: white;
     margin-bottom: 0.8em;
     padding: 1.75em 1.5em;
     box-shadow: 0 1.5em 2.5em -.5em rgba(#000000, .8);
     transition: transform .45s ease, background .45s ease;

     h3 {
         color: #64748b;
         font-size: 3.1em;
         font-weight: 800;
         line-height: 1;
         padding-bottom: .5em;
         margin: 0 0 0.142857143em;
         border-bottom: 3.75px solid #9ca3af;
         transition: color .45s ease, border .45s ease;
     }

     h4 {
         color: #627084;
         font-size: 1.125em;
         font-weight: 700;
         line-height: 1;
         letter-spacing: 0.05em;
         margin: 0 0 1.777777778em;
         transition: color .45s ease;
     }

     p {
         opacity: 0;
         color: #FFFFFF;
         font-weight: 600;
         line-height: 1.8;
         margin: 0 0 1.25em;
         transform: translateY(-1em);
         transition: opacity .45s ease, transform .5s ease;
     }

     .link-text {
         display: block;
         color: #0d9488;
         font-size: 1.125em;
         font-weight: 800;
         line-height: 1.2;
         margin: auto 0 0;
         transition: color .45s ease;

         svg {
             margin-left: .5em;
             transition: transform .6s ease;

             path {
                 transition: fill .45s ease;
             }
         }
     }

     .icon {
         -webkit-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         transition: all 0.3s linear;
         position: absolute;
         top: -20px;
         right: 25px;
         z-index: 0;
         font-size: 92px;
         color: #cbd5e1;
     }

     &:hover {
         background: #0891b2;
         transform: scale(1.02);

         h3 {
             color: #FFFFFF;
             border-bottom-color: #86efac;
         }

         h4 {
             color: #FFFFFF;
         }

         p {
             opacity: 1;
             transform: none;
         }

         .icon {
             -webkit-transition: all 0.3s linear;
             -o-transition: all 0.3s linear;
             transition: all 0.3s linear;
             position: absolute;
             top: -20px;
             right: 20px;
             z-index: 0;
             font-size: 95px;
             color: #FFFFFF;
         }

         .link-text {
             color: #FFFFFF;

             svg {
                 animation: point 1.25s infinite alternate;

                 path {
                     fill: #FFFFFF;
                 }
             }
         }
     }

     &:active {
         transform: scale(0.98);
     }

     &:focus {
         outline: none;
     }

     &:focus-visible {
         outline: none;
     }

     &:focus-within {
         outline: none;
     }

     @media screen and (max-width: 768px) {
         font-size: 0.665em;
         padding: 1.25em 1em;

         h3 {
             font-size: 2.5em;
         }

         h4 {
             font-size: 1.2em;
         }

         p {
             font-size: .875em;
         }

         .link-text {
             font-size: 1.2em;
         }

         svg {
             width: 1.5em;
             height: 1.5em;
         }

         .link-text svg {
             margin-left: .25em;
         }

         .link-text svg path {
             width: 1.5em;
             height: 1.5em;
         }

         .icon {
             -webkit-transition: all 0.3s linear;
             -o-transition: all 0.3s linear;
             transition: all 0.3s linear;
             position: absolute;
             top: -10px;
             right: 20px;
             z-index: 0;
             font-size: 50px;
             color: #cbd5e1;
         }

         &:hover {
             .icon {
                 -webkit-transition: all 0.3s linear;
                 -o-transition: all 0.3s linear;
                 transition: all 0.3s linear;
                 position: absolute;
                 top: -10px;
                 right: 20px;
                 z-index: 0;
                 font-size: 50px;
                 color: #FFFFFF;
             }
         }
     }

 }

 input[type="radio"] {
     transform: scale(1.2);
     /* aumenta 1.2x o tamanho */
     margin: 4px;
 }

 /** custom callout styles */
 .custom-callout-emerald {
     background-color: #6ee7b7;
     /* Cor do Tailwind 'bg-emerald-300' */
     border-color: #059669;
     /* Opcional: para a borda da caixa */
     color: #1f2937;
 }

 .btn.btn-flat {
     border-radius: 3px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     /* border-width: 1px; */
 }