/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

    input[type="radio"] {
        height: 1.0rem;
        width: 1.0rem;
        margin-right: 0.4rem;
        cursor: pointer;
    }

    input[type="checkbox"] {
        height: 0.8rem;
        width: 0.8rem;
        margin-right: 0.4rem;
        cursor: pointer;
    }

    .inputError {
        border: solid 2px #eb4034 !important;
        /*background-color:red !important;*/
    }

    /*FRONTPAGE CAROUSEL*******************************************************************/
    /*carousel-inner*/
    .sizes {
        width: 100%;
        height: 100%;
        min-height: 300px;
        max-height: 400px;
    }

    .dtCenterHeaderCell {
        text-align: center;
    }

    /*carousel-item-*/
    .backimage01 {
        background-image: url('Images/FrontPage/carousel_sbe.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage02 {
        background-image: url('Images/FrontPage/quemsomos.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage03 {
        background-image: url('Images/FrontPage/oficinas.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage04 {
        background-image: url('Images/FrontPage/PayByLink.png');
        /*background-image: url('Images/FrontPage/stockusado.jpg');*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage05 {
        background-image: url('Images/FrontPage/ractronicos.png');
        /*background-image: url('Images/FrontPage/encontromontijo.png');*/
        /*background-image: url('Images/FrontPage/stockusado.jpg');*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage06 {
        background-image: url('Images/FrontPage/unicre.png');
        /*background-image: url('Images/FrontPage/encontromontijo.png');*/
        /*background-image: url('Images/FrontPage/stockusado.jpg');*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    .backimage07 {
        background-image: url('Images/FrontPage/bolt.png');
        /*background-image: url('Images/FrontPage/encontromontijo.png');*/
        /*background-image: url('Images/FrontPage/stockusado.jpg');*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: 25%;
    }

    /*asimoes*/
    .carousel-InfoPanel {
        position: absolute;
        right: 15%;
        left: 15%;
        top: 70px;
        padding-top: 0px;
        padding-left: 10px;
        padding-bottom: 10px;
        z-index: 10;
        color: #fff;
        text-align: left;
        /*background-color:#000;*/
        width: auto;
        vertical-align: top;
    }

    .carousel-title {
        color: #fff;
        line-height: 35px;
        padding-left: 0;
        width: 90%;
        /*   background-color:#ccc;*/
        padding-bottom: 0px;
        /*    height: 30px;*/
        text-transform: uppercase;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        /*font-size: 2.1rem;*/
        font-size: 2rem;
    }

    .underline {
        margin-top: 0px;
        margin-bottom: 10px;
        width: 90%;
        max-width: 500px;
        height: 1px;
        border-bottom: solid 1px #e8eff5;
    }

    .carousel-desc {
        color: #fff;
        /*background-color:#be1c23;
    line-height:30px;*/
        line-height: 30px;
        font-size: 1.5rem;
        text-transform: uppercase;
        /*background-color:yellow;*/
    }

    .carousel-desc-min {
        color: #fff;
        /*    background-color:#be1c23;*/
        /*line-height:50px;*/
        padding-left: 0;
        width: 100%;
        font-size: 1.0rem;
        /*    height:25px;*/
        text-transform: uppercase;
    }

    /*Botões*/
    .btnGreen {
        background-color: #b9e4f8;
        border: solid 1px #9bcfe7;
        color: #111;
        padding: 10px 25px 10px 25px;
        text-transform: uppercase;
        cursor: pointer;
    }

        .btnGreen:hover {
            background-color: #438aab;
            border: solid 1px #438aab;
            color: #fff;
        }

    .btnLightBlue {
        background-color: #b9e4f8;
        border: solid 1px #9bcfe7;
        border-radius: 2px;
        color: #111;
        cursor: pointer;
        text-decoration: none;
    }

        .btnLightBlue:hover {
            background-color: #438aab;
            border: solid 1px #438aab;
            color: #fff;
            text-decoration: none;
        }

    .btnBlue {
        background-color: #438aab;
        border: solid 1px #438aab;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
    }

        .btnBlue:hover {
            background-color: #b9e4f8;
            border: solid 1px #9bcfe7;
            color: #111;
            text-decoration: none;
        }

    .transp {
        background-color: transparent;
        border: solid 1px #ccc;
        color: #ccc;
        padding: 10px 25px 10px 25px;
        text-transform: uppercase;
    }

        .transp:hover {
            background-color: #afc727;
            border: solid 1px #90a51d;
            color: #222;
        }

    /*tamanhos*/
    .btn_xs {
        padding: 5px 5px 5px 5px;
        font-size: 10px;
    }

    .btn_sm {
        padding: 6px 8px 6px 8px;
        font-size: 14px;
    }

    .btn_md {
        padding: 8px 10px 8px 10px;
        font-size: 15px;
    }

    .btn_xl {
        padding: 10px 25px 10px 25px;
        font-size: 14px;
        text-transform: uppercase;
    }




    .centerDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }





    /*FRONTPAGE Sections*******************************************************************/

    /*
        Deprecated
        .sectionTitle{
        display:block;
        text-align:center;
        vertical-align:middle;
        font-size: 3.2vh;
        
        font-weight:400;
        color:#37434c;

        text-transform:uppercase;
     }

    .sectionTitleHR{
         width:150px; background-color:#888; height:1px;
     }*/

    .SectionTitle {
        /*padding: 10px 10px 10px 15px;*/
        display: table;
        width: 100%;
        height: 70px;
        max-width: 600px;
        margin-bottom: 40px;
        /*background-color:#777;*/
    }

    .SectionTitleLeft {
        float: left;
        width: 40%;
        height: 100%;
        /*min-height: 100px;*/
        text-align: right;
        padding-right: 10px;
        font-size: 1.6em;
        font-size: clamp(1.2rem, 1.6vw, 3rem);
        line-height: 26px;
        font-weight: 500;
        /*    background-color: red;*/
    }

    .SectionTitleRight {
        float: left;
        width: 60%;
        height: 100%;
        padding: 3px 0 0 10px;
        border-left: solid 1px #888;
        /*background-color:grey;*/
    }

    section#TopLinks {
        background-color: #e8eff5; /*azul claro*/
        border-bottom: solid 1px #ddd;
    }

    section#Services {
        background-color: #fff;
        padding: 80px 0 70px 0;
    }

    section#CampaignsAdvertisement {
        background-color: #f3f2f2;
        padding: 60px 0 60px 0;
    }

    section#Info {
        background-color: #dbe2ef;
        padding: 80px 0 70px 0;
    }

    section#WorkshopsAdvertisement {
        background-color: #f5f6f6;
        padding: 120px 0 100px 0;
    }

    section#LinkInfoRequest {
        background-color: #40454a;
        padding: 60px 0 60px 0;
        color: #ccc;
        /*height:200px;*/
    }


    /*FRONTPAGE grafico oficina destaque *******************************************************************/
    .boxAdvertise {
        display: table;
        border-radius: 1px;
        width: 100%;
        height: 240px;
        margin-top: 20px;
        border: solid 0px #ccc;
        /*background-color:#fff;*/
        /*min-width: 265px;
        max-width: 280px;*/
        margin-top: 40px;
    }

    .boxAdvertiseImage {
        float: left;
        width: 100%;
        height: 100%;
        background-image: url('../Content/Images/FrontPage/destaqueOficinas.png');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position-x: center;
        background-position-y: top;
        border-radius: 5px;
        border: solid 0px #ccc;
    }

    .boxAdvertiseText {
        display: table;
        /*para centralizar 
        align-items: center; 
        justify-content: center;*/
        /*padding-top:10px;*/
        padding: 10px 20px 10px 60px;
        width: 100%;
        height: 40%;
        /*min-height: 100px;*/
        font-size: 1.70vw;
        font-weight: 600;
        text-transform: uppercase;
        color: #333;
        /*background-color:#ccc;*/
    }

    .boxAdvertiseRegister {
        display: table;
        width: 100%;
        /*height:180px;*/
        /*margin-top:5px;*/
        /*background-color:aqua;*/
    }

    .AdvertiseRegisterTitle {
        color: red;
        font-family: Arial Narrow, sans-serif;
        font-size: 1.70rem;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 10px;
    }

    /*Botão*/
    .AdvertiseRegisterButton {
        border: solid 1px #ccc;
        color: #ccc;
        padding: 10px 25px 10px 25px;
        text-transform: uppercase;
        background-color: #afc727;
        border: solid 1px #90a51d;
        color: #222;
        cursor: pointer;
    }

        .AdvertiseRegisterButton:hover {
            background-color: #a0b624;
            border: solid 1px #778816;
            color: #222;
        }

    /*FRONTPAGE toplinks*******************************************************************/
    .boxTopLinks {
        display: table;
        background-color: #37434c; /*verde*/
        background-color: #c92229; /*encarnado*/
        background-color: transparent; /*cinza*/

        border-left: solid 0px #ccc;
        /*border-right: solid 1px #ccc;*/

        border-radius: 0px;
        width: 100%;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        margin-bottom: 0;
        cursor: pointer;
        color: #111;
        /* transparencia
        background-color: rgba(201, 34, 41, 0.6);
        background-color: rgba(38, 44, 49, 0.6);
        background-color: rgba(23, 25, 26, 0.6);*/
    }

        .boxTopLinks:hover {
            /*background-color: #38424c;*/
            /*color: #fff;*/
            /*box-shadow: 0 3px 10px #000;*/
            border: solid 0px #c92229;
            background-color: #c92229;
            background-color: #37434c; /*verde*/
            color: #fff;
            font-weight: 400;
            -webkit-transition: background-color 1s ease-out;
            -moz-transition: background-color 1s ease-out;
            -o-transition: background-color 1s ease-out;
            transition: background-color 1s ease-out;
        }

    .TopLinkText {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        /*font-size: 1.4vh;*/
        /*font-size: 1.8vh;*/
        font-size: 0.85em;
        font-weight: 600;
        text-transform: uppercase;
    }



    /*FRONTPAGE Services*******************************************************************/
    .boxService {
        /*padding: 10px 10px 10px 15px;*/
        display: table;
        border-radius: 1px;
        width: 100%;
        height: 120px;
        min-height: 120px;
        /*height:100%;
        min-height: 150px;
        max-height: 200px;*/
        cursor: pointer;
        /*margin-top:2px;*/
        /*background-color:yellow;*/
        margin-bottom: 15px;
    }

        .boxService:hover {
            background-color: #eee;
            /*border: solid 1px #ddd;*/
            /*color: #fff;*/
            box-shadow: 0 3px 10px #999;
            -webkit-transition: background-color 1s ease-out;
            -moz-transition: background-color 1s ease-out;
            -o-transition: background-color 1s ease-out;
            transition: background-color 1s ease-out;
        }

    .RowH {
        height: 5px;
    }

    .boxServiceIcon {
        float: left;
        width: 30%;
        min-height: 100px;
        background-repeat: no-repeat;
        background-size: 70% auto;
        background-position-x: center;
        /*background-position-y:25%;*/
        background-position-y: 15px;
    }

    .icon01 {
        background-image: url('../Content/Images/FrontPage/rede.png');
    }

    .icon02 {
        background-image: url('../Content/Images/FrontPage/pecasnovas.png');
    }

    .icon03 {
        background-image: url('../Content/Images/FrontPage/pecasusadas.png');
    }

    .icon04 {
        background-image: url('../Content/Images/FrontPage/stock.png');
    }

    .icon05 {
        background-image: url('../Content/Images/FrontPage/salvados.png');
    }

    .icon06 {
        background-image: url('../Content/Images/FrontPage/dadostec.png');
    }

    .icon07 {
        background-image: url('../Content/Images/FrontPage/formacao.png');
    }

    .icon08 {
        background-image: url('../Content/Images/FrontPage/bolsaemp.png');
    }

    .icon09 {
        background-image: url('../Content/Images/FrontPage/assessoria.png');
    }

    .icon10 {
        background-image: url('../Content/Images/FrontPage/info.png');
    }

    .icon11 {
        background-image: url('../Content/Images/FrontPage/stats.png');
    }

    .icon12 {
        background-image: url('../Content/Images/FrontPage/simuladores.png');
    }

    .boxServiceRight {
        float: left;
        width: 70%;
        height: 100%;
    }

    .boxServiceTitle {
        display: flex;
        align-items: center;
        float: left;
        width: 100%;
        height: 30%;
        padding-top: 10px;
        min-height: 30px;
        font-size: 22px;
        /*font-size: 1.3vw;*/
        text-align: left;
        /*line-height:20px;*/
        color: #494d51;
        font-weight: 500;
        /*font-family:Calibri;*/
        /*background-color:#ccc;*/
    }

    .boxServiceText {
        float: left;
        width: 100%;
        /*height:60%;*/
        /*min-height: 100px;*/
        font-size: 16px;
        /*font-size: 0.95vw;*/
        text-align: left;
        color: #494d51;
        padding-right: 10px;
        /*background-color:red;*/
    }

    .boxService, .boxServiceIcon, .boxServiceTitle, .boxServiceText {
        border: 0px solid;
    }

    /*FRONTPAGE Info *******************************************************************/

    .boxRequest {
        display: table;
        border-radius: 1px;
        width: 100%;
        height: 180px;
        /*min-height:180px;*/
        min-height: 200px;
        cursor: pointer;
        margin-top: 20px;
    }

        .boxRequest:hover {
            background-color: #eee;
            /*border: solid 1px #ddd;*/
            /*color: #fff;*/
            box-shadow: 0 3px 10px #777;
            -webkit-transition: background-color 1s ease-out;
            -moz-transition: background-color 1s ease-out;
            -o-transition: background-color 1s ease-out;
            transition: background-color 1s ease-out;
        }

    .boxRequestTitle {
        /*background-color:#000;*/
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 45%;
        padding: 10px 7px 7px 7px;
        /*min-height: 50px;*/
        font-size: 24px;
        line-height: 28px;
        /*line-height:20px;*/
        /*color:#494d51;*/
        text-align: center;
        color: #efefef;
        font-weight: 500;
        /*font-family:Calibri;*/
    }

    .boxRequestText {
        display: flex;
        /*para centralizar 
        align-items: center; 
        justify-content: center;*/
        /*padding-top:10px;*/
        padding: 0px 7px 7px 7px;
        width: 100%;
        height: 55%;
        /*min-height: 100px;*/
        /*font-size: 0.95vw;*/
        font-size: 16px;
        text-align: center;
        color: #efefef;
    }

    .center {
    }

    .boxRequestTitle, .boxRequestText {
        border: 0px solid;
    }


    /*FRONTPAGE Workshop *******************************************************************/
    .boxWorkshop {
        display: table;
        border-radius: 1px;
        width: 100%;
        /*        height:100%;
        min-height:250px;*/
        /*        max-height:350px;*/
        cursor: pointer;
        margin-top: 0px;
        background-color: transparent;
        /*        margin-bottom:10px;*/
        /*min-width: 265px;
        max-width: 280px;*/
        /*        box-shadow: 0 1px 10px #888;
        -webkit-transition: background-color 1s ease-out;
        -moz-transition: background-color 1s ease-out;
        -o-transition: background-color 1s ease-out;
        transition: background-color 1s ease-out; */
    }

    /*.boxWorkshop:hover {*/
    /*background-color: #ddd;*/
    /*box-shadow: 0 3px 10px #333;
        -webkit-transition: background-color 1s ease-out;
        -moz-transition: background-color 1s ease-out;
        -o-transition: background-color 1s ease-out;
        transition: background-color 1s ease-out; 
        border:solid 1px #ccc;
    }*/

    .workshopname {
        /*         display:table-row;*/
        font-size: 1.7vh;
        text-transform: uppercase;
        /*        line-height: 20px;*/
        font-weight: 600;
        color: #206892;
    }

    .workshopdistrict {
        /*         display:table-row;*/
        font-size: 1.4vh;
        text-transform: uppercase;
        /*    line-height: 18px;*/
        font-weight: 600;
        color: #000;
    }



    .boxWorkshopImage {
        float: left;
        width: 100%;
        /*height:60%;*/
        /*min-height: 70px;*/
        /*max-height: 150px;*/
        /*background-image: url('../Content/Images/FrontPage/oficina2.jpg');*/
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: center;
        background-position-y: top;
        /*border-bottom:solid 1px #ddd;*/
    }


    .boxWorkshopInfo {
        /*display: table;*/
        width: 100%;
        padding-left: 10px;
        padding-top: 10px;
        background-color: transparent;
        /*para centralizar */
        align-items: center;
        justify-content: center;
        /*padding-top:10px;*/
    }


    .boxWorkshopImage, .boxWorkshopInfo {
        /*border:0px solid;*/
    }

    /*    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 170px;
        min-height:160px;
        overflow: hidden;
    }*/

    .WorkshopFrontPageImage {
        width: 100%;
        height: 100%;
        /*    border: solid 1px #bbb;*/
        cursor: pointer;
        transition: all .2s ease-in-out;
    }

        .WorkshopFrontPageImage:hover {
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
            transform: scale(1.5);
        }


    /*para qd não há dados*/


    .boxWorkshopEmpty {
        display: table;
        border-radius: 1px;
        width: 100%;
        /*height:350px;*/
        height: 100%;
        margin-top: 20px;
        background-color: transparent;
        /*min-width: 265px;
        max-width: 280px;*/
    }

    .boxWorkshopNoData {
        display: table;
        border-radius: 1px;
        width: 100%;
        height: 350px;
        margin-top: 20px;
        background-color: #fff;
        /*min-width: 265px;
        max-width: 280px;*/
        box-shadow: 0 3px 10px #999;
        -webkit-transition: background-color 1s ease-out;
        -moz-transition: background-color 1s ease-out;
        -o-transition: background-color 1s ease-out;
        transition: background-color 1s ease-out;
    }

    .boxWorkshopImageNoData {
        float: left;
        width: 100%;
        height: 60%;
        /*min-height: 70px;*/
        /*max-height: 150px;*/
        background-image: url('../Content/Images/FrontPage/advertiseTemp.png');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position-x: center;
        background-position-y: top;
        /*border-bottom:solid 1px #ddd;*/
    }

    /********************************************************
     ** FRONTPAGE Campaigns
     ** View: PortalDaOficina/Index + ModFrontPage.js
    ********************************************************/
    .rowMarginBottom {
        margin-bottom: 10px !important;
    }

    .divCampaignFrontPageContainer {
        width: 100%;
        height: auto;
        min-height: 100px;
        overflow-y: hidden;
        box-shadow: 0 3px 10px #888;
        -webkit-transition: background-color 1s ease-out;
        -moz-transition: background-color 1s ease-out;
        -o-transition: background-color 1s ease-out;
        transition: background-color 1s ease-out;
    }

        .divCampaignFrontPageContainer:hover {
            background-color: #ddd;
            box-shadow: 0 3px 10px #333;
            -webkit-transition: background-color 1s ease-out;
            -moz-transition: background-color 1s ease-out;
            -o-transition: background-color 1s ease-out;
            transition: background-color 1s ease-out;
        }

    .CampaignFrontPageImage {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }


    /*Informação para registo do lado direito para quando existe apenas 1 campanha*/
    .boxCampaignAdvertiseRegister {
        display: table;
        width: 100%;
    }

    .AdvertiseCampaignTitle {
        color: #307092;
        font-family: Arial Narrow, sans-serif;
        font-size: 2.5vh;
        font-weight: 500;
        line-height: 2.5vh;
        margin-bottom: 10px;
    }

    .AdvertiseCampaignButton {
        padding: 10px 25px 10px 25px;
        text-transform: uppercase;
        background-color: #4993b9;
        border: solid 1px #3e84a8;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
    }

        .AdvertiseCampaignButton:hover {
            background-color: #307092;
            border: solid 1px #3e84a8;
            color: #fff;
        }


    /********************************************************
     ** Detalhe da Campanha
     ** View: PortalDaOficina/Campaigns/Campaign?id=
    ********************************************************/

    .CampaignTitle {
        color: #314970;
        /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
        margin-bottom: 60px;
        word-break: break-word;
    }

    .CampaignSubTitle {
        margin-top: 20px;
        color: #777;
        /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
        font-size: 1.20rem;
        font-weight: 500;
        /*line-height:40px;*/
        text-transform: uppercase;
        word-break: break-word;
    }

    .CampaignDateEnd {
        margin-top: 0px;
        color: #777;
        /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
        font-size: 0.75rem;
        font-weight: 500;
        /*line-height:40px;*/
        text-transform: uppercase;
    }

    .CampaignText {
        margin-top: 30px;
        color: #444;
        /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
        font-size: 1.0rem;
        font-weight: 500;
        /*line-height:40px;*/
        word-break: break-word;
    }

    .CampaignButtonBack {
        border: solid 1px #ccc;
        background-color: #222d3d;
        color: #fff;
        border-radius: 2px;
        height: 35px;
        padding: 0px 20px 0 20px;
        cursor: pointer;
    }

        .CampaignButtonBack:hover {
            border: solid 1px #ccc;
            background-color: #000;
            color: #fff;
        }

    .CampaignButton {
        border: solid 1px #ccc;
        background-color: #222d3d;
        color: #fff;
        border-radius: 2px;
        height: 35px;
        padding: 5px 20px 0 20px;
    }

        .CampaignButton:hover {
            border: solid 1px #ccc;
            background-color: #000;
            color: #fff;
        }

    /********************************************************
    ** Workshops & PartnersDiscountCampaigns List
    ** View: PortalDaOficina/Campaigns/WorkshopCampaigns
    ** View: PortalDaOficina/Campaigns/PartnersDiscountCampaigns
    ********************************************************/

    .divCampaignContainer {
        width: 100%;
        height: 100%;
        /*min-height: 100px;*/
        overflow: hidden;
        transform: scale(1, 1);
        box-shadow: 1px 1px 5px #999;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .divCampaignContainer:hover {
            transform: scale(1.1, 1.1);
            box-shadow: 5px 5px 10px #999;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    .CampaignGenericImage {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    /* 1 # 5 */
@media only screen and (min-width: 1600px) {

    .carousel-item {
        height: 10px !important;
    }

    /*div do traço*/
    .indicador {
        top: 0px !important;
        height: 100px;
        background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
        background: rgba(204, 204, 204, 0.5);
    }

    /*altura do traço*/
    .carousel-indicators li {
        height: 4px !important;
    }

    .carouselBkgImage {
        background-color: #bfcadc;
        background-size: auto;
        background-position-x: center;
        background-position-y: top;
    }

    .contentor {
        height: 300px;
    }

    .bannerLeftSide {
        background-color: transparent;
        height: 100%;
    }

    .bannerRightSide {
        background-color: transparent;
        height: 100%;
    }

    .bannerBoxInfo {
        background-color: transparent;
        /*background: rgb(204, 204, 204);*/ /* Fallback for older browsers without RGBA-support */
        /*background: rgba(204, 204, 204, 0.5);*/
        text-align: left;
        width: 60%;
        height: 300px;
        padding: 10px 7px 0 10px;
        /*min-height: 300px;*/
        align-content: center;
    }

    .bannerBoxInfoTitle {
        width: 100%;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 2.0rem;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .bannerBoxInfoDesc {
        padding: 0 0 0 0;
        font-size: 1.0rem;
        line-height: 16px;
        margin-bottom: 7px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .bannerBoxInfoButton {
        padding: 3px 5px 3px 5px;
        font-size: 0.7rem;
        border-radius: 5px;
        background-color: #b00c16;
        border: solid 1px #b00c16;
        color: #eee;
        text-decoration: none;
    }

    .bannerBoxInfoButton:hover {
        background-color: #d0303a;
        border: solid 1px #d0303a;
        text-decoration: none;
        color: #eee;
    }

    .CampaignFrontPageImage {
        height: 100%;
    }

    .CampaignGenericImage {
        height: 100%;
    }

    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 170px;
        /*        min-height: 160px;*/
        overflow: hidden;
        border: solid 1px #bbb;
        border-radius: 1px;
        box-shadow: 0 5px 10px #ccc;
    }
}

/* 2 # 5 */
@media only screen and (min-width: 992px) and (max-width: 1600px) {
    .carousel-item {
        height: 10px !important;
    }

    /*div do traço*/
    .indicador {
        top: 0px !important;
        height: 100px;
    }

    /*altura do traço*/
    .carousel-indicators li {
        height: 4px !important;
    }

    .carouselBkgImage {
        background-size: cover;
        background-position-x: left;
        background-position-y: top;
    }

    .contentor {
        height: 300px;
    }

    .bannerLeftSide {
        height: 200px;
    }

    .bannerRightSide {
        background-color: transparent;
        height: 200px;
    }

    .bannerBoxInfo {
        background-color: transparent;
        text-align: left;
        width: 80%;
        height: 300px;
        padding: 10px 7px 0 10px;
        /*min-height: 300px;*/
        align-content: center;
    }

    .bannerBoxInfoTitle {
        width: 100%;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 2.0rem;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .bannerBoxInfoDesc {
        padding: 0 0 0 0;
        font-size: 1.0rem;
        line-height: 16px;
        margin-bottom: 7px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .bannerBoxInfoButton {
        padding: 3px 5px 3px 5px;
        font-size: 0.7rem;
        border-radius: 5px;
        background-color: #b00c16;
        border: solid 1px #b00c16;
        color: #eee;
        text-decoration: none;
    }

        .bannerBoxInfoButton:hover {
            background-color: #d0303a;
            border: solid 1px #d0303a;
            text-decoration: none;
            color: #eee;
        }

    .CampaignFrontPageImage {
        height: 100%;
    }

    .CampaignGenericImage {
        height: 100%;
    }

    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 130px;
        /*        min-height: 160px;*/
        overflow: hidden;
        border: solid 1px #bbb;
        border-radius: 1px;
        box-shadow: 0 5px 10px #ccc;
    }
}

/* 3 # 5 */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .carousel-item {
        height: 10px !important;
    }

    /*div do traço*/
    .indicador {
        top: 0px !important;
        height: 100px;
    }

    /*altura do traço*/
    .carousel-indicators li {
        height: 4px !important;
    }

    .carouselBkgImage {
        background-size: auto 200px;
        background-position-x: left;
        background-position-y: top;
    }

    .contentor {
        height: 300px;
    }

    .bannerLeftSide {
        height: 200px;
    }

    .bannerRightSide {
        background-color: #cfd8e7;
        height: 200px;
    }

    .bannerBoxInfo {
        text-align: left;
        width: 90%;
        height: 100%;
        padding: 10px 7px 0 10px;
        min-height: 310px;
    }

    .bannerBoxInfoTitle {
        color: #7284a1;
        width: 100%;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.2rem;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .bannerBoxInfoDesc {
        color: #7284a1;
        padding: 0 5px 0 0;
        font-size: 0.8rem;
        line-height: 14px;
        margin-bottom: 7px;
    }

    .bannerBoxInfoButton {
        padding: 3px 5px 3px 5px;
        font-size: 0.7rem;
        border-radius: 5px;
        background-color: #3f4f69;
        border: solid 1px #3f4f69;
        color: #cbd2dd;
        text-decoration: none;
    }

        .bannerBoxInfoButton:hover {
            background-color: #6c7b94;
            border: solid 1px #6c7b94;
            text-decoration: none;
            color: #eee;
        }

    .CampaignFrontPageImage {
        height: 100%;
    }

    .CampaignGenericImage {
        height: 100%;
    }

    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 170px;
        /*        min-height: 260px;*/
        overflow: hidden;
        border: solid 1px #bbb;
        border-radius: 1px;
        box-shadow: 0 5px 10px #ccc;
    }
}

/* 4 # 5 */
@media only screen and (min-width: 576px) and (max-width: 768px) {

    /*fundo do carossel*/
    .carousel-item {
        height: 10px !important;
    }

    /*div do traço*/
    .indicador {
        top: 0px !important;
        height: 100px;
        color:#000 !important;
    }

    /*altura do traço*/
    .carousel-indicators li {
        height: 4px !important;
    }

    .carouselBkgImage {
        background-size: auto 150px;
        background-position-x: left;
        background-position-y: top;
    }

    .contentor {
        /*       background-color: yellow;*/
        height: 300px;
    }

    .bannerLeftSide {
        /*background-color: #438aab;*/
        height: 150px;
        /*padding-top: 0;*/
    }

    .bannerRightSide {
        background-color: #cfd8e7;
        height: 300px;
    }

    .bannerBoxInfo {
        text-align: left;
        width: 90%;
        height: 100%;
        padding: 10px 7px 0 10px;
        min-height: 110px;
    }

    .bannerBoxInfoTitle {
        color: #7284a1;
        width: 100%;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.2rem;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .bannerBoxInfoDesc {
        color: #7284a1;
        padding: 0 5px 0 0;
        font-size: 0.8rem;
        line-height: 14px;
        margin-bottom: 7px;
    }

    .bannerBoxInfoButton {
        padding: 3px 5px 3px 5px;
        font-size: 0.7rem;
        border-radius: 5px;
        background-color: #3f4f69;
        border: solid 1px #3f4f69;
        color: #cbd2dd;
        text-decoration: none;
    }

        .bannerBoxInfoButton:hover {
            background-color: #6c7b94;
            border: solid 1px #6c7b94;
            text-decoration: none;
            color: #eee;
        }

    .CampaignFrontPageImage {
        height: 100%;
    }

    .CampaignGenericImage {
        /*height: 100%;*/
    }

    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 300px;
        /*        min-height: 160px;*/
        overflow: hidden;
        border: solid 1px #bbb;
        border-radius: 1px;
        box-shadow: 0 5px 10px #ccc;
    }
}

/* 5 # 5 */
@media only screen and (min-width: 200px) and (max-width: 576px) {

    /*fundo do carossel*/
    .carousel-item {
        height: 10px !important;
    }

    /*div do traço*/
    .indicador {
        top: 0px !important;
        height: 100px;
    }

    /*altura do traço*/
    .carousel-indicators li {
        height: 4px !important;
    }

    .carouselBkgImage {
        background-size: auto 150px;
        background-position-x: left;
        background-position-y: top;
    }

    .contentor {
 /*       background-color: yellow;*/
        height: 300px;
    }

    .bannerLeftSide {
        /*background-color: #438aab;*/
        height: 150px;
        /*padding-top: 0;*/
    }

    .bannerRightSide {
        /*        background-color: #888888;*/
        background-color: #cfd8e7;
        height: 350px;
    }

    .bannerBoxInfo {
        text-align: left;
        width: 90%;
        height: 100%;
        padding: 10px 7px 0 10px;
        min-height: 110px;
    }

    .bannerBoxInfoTitle {
        color: #7284a1;
        width: 100%;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 1.2rem;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

    .bannerBoxInfoDesc {
        color: #7284a1;
        padding: 0 5px 0 0;
        font-size: 0.8rem;
        line-height: 14px;
        margin-bottom: 7px;
    }

    .bannerBoxInfoButton {
        padding: 3px 5px 3px 5px;
        font-size: 0.7rem;
        border-radius: 5px;
        background-color: #3f4f69;
        border: solid 1px #3f4f69;
        color: #cbd2dd;
        text-decoration: none;
    }

    .bannerBoxInfoButton:hover {
        background-color: #6c7b94;
        border: solid 1px #6c7b94;
        text-decoration: none;
        color: #eee;
    }


    .CampaignFrontPageImage {
        height: 100%;
    }

    .CampaignGenericImage {
        /*height: 100%;*/
    }

    .divWorkshop {
        width: 100%;
        height: auto;
        max-height: 200px;
        min-height: 160px;
        overflow: hidden;
        border-radius: 1px;
        box-shadow: 0 5px 10px #ccc;
    }
}


    /* CUSTOM CSS ********************************/


    /*VALIDAÇÃO DE CAMPOS VAZIOS*/
    /*usado pela fun generica validacaoCamposVazios()*/
    /*para campos tipo inpue e textarea*/
    input.invalid, textarea.invalid {
        border: 1px solid red;
    }
    /*Truque: Para as comboboxes que na pratica são as Select2, é preciso alterar a class do seu elemento SPAN*/
    span.invalid {
        border: 1px solid red !important;
        border-radius: 2px;
    }

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

    /** SUB-MENU DAS PAGINAS DE EDIT 
    alteram os estilos originais
*/
    .nav-pills > li {
        float: left;
        color: #4b5f9e;
    }

        .nav-pills > li > a {
            border-radius: 3px;
            color: #4b5f9e;
        }

        .nav-pills > li + li {
            margin-left: 2px;
            color: #4b5f9e;
        }

        .nav-pills > li.active > a,
        .nav-pills > li.active > a:hover,
        .nav-pills > li.active > a:focus {
            color: #fff;
            background-color: #4b5f9e;
            font-weight: normal;
        }

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




    /********************************************************
    ** Payments
    ** View: Payments/index
    ********************************************************/

    .divLogoMultibanco {
        /*        width:200px;*/
        height: 90%;
        min-height: 50px;
        background-image: url('Images/Logos/multibanco.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: left;
        cursor: pointer;
    }

    .divLogoMbWay {
        /*    width: 200px;
    height: 70px;*/
        height: 90%;
        min-height: 50px;
        background-image: url('Images/Logos/MBWay.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: left;
        cursor: pointer;
    }

    .divLogoPayShop {
        /*    width: 200px;
    height: 70px;*/
        height: 90%;
        min-height: 50px;
        background-image: url('Images/Logos/payshop.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: left;
        cursor: pointer;
    }

    .txtBlue {
        color: #1e81b0;
        font-size: 10px;
    }

    .txtBlue12 {
        color: #1e81b0;
        font-size: 12px;
    }





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






    /*Testes*/

    .table-striped > tbody > tr:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #fcfcfc;
    }


    /*ICONS DENTRO DE CAIXAS CIRCULOS E RECT*/
    .ico_azul {
        /*background-color: #5c9ed8;*/
        color: #5c9ed8;
        height: 20px;
        line-height: 20px;
        vertical-align: text-bottom;
        width: 20px;
        font-size: 30px;
    }

    .ico_branco {
        /*background-color: #5c9ed8;*/
        color: #efefef;
        height: 50px;
        line-height: 50px;
        vertical-align: text-bottom;
        width: 50px;
        font-size: 30px;
    }

    .bt_circulo_azul {
        background-color: #5c9ed8;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        width: 60px;
        height: 60px;
        /*color: #ccc;*/
        align-content: center;
        text-align: center;
        cursor: pointer;
    }

    .bt_circulo_cinza {
        background-color: #ccc;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        width: 60px;
        height: 60px;
        color: #5c9ed8;
        align-content: center;
        text-align: center;
        cursor: pointer;
    }

    .bt_ico_azul {
        background-color: #5c9ed8;
        -moz-border-radius: 5%;
        -webkit-border-radius: 5%;
        border-radius: 5%;
        display: block;
        width: 20px;
        height: 20px;
        color: #fff;
        align-content: center;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
        font-size: 10px;
        float: right;
    }

    /*teste  <span class="glyphicon glyphicon-plus bt_ico_azul"></span>*/
    .form-horizontal .control-span {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }

    .gridActionBtn {
        background-color: #5c9ed8;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        /*display: block;*/
        width: 24px;
        height: 24px;
        color: #fff;
        align-content: center;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        font-size: 11px;
        padding-top: 5px;
    }

    .azul {
        /*background-color: #8dcaf8;*/
        background-color: #858a8f;
    }

    .cinza {
        background-color: #ccc;
    }

    .orange {
        background-color: #b21b22;
    }

    .ico_branco2 {
        /*background-color: #5c9ed8;*/
        color: #efefef;
        height: 20px;
        line-height: 22px;
        vertical-align: middle;
        width: 20px;
        font-size: 12px;
    }

    .pdfLink {
        color: #fff;
        background-color: #f2224f;
        font-size: 9px;
        border-radius: 3px;
        padding: 3px 8px 3px 8px;
        text-decoration: none;
        vertical-align: middle;
        margin-left: 5px;
    }

        .pdfLink:hover {
            color: #fff;
            background-color: #c91a40;
            text-decoration: none;
        }


    .fonte1 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 36px;
        /*color:#1a1a1a;*/
        color: #202020;
        /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/

        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

    .fonte2 {
        -webkit-font-smoothing: antialiased;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 300;
        font-size: 20px;
        color: #333;
    }


    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('../fonts/glyphicons-halflings-regular.eot');
        src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphicon-asterisk:before {
        content: "\002a";
    }

    .glyphicon-plus:before {
        content: "\002b";
    }

    .glyphicon-euro:before,
    .glyphicon-eur:before {
        content: "\20ac";
    }

    .glyphicon-minus:before {
        content: "\2212";
    }

    .glyphicon-cloud:before {
        content: "\2601";
    }

    .glyphicon-envelope:before {
        content: "\2709";
    }

    .glyphicon-pencil:before {
        content: "\270f";
    }

    .glyphicon-glass:before {
        content: "\e001";
    }

    .glyphicon-music:before {
        content: "\e002";
    }

    .glyphicon-search:before {
        content: "\e003";
    }

    .glyphicon-heart:before {
        content: "\e005";
    }

    .glyphicon-star:before {
        content: "\e006";
    }

    .glyphicon-star-empty:before {
        content: "\e007";
    }

    .glyphicon-user:before {
        content: "\e008";
    }

    .glyphicon-film:before {
        content: "\e009";
    }

    .glyphicon-th-large:before {
        content: "\e010";
    }

    .glyphicon-th:before {
        content: "\e011";
    }

    .glyphicon-th-list:before {
        content: "\e012";
    }

    .glyphicon-ok:before {
        content: "\e013";
    }

    .glyphicon-remove:before {
        content: "\e014";
    }

    .glyphicon-zoom-in:before {
        content: "\e015";
    }

    .glyphicon-zoom-out:before {
        content: "\e016";
    }

    .glyphicon-off:before {
        content: "\e017";
    }

    .glyphicon-signal:before {
        content: "\e018";
    }

    .glyphicon-cog:before {
        content: "\e019";
    }

    .glyphicon-trash:before {
        content: "\e020";
    }

    .glyphicon-home:before {
        content: "\e021";
    }

    .glyphicon-file:before {
        content: "\e022";
    }

    .glyphicon-time:before {
        content: "\e023";
    }

    .glyphicon-road:before {
        content: "\e024";
    }

    .glyphicon-download-alt:before {
        content: "\e025";
    }

    .glyphicon-download:before {
        content: "\e026";
    }

    .glyphicon-upload:before {
        content: "\e027";
    }

    .glyphicon-inbox:before {
        content: "\e028";
    }

    .glyphicon-play-circle:before {
        content: "\e029";
    }

    .glyphicon-repeat:before {
        content: "\e030";
    }

    .glyphicon-refresh:before {
        content: "\e031";
    }

    .glyphicon-list-alt:before {
        content: "\e032";
    }

    .glyphicon-lock:before {
        content: "\e033";
    }

    .glyphicon-flag:before {
        content: "\e034";
    }

    .glyphicon-headphones:before {
        content: "\e035";
    }

    .glyphicon-volume-off:before {
        content: "\e036";
    }

    .glyphicon-volume-down:before {
        content: "\e037";
    }

    .glyphicon-volume-up:before {
        content: "\e038";
    }

    .glyphicon-qrcode:before {
        content: "\e039";
    }

    .glyphicon-barcode:before {
        content: "\e040";
    }

    .glyphicon-tag:before {
        content: "\e041";
    }

    .glyphicon-tags:before {
        content: "\e042";
    }

    .glyphicon-book:before {
        content: "\e043";
    }

    .glyphicon-bookmark:before {
        content: "\e044";
    }

    .glyphicon-print:before {
        content: "\e045";
    }

    .glyphicon-camera:before {
        content: "\e046";
    }

    .glyphicon-font:before {
        content: "\e047";
    }

    .glyphicon-bold:before {
        content: "\e048";
    }

    .glyphicon-italic:before {
        content: "\e049";
    }

    .glyphicon-text-height:before {
        content: "\e050";
    }

    .glyphicon-text-width:before {
        content: "\e051";
    }

    .glyphicon-align-left:before {
        content: "\e052";
    }

    .glyphicon-align-center:before {
        content: "\e053";
    }

    .glyphicon-align-right:before {
        content: "\e054";
    }

    .glyphicon-align-justify:before {
        content: "\e055";
    }

    .glyphicon-list:before {
        content: "\e056";
    }

    .glyphicon-indent-left:before {
        content: "\e057";
    }

    .glyphicon-indent-right:before {
        content: "\e058";
    }

    .glyphicon-facetime-video:before {
        content: "\e059";
    }

    .glyphicon-picture:before {
        content: "\e060";
    }

    .glyphicon-map-marker:before {
        content: "\e062";
    }

    .glyphicon-adjust:before {
        content: "\e063";
    }

    .glyphicon-tint:before {
        content: "\e064";
    }

    .glyphicon-edit:before {
        content: "\e065";
    }

    .glyphicon-share:before {
        content: "\e066";
    }

    .glyphicon-check:before {
        content: "\e067";
    }

    .glyphicon-move:before {
        content: "\e068";
    }

    .glyphicon-step-backward:before {
        content: "\e069";
    }

    .glyphicon-fast-backward:before {
        content: "\e070";
    }

    .glyphicon-backward:before {
        content: "\e071";
    }

    .glyphicon-play:before {
        content: "\e072";
    }

    .glyphicon-pause:before {
        content: "\e073";
    }

    .glyphicon-stop:before {
        content: "\e074";
    }

    .glyphicon-forward:before {
        content: "\e075";
    }

    .glyphicon-fast-forward:before {
        content: "\e076";
    }

    .glyphicon-step-forward:before {
        content: "\e077";
    }

    .glyphicon-eject:before {
        content: "\e078";
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
    }

    .glyphicon-chevron-right:before {
        content: "\e080";
    }

    .glyphicon-plus-sign:before {
        content: "\e081";
    }

    .glyphicon-minus-sign:before {
        content: "\e082";
    }

    .glyphicon-remove-sign:before {
        content: "\e083";
    }

    .glyphicon-ok-sign:before {
        content: "\e084";
    }

    .glyphicon-question-sign:before {
        content: "\e085";
    }

    .glyphicon-info-sign:before {
        content: "\e086";
    }

    .glyphicon-screenshot:before {
        content: "\e087";
    }

    .glyphicon-remove-circle:before {
        content: "\e088";
    }

    .glyphicon-ok-circle:before {
        content: "\e089";
    }

    .glyphicon-ban-circle:before {
        content: "\e090";
    }

    .glyphicon-arrow-left:before {
        content: "\e091";
    }

    .glyphicon-arrow-right:before {
        content: "\e092";
    }

    .glyphicon-arrow-up:before {
        content: "\e093";
    }

    .glyphicon-arrow-down:before {
        content: "\e094";
    }

    .glyphicon-share-alt:before {
        content: "\e095";
    }

    .glyphicon-resize-full:before {
        content: "\e096";
    }

    .glyphicon-resize-small:before {
        content: "\e097";
    }

    .glyphicon-exclamation-sign:before {
        content: "\e101";
    }

    .glyphicon-gift:before {
        content: "\e102";
    }

    .glyphicon-leaf:before {
        content: "\e103";
    }

    .glyphicon-fire:before {
        content: "\e104";
    }

    .glyphicon-eye-open:before {
        content: "\e105";
    }

    .glyphicon-eye-close:before {
        content: "\e106";
    }

    .glyphicon-warning-sign:before {
        content: "\e107";
    }

    .glyphicon-plane:before {
        content: "\e108";
    }

    .glyphicon-calendar:before {
        content: "\e109";
    }

    .glyphicon-random:before {
        content: "\e110";
    }

    .glyphicon-comment:before {
        content: "\e111";
    }

    .glyphicon-magnet:before {
        content: "\e112";
    }

    .glyphicon-chevron-up:before {
        content: "\e113";
    }

    .glyphicon-chevron-down:before {
        content: "\e114";
    }

    .glyphicon-retweet:before {
        content: "\e115";
    }

    .glyphicon-shopping-cart:before {
        content: "\e116";
    }

    .glyphicon-folder-close:before {
        content: "\e117";
    }

    .glyphicon-folder-open:before {
        content: "\e118";
    }

    .glyphicon-resize-vertical:before {
        content: "\e119";
    }

    .glyphicon-resize-horizontal:before {
        content: "\e120";
    }

    .glyphicon-hdd:before {
        content: "\e121";
    }

    .glyphicon-bullhorn:before {
        content: "\e122";
    }

    .glyphicon-bell:before {
        content: "\e123";
    }

    .glyphicon-certificate:before {
        content: "\e124";
    }

    .glyphicon-thumbs-up:before {
        content: "\e125";
    }

    .glyphicon-thumbs-down:before {
        content: "\e126";
    }

    .glyphicon-hand-right:before {
        content: "\e127";
    }

    .glyphicon-hand-left:before {
        content: "\e128";
    }

    .glyphicon-hand-up:before {
        content: "\e129";
    }

    .glyphicon-hand-down:before {
        content: "\e130";
    }

    .glyphicon-circle-arrow-right:before {
        content: "\e131";
    }

    .glyphicon-circle-arrow-left:before {
        content: "\e132";
    }

    .glyphicon-circle-arrow-up:before {
        content: "\e133";
    }

    .glyphicon-circle-arrow-down:before {
        content: "\e134";
    }

    .glyphicon-globe:before {
        content: "\e135";
    }

    .glyphicon-wrench:before {
        content: "\e136";
    }

    .glyphicon-tasks:before {
        content: "\e137";
    }

    .glyphicon-filter:before {
        content: "\e138";
    }

    .glyphicon-briefcase:before {
        content: "\e139";
    }

    .glyphicon-fullscreen:before {
        content: "\e140";
    }

    .glyphicon-dashboard:before {
        content: "\e141";
    }

    .glyphicon-paperclip:before {
        content: "\e142";
    }

    .glyphicon-heart-empty:before {
        content: "\e143";
    }

    .glyphicon-link:before {
        content: "\e144";
    }

    .glyphicon-phone:before {
        content: "\e145";
    }

    .glyphicon-pushpin:before {
        content: "\e146";
    }

    .glyphicon-usd:before {
        content: "\e148";
    }

    .glyphicon-gbp:before {
        content: "\e149";
    }

    .glyphicon-sort:before {
        content: "\e150";
    }

    .glyphicon-sort-by-alphabet:before {
        content: "\e151";
    }

    .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152";
    }

    .glyphicon-sort-by-order:before {
        content: "\e153";
    }

    .glyphicon-sort-by-order-alt:before {
        content: "\e154";
    }

    .glyphicon-sort-by-attributes:before {
        content: "\e155";
    }

    .glyphicon-sort-by-attributes-alt:before {
        content: "\e156";
    }

    .glyphicon-unchecked:before {
        content: "\e157";
    }

    .glyphicon-expand:before {
        content: "\e158";
    }

    .glyphicon-collapse-down:before {
        content: "\e159";
    }

    .glyphicon-collapse-up:before {
        content: "\e160";
    }

    .glyphicon-log-in:before {
        content: "\e161";
    }

    .glyphicon-flash:before {
        content: "\e162";
    }

    .glyphicon-log-out:before {
        content: "\e163";
    }

    .glyphicon-new-window:before {
        content: "\e164";
    }

    .glyphicon-record:before {
        content: "\e165";
    }

    .glyphicon-save:before {
        content: "\e166";
    }

    .glyphicon-open:before {
        content: "\e167";
    }

    .glyphicon-saved:before {
        content: "\e168";
    }

    .glyphicon-import:before {
        content: "\e169";
    }

    .glyphicon-export:before {
        content: "\e170";
    }

    .glyphicon-send:before {
        content: "\e171";
    }

    .glyphicon-floppy-disk:before {
        content: "\e172";
    }

    .glyphicon-floppy-saved:before {
        content: "\e173";
    }

    .glyphicon-floppy-remove:before {
        content: "\e174";
    }

    .glyphicon-floppy-save:before {
        content: "\e175";
    }

    .glyphicon-floppy-open:before {
        content: "\e176";
    }

    .glyphicon-credit-card:before {
        content: "\e177";
    }

    .glyphicon-transfer:before {
        content: "\e178";
    }

    .glyphicon-cutlery:before {
        content: "\e179";
    }

    .glyphicon-header:before {
        content: "\e180";
    }

    .glyphicon-compressed:before {
        content: "\e181";
    }

    .glyphicon-earphone:before {
        content: "\e182";
    }

    .glyphicon-phone-alt:before {
        content: "\e183";
    }

    .glyphicon-tower:before {
        content: "\e184";
    }

    .glyphicon-stats:before {
        content: "\e185";
    }

    .glyphicon-sd-video:before {
        content: "\e186";
    }

    .glyphicon-hd-video:before {
        content: "\e187";
    }

    .glyphicon-subtitles:before {
        content: "\e188";
    }

    .glyphicon-sound-stereo:before {
        content: "\e189";
    }

    .glyphicon-sound-dolby:before {
        content: "\e190";
    }

    .glyphicon-sound-5-1:before {
        content: "\e191";
    }

    .glyphicon-sound-6-1:before {
        content: "\e192";
    }

    .glyphicon-sound-7-1:before {
        content: "\e193";
    }

    .glyphicon-copyright-mark:before {
        content: "\e194";
    }

    .glyphicon-registration-mark:before {
        content: "\e195";
    }

    .glyphicon-cloud-download:before {
        content: "\e197";
    }

    .glyphicon-cloud-upload:before {
        content: "\e198";
    }

    .glyphicon-tree-conifer:before {
        content: "\e199";
    }

    .glyphicon-tree-deciduous:before {
        content: "\e200";
    }

    .glyphicon-cd:before {
        content: "\e201";
    }

    .glyphicon-save-file:before {
        content: "\e202";
    }

    .glyphicon-open-file:before {
        content: "\e203";
    }

    .glyphicon-level-up:before {
        content: "\e204";
    }

    .glyphicon-copy:before {
        content: "\e205";
    }

    .glyphicon-paste:before {
        content: "\e206";
    }

    .glyphicon-alert:before {
        content: "\e209";
    }

    .glyphicon-equalizer:before {
        content: "\e210";
    }

    .glyphicon-king:before {
        content: "\e211";
    }

    .glyphicon-queen:before {
        content: "\e212";
    }

    .glyphicon-pawn:before {
        content: "\e213";
    }

    .glyphicon-bishop:before {
        content: "\e214";
    }

    .glyphicon-knight:before {
        content: "\e215";
    }

    .glyphicon-baby-formula:before {
        content: "\e216";
    }

    .glyphicon-tent:before {
        content: "\26fa";
    }

    .glyphicon-blackboard:before {
        content: "\e218";
    }

    .glyphicon-bed:before {
        content: "\e219";
    }

    .glyphicon-apple:before {
        content: "\f8ff";
    }

    .glyphicon-erase:before {
        content: "\e221";
    }

    .glyphicon-hourglass:before {
        content: "\231b";
    }

    .glyphicon-lamp:before {
        content: "\e223";
    }

    .glyphicon-duplicate:before {
        content: "\e224";
    }

    .glyphicon-piggy-bank:before {
        content: "\e225";
    }

    .glyphicon-scissors:before {
        content: "\e226";
    }

    .glyphicon-bitcoin:before {
        content: "\e227";
    }

    .glyphicon-btc:before {
        content: "\e227";
    }

    .glyphicon-xbt:before {
        content: "\e227";
    }

    .glyphicon-yen:before {
        content: "\00a5";
    }

    .glyphicon-jpy:before {
        content: "\00a5";
    }

    .glyphicon-ruble:before {
        content: "\20bd";
    }

    .glyphicon-rub:before {
        content: "\20bd";
    }

    .glyphicon-scale:before {
        content: "\e230";
    }

    .glyphicon-ice-lolly:before {
        content: "\e231";
    }

    .glyphicon-ice-lolly-tasted:before {
        content: "\e232";
    }

    .glyphicon-education:before {
        content: "\e233";
    }

    .glyphicon-option-horizontal:before {
        content: "\e234";
    }

    .glyphicon-option-vertical:before {
        content: "\e235";
    }

    .glyphicon-menu-hamburger:before {
        content: "\e236";
    }

    .glyphicon-modal-window:before {
        content: "\e237";
    }

    .glyphicon-oil:before {
        content: "\e238";
    }

    .glyphicon-grain:before {
        content: "\e239";
    }

    .glyphicon-sunglasses:before {
        content: "\e240";
    }

    .glyphicon-text-size:before {
        content: "\e241";
    }

    .glyphicon-text-color:before {
        content: "\e242";
    }

    .glyphicon-text-background:before {
        content: "\e243";
    }

    .glyphicon-object-align-top:before {
        content: "\e244";
    }

    .glyphicon-object-align-bottom:before {
        content: "\e245";
    }

    .glyphicon-object-align-horizontal:before {
        content: "\e246";
    }

    .glyphicon-object-align-left:before {
        content: "\e247";
    }

    .glyphicon-object-align-vertical:before {
        content: "\e248";
    }

    .glyphicon-object-align-right:before {
        content: "\e249";
    }

    .glyphicon-triangle-right:before {
        content: "\e250";
    }

    .glyphicon-triangle-left:before {
        content: "\e251";
    }

    .glyphicon-triangle-bottom:before {
        content: "\e252";
    }

    .glyphicon-triangle-top:before {
        content: "\e253";
    }

    .glyphicon-console:before {
        content: "\e254";
    }

    .glyphicon-superscript:before {
        content: "\e255";
    }

    .glyphicon-subscript:before {
        content: "\e256";
    }

    .glyphicon-menu-left:before {
        content: "\e257";
    }

    .glyphicon-menu-right:before {
        content: "\e258";
    }

    .glyphicon-menu-down:before {
        content: "\e259";
    }

    .glyphicon-menu-up:before {
        content: "\e260";
    }