<?php
$nivelS = $this->session->userdata('nivel');
$user_id = $this->session->userdata('nivel');
$this->load->helper('paginashtml/gerenciarpainel_helper');
?>




<div class="row">
    <?php
    GerenciarPainel::montarPainelPorNivel($nivelS, $this, $preventivasPendentes, $preventivasRealizadas);
    ?>
</div>

<?php $this->load->view("sistema/modais/manutencao/atenderPreventivaModal"); ?>
<?php $this->load->view("sistema/modais/notas/adicionarNotaModal"); ?>

<?php //$this->load->view("sistema/modais/manutencao/adicionarCorretivaModal"); ?>


<div class="right-sidebar">
    <div class="slimscrollright">
        <div class="rpanel-title"> Serviço Painel <span><i class="ti-close right-side-toggle"></i></span></div>
        <div class="r-panel-body">
            <ul id="themecolors" class="m-t-20">
                <li><b>Escolha a Cor da Barra</b></li>
                <li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
                <li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
                <li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
                <li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
                <li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
                <li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
                <li class="d-block m-t-30"><b>With Dark sidebar</b></li>
                <li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
                <li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
                <li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
                <li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
                <li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
                <li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
            </ul>

        </div>
    </div>
</div>

<style>

    .gradient-indigo-light-blue {
        background-image: -webkit-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: -moz-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: -o-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-repeat: repeat-x;
    }

    .btn.gradient-indigo-light-blue:active, .fc button.gradient-indigo-light-blue:active, .btn.gradient-indigo-light-blue.active, .fc button.gradient-indigo-light-blue.active {
        background-image: -webkit-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: -moz-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: -o-linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-image: linear-gradient(45deg, #C5CAE9, #B3E5FC);
        background-repeat: repeat-x;
    }

    .gradient-light-blue-indigo {
        background-image: -webkit-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: -moz-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: -o-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-repeat: repeat-x;
    }

    .btn.gradient-light-blue-indigo:active, .fc button.gradient-light-blue-indigo:active, .btn.gradient-light-blue-indigo.active, .fc button.gradient-light-blue-indigo.active {
        background-image: -webkit-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: -moz-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: -o-linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-image: linear-gradient(45deg, #B3E5FC, #9FA8DA);
        background-repeat: repeat-x;
    }

    .gradient-yellow-green {
        background-image: -webkit-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: -moz-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: -o-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-repeat: repeat-x;
    }

    .btn.gradient-yellow-green:active, .fc button.gradient-yellow-green:active, .btn.gradient-yellow-green.active, .fc button.gradient-yellow-green.active {
        background-image: -webkit-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: -moz-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: -o-linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-image: linear-gradient(45deg, #FFFF8D, #B9F6CA);
        background-repeat: repeat-x;
    }

    .gradient-orange-deep-orange {
        background-image: -webkit-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: -moz-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: -o-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-repeat: repeat-x;
    }

    .btn.gradient-orange-deep-orange:active, .fc button.gradient-orange-deep-orange:active, .btn.gradient-orange-deep-orange.active, .fc button.gradient-orange-deep-orange.active {
        background-image: -webkit-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: -moz-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: -o-linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-image: linear-gradient(45deg, #FFE0B2, #FFCCBC);
        background-repeat: repeat-x;
    }

    .gradient-deep-purple-purple {
        background-image: -webkit-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: -moz-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: -o-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-repeat: repeat-x;
    }

    .btn.gradient-deep-purple-purple:active, .fc button.gradient-deep-purple-purple:active, .btn.gradient-deep-purple-purple.active, .fc button.gradient-deep-purple-purple.active {
        background-image: -webkit-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: -moz-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: -o-linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-image: linear-gradient(45deg, #D1C4E9, #F3E5F5);
        background-repeat: repeat-x;
    }

    .gradient-red-pink {
        background-image: -webkit-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: -moz-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: -o-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: linear-gradient(45deg, #FF5252, #F48FB1);
        background-repeat: repeat-x;
    }

    .btn.gradient-red-pink:active, .fc button.gradient-red-pink:active, .btn.gradient-red-pink.active, .fc button.gradient-red-pink.active {
        background-image: -webkit-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: -moz-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: -o-linear-gradient(45deg, #FF5252, #F48FB1);
        background-image: linear-gradient(45deg, #FF5252, #F48FB1);
        background-repeat: repeat-x;
    }

    .gradient-light-green-amber {
        background-image: -webkit-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: -moz-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: -o-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-repeat: repeat-x;
    }

    .btn.gradient-light-green-amber:active, .fc button.gradient-light-green-amber:active, .btn.gradient-light-green-amber.active, .fc button.gradient-light-green-amber.active {
        background-image: -webkit-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: -moz-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: -o-linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-image: linear-gradient(45deg, #C5E1A5, #FFF8E1);
        background-repeat: repeat-x;
    }

    .gradient-amber-amber {
        background-image: -webkit-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: -moz-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: -o-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: linear-gradient(45deg, #FF6F00, #FFCA28);
        background-repeat: repeat-x;
    }

    .btn.gradient-amber-amber:active, .fc button.gradient-amber-amber:active, .btn.gradient-amber-amber.active, .fc button.gradient-amber-amber.active {
        background-image: -webkit-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: -moz-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: -o-linear-gradient(45deg, #FF6F00, #FFCA28);
        background-image: linear-gradient(45deg, #FF6F00, #FFCA28);
        background-repeat: repeat-x;
    }

    .gradient-purple-pink {
        background-image: -webkit-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: -moz-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: -o-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-pink:active, .fc button.gradient-purple-pink:active, .btn.gradient-purple-pink.active, .fc button.gradient-purple-pink.active {
        background-image: -webkit-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: -moz-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: -o-linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-image: linear-gradient(45deg, #EA80FC, #FCE4EC);
        background-repeat: repeat-x;
    }

    .gradient-indigo-dark-blue {
        background-image: -webkit-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: -moz-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: -o-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: linear-gradient(45deg, #3949AB, #4FC3F7);
        background-repeat: repeat-x;
    }

    .btn.gradient-indigo-dark-blue:active, .fc button.gradient-indigo-dark-blue:active, .btn.gradient-indigo-dark-blue.active, .fc button.gradient-indigo-dark-blue.active {
        background-image: -webkit-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: -moz-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: -o-linear-gradient(45deg, #3949AB, #4FC3F7);
        background-image: linear-gradient(45deg, #3949AB, #4FC3F7);
        background-repeat: repeat-x;
    }

    .gradient-teal-cyan {
        background-image: -webkit-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: -moz-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: -o-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-repeat: repeat-x;
    }

    .btn.gradient-teal-cyan:active, .fc button.gradient-teal-cyan:active, .btn.gradient-teal-cyan.active, .fc button.gradient-teal-cyan.active {
        background-image: -webkit-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: -moz-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: -o-linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-image: linear-gradient(45deg, #E0F2F1, #00E5FF);
        background-repeat: repeat-x;
    }

    .gradient-blue-grey-blue-grey {
        background-image: -webkit-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: -moz-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: -o-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: linear-gradient(45deg, #CFD8DC, #546E7A);
        background-repeat: repeat-x;
    }

    .btn.gradient-blue-grey-blue-grey:active, .fc button.gradient-blue-grey-blue-grey:active, .btn.gradient-blue-grey-blue-grey.active, .fc button.gradient-blue-grey-blue-grey.active {
        background-image: -webkit-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: -moz-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: -o-linear-gradient(45deg, #CFD8DC, #546E7A);
        background-image: linear-gradient(45deg, #CFD8DC, #546E7A);
        background-repeat: repeat-x;
    }

    .gradient-cyan-dark-green {
        background-image: -webkit-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: -moz-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: -o-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: linear-gradient(45deg, #0097A7, #B2FF59);
        background-repeat: repeat-x;
    }

    .btn.gradient-cyan-dark-green:active, .fc button.gradient-cyan-dark-green:active, .btn.gradient-cyan-dark-green.active, .fc button.gradient-cyan-dark-green.active {
        background-image: -webkit-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: -moz-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: -o-linear-gradient(45deg, #0097A7, #B2FF59);
        background-image: linear-gradient(45deg, #0097A7, #B2FF59);
        background-repeat: repeat-x;
    }

    .gradient-orange-amber {
        background-image: -webkit-linear-gradient(45deg, #E65100, #FFA000);
        background-image: -moz-linear-gradient(45deg, #E65100, #FFA000);
        background-image: -o-linear-gradient(45deg, #E65100, #FFA000);
        background-image: linear-gradient(45deg, #E65100, #FFA000);
        background-repeat: repeat-x;
    }

    .btn.gradient-orange-amber:active, .fc button.gradient-orange-amber:active, .btn.gradient-orange-amber.active, .fc button.gradient-orange-amber.active {
        background-image: -webkit-linear-gradient(45deg, #E65100, #FFA000);
        background-image: -moz-linear-gradient(45deg, #E65100, #FFA000);
        background-image: -o-linear-gradient(45deg, #E65100, #FFA000);
        background-image: linear-gradient(45deg, #E65100, #FFA000);
        background-repeat: repeat-x;
    }

    .gradient-indigo-blue {
        background-image: -webkit-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: -moz-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: -o-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: linear-gradient(45deg, #303F9F, #1976D2);
        background-repeat: repeat-x;
    }

    .btn.gradient-indigo-blue:active, .fc button.gradient-indigo-blue:active, .btn.gradient-indigo-blue.active, .fc button.gradient-indigo-blue.active {
        background-image: -webkit-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: -moz-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: -o-linear-gradient(45deg, #303F9F, #1976D2);
        background-image: linear-gradient(45deg, #303F9F, #1976D2);
        background-repeat: repeat-x;
    }

    .gradient-brown-brown {
        background-image: -webkit-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: -moz-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: -o-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-repeat: repeat-x;
    }

    .btn.gradient-brown-brown:active, .fc button.gradient-brown-brown:active, .btn.gradient-brown-brown.active, .fc button.gradient-brown-brown.active {
        background-image: -webkit-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: -moz-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: -o-linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-image: linear-gradient(45deg, #6D4C41, #D7CCC8);
        background-repeat: repeat-x;
    }

    .gradient-blue-grey-blue {
        background-image: -webkit-linear-gradient(45deg, #263238, #2979FF);
        background-image: -moz-linear-gradient(45deg, #263238, #2979FF);
        background-image: -o-linear-gradient(45deg, #263238, #2979FF);
        background-image: linear-gradient(45deg, #263238, #2979FF);
        background-repeat: repeat-x;
    }

    .btn.gradient-blue-grey-blue:active, .fc button.gradient-blue-grey-blue:active, .btn.gradient-blue-grey-blue.active, .fc button.gradient-blue-grey-blue.active {
        background-image: -webkit-linear-gradient(45deg, #263238, #2979FF);
        background-image: -moz-linear-gradient(45deg, #263238, #2979FF);
        background-image: -o-linear-gradient(45deg, #263238, #2979FF);
        background-image: linear-gradient(45deg, #263238, #2979FF);
        background-repeat: repeat-x;
    }

    .gradient-purple-deep-orange {
        background-image: -webkit-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: -moz-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: -o-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: linear-gradient(45deg, #8E24AA, #FF6E40);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-deep-orange:active, .fc button.gradient-purple-deep-orange:active, .btn.gradient-purple-deep-orange.active, .fc button.gradient-purple-deep-orange.active {
        background-image: -webkit-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: -moz-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: -o-linear-gradient(45deg, #8E24AA, #FF6E40);
        background-image: linear-gradient(45deg, #8E24AA, #FF6E40);
        background-repeat: repeat-x;
    }

    .gradient-green-teal {
        background-image: -webkit-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: -moz-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: -o-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: linear-gradient(45deg, #43A047, #1DE9B6);
        background-repeat: repeat-x;
    }

    .btn.gradient-green-teal:active, .fc button.gradient-green-teal:active, .btn.gradient-green-teal.active, .fc button.gradient-green-teal.active {
        background-image: -webkit-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: -moz-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: -o-linear-gradient(45deg, #43A047, #1DE9B6);
        background-image: linear-gradient(45deg, #43A047, #1DE9B6);
        background-repeat: repeat-x;
    }

    .gradient-purple-light-blue {
        background-image: -webkit-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: -moz-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: -o-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: linear-gradient(45deg, #E040FB, #4FC3F7);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-light-blue:active, .fc button.gradient-purple-light-blue:active, .btn.gradient-purple-light-blue.active, .fc button.gradient-purple-light-blue.active {
        background-image: -webkit-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: -moz-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: -o-linear-gradient(45deg, #E040FB, #4FC3F7);
        background-image: linear-gradient(45deg, #E040FB, #4FC3F7);
        background-repeat: repeat-x;
    }

    .gradient-cyan-cyan {
        background-image: -webkit-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: -moz-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: -o-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: linear-gradient(45deg, #18FFFF, #00E5FF);
        background-repeat: repeat-x;
    }

    .btn.gradient-cyan-cyan:active, .fc button.gradient-cyan-cyan:active, .btn.gradient-cyan-cyan.active, .fc button.gradient-cyan-cyan.active {
        background-image: -webkit-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: -moz-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: -o-linear-gradient(45deg, #18FFFF, #00E5FF);
        background-image: linear-gradient(45deg, #18FFFF, #00E5FF);
        background-repeat: repeat-x;
    }

    .gradient-yellow-teal {
        background-image: -webkit-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: -moz-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: -o-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-repeat: repeat-x;
    }

    .btn.gradient-yellow-teal:active, .fc button.gradient-yellow-teal:active, .btn.gradient-yellow-teal.active, .fc button.gradient-yellow-teal.active {
        background-image: -webkit-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: -moz-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: -o-linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-image: linear-gradient(45deg, #FFF9C4, #64FFDA);
        background-repeat: repeat-x;
    }

    .gradient-purple-deep-purple {
        background-image: -webkit-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: -moz-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: -o-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-deep-purple:active, .fc button.gradient-purple-deep-purple:active, .btn.gradient-purple-deep-purple.active, .fc button.gradient-purple-deep-purple.active {
        background-image: -webkit-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: -moz-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: -o-linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-image: linear-gradient(45deg, #7B1FA2, #7C4DFF);
        background-repeat: repeat-x;
    }

    .gradient-cyan-light-green {
        background-image: -webkit-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: -moz-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: -o-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: linear-gradient(45deg, #00E5FF, #CCFF90);
        background-repeat: repeat-x;
    }

    .btn.gradient-cyan-light-green:active, .fc button.gradient-cyan-light-green:active, .btn.gradient-cyan-light-green.active, .fc button.gradient-cyan-light-green.active {
        background-image: -webkit-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: -moz-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: -o-linear-gradient(45deg, #00E5FF, #CCFF90);
        background-image: linear-gradient(45deg, #00E5FF, #CCFF90);
        background-repeat: repeat-x;
    }

    .gradient-purple-amber {
        background-image: -webkit-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: -moz-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: -o-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: linear-gradient(45deg, #D500F9, #FFA000);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-amber:active, .fc button.gradient-purple-amber:active, .btn.gradient-purple-amber.active, .fc button.gradient-purple-amber.active {
        background-image: -webkit-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: -moz-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: -o-linear-gradient(45deg, #D500F9, #FFA000);
        background-image: linear-gradient(45deg, #D500F9, #FFA000);
        background-repeat: repeat-x;
    }

    .gradient-indigo-purple {
        background-image: -webkit-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: -moz-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: -o-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: linear-gradient(45deg, #303F9F, #7B1FA2);
        background-repeat: repeat-x;
    }

    .btn.gradient-indigo-purple:active, .fc button.gradient-indigo-purple:active, .btn.gradient-indigo-purple.active, .fc button.gradient-indigo-purple.active {
        background-image: -webkit-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: -moz-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: -o-linear-gradient(45deg, #303F9F, #7B1FA2);
        background-image: linear-gradient(45deg, #303F9F, #7B1FA2);
        background-repeat: repeat-x;
    }

    .gradient-deep-purple-blue {
        background-image: -webkit-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: -moz-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: -o-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: linear-gradient(45deg, #6200EA, #1976D2);
        background-repeat: repeat-x;
    }

    .btn.gradient-deep-purple-blue:active, .fc button.gradient-deep-purple-blue:active, .btn.gradient-deep-purple-blue.active, .fc button.gradient-deep-purple-blue.active {
        background-image: -webkit-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: -moz-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: -o-linear-gradient(45deg, #6200EA, #1976D2);
        background-image: linear-gradient(45deg, #6200EA, #1976D2);
        background-repeat: repeat-x;
    }

    .gradient-deep-orange-orange {
        background-image: -webkit-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: -moz-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: -o-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: linear-gradient(45deg, #BF360C, #F57C00);
        background-repeat: repeat-x;
    }

    .btn.gradient-deep-orange-orange:active, .fc button.gradient-deep-orange-orange:active, .btn.gradient-deep-orange-orange.active, .fc button.gradient-deep-orange-orange.active {
        background-image: -webkit-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: -moz-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: -o-linear-gradient(45deg, #BF360C, #F57C00);
        background-image: linear-gradient(45deg, #BF360C, #F57C00);
        background-repeat: repeat-x;
    }

    .gradient-light-blue-cyan {
        background-image: -webkit-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: -moz-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: -o-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: linear-gradient(45deg, #0288D1, #26C6DA);
        background-repeat: repeat-x;
    }

    .btn.gradient-light-blue-cyan:active, .fc button.gradient-light-blue-cyan:active, .btn.gradient-light-blue-cyan.active, .fc button.gradient-light-blue-cyan.active {
        background-image: -webkit-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: -moz-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: -o-linear-gradient(45deg, #0288D1, #26C6DA);
        background-image: linear-gradient(45deg, #0288D1, #26C6DA);
        background-repeat: repeat-x;
    }

    .gradient-blue-indigo {
        background-image: -webkit-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: -moz-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: -o-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: linear-gradient(45deg, #2962FF, #3949AB);
        background-repeat: repeat-x;
    }

    .btn.gradient-blue-indigo:active, .fc button.gradient-blue-indigo:active, .btn.gradient-blue-indigo.active, .fc button.gradient-blue-indigo.active {
        background-image: -webkit-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: -moz-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: -o-linear-gradient(45deg, #2962FF, #3949AB);
        background-image: linear-gradient(45deg, #2962FF, #3949AB);
        background-repeat: repeat-x;
    }

    .gradient-strawberry {
        background-image: -webkit-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: -moz-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: -o-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: linear-gradient(45deg, #FE0B46, #FFAB96);
        background-repeat: repeat-x;
    }

    .btn.gradient-strawberry:active, .fc button.gradient-strawberry:active, .btn.gradient-strawberry.active, .fc button.gradient-strawberry.active {
        background-image: -webkit-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: -moz-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: -o-linear-gradient(45deg, #FE0B46, #FFAB96);
        background-image: linear-gradient(45deg, #FE0B46, #FFAB96);
        background-repeat: repeat-x;
    }

    .gradient-blueberry {
        background-image: -webkit-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: -moz-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: -o-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: linear-gradient(45deg, #6078EA, #17EAD9);
        background-repeat: repeat-x;
    }

    .btn.gradient-blueberry:active, .fc button.gradient-blueberry:active, .btn.gradient-blueberry.active, .fc button.gradient-blueberry.active {
        background-image: -webkit-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: -moz-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: -o-linear-gradient(45deg, #6078EA, #17EAD9);
        background-image: linear-gradient(45deg, #6078EA, #17EAD9);
        background-repeat: repeat-x;
    }

    .gradient-mint {
        background-image: -webkit-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: -moz-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: -o-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: linear-gradient(45deg, #23BCBB, #45E994);
        background-repeat: repeat-x;
    }

    .btn.gradient-mint:active, .fc button.gradient-mint:active, .btn.gradient-mint.active, .fc button.gradient-mint.active {
        background-image: -webkit-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: -moz-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: -o-linear-gradient(45deg, #23BCBB, #45E994);
        background-image: linear-gradient(45deg, #23BCBB, #45E994);
        background-repeat: repeat-x;
    }

    .gradient-orange {
        background-image: -webkit-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: -moz-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: -o-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: linear-gradient(45deg, #C471F3, #F671CD);
        background-repeat: repeat-x;
    }

    .btn.gradient-orange:active, .fc button.gradient-orange:active, .btn.gradient-orange.active, .fc button.gradient-orange.active {
        background-image: -webkit-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: -moz-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: -o-linear-gradient(45deg, #C471F3, #F671CD);
        background-image: linear-gradient(45deg, #C471F3, #F671CD);
        background-repeat: repeat-x;
    }

    .gradient-pomegranate {
        background-image: -webkit-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: -moz-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: -o-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: linear-gradient(45deg, #9B3CB7, #FF396F);
        background-repeat: repeat-x;
    }

    .btn.gradient-pomegranate:active, .fc button.gradient-pomegranate:active, .btn.gradient-pomegranate.active, .fc button.gradient-pomegranate.active {
        background-image: -webkit-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: -moz-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: -o-linear-gradient(45deg, #9B3CB7, #FF396F);
        background-image: linear-gradient(45deg, #9B3CB7, #FF396F);
        background-repeat: repeat-x;
    }

    .gradient-green-tea {
        background-image: -webkit-linear-gradient(45deg, #004B91, #78CC37);
        background-image: -moz-linear-gradient(45deg, #004B91, #78CC37);
        background-image: -o-linear-gradient(45deg, #004B91, #78CC37);
        background-image: linear-gradient(45deg, #004B91, #78CC37);
        background-repeat: repeat-x;
    }

    .btn.gradient-green-tea:active, .fc button.gradient-green-tea:active, .btn.gradient-green-tea.active, .fc button.gradient-green-tea.active {
        background-image: -webkit-linear-gradient(45deg, #004B91, #78CC37);
        background-image: -moz-linear-gradient(45deg, #004B91, #78CC37);
        background-image: -o-linear-gradient(45deg, #004B91, #78CC37);
        background-image: linear-gradient(45deg, #004B91, #78CC37);
        background-repeat: repeat-x;
    }

    .gradient-blackberry {
        background-image: -webkit-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: -moz-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: -o-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: linear-gradient(45deg, #843CF7, #38B8F2);
        background-repeat: repeat-x;
    }

    .btn.gradient-blackberry:active, .fc button.gradient-blackberry:active, .btn.gradient-blackberry.active, .fc button.gradient-blackberry.active {
        background-image: -webkit-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: -moz-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: -o-linear-gradient(45deg, #843CF7, #38B8F2);
        background-image: linear-gradient(45deg, #843CF7, #38B8F2);
        background-repeat: repeat-x;
    }

    .gradient-plum {
        background-image: -webkit-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: -moz-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: -o-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: linear-gradient(45deg, #E35C67, #381CE2);
        background-repeat: repeat-x;
    }

    .btn.gradient-plum:active, .fc button.gradient-plum:active, .btn.gradient-plum.active, .fc button.gradient-plum.active {
        background-image: -webkit-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: -moz-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: -o-linear-gradient(45deg, #E35C67, #381CE2);
        background-image: linear-gradient(45deg, #E35C67, #381CE2);
        background-repeat: repeat-x;
    }

    .gradient-passion-fruit {
        background-image: -webkit-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: -moz-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: -o-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: linear-gradient(45deg, #8137F7, #F6AB3E);
        background-repeat: repeat-x;
    }

    .btn.gradient-passion-fruit:active, .fc button.gradient-passion-fruit:active, .btn.gradient-passion-fruit.active, .fc button.gradient-passion-fruit.active {
        background-image: -webkit-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: -moz-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: -o-linear-gradient(45deg, #8137F7, #F6AB3E);
        background-image: linear-gradient(45deg, #8137F7, #F6AB3E);
        background-repeat: repeat-x;
    }

    .gradient-sublime-vivid {
        background-image: -webkit-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: -moz-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: -o-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: linear-gradient(45deg, #FC466B, #3F5EFB);
        background-repeat: repeat-x;
    }

    .btn.gradient-sublime-vivid:active, .fc button.gradient-sublime-vivid:active, .btn.gradient-sublime-vivid.active, .fc button.gradient-sublime-vivid.active {
        background-image: -webkit-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: -moz-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: -o-linear-gradient(45deg, #FC466B, #3F5EFB);
        background-image: linear-gradient(45deg, #FC466B, #3F5EFB);
        background-repeat: repeat-x;
    }

    .gradient-king-yna {
        background-image: -webkit-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: -moz-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: -o-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-repeat: repeat-x;
    }

    .btn.gradient-king-yna:active, .fc button.gradient-king-yna:active, .btn.gradient-king-yna.active, .fc button.gradient-king-yna.active {
        background-image: -webkit-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: -moz-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: -o-linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-image: linear-gradient(45deg, #1A2A6C, #B21F1F);
        background-repeat: repeat-x;
    }

    .gradient-summer {
        background-image: -webkit-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: -moz-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: -o-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-repeat: repeat-x;
    }

    .btn.gradient-summer:active, .fc button.gradient-summer:active, .btn.gradient-summer.active, .fc button.gradient-summer.active {
        background-image: -webkit-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: -moz-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: -o-linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-image: linear-gradient(45deg, #22C1C3, #FDBB2D);
        background-repeat: repeat-x;
    }

    .gradient-crystal-clear {
        background-image: -webkit-linear-gradient(45deg, #159957, #155799);
        background-image: -moz-linear-gradient(45deg, #159957, #155799);
        background-image: -o-linear-gradient(45deg, #159957, #155799);
        background-image: linear-gradient(45deg, #159957, #155799);
        background-repeat: repeat-x;
    }

    .btn.gradient-crystal-clear:active, .fc button.gradient-crystal-clear:active, .btn.gradient-crystal-clear.active, .fc button.gradient-crystal-clear.active {
        background-image: -webkit-linear-gradient(45deg, #159957, #155799);
        background-image: -moz-linear-gradient(45deg, #159957, #155799);
        background-image: -o-linear-gradient(45deg, #159957, #155799);
        background-image: linear-gradient(45deg, #159957, #155799);
        background-repeat: repeat-x;
    }

    .gradient-celestial {
        background-image: -webkit-linear-gradient(45deg, #C33764, #1D2671);
        background-image: -moz-linear-gradient(45deg, #C33764, #1D2671);
        background-image: -o-linear-gradient(45deg, #C33764, #1D2671);
        background-image: linear-gradient(45deg, #C33764, #1D2671);
        background-repeat: repeat-x;
    }

    .btn.gradient-celestial:active, .fc button.gradient-celestial:active, .btn.gradient-celestial.active, .fc button.gradient-celestial.active {
        background-image: -webkit-linear-gradient(45deg, #C33764, #1D2671);
        background-image: -moz-linear-gradient(45deg, #C33764, #1D2671);
        background-image: -o-linear-gradient(45deg, #C33764, #1D2671);
        background-image: linear-gradient(45deg, #C33764, #1D2671);
        background-repeat: repeat-x;
    }

    .gradient-mini {
        background-image: -webkit-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: -moz-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: -o-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: linear-gradient(45deg, #30E8BF, #FF8235);
        background-repeat: repeat-x;
    }

    .btn.gradient-mini:active, .fc button.gradient-mini:active, .btn.gradient-mini.active, .fc button.gradient-mini.active {
        background-image: -webkit-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: -moz-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: -o-linear-gradient(45deg, #30E8BF, #FF8235);
        background-image: linear-gradient(45deg, #30E8BF, #FF8235);
        background-repeat: repeat-x;
    }

    .gradient-ibiza-sunset {
        background-image: -webkit-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: -moz-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: -o-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: linear-gradient(45deg, #EE0979, #FF6A00);
        background-repeat: repeat-x;
    }

    .btn.gradient-ibiza-sunset:active, .fc button.gradient-ibiza-sunset:active, .btn.gradient-ibiza-sunset.active, .fc button.gradient-ibiza-sunset.active {
        background-image: -webkit-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: -moz-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: -o-linear-gradient(45deg, #EE0979, #FF6A00);
        background-image: linear-gradient(45deg, #EE0979, #FF6A00);
        background-repeat: repeat-x;
    }

    .gradient-dawn {
        background-image: -webkit-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: -moz-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: -o-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: linear-gradient(45deg, #F3904F, #3B4371);
        background-repeat: repeat-x;
    }

    .btn.gradient-dawn:active, .fc button.gradient-dawn:active, .btn.gradient-dawn.active, .fc button.gradient-dawn.active {
        background-image: -webkit-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: -moz-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: -o-linear-gradient(45deg, #F3904F, #3B4371);
        background-image: linear-gradient(45deg, #F3904F, #3B4371);
        background-repeat: repeat-x;
    }

    .gradient-brady-brady-fun-fun {
        background-image: -webkit-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: -moz-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: -o-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-repeat: repeat-x;
    }

    .btn.gradient-brady-brady-fun-fun:active, .fc button.gradient-brady-brady-fun-fun:active, .btn.gradient-brady-brady-fun-fun.active, .fc button.gradient-brady-brady-fun-fun.active {
        background-image: -webkit-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: -moz-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: -o-linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-image: linear-gradient(45deg, #00C3FF, #FFFF1C);
        background-repeat: repeat-x;
    }

    .gradient-cosmic-fusion {
        background-image: -webkit-linear-gradient(45deg, #FF00CC, #333399);
        background-image: -moz-linear-gradient(45deg, #FF00CC, #333399);
        background-image: -o-linear-gradient(45deg, #FF00CC, #333399);
        background-image: linear-gradient(45deg, #FF00CC, #333399);
        background-repeat: repeat-x;
    }

    .btn.gradient-cosmic-fusion:active, .fc button.gradient-cosmic-fusion:active, .btn.gradient-cosmic-fusion.active, .fc button.gradient-cosmic-fusion.active {
        background-image: -webkit-linear-gradient(45deg, #FF00CC, #333399);
        background-image: -moz-linear-gradient(45deg, #FF00CC, #333399);
        background-image: -o-linear-gradient(45deg, #FF00CC, #333399);
        background-image: linear-gradient(45deg, #FF00CC, #333399);
        background-repeat: repeat-x;
    }

    .gradient-nepal {
        background-image: -webkit-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: -moz-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: -o-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: linear-gradient(45deg, #DE6161, #2657EB);
        background-repeat: repeat-x;
    }

    .btn.gradient-nepal:active, .fc button.gradient-nepal:active, .btn.gradient-nepal.active, .fc button.gradient-nepal.active {
        background-image: -webkit-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: -moz-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: -o-linear-gradient(45deg, #DE6161, #2657EB);
        background-image: linear-gradient(45deg, #DE6161, #2657EB);
        background-repeat: repeat-x;
    }

    .gradient-love-couple {
        background-image: -webkit-linear-gradient(45deg, #3A6186, #89253E);
        background-image: -moz-linear-gradient(45deg, #3A6186, #89253E);
        background-image: -o-linear-gradient(45deg, #3A6186, #89253E);
        background-image: linear-gradient(45deg, #3A6186, #89253E);
        background-repeat: repeat-x;
    }

    .btn.gradient-love-couple:active, .fc button.gradient-love-couple:active, .btn.gradient-love-couple.active, .fc button.gradient-love-couple.active {
        background-image: -webkit-linear-gradient(45deg, #3A6186, #89253E);
        background-image: -moz-linear-gradient(45deg, #3A6186, #89253E);
        background-image: -o-linear-gradient(45deg, #3A6186, #89253E);
        background-image: linear-gradient(45deg, #3A6186, #89253E);
        background-repeat: repeat-x;
    }

    .gradient-sunset {
        background-image: -webkit-linear-gradient(45deg, #0B486B, #F56217);
        background-image: -moz-linear-gradient(45deg, #0B486B, #F56217);
        background-image: -o-linear-gradient(45deg, #0B486B, #F56217);
        background-image: linear-gradient(45deg, #0B486B, #F56217);
        background-repeat: repeat-x;
    }

    .btn.gradient-sunset:active, .fc button.gradient-sunset:active, .btn.gradient-sunset.active, .fc button.gradient-sunset.active {
        background-image: -webkit-linear-gradient(45deg, #0B486B, #F56217);
        background-image: -moz-linear-gradient(45deg, #0B486B, #F56217);
        background-image: -o-linear-gradient(45deg, #0B486B, #F56217);
        background-image: linear-gradient(45deg, #0B486B, #F56217);
        background-repeat: repeat-x;
    }

    .gradient-grapefruit-sunset {
        background-image: -webkit-linear-gradient(45deg, #E96443, #904E95);
        background-image: -moz-linear-gradient(45deg, #E96443, #904E95);
        background-image: -o-linear-gradient(45deg, #E96443, #904E95);
        background-image: linear-gradient(45deg, #E96443, #904E95);
        background-repeat: repeat-x;
    }

    .btn.gradient-grapefruit-sunset:active, .fc button.gradient-grapefruit-sunset:active, .btn.gradient-grapefruit-sunset.active, .fc button.gradient-grapefruit-sunset.active {
        background-image: -webkit-linear-gradient(45deg, #E96443, #904E95);
        background-image: -moz-linear-gradient(45deg, #E96443, #904E95);
        background-image: -o-linear-gradient(45deg, #E96443, #904E95);
        background-image: linear-gradient(45deg, #E96443, #904E95);
        background-repeat: repeat-x;
    }

    .gradient-politics {
        background-image: -webkit-linear-gradient(45deg, #2196F3, #F44336);
        background-image: -moz-linear-gradient(45deg, #2196F3, #F44336);
        background-image: -o-linear-gradient(45deg, #2196F3, #F44336);
        background-image: linear-gradient(45deg, #2196F3, #F44336);
        background-repeat: repeat-x;
    }

    .btn.gradient-politics:active, .fc button.gradient-politics:active, .btn.gradient-politics.active, .fc button.gradient-politics.active {
        background-image: -webkit-linear-gradient(45deg, #2196F3, #F44336);
        background-image: -moz-linear-gradient(45deg, #2196F3, #F44336);
        background-image: -o-linear-gradient(45deg, #2196F3, #F44336);
        background-image: linear-gradient(45deg, #2196F3, #F44336);
        background-repeat: repeat-x;
    }

    .gradient-red-ocean {
        background-image: -webkit-linear-gradient(45deg, #1D4350, #A43931);
        background-image: -moz-linear-gradient(45deg, #1D4350, #A43931);
        background-image: -o-linear-gradient(45deg, #1D4350, #A43931);
        background-image: linear-gradient(45deg, #1D4350, #A43931);
        background-repeat: repeat-x;
    }

    .btn.gradient-red-ocean:active, .fc button.gradient-red-ocean:active, .btn.gradient-red-ocean.active, .fc button.gradient-red-ocean.active {
        background-image: -webkit-linear-gradient(45deg, #1D4350, #A43931);
        background-image: -moz-linear-gradient(45deg, #1D4350, #A43931);
        background-image: -o-linear-gradient(45deg, #1D4350, #A43931);
        background-image: linear-gradient(45deg, #1D4350, #A43931);
        background-repeat: repeat-x;
    }

    .gradient-back-to-earth {
        background-image: -webkit-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: -moz-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: -o-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-repeat: repeat-x;
    }

    .btn.gradient-back-to-earth:active, .fc button.gradient-back-to-earth:active, .btn.gradient-back-to-earth.active, .fc button.gradient-back-to-earth.active {
        background-image: -webkit-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: -moz-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: -o-linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-image: linear-gradient(45deg, #20CAE4, #1CE5B7);
        background-repeat: repeat-x;
    }

    .gradient-flickr {
        background-image: -webkit-linear-gradient(45deg, #33001B, #FF0084);
        background-image: -moz-linear-gradient(45deg, #33001B, #FF0084);
        background-image: -o-linear-gradient(45deg, #33001B, #FF0084);
        background-image: linear-gradient(45deg, #33001B, #FF0084);
        background-repeat: repeat-x;
    }

    .btn.gradient-flickr:active, .fc button.gradient-flickr:active, .btn.gradient-flickr.active, .fc button.gradient-flickr.active {
        background-image: -webkit-linear-gradient(45deg, #33001B, #FF0084);
        background-image: -moz-linear-gradient(45deg, #33001B, #FF0084);
        background-image: -o-linear-gradient(45deg, #33001B, #FF0084);
        background-image: linear-gradient(45deg, #33001B, #FF0084);
        background-repeat: repeat-x;
    }

    .gradient-virgin-america {
        background-image: -webkit-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: -moz-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: -o-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: linear-gradient(45deg, #7B4397, #DC2430);
        background-repeat: repeat-x;
    }

    .btn.gradient-virgin-america:active, .fc button.gradient-virgin-america:active, .btn.gradient-virgin-america.active, .fc button.gradient-virgin-america.active {
        background-image: -webkit-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: -moz-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: -o-linear-gradient(45deg, #7B4397, #DC2430);
        background-image: linear-gradient(45deg, #7B4397, #DC2430);
        background-repeat: repeat-x;
    }

    .gradient-purple-bliss {
        background-image: -webkit-linear-gradient(45deg, #360033, #0B8793);
        background-image: -moz-linear-gradient(45deg, #360033, #0B8793);
        background-image: -o-linear-gradient(45deg, #360033, #0B8793);
        background-image: linear-gradient(45deg, #360033, #0B8793);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-bliss:active, .fc button.gradient-purple-bliss:active, .btn.gradient-purple-bliss.active, .fc button.gradient-purple-bliss.active {
        background-image: -webkit-linear-gradient(45deg, #360033, #0B8793);
        background-image: -moz-linear-gradient(45deg, #360033, #0B8793);
        background-image: -o-linear-gradient(45deg, #360033, #0B8793);
        background-image: linear-gradient(45deg, #360033, #0B8793);
        background-repeat: repeat-x;
    }

    .gradient-man-of-steel {
        background-image: -webkit-linear-gradient(45deg, #780206, #061161);
        background-image: -moz-linear-gradient(45deg, #780206, #061161);
        background-image: -o-linear-gradient(45deg, #780206, #061161);
        background-image: linear-gradient(45deg, #780206, #061161);
        background-repeat: repeat-x;
    }

    .btn.gradient-man-of-steel:active, .fc button.gradient-man-of-steel:active, .btn.gradient-man-of-steel.active, .fc button.gradient-man-of-steel.active {
        background-image: -webkit-linear-gradient(45deg, #780206, #061161);
        background-image: -moz-linear-gradient(45deg, #780206, #061161);
        background-image: -o-linear-gradient(45deg, #780206, #061161);
        background-image: linear-gradient(45deg, #780206, #061161);
        background-repeat: repeat-x;
    }

    .gradient-shdow-night {
        background-image: -webkit-linear-gradient(45deg, #000000, #53346D);
        background-image: -moz-linear-gradient(45deg, #000000, #53346D);
        background-image: -o-linear-gradient(45deg, #000000, #53346D);
        background-image: linear-gradient(45deg, #000000, #53346D);
        background-repeat: repeat-x;
    }

    .btn.gradient-shdow-night:active, .fc button.gradient-shdow-night:active, .btn.gradient-shdow-night.active, .fc button.gradient-shdow-night.active {
        background-image: -webkit-linear-gradient(45deg, #000000, #53346D);
        background-image: -moz-linear-gradient(45deg, #000000, #53346D);
        background-image: -o-linear-gradient(45deg, #000000, #53346D);
        background-image: linear-gradient(45deg, #000000, #53346D);
        background-repeat: repeat-x;
    }

    .gradient-dracula {
        background-image: -webkit-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: -moz-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: -o-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: linear-gradient(45deg, #DC2424, #4A569D);
        background-repeat: repeat-x;
    }

    .btn.gradient-dracula:active, .fc button.gradient-dracula:active, .btn.gradient-dracula.active, .fc button.gradient-dracula.active {
        background-image: -webkit-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: -moz-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: -o-linear-gradient(45deg, #DC2424, #4A569D);
        background-image: linear-gradient(45deg, #DC2424, #4A569D);
        background-repeat: repeat-x;
    }

    .gradient-bloody-mary {
        background-image: -webkit-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: -moz-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: -o-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: linear-gradient(45deg, #FF512F, #DD2476);
        background-repeat: repeat-x;
    }

    .btn.gradient-bloody-mary:active, .fc button.gradient-bloody-mary:active, .btn.gradient-bloody-mary.active, .fc button.gradient-bloody-mary.active {
        background-image: -webkit-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: -moz-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: -o-linear-gradient(45deg, #FF512F, #DD2476);
        background-image: linear-gradient(45deg, #FF512F, #DD2476);
        background-repeat: repeat-x;
    }

    .gradient-harmonic-energy {
        background-image: -webkit-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: -moz-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: -o-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: linear-gradient(45deg, #16A085, #F4D03F);
        background-repeat: repeat-x;
    }

    .btn.gradient-harmonic-energy:active, .fc button.gradient-harmonic-energy:active, .btn.gradient-harmonic-energy.active, .fc button.gradient-harmonic-energy.active {
        background-image: -webkit-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: -moz-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: -o-linear-gradient(45deg, #16A085, #F4D03F);
        background-image: linear-gradient(45deg, #16A085, #F4D03F);
        background-repeat: repeat-x;
    }

    .gradient-purple-love {
        background-image: -webkit-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: -moz-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: -o-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: linear-gradient(45deg, #CC2B5E, #753A88);
        background-repeat: repeat-x;
    }

    .btn.gradient-purple-love:active, .fc button.gradient-purple-love:active, .btn.gradient-purple-love.active, .fc button.gradient-purple-love.active {
        background-image: -webkit-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: -moz-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: -o-linear-gradient(45deg, #CC2B5E, #753A88);
        background-image: linear-gradient(45deg, #CC2B5E, #753A88);
        background-repeat: repeat-x;
    }

    .font-large-1 {
        font-size: 2rem !important;
        line-height: 2rem;
        margin-top: -4%;
    }

    .white {
        color: #FFFFFF !important;
    }

    .card-block {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0.7rem;
    }

</style>
