@media (min-width: 992px) {
            .col-md-6 {
                width: 50% !important;
            }
        }


        /* ************************************* BTN-GRID ********************************* */
        .btn-grid {
            background-color: #88be4c !important;
        }



        /* *********************************** DROPDOWN-MENU ****************************** */

        .dropdown-menu {
            background-color: #88be4c !important;
        }

        .dropdown-menu > li > a {
            background-color: #88be4c !important;
        }



        /* *********************************** ARROWS STYLING ****************************** */

        .margin_arrows {
            margin-top: 200px;
        }


        /* ************************************* ALERT MESSAGE ***************************** */

        .span6
        {
            margin-top: 15px;
            margin-bottom:30px;
        }


        /* ************************************* COLUMNA CENTRADA ************************** */

        col-centered{
            float: none;
            margin: 0 auto;
        }


        /* ************************************* QUITAR BORDE DE VASOS ********************* */

        fieldset {
            border: none !important;
        }


        /* ************************************** ASESORAMIENTO **************************** */

        .lnk-button {
          display: block;
          height: 25px;
          background: #f1f1f1;
          padding: 10px;
          text-align: center;
          border-radius: 5px;
          border: 1px solid #e1e1e2;
          color: #000;
          font-weight: bold;
        }


        /* ************************************** iframe ********************************** */        

        .container-iframe {
             position: relative;
             width: 100%;
             height: 0;
             /*padding-bottom: 65.25%;*/
             padding-bottom: 58%;
             padding-top: 40px;
             overflow: hidden;
         }
         .iframe {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
         }

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


        .span-logo {
        display: inline-block;
        vertical-align: top;
        height: 118px;
        width: 152px;
        }


        .block {
          width: 100%;
          text-align: center;
        }

        .rowB {
          width: 100px;
          display: inline-block; 
        }​



         /* ******************************** Página Default ********************************** */

         .row-title
         {
             background-color: lightgray !important;
         }

         .row-default
         {

         }

         h3 {
             font-size: 26px !important;
             font-weight: bold !important;
         }

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




        /* ******************************** VASO ********************************** */

        .vaso {
            vertical-align: middle;
            text-align: center;
            display: table-cell;
        }

        .number {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            font-size: 25px;
            font-weight: bold;
            color: black;
            display: inline-block;
        }




        /* ******************************** TABLE ********************************** */

        .table-bordered {
            border: none;
        }
  



        /* **************************** PRIMER SLIDER ****************************** */
           
        
        .range {
          position: relative;
          width: 800px;
          height: 5px;
        }

        .range input {
          width: 100%;
          position: absolute;
          top: 2px;
          height: 0;
          -webkit-appearance: none;
        }
        .range input::-webkit-slider-thumb {
          -webkit-appearance: none;
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range input::-moz-range-thumb {
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range input::-ms-thumb {
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range input::-webkit-slider-runnable-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range input::-moz-range-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range input::-ms-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range input:focus {
          background: none;
          outline: none;
        }
        .range input::-ms-track {
          width: 100%;
          cursor: pointer;
          background: transparent;
          border-color: transparent;
          color: transparent;
        }

        .range-labels {
          /*margin: 18px -41px 0;*/
          margin: 18px -90px 0 -65px;
          padding: 0;
          list-style: none;
        }
        .range-labels li {
          position: relative;
          float: left;
          width: 186px;
          text-align: center;
          color: #8c8c8c;
          font-size: 24px;
          cursor: pointer;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        }
        .range-labels li::before {
          position: absolute;
          top: -32px;
          right: 0;
          left: 0;
          content: "";
          margin: 0 auto;
          width: 24px;
          height: 24px;
          background: #8c8c8c;
          border-radius: 50%;
        }
        .range-labels .active {
          color: #222;
        }
        .range-labels .selected::before {
          background: #222;
        }
        .range-labels .active.selected::before {
          display: none;
        }



        /* ************* SEGUNDO SLIDER (Dificultad/Motivación) ********* */

        .range2 {
          position: relative;
          width: 800px;
          height: 5px;
        }

        .range2 input {
          width: 100%;
          position: absolute;
          top: 2px;
          height: 0;
          -webkit-appearance: none;
        }
        .range2 input::-webkit-slider-thumb {
          -webkit-appearance: none;
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range2 input::-moz-range-thumb {
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range2 input::-ms-thumb {
          width: 28px;
          height: 28px;
          margin: -9px 0 0;
          border-radius: 50%;
          background: #222;
          cursor: pointer;
          border: 0 !important;
        }
        .range2 input::-webkit-slider-runnable-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range2 input::-moz-range-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range2 input::-ms-track {
          width: 100%;
          height: 8px;
          cursor: pointer;
          background: #8c8c8c;
        }
        .range2 input:focus {
          background: none;
          outline: none;
        }
        .range2 input::-ms-track {
          width: 100%;
          cursor: pointer;
          background: transparent;
          border-color: transparent;
          color: transparent;
        }

        .range-labels2 {
          /*margin: 18px -41px 0;*/
          margin: 18px -90px 0 -65px;
          padding: 0;
          list-style: none;
        }
        .range-labels2 li {
          position: relative;
          float: left;
          width: 186px;
          text-align: center;
          color: #8c8c8c;
          font-size: 24px;
          cursor: pointer;
        }
        .range-labels2 li::before {
          position: absolute;
          top: -32px;
          right: 0;
          left: 0;
          content: "";
          margin: 0 auto;
          width: 24px;
          height: 24px;
          background: #8c8c8c;
          border-radius: 50%;
        }
        .range-labels2 .active {
          color: #222;
        }
        .range-labels2 .selected::before {
          background: #222;
        }
        .range-labels2 .active.selected::before {
          display: none;
        }






        
        /* ********************* Generic error ********************* */

        .generic-error
        {
            margin-left: 5%;
            margin-top: 3%;
            margin-right: 5%;
            border: 3px dashed red;
        }

        .title-generic-error
        {
            color: green;
            font-weight: bold;
            padding-left: 4%;
        }

        .p-generic-error
        {
            padding-left: 7%;
        }

        .ul-generic-error
        {
            padding-left: 9%;
        }



        
        
        /* ********************* Progress Bar ********************* */

        /*#result
        {
            font-weight:bold;
            font-size:x-large;
            color:green;
        }

        .progress-element
        {
            width:0%;
            background-color: green;
        }

        .progress-class
        {
            height:36px;
        }*/




        /* *********************** DropDown *********************** */

        .dropdown {
            width: 250px;
        }

        .test-dropdown {
            width: 100px;
        }

        stats-dropdown {
            width: 150px;
        }


        /* ************ Image Figure Update Profile ********** */

        figure {
          float: right;
          height: 420px;
          width: 320px;
          text-align: center;
          font-style: italic;
          font-size: large;
          font-weight: bold;
          color: forestgreen;
          text-indent: 0;
          /*border: thin silver solid;*/
          margin: 0.5em;
          padding: 0.5em;
        }
        img.scaled {
          width: 100%;
        }



        /* ********************* Hyperlink ********************* */

        .hyperlink
        {
            margin-left: 20%;
            font-size: large;
            font-weight: bold;
            text-decoration: underline;
        }




        /* **************** Item CheckBox para Medios.aspx ****************** */
        .hr-checkbox{
            margin-top: 60px;
            border: 0; 
            height: 1px; 
            background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
            background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
            background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
            background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
        }
        .subtitle{
            color: #33cc33;
            font-size: 26px;
            margin-left: 20% auto;
        }
        .inline{
          display: inline-block;
        }
        .inline + .inline{
          margin-left:10px;
        }
        [class*="modal"]{
          margin:25px ;
        }
        /*==================================*/

        .checkbox{
          color:#000;
          font-size:25px;
          position:relative;
        }
        .checkbox label{
          position:relative;
           padding-left:35px;
        }
            .checkbox label:before {
                background: #000;
                content: "";
                height: 30px;
                left: 0;
                position: absolute;
                top: 1px;
                width: 30px;
                border-radius: 4px;
            }
        .checkbox label:after{
            border-bottom: 2px solid #fff;
            border-right: 2px solid #fff;
            content: "";
            height: 20px;
            left: 12px;
            position: absolute;
            top: 3px;
            width: 8px;
            transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
            opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
        }
        .checkbox input[type="checkbox"]{
           cursor: pointer; 
          position:absolute;
          width:100%;
          height:100%;
          z-index: 1;
          opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
        }
            .checkbox input[type="checkbox"]:hover + label:after {
                opacity: 1;
                filter: alpha(opacity=100);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                border-color: #000;
            }
        .checkbox input[type="checkbox"]:checked + label:after,  .checkbox input[type="checkbox"]:checked + label:before{
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        .checkbox input[type="checkbox"]:checked + label:before{
          background:#12B555;
        }
        .checkbox input[type="checkbox"]:checked + label{
          color:#12B555;
        }



        /* ************************************** chklogin **************************************** */

        .chk-login{
          color:#6a7d95;
          font-size:25px;
          position:relative;
        }
        .chk-login label{
          position:relative;
           padding-left:35px;
        }
        .chk-login label:before{
            background:#6a7d95;
            content: "";
            height: 30px;
            left: 0;
            position: absolute;
            top: 1px;
            width: 30px;
          border-radius:4px;
        }
        .chk-login label:after{
            border-bottom: 2px solid #fff;
            border-right: 2px solid #fff;
            content: "";
            height: 20px;
            left: 12px;
            position: absolute;
            top: 3px;
            width: 8px;
            transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
            opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
        }
        .chk-login input[type="checkbox"]{
           cursor: pointer; 
          position:absolute;
          width:100%;
          height:100%;
          z-index: 1;
          opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
        }
        .chk-login input[type="checkbox"]:hover + label:after{ 
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
           border-color:#999;
        }
        .chk-login input[type="checkbox"]:checked + label:after,  .checkbox input[type="checkbox"]:checked + label:before{
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        .chk-login input[type="checkbox"]:checked + label:before{
          background:#4a5868;
        }
        .chk-login input[type="checkbox"]:checked + label{
          color:#4a5868;
        }

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



        /*===== Modal 2 ====*/

        .modal-2 .checkbox label:before{
          background:none;
          border:2px solid;
        }
        .modal-2 .checkbox input[type="checkbox"]:checked + label:before, .modal-2 .checkbox input[type="checkbox"]:checked + label:after{
          background:none;
           border-color:#12B555;
        }

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





        /* ********** Label preguntas ************ */

        .labelStyle
        {
            color:green;
            font-size:xx-large;
            font-weight:bold;
            font-family:"Helvetica Neue", Helvetica, Arial, cursive, sans-serif;
        }




        /* ********** Label actividades ************ */

        .labelActividades
        {
            color: #222;
            font-size: 44px;
            font-weight:bold;
            font-family:"Helvetica Neue", Helvetica, Arial, cursive, sans-serif;
        }



        /* ************** Label vasos **************** */

        .item-label
        {
            color:green;
            font-size:x-large;
            font-weight:bold;
            font-family:"Helvetica Neue", Helvetica, Arial, cursive, sans-serif;
            margin-left: 5% !important;
        }

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




        /* ******************* footer ********************* */

        footer 
        {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 20px !important;
        }

        /*
        footer 
        {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            background-color: #88be4c;
            font-size: 20px;
            font-weight: bold;
            color: white;
        }
        */
        /* ******************* */







        /* ******************* IMAGEN LOGIN USUARIO *********************** */

        .img-login
        {
            cursor: pointer;
        }






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


        .nopadding {
           padding: 0 !important;
           margin: 0 !important;
        }
        
        .form-group-button
        {
            /*position: fixed;*/
            bottom: 25%;
            right: 10%;
        }
        .form-group-left
        {
            position: fixed;
            bottom: 25%;
            right: 10%;
        }
        .form-group-right
        {
            position: fixed;
            bottom: 25%;
            left: 10%;
        }
        .form-group-listcheckbox
        {
            margin-top: 10px;
            margin-left: 0px !important;
            margin-right: 0px !important;
        }
        .RBL label
        {
            display: block;
        }

        .RBL td
        {
            text-align: unset;
            width: 40px;
        }

        .RBL input
        {
            width:17px;
            height:17px;
        }

        .BigCheckBox input 
        {
            width:25px !important;
            height:25px !important;
        }

        .BigRadioButton input 
        {
            width:17px;
            height:17px;
        }
         

        /* ******************* Spinner ******************** */

        .spinner 
        {
            margin-top: 20px;
            height: 80px;
            width: 200px;
        }
        .spinner input[type=number] {
            text-align: left;
            height: 80px;
            width: 200px;
            font: 30pt Courier;
            color: forestgreen;
            font-weight: bold;
            border-color: forestgreen;
            border-radius: 10px;
        }
        .spinner input[type=number]::-webkit-inner-spin-button { 
            width: 100px;
            height: 80px;
            text-align:center;
            position:relative;
        }
        .spinner input[type=number]:hover::-webkit-inner-spin-button,
        .spinner input[type=number]:hover::-webkit-outer-spin-button { 
            width: 100px;
            height: 80px;
            border-radius: 36px;
        }


        /* ***************** Small Spinner ****************** */

        .small-spinner 
        {
            margin-top: 20px;
            height: 70px;
            width: 150px;
        }
        .small-spinner input[type=number] {
            text-align: left;
            width:150px;
            height:70px;
            font: 30pt Courier;
            color: forestgreen;
            font-weight: bold;
            border-color: forestgreen;
            border-radius: 10px;
        }
        .small-spinner input[type=number]::-webkit-inner-spin-button { 
            height: 50px;
            width:50px;
            text-align:center;
            position:relative;
        }
        .small-spinner input[type=number]:hover::-webkit-inner-spin-button { 
            width: 50px;
            height: 50px;
            color: forestgreen;
            border-radius: 28px;
        }


        /* ******************* CalendarExtender ******************** */

        .cal_Theme1 .ajax__calendar_container   {
        background-color: #DEF1F4;
        border:solid 1px #77D5F7;
        }

        .cal_Theme1 .ajax__calendar_header  {
        background-color: #ffffff;
        margin-bottom: 4px;
        }

        .cal_Theme1 .ajax__calendar_title,
        .cal_Theme1 .ajax__calendar_next,
        .cal_Theme1 .ajax__calendar_prev    {
        color: #004080;
        padding-top: 3px;
        }

        .cal_Theme1 .ajax__calendar_body    {
        background-color: #ffffff;
        border: solid 1px #77D5F7;
        }

        .cal_Theme1 .ajax__calendar_dayname {
        text-align:center;
        font-weight:bold;
        margin-bottom: 4px;
        margin-top: 2px;
        color: #004080;
        }

        .cal_Theme1 .ajax__calendar_day {
        color: #004080;
        text-align:center;
        }

        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
        .cal_Theme1 .ajax__calendar_active  {
        color: #004080;
        font-weight: bold;
        background-color: #DEF1F4;
        }

        .cal_Theme1 .ajax__calendar_today   {
        font-weight:bold;
        }

        .cal_Theme1 .ajax__calendar_other,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
        color: #bbbbbb;
        }

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



        /* ******************* LABEL LOGIN *********************** */

        .label-login
        {
            position: center;
            margin-bottom: 5%;
            margin-top: 5%;
            font-size: xx-large;
            font-weight: bold;
        }



         /* ******************* Modal popup ******************** */

        .customLabel
        {
            padding-bottom: 5px !important;
            margin-bottom: 5px !important;
        }
        
        .modalBackground
        {
            margin: 0;
            background-color: black;
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
        
        .modalPopup
        {
            position: fixed;
            background-color: #FFFFFF;
            border: 10px solid #88be4c;
            border-radius: 12px;
            padding: 0;
        }
        
        .modalPopup .header
        {
            background-color: #e6e6e6;
            height: auto;
            color: #526173;
            line-height: 50px;
            font-size: 50px;
            text-align: center;
            font-weight: bold;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            padding: 30px
        }
        
        .modalPopup .body
        {
            height: 100%;
            line-height: 35px;
            align-items: center;
            text-align:center;
            background-color: #a6a6a6;
        }

        .login-block
        {
            margin: auto;
        }

        .child
        {
        }

        .yes
        {
            margin-top: 25px !important;
            margin-bottom: 40px !important;
        }

        .no
        {
            margin-top: 25px !important;
            margin-bottom: 40px !important;
        }
        
        .txtPassword
        {
            display: initial !important;
            max-height:100%;
            max-width:100%;
            width: 100% !important;
            height: 100% !important;
            margin-bottom: 25px;
        }

        .rfv
        {
            margin-top: 50px;
            padding-top: 60px;
            padding-left: 10px;
            color: #ff1a1a;
            font-size: 16px;
            font-family: Verdana, Tahoma, Arial;
            font-weight: bold;
        }

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





        /* ******************* Menú bloques ******************** */

        .col-menu
        {
            border: none;
            padding: 2px;
        }


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






        /* ******************* Btn Menú ******************** */

        .btnMenu
        {
            max-height:100%;
            max-width:100%;
            width: 100% !important;
            height: 150px !important;
            font-size: 24px !important;
            font-weight: bold;
            border-style: none;
        }

        .col-iniciarregistro
        {
            vertical-align: middle;
            text-align: center;
            margin-top: 20px !important;
            margin-bottom: 0px !important;
        }

        .btnIniciarRegistro
        {
            display: inline-block;
            max-height:100%;
            max-width:40%;
            width: 100% !important;
            height: 100% !important;
            font-size: 45px !important;
            font-weight: bold;
            margin-bottom: 0px !important;
        }



         /* ******************* navbars ******************** */

        .navbar, .navbar div, .navbar-brand, .navbar-header {
            height: 50px !important;
            min-height: 50px !important;
            max-height: 50px !important;
        }

        .first-navbar {
            background-color: #88be4c !important;
            border-bottom: hidden;
        } 

        .second-navbar
        {
            background-color: #75c7f0 !important;
            margin-top:50px;
            z-index:1;
        } 

        .third-navbar
        {
            background-color: #75c7f0 !important;
            margin-top:50px;
            z-index:1;
        } 

        .second-body
        {
            padding-top: 60px;
        }

        .third-body
        {
            padding-top: 60px;
            width: 100%;
        }   

        .fecha-menu
        {
            padding-bottom: 5px;
        }

        .nav a
        {
            font-size: 1.6em !important;
            color: white !important;
            height: 50px;
            margin: 0;
            /*font-family: sans-serif !important;*/
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        }  

        .navbar-header a
        {
            font-size: 1.8em !important;
            color: white !important;
            font-weight: bold !important;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            /*font-family: "Helvetica Neue", Helvetica, Arial, cursive, sans-serif;*/
        }

        .logout
        {
            height: 50px !important;
            max-height: 100% !important;
            padding-top: 0px !important;
            top: 0px !important;
        }

        .img-logout
        {
            padding-bottom: 5px !important;
        }

        .user-name:hover
        {
            padding-bottom: 0px !important;
            cursor: context-menu;
        }

        .dropdown-help
        {
            width: 150px !important;
        }

        .secondDropdown
        {
            background-color: #75c7f0 !important;
        }

        .liMenuAsesoramiento
        {
            width: 500px !important;
        }

        .open 
        {
            background-color: #75c7f0 !important;
        }

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

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus 
        {
            color: #555555;
            background-color: #75c7f0 !important;
        }

        .liDropdownAsesoramiento
        {
            background-color: #75c7f0 !important;
        }

        .ul
        {
            width: 70% !important;
        }

          /*@media screen and (max-width: 1405px) {
          .first-navbar
          {
            height: 100px;
          } 
          .third-navbar
          {
            margin-top:100px;
          } 
          .second-navbar
          {
            height: 100px;
            margin-top:100px;
          } 
          .second-body
          {
            padding-top: 160px;
          }
        }*/
/*
        @media screen and (max-width: 1450px) {
          .first-navbar a:not(:first-child), .dropdown .dropbtn {
            display: none;
          }
          .first-navbar a.icon {
            float: right;
            display: block;
          }
        }
        */
        /*@media screen and (max-width: 1310px) {
            .first-navbar li:nth-child(1), .dropdown .dropbtn {
                display: none;
            }
            .first-navbar a.icon {
               float: right;
               display: block;
            }
        }

        @media screen and (max-width: 1050px) {
            .first-navbar li:nth-child(5), .dropdown .dropbtn {
                display: none;
            }
            .first-navbar a.icon {
               float: right;
               display: block;
            }
        }*/
/*
        @media screen and (max-width: 950px) {
            .first-navbar li:nth-child(1), .dropdown .dropbtn {
                display: none;
            }
            .first-navbar a.icon {
               float: right;
               display: block;
            }
        }*/
@media (max-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .first-navbar li:nth-child(1), .dropdown .dropbtn {
        display: block !important;
    }
}

        .navbar-collapse-first {
            background-color: #88be4c !important;
        }

        .navbar-collapse-second, .navbar-collapse-third {
            background-color: #75c7f0 !important;
        }

        li a 
        {
            cursor: pointer;
            height: 50px;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        
        li a:hover 
        {
            cursor: pointer;
            background-color: #75c7f0 !important;
            height: 50px;
        }

        .liSecondBar a:hover 
        {
            background-color: #88be4c !important;
            height: 50px;
        } 

        .Y
        { 
            display: block;
            margin: 0 auto;
        } 

        /*.service-section 
        {
            margin-top:0px;
        }*/

        .default-col
        {
            /*border: 3px solid forestgreen;
            padding: 5px;*/
        }

        .form-group-photomosaic
        {
            /*margin-top: 25px;*/
        }


        
        .main_container 
        {
            overflow:hidden; 
            /*border:1px solid forestgreen;*/
            padding-bottom:5px;
            position:relative;
            padding-top: 40px;
            width: 600px;
        }
        .ulCls
        {
            list-style:none;
            margin:0;
            padding:0

        }
        .ulCls li
        {
            float:left;
            width:33%;
            display:block;
            text-align:center;
            font-weight: bold;
            font-size: 28px;
            color: forestgreen;
            height: 30px;
        }
        .slider_rail 
        {   
            position: relative;
            height: 8px;    
            width: 600px; 
            background: #FFFFFF url('../Img/r.gif') repeat-x;
        }
        .handleStyle
        {
            position: absolute;
            height: 30px;
            width: 30px;
            background-color: forestgreen;
            border-top-left-radius: 2em;
            border-radius:8px;
            padding-top: 0px;
        }






        /* ******************** Glyphicons ******************* */

        .glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: "Glyphicons Halflings";
            font-style: normal;
            font-weight: 400;
            line-height: 1;
        }


        
        /* ******************** SLIDER STYLES ******************* */
        /*
        .slider {
	        width: 60%;
	        height: 34px;
	        position: relative;
	        margin: 40px auto;
	        background: #10171D;
            float: left;
            
	
	        -webkit-border-radius: 40px;
	        -moz-border-radius: 40px;
	        border-radius: 40px;
	
	        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	        -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
        }

        .slider .bar {
	        width: 98%;
	        height: 24px;
	        background: #333;
	        position: relative;
	        top: 5px;
	        left: 1%;	
	
	        background: #1d2e38;
	        background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
	        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
	        background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	        background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	        background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	        background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );	
	
	        -webkit-border-radius: 40px;
	        -moz-border-radius: 40px;
	        border-radius: 40px;
        }

        .slider .highlight {
	        height: 6px;
	        position: absolute;
	        width: 98%;
	        top: 14px;
	        left: 1%;
		
	        -webkit-border-radius: 40px;
	        -moz-border-radius: 40px;
	        border-radius: 40px;
	
	        background: rgba(255, 255, 255, 0.25);
        }

        input[type="range"] {
	        -webkit-appearance: none;
	        background-color: black;
	        height: 2px;
        }

        input[type="range"]::-webkit-slider-thumb {
	        -webkit-appearance: none;
	        position: relative;
	        top: 0px;
	        z-index: 1;
	        width: 30px;
	        height: 30px;
	        cursor: pointer;
	        -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	        -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	        box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	        -webkit-border-radius: 40px;
	        -moz-border-radius: 40px;
	        border-radius: 40px;
	        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
        }

        input[type="range"]:hover ~ #rangevalue,input[type="range"]:active ~ #rangevalue {
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	        filter: alpha(opacity=100);
	        opacity: 1;
	        top: -75px;
        }

        input[type="range"]:hover ~ #rangevalue2,input[type="range"]:active ~ #rangevalue2 {
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	        filter: alpha(opacity=100);
	        opacity: 1;
	        top: -75px;
        }*/

        /* Tool Tip */
        /*#rangevalue{
	        color: white;
	        font-size: 16px;
            font-weight: bold;
	        text-align: left;
	        font-family:  Arial, sans-serif;
	        display: block;
	        color: #fff;
	        margin: 20px 0;
	        position: relative;
	        left: 44.5%;
	        padding: 6px 12px;
	        border: 1px solid black;

	        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        -moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222931), color-stop(100%,#181D21));

	        -webkit-border-radius: 20px;
	        -moz-border-radius: 20px;
	        border-radius: 20px;
	        width: 22px;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        filter: alpha(opacity=0);
	        opacity: 0;

	        -webkit-transition: all 0.5s ease;
	        -moz-transition: all 0.5s ease;
	        -o-transition: all 0.5s ease;
	        -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	        top: -95px;
        }*/

        /* Tool Tip */
        /*#rangevalue2{
	        color: white;
	        font-size: 16px;
            font-weight: bold;
	        text-align: left;
	        font-family:  Arial, sans-serif;
	        display: block;
	        color: #fff;
	        margin: 20px 0;
	        position: relative;
	        left: 44.5%;
	        padding: 6px 12px;
	        border: 1px solid black;

	        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        -moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 4px 0px rgba(0,0,0,0.4);
	        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222931), color-stop(100%,#181D21));

	        -webkit-border-radius: 20px;
	        -moz-border-radius: 20px;
	        border-radius: 20px;
	        width: 22px;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        filter: alpha(opacity=0);
	        opacity: 0;

	        -webkit-transition: all 0.5s ease;
	        -moz-transition: all 0.5s ease;
	        -o-transition: all 0.5s ease;
	        -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	        top: -95px;
        }



        input[type="range"]:focus{
          outline:none;
        }*/




        /* **********  Radio Buttons ************ */

        .control {
          display: block;
          position: relative;
          padding-left: 50px;
          margin-top: 25px;
          margin-bottom: 10px;
          cursor: pointer;
          font-size: 25px;
          color: #228B22;
          font-weight: normal;
          width: 80%;
        }
        .control input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          margin-right: 20px;
        }
        /* Bola RB */
        .control__indicator {
          position: absolute;
          top: 2px;
          left: 0;
          height: 30px;
          width: 30px;
          background: #737373;
        }
        .control--radio .control__indicator {
          border-radius: 50%;
        }
        .control:hover input ~ .control__indicator,
        .control input:focus ~ .control__indicator {
          background: #ccc;
        }
        .control input:checked ~ .control__indicator {
          background: #228B22; /* Color de RB seleccionado */
          font-weight: bold !important;
        }
        .control:hover input:not([disabled]):checked ~ .control__indicator,
        .control input:checked:focus ~ .control__indicator {
          background: #228B22; /* Color de RB seleccionado */
          font-weight: bold !important;
        }
        .control input:disabled ~ .control__indicator {
          background: #e6e6e6;
          opacity: 0.6;
          pointer-events: none;
        }
        .control__indicator:after {
          content: '';
          position: absolute;
          display: none;
        }
        .control input:checked ~ .control__indicator:after {
          display: block;
        }
        /* Bola central seleccionado */
        .control--radio .control__indicator:after {
          left: 9px;
          top: 9px;
          height: 12px;
          width: 12px;
          border-radius: 50%;
          background: #fff;
        }
        .control--radio input:disabled ~ .control__indicator:after {
          background: #595959;
        }
        .select {
          position: relative;
          display: inline-block;
          margin-bottom: 15px;
          width: 100%;
        }
        .select select {
          display: inline-block;
          width: 100%;
          cursor: pointer;
          padding: 10px 15px;
          outline: 0;
          border: 0;
          border-radius: 0;
          background: #e6e6e6;
          color: #595959;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
        }
        .select select::-ms-expand {
          display: none;
        }
        .select select:hover,
        .select select:focus {
          color: #000;
          background: #ccc;
        }
        .select select:disabled {
          opacity: 0.5;
          pointer-events: none;
        }
        .select__arrow {
          position: absolute;
          top: 16px;
          right: 15px;
          width: 0;
          height: 0;
          pointer-events: none;
          border-style: solid;
          border-width: 8px 5px 0 5px;
          border-color: #595959 transparent transparent transparent;
        }
        .select select:hover ~ .select__arrow,
        .select select:focus ~ .select__arrow {
          border-top-color: #000;
        }
        .select select:disabled ~ .select__arrow {
          border-top-color: #ccc;
        }




        /* ********************* GRID VIEW ******************* */
        .centerHeaderText th {
            text-align: center;
        }
        #DivGV{
            width:80% !important;
            margin-left:auto !important;
            margin-right:auto !important;
        }
        .mydatagrid
        {
	        width: 100%;
	        border: solid 3px black;
            border-collapse:collapse;
	        /*min-width: 80%;*/
        }
        .header
        {
	        background-color: #646464;
	        font-family: Arial;
	        color: White;
	        border: none 0px transparent;
	        height: 25px;
	        text-align: center;
	        font-size: 16px;
        }

        .rows
        {
	        background-color: #fff;
	        font-family: Arial;
	        font-size: 14px;
	        color: #000;
	        min-height: 25px;
	        text-align: left;
	        border: none 0px transparent;
        }
        .rows:hover
        {
	        background-color: #88be4c;
	        font-family: Arial;
	        color: #000;
	        text-align: left;
        }
        .selectedrow
        {
	        background-color: #88be4c;
	        font-family: Arial;
	        color: #fff;
	        font-weight: bold;
	        text-align: left;
        }
        .mydatagrid a /** FOR THE PAGING ICONS  **/
        {
	        background-color: Transparent;
	        padding: 5px 5px 5px 5px;
	        color: #fff;
	        text-decoration: none;
	        font-weight: bold;
            font-size: 20px;
        }

        .mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
        {
	        background-color: #000;
	        color: #fff;
            font-size: 20px;
        }
        .mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
        {
	        background-color: #c9c9c9;
	        color: #000;
	        padding: 5px 5px 5px 5px;
            font-size: 20px;
        }
        .pager
        {
	        background-color: #646464;
	        font-family: Arial;
	        color: White;
	        height: 30px;
	        text-align: left;
        }

        .mydatagrid td
        {
	        padding: 5px;
        }
        .mydatagrid th
        {
	        padding: 5px;
        }


        /* ***************** image checkbox *************** */

        label > input{ /* HIDE RADIO */
          visibility: hidden; /* Makes input not-clickable */
          position: absolute; /* Remove input from document flow */
        }
        label > input + img{ /* IMAGE STYLES */
          cursor:pointer;
          border:2px solid transparent;
        }
        label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
          border:4px solid #33cc33;
        }


        /* ********************* Magic Checkbox ******************* */
        @keyframes hover-color {
          from {
            border-color: #c0c0c0; }
          to {
            border-color: #12B555; } }

        .magic-radio,
        .magic-checkbox {
          position: absolute;
          display: none; }

        .magic-radio[disabled],
        .magic-checkbox[disabled] {
          cursor: not-allowed; }

        .magic-radio + label,
        .magic-checkbox + label {
          position: relative;
          display: block;
          padding-left: 70px;
          font-size: 25px;
          color: #262626;
          font-weight: normal;
          cursor: pointer;
          vertical-align: middle; }
          .magic-radio + label:hover:before,
          .magic-checkbox + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color; }
          .magic-radio + label:before,
          .magic-checkbox + label:before {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 40px;
            height: 40px;
            content: '';
            border: 4px solid #404040; }
          .magic-radio + label:after,
          .magic-checkbox + label:after {
            position: absolute;
            display: none;
            content: ''; }

        .magic-radio[disabled] + label,
        .magic-checkbox[disabled] + label {
          cursor: not-allowed;
          /*color: #e4e4e4;*/ }
          .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
          .magic-checkbox[disabled] + label:hover,
          .magic-checkbox[disabled] + label:before,
          .magic-checkbox[disabled] + label:after {
            cursor: not-allowed; }
          .magic-radio[disabled] + label:hover:before,
          .magic-checkbox[disabled] + label:hover:before {
            /*border: 1px solid #e4e4e4;*/
            animation-name: none; }
          .magic-radio[disabled] + label:before,
          .magic-checkbox[disabled] + label:before {
            /*border-color: #e4e4e4;*/ }

        .magic-radio:checked + label:before,
        .magic-checkbox:checked + label:before {
          animation-name: none; }

        .magic-radio:checked + label:after,
        .magic-checkbox:checked + label:after {
          display: block; }

        .magic-radio + label:before {
          border-radius: 50%; }

        .magic-radio + label:after {
          top: 6px;
          left: 6px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #12B555; }

        .magic-radio:checked + label:before {
          border: 1px solid #12B555; }

        .magic-radio:checked[disabled] + label:before {
          border: 1px solid #12B555; }

        .magic-radio:checked[disabled] + label:after {
          background: #c9e2f9; }

        .magic-checkbox + label:before {
          border-radius: 3px; }

        .magic-checkbox + label:after {
          top: 2px;
          left: 12px;
          box-sizing: border-box;
          width: 15px;
          height: 25px;
          transform: rotate(45deg);
          border-width: 2px;
          border-style: solid;
          border-color: #fff;
          border-top: 0;
          border-left: 0; }

        .magic-checkbox:checked + label:before {
          border: #12B555;
          background: #12B555; }

        .magic-checkbox:checked[disabled] + label:before {
          /*border: #c9e2f9;
          background: #c9e2f9;*/ }






        /* ****************** Formato parrafos ********************** */

        p {
            font-family: "Times New Roman", Times, serif;
            font-size: x-large;
        }





        /* **************** Botones asesoramiento ******************* */

        .container-pdf{
            margin-top: 30px;
            padding: 15px;
        }
        .simplebutton1
        {
            color: #fff;
            background-color:#9b59b6;
            height: 50px;
            width: 340px;
            padding:10px;
            border:none 0px transparent;
            font-size: 25px;
            font-weight: lighter;
            webkit-border-radius: 2px 2px 2px 2px;
            -moz-border-radius:  2px 2px 2px 2px;
            border-radius:  2px 2px 2px 2px;
        }

        .simplebutton1:hover
        {
            background-color:#3498db;
            border:solid 1px #fff;
        }

        .simplebutton1:focus
        {
            color: #383838;
            background-color: #fff;
            border:solid 3px rgba(98,176,255,0.3);
        }

        /*** SECOND BUTTON ***/

        .simpleshape1
        {
            color: #fff;
            background-color:#2ecc71;
            height: 50px;
            width: 340px;
            padding:10px;
            border:none 0px transparent;
            font-size: 25px;
            font-weight: lighter;
            webkit-border-radius: 2px 16px 16px 16px;
            -moz-border-radius:  2px 16px 16px 16px;
            border-radius:  2px 16px 16px 16px;
        }

        .simpleshape1:hover
        {
            background-color: #e74c3c;
            border:solid 1px #fff;
        }

        .simpleshape1:focus
        {
            color: #383838;
            background-color: #fff;
            border:solid 3px rgba(98,176,255,0.3);
        }

        /**** THIRD BUTTON ***/

        .bordereffect
        {
            color: #1abc9c;
            background-color: Transparent;
            height: 50px;
            width: 340px;
            padding: 10px;
            border: solid 2px #1abc9c;
            font-size: 20px;
            font-weight: lighter;
            font-family: Consolas;
            webkit-border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            border-radius: 0px 0px 0px 0px;
        }

        .bordereffect:hover
        {
            color: #fff;
            border: solid 5px #fff;
            cursor:pointer;
        }

        .bordereffect:focus
        {
        }

        /*** BORDER BOTTOM ***/
        .borderbottom
        {
            color: #d35400;
            background-color: Transparent;
            height: 50px;
            width: 340px;
            padding: 10px;
            border: solid 0px #d35400;
            border-bottom: solid 2px #d35400;
            font-size: 20px;
            font-weight: lighter;
            webkit-border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            border-radius: 0px 0px 0px 0px;
        }

        .borderbottom:hover
        {
            color: #f39c12;
            border: solid 0px #f39c12;
            border-bottom: solid 2px #f39c12;
            border-top: solid 2px #f39c12;
        }

        /*** BORDER EFFECT ***/
        .bordereffect
        {
            color: #1abc9c;
            background-color: Transparent;
            height: 50px;
            width: 340px;
            padding: 10px;
            border: solid 2px #1abc9c;
            font-size: 20px;
            font-weight: lighter;
            font-family: Consolas;
            webkit-border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            border-radius: 0px 0px 0px 0px;
        }
        .bordereffect:hover
        {
            color: #fff;
            border: solid 5px #fff;
            cursor:pointer;
        }
        .bordereffect:focus
        {
        }
        /*** SIMPLE TRANSIT ***/
        .simpletransit
        {
            color: #fff;
            background-color: #9b59b6;
            height: 50px;
            width: 340px;
            padding: 10px;
            font-size: 25px;
            -webkit-border-radius: 2px 2px 2px 2px;
            -moz-border-radius: 2px 2px 2px 2px;
            border-radius: 2px 2px 2px 2px;
            transition: width 2s, height 4s;
            -webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
            -webkit-transition-delay: 1s; /* Safari */
            transition-delay: 1s;
        }
        .simpletransit:hover
        {
            background-color: #ffdf9d;
            color: #000;
            height: 65px;
            width: 375px;
            padding: 10px;
            border: solid 1px #fff;
            -webkit-border-radius: 16px 2px 16px 2px;
            -moz-border-radius: 16px 2px 16px 2px;
            border-radius: 16px 2px 16px 2px;
            font-size: 25px;
            transition: opacity 1s, top 1s, right 1s;
            cursor: pointer;
        }
        /*** IMAGE BUTTON ***/
        .imagebutton
        {
            color: #fff;
            background-color: Transparent;
            height: 50px;
            width: 340px;
            padding: 10px;
            border: solid 0px #d4d4d4;
            border-bottom: solid 2px #d4d4d4;
            font-size: 20px;
            font-weight: lighter;
            webkit-border-radius: 0px 0px 0px 0px;
            -moz-border-radius: 0px 0px 0px 0px;
            border-radius: 0px 0px 0px 0px;
        }

        .imagebutton:hover
        {
            background: url('../image/right.png') no-repeat right center;
            border-bottom: solid 6px #fff;
        }


        /* ********************** PROFESIONAL POPUP LOGIN STYLE **************** */
        .MessageBoxPopupBackground
        {
            filter: Alpha(Opacity=40);
            -moz-opacity: 0.4;
            opacity: 0.4;
            width: 100%;
            height: 100%;
            background-color: #999999;
            position: absolute;
            z-index: 500001;
            top: 0px;
            left: 0px;
        }
        .popupHeader
        {
            float: left;
            padding: 5px 0px 0px 0px;
            width: 420px;
            font-family: tahoma;
            font-weight: bold;
            height: 25px;
            text-decoration: none;
            background-image: url("images/body_tab_top.jpg");
            background-repeat: repeat-x;
            color: #FFFFFF;
        }
        .popupHeader span
        {
            color: #fff;
            text-decoration: none;
            line-height: 15px;
            text-decoration: none;
            float: left;
            margin-left: 10px;
        }
        .popupHeader a
        {
            color: #fff !important;
            text-decoration: none !important;
            line-height: 15px;
            text-decoration: none;
            float: right;
            margin-right: 10px;
        }
        .popup_button
        {
            color: #fff !important;
            font-family: arial, Geneva, sans-serif;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none !important;
            width: auto;
            background-image: url('images/button_bg.jpg');
            background-repeat: repeat-x; /*height: 24px;*/
            line-height: 22px;
            padding: 3px 15px 3px 15px;
            float: left;
            margin: 0px 0px 0px 5px;
        }


        .glyphicon.fast-right-spinner {
            -webkit-animation: glyphicon-spin-r 1s infinite linear;
            animation: glyphicon-spin-r 1s infinite linear;
        }

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

        .repetitionday-label input {
            display: block;
        }

        .repetitionday-label label {
            display: block;
        }