body
{
	background-color: #f1f7fc;
}

/*
---------------------------------------------------------
Estilos de Nav Bar
 */
#menu_navbar.navbar-defecto .navbar-brand {
    color: rgba(255, 255, 255, 1);
    text-decoration: 
}
#menu_navbar.navbar-defecto {
    font-size: 14px;
    background-color: rgba(10, 10, 10, 1);
    border-bottom-width: 0px;
}
#menu_navbar.navbar-defecto .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}
#menu_navbar.navbar-defecto .navbar-nav>li>a:hover,
#menu_navbar.navbar-defecto .navbar-nav>li>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(248, 248, 248, 1);
}
#menu_navbar.navbar-defecto .navbar-nav>.active>a,
#menu_navbar.navbar-defecto .navbar-nav>.active>a:hover,
#menu_navbar.navbar-defecto .navbar-nav>.active>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(231, 231, 231, 1);
}
#menu_navbar.navbar-defecto .navbar-toggle {
    border-color: #ddd;
}
#menu_navbar.navbar-defecto .navbar-toggle:hover,
#menu_navbar.navbar-defecto .navbar-toggle:focus {
    background-color: #ddd;
}
#menu_navbar.navbar-defecto .navbar-toggle .icon-bar {
    background-color: #888;
}
#menu_navbar.navbar-defecto .navbar-toggle:hover .icon-bar,
#menu_navbar.navbar-defecto .navbar-toggle:focus .icon-bar {
    background-color: #0a0a0a;
}

/*
--------------------------------------------------------------------
 */

.btn-huge{
    padding-top:20px;
    padding-bottom:20px;
}

@media (max-width: 767px)
{
    .navbar .navbar-nav {
        display: inline-block !important;
        float: none !important;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
    .dropdown-menu>li>a
    {
        color: black;
    }
    .tipo-modulo
    {            
        color: black;
    }
    .navbar-nav .open .dropdown-menu
    {
        background-color: white;
    }
}

/*--Upload--*/
.row-with-attachment{
        cursor: not-allowed !important;
        background-color: rgb(42, 160, 148);
        border-color: rgb(23, 121, 111);
        background-color: rgb(50, 50, 50) !important;
        border-color: rgb(35, 35, 35) !important;
    }
	.container-upload-box{
        width: 100%;display: table;
        border-collapse: separate;
    }
    .btn-select-file{
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background: rgb(37, 105, 162);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
    }
    .btn-select-file.ready-to-upload{
        background: rgb(140, 197, 245);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(14, 68, 113);
    }
    .btn-select-file.with-attachment{
        background: rgb(20,128,140);
        border: 1px solid rgb(24,90,146);
        border: 1px solid rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-select-file.disabled{
        background: rgb(212, 212, 212);
        border: 1px solid rgb(161, 161, 161);
        color: rgb(100,100,100);
        cursor: not-allowed;
    }
    .btn-delete-file{
        display: table-cell;
        width: 30px;
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border: 1px solid rgb(24, 90, 146);
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
    }
    .btn-delete-file:hover,
    .btn-delete-file:focus{
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border-color: rgb(24, 90, 146);
        cursor: not-allowed;
    }
    .btn-delete-file.ready-to-upload{
        background: rgb(37, 105, 162);
        border-color: rgb(24, 90, 146);
        color: rgb(255,255,255);
    }
    .btn-delete-file:hover.ready-to-upload,
    .btn-delete-file:focus.ready-to-upload{
        background-color: rgb(21, 79, 129);
        cursor: pointer;
    }

    .btn-delete-file.with-attachment{
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-delete-file:hover.with-attachment,
    .btn-delete-file:focus.with-attachment{
        background-color: rgb(16, 101, 110);
        cursor: pointer;
    }

    .btn-delete-file.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
    }
    .btn-delete-file:hover.disabled,
    .btn-delete-file:focus.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
        cursor: not-allowed;
    }

    .btn-view-file{
        display: table-cell;
        width: 30px;
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-view-file:hover,
    .btn-view-file:focus{
        background-color: rgb(16, 101, 110);
        color: rgb(255,255,255);
        cursor: pointer;
    }

    .input-file-hidden{
        visibility: hidden;
        position: absolute;
        left: -99999px;
    }
    /*--------------------------------------------------------------------*/
    .btn-fileupload-incrustated{
        /*margin-top: -30px;
        bottom: 0px;
        height: 30px;*/
        width: 80%;/*
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;*/
    }
    .btn-img{
        position: absolute;
        bottom: 15px;
        width: 10%;
        height: 30px;
        right: 15px;
        z-index: 1;
        padding: 5px;
    }
    @media (max-width: 991px){
        .btn-img{
            bottom: 0px;
        }
    }
    .btn-upload{
        position: absolute;
        bottom: 15px;
        width: 10%;
        height: 30px;
        right: 45px;
        z-index: 1;
        padding: 5px;
    }
    @media (max-width: 991px){
        .btn-upload{
            bottom: 0px;
        }
    }
    .container-upload-box{
        width: 100%;display: table;
        border-collapse: separate;
    }
    .btn-select-file{
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background: rgb(37, 105, 162);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
    }
    .btn-select-file.ready-to-upload{
        background: rgb(140, 197, 245);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(14, 68, 113);
    }
    .btn-select-file.with-attachment{
        background: rgb(20,128,140);
        border: 1px solid rgb(24,90,146);
        border: 1px solid rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-select-file.disabled{
        background: rgb(212, 212, 212);
        border: 1px solid rgb(161, 161, 161);
        color: rgb(100,100,100);
        cursor: not-allowed;
    }
    .btn-upload-file{
        display: table-cell;
        width: 30px;
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border: 1px solid rgb(24, 90, 146);
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
    }
    .btn-upload-file:hover,
    .btn-upload-file:focus{
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border-color: rgb(24, 90, 146);
        cursor: not-allowed;
    }
    .btn-upload-file.ready-to-upload{
        background: rgb(37, 105, 162);
        border-color: rgb(24, 90, 146);
        color: rgb(255,255,255);
    }
    .btn-upload-file:hover.ready-to-upload,
    .btn-upload-file:focus.ready-to-upload{
        background-color: rgb(21, 79, 129);
        cursor: pointer;
    }

    .btn-upload-file.with-attachment{
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-upload-file:hover.with-attachment,
    .btn-upload-file:focus.with-attachment{
        background-color: rgb(16, 101, 110);
        cursor: pointer;
    }

    .btn-upload-file.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
    }
    .btn-upload-file:hover.disabled,
    .btn-upload-file:focus.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
        cursor: not-allowed;
    }

    .btn-view-file{
        display: table-cell;
        width: 30px;
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        /*border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;*/
        vertical-align: middle;
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
    }
    .btn-view-file:hover,
    .btn-view-file:focus{
        background-color: rgb(16, 101, 110);
        color: rgb(255,255,255);
        cursor: pointer;
    }

    .btn-view-file-delete{
        /*display: table-cell;
        width: 30px;
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
        background: #d9534f;
        border-color: #ac2925;
        color: #fff;*/
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
        background: #d9534f;
        border-color: #ac2925;
    }

    .btn-view-file-delete:hover,
    .btn-view-file-delete:focus{
        background-color: #c9302c;
        color: #fff;
        cursor: pointer;
    }

    .input-file-hidden{
        visibility: hidden;
        position: absolute;
        left: -99999px;
    }
    #tabla_datos_beca_activa {
		font-size: 12px;
	}
	.full-width{
		width: 100%;
	}
	#container_fotografia input.file{
		visibility: hidden;
		display: none;
	}
/*--Upload--*/



#container_fotografia input.file{
	visibility: hidden;
	display: none;
}
.bubble-timeline{
	display: inline-block;
	background-color: rgb(77, 178, 208);
	border-radius: 50%;
	line-height: 2em;
	max-width: 220px;
	/*border: 2px solid rgb(255, 255, 255);*/
	padding: 2px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.icon-timeline-container{
	background-color: rgb(77, 178, 208);
	border: 3px solid rgb(255, 255, 255);
	border-radius: 50%;
	display: inline-block;
}
.img-timeline{
	width: 100%;
	/*background-color: rgb(77, 178, 208);
	border: 3px solid rgb(255, 255, 255);*/
	border-radius: 50%;
	display: inline-block;
}

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


/*---------------------------------------

Estilos para Material Switch
----------------------------------------*/
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 15px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 12px;
    margin-top: 4px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 18px;
    left: -2px;
    margin-top: 4px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    background-color: #5bc0de;
    left: 20px;
}

.material-switch > .checkbox-translate::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 18px;
    left: 20px;
    margin-top: 4px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + .checkbox-translate::after{
    background: inherit;
    background-color: #5bc0de;
    left: 40px;
}

/*-------------------------------------------------
Estilos varios
-----------------------------------------------------*/
.row-with-attachment{
        background-color: rgb(42, 160, 148);
        border-color: rgb(23, 121, 111);
        background-color: rgb(255, 255, 255) !important;
        border-color: rgb(35, 35, 35) !important;
}
.container-upload-box{
        width: 100%;display: table;
        border-collapse: separate;
        background-color: rgb(255, 255, 255);
        padding-bottom: 15px;
}
.btn-select-file{
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background: rgb(37, 105, 162);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
}
.btn-select-file.ready-to-upload{
        background: rgb(140, 197, 245);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(14, 68, 113);
}
.btn-select-file.with-attachment{
        background: rgb(20,128,140);
        border: 1px solid rgb(24,90,146);
        border: 1px solid rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-select-file.disabled{
        background: rgb(212, 212, 212);
        border: 1px solid rgb(161, 161, 161);
        color: rgb(100,100,100);
        cursor: not-allowed;
}
.btn-delete-file{
        display: table-cell;
        width: 30px;
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border: 1px solid rgb(24, 90, 146);
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
}
.btn-delete-file:hover,
.btn-delete-file:focus{
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border-color: rgb(24, 90, 146);
        cursor: not-allowed;
}
.btn-delete-file.ready-to-upload{
        background: rgb(37, 105, 162);
        border-color: rgb(24, 90, 146);
        color: rgb(255,255,255);
}
.btn-delete-file:hover.ready-to-upload,
.btn-delete-file:focus.ready-to-upload{
        background-color: rgb(21, 79, 129);
        cursor: pointer;
}

.btn-delete-file.with-attachment{
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-delete-file:hover.with-attachment,
.btn-delete-file:focus.with-attachment{
        background-color: rgb(16, 101, 110);
        cursor: pointer;
}

.btn-delete-file.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
}
.btn-delete-file:hover.disabled,
.btn-delete-file:focus.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
        cursor: not-allowed;
}

.btn-view-file{
        display: table-cell;
        width: 30px;
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-view-file:hover,
.btn-view-file:focus{
        background-color: rgb(16, 101, 110);
        color: rgb(255,255,255);
        cursor: pointer;
}

.input-file-hidden{
        visibility: hidden;
        position: absolute;
        left: -99999px;
}
/*--------------------------------------------------------------------*/
.btn-fileupload-incrustated{
        width: 80%;
}
.btn-img{
        position: absolute;
        bottom: 15px;
        width: 10%;
        height: 30px;
        right: 15px;
        z-index: 1;
        padding: 5px;
}
@media (max-width: 991px){
        .btn-img{
                bottom: 0px;
        }
}
.btn-upload{
        position: absolute;
        bottom: 15px;
        width: 10%;
        height: 30px;
        right: 45px;
        z-index: 1;
        padding: 5px;
}
@media (max-width: 991px){
        .btn-upload{
                bottom: 0px;
        }
}
.container-upload-box{
        width: 100%;display: table;
        border-collapse: separate;
}
.btn-select-file{
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background: rgb(37, 105, 162);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
}
.btn-select-file.ready-to-upload{
        background: rgb(140, 197, 245);
        border: 1px solid rgb(24, 90, 146);
        color: rgb(14, 68, 113);
}
.btn-select-file.with-attachment{
        background: rgb(20,128,140);
        border: 1px solid rgb(24,90,146);
        border: 1px solid rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-select-file.disabled{
        background: rgb(212, 212, 212);
        border: 1px solid rgb(161, 161, 161);
        color: rgb(100,100,100);
        cursor: not-allowed;
}
.btn-upload-file{
        display: table-cell;
        width: 30px;
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border: 1px solid rgb(24, 90, 146);
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        vertical-align: middle;
}
.btn-upload-file:hover,
.btn-upload-file:focus{
        background: rgb(37, 105, 162);
        color: rgb(24, 90, 146);
        border-color: rgb(24, 90, 146);
        cursor: not-allowed;
}
.btn-upload-file.ready-to-upload{
        background: rgb(37, 105, 162);
        border-color: rgb(24, 90, 146);
        color: rgb(255,255,255);
}
.btn-upload-file:hover.ready-to-upload,
.btn-upload-file:focus.ready-to-upload{
        background-color: rgb(21, 79, 129);
        cursor: pointer;
}

.btn-upload-file.with-attachment{
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-upload-file:hover.with-attachment,
.btn-upload-file:focus.with-attachment{
        background-color: rgb(16, 101, 110);
        cursor: pointer;
}

.btn-upload-file.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
}
.btn-upload-file:hover.disabled,
.btn-upload-file:focus.disabled{
        background: rgb(212, 212, 212);
        color: rgb(100,100,100);
        border-color: rgb(161, 161, 161);
        cursor: not-allowed;
}

.btn-view-file{
        display: table-cell;
        width: 30px;
        border-left: none;
        text-align: center;
        font-size: 16px;
        padding-left: 4px;
        vertical-align: middle;
        background: rgb(20,128,140);
        border-color: rgb(24,90,146);
        border-color: rgb(31, 149, 162);
        color: rgb(255,255,255);
}
.btn-view-file:hover,
.btn-view-file:focus{
        background-color: rgb(16, 101, 110);
        color: rgb(255,255,255);
        cursor: pointer;
}

.btn-view-file-delete{
        display: table-cell;
        width: 100%;
        height: 30px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid rgb(24, 90, 146);
        color: rgb(255,255,255);
        background: #d9534f;
        border-color: #ac2925;
}

.btn-view-file-delete:hover,
.btn-view-file-delete:focus{
        background-color: #c9302c;
        color: #fff;
        cursor: pointer;
}

.input-file-hidden{
        visibility: hidden;
        position: absolute;
        left: -99999px;
}
#tabla_datos_beca_activa {
        font-size: 12px;
}
.full-width{
        width: 100%;
}
#container_fotografia input.file{
        visibility: hidden;
        display: none;
}
.bubble-timeline{
        display: inline-block;
        background-color: rgb(77, 178, 208);
        border-radius: 50%;
        line-height: 2em;
        max-width: 220px;
        /*border: 2px solid rgb(255, 255, 255);*/
        padding: 2px;
        margin-bottom: 15px;
        margin-top: 15px;
}
.icon-timeline-container{
        background-color: rgb(77, 178, 208);
        border: 3px solid rgb(255, 255, 255);
        border-radius: 50%;
        display: inline-block;
}
.img-timeline{
        width: 100%;
        /*background-color: rgb(77, 178, 208);
        border: 3px solid rgb(255, 255, 255);*/
        border-radius: 50%;
        display: inline-block;
}
.estado1
{
    background-color: #2888A8;
    color: white;
}
.estado2
{
    background-color: #2951B2;
    color: white;
}
.estado3
{
    background-color: #522CBD;
    color: white;
}
.estado4
{
    background-color: #AB30C7;
    color: white;
}
.estado5
{
    background-color: #D03797;
    color: white;
}
.estado6
{
    background-color: #658E9C;
    color: white;
}
.estado7
{
    background-color: #E18B4D;
    color: white;
}
.estado8
{
    background-color: #32936F;
    color: white;
}
.estado9
{
    background-color: #D94246;
    color: white;
}
.estado10
{
    background-color: #FFBF00;
    color: white;
}
.estado11
{
    background-color: #E83F6F;
    color: white;
}
.estado12
{
    background-color: #2274A5;
    color: white;
}
.estado13
{
    background-color: #2EC4B6;
    color: white;
}

.table
{
    font-size: 14px!important;
}

@media (max-width: 991px){
    .btn-upload{
        bottom: 0px;
    }   
    .btn-left
    {
        border-radius: 5px 0 0 5px;
        width: 50%;
        padding: 5px;
    }
    .btn-center-left
    {
        border-radius: 0 5px 5px 0;
        width: 50%;
        padding: 5px;
    }
    .btn-center
    {
        border-radius: 0 0 0 0;
        width: 50%;
        padding: 5px;
    }
    .btn-center-right
    {
        border-radius: 5px 0 0 5px;
        width: 50%;
        padding: 5px;
    }
    .btn-right
    {
        border-radius: 0 5px 5px 0;
        width: 50%;
        padding: 5px;
    }
    .btn-right-solo
    {
        border-radius: 5px 5px 5px 5px;
        width: 100%;
        padding: 5px;
    }
}
@media (min-width: 991px){
    .btn-left
    {
        border-radius: 5px 0 0 5px;
        width: 25%;
        padding: 5px;
    }
    .btn-center-left
    {
        border-radius: 0;
        width: 25%;
        padding: 5px;
    }
    .btn-center-right
    {
        border-radius: 0;
        width: 25%;
        padding: 5px;
    }
    .btn-center
    {
        border-radius: 0;
        width: 25%;
        padding: 5px;
    }
    .btn-right,.btn-right-solo
    {
        border-radius: 0 5px 5px 0;
        width: 25%;
        padding: 5px;
    }
}

.btncollapsepaso
{
    cursor: pointer;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}