body{
	background-color: #dcdcdc !important;
	margin:0;
	height:100%;
	padding:0;
}

.form-becas{

}

.form-becas textarea{
    min-height:150px;
}

.form-becas .form-group{
    
}


.date{
    float:left;
    margin-bottom:15px;
    margin-top:15px;
}

.date .container{
    padding-left:0;
}

.date div.day,
.date div.month,
.date div.year{
       float:left;
       width:25%;
       padding:5px;
}

.date div.year{
    width:40%;
}

.decision{
    border:1px solid #ccc;
    border-radius:3px;
    width:100%;
    float:left;
    padding:12px 0 12px 12px;
    font-size:18px;
    background-color:#fcfcfc;
    margin-bottom:15px;
}


.decision .form-group{
    float:left !important;
    margin-bottom:0px !important;
    width:25%;
}

#familiares .add{

    float:left;

}

#familiares .btn-add{

    display:block;
    padding:10px;
    padding-top:15px;
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#444;
    color:#fff;
    font-size:28px;
    text-align:center;
    font-weight:bold;
    width:60px;
    height:60px;

}

#familiares .btn-add:hover{

    color:black;
    background-color:gold;

}

#familiares .btn-disabled.btn-add:hover{
    background-color:transparent;
}

#familiares #familiars{

    float:left;

}
#familiares .list{

}

#familiares .list .person-container{

    float:left;
    margin-left:10px;

}

form.panel-primary{
    color:#333;
}

#familiares .list .person-container .icon{

    display:block;
    outline:0;
    padding:5px;
    border:2px dashed #ccc;
    width:80px;
    height:80px;
    margin:20px;
    margin-bottom:10px;
    text-align:center;
    font-size:48px;
    clear:both;
    color:#222;
    

}

#familiares .list .person-container .icon i{
    padding:12px;
    padding-left:14px;
}

#familiares .list .person-container .icon.edit{
    background-color:#28b2ac;
    border:1px solid #ccc;
    border-radius:5px;
    color:#fff;
}

#familiares .list .person-container .buttons{
    
    margin:0 auto;
    width:80px;
}

#familiares .list .person-container .info {
    background-color:#333;
    color:#fcfcfc;
    border-radius:3px;
    
    margin-top:10px;
}

#familiares .list .person-container .info .nombre{
    clear:both;
    font-weight:bold;
    text-align:center;
    word-break: break-all;
}

#familiares .list .person-container .info .documento{

    clear:both;
    font-weight:normal;
    font-style:italic;
    text-align:center;
    word-break: break-all;

}

#familiares .list .person-container .info{
    
    font-size:12px;
    font-weight:bold;
    text-align:center;
    
}

ul.error_list{

    list-style-type:none;
    margin:5px;
    margin-left:0;
    background-color:#FFCCBA;
    color:#D63301;
    border-radius:2px;
    padding:10px 0px 10px 40px;
    border:1px solid #D63301;
    background-image:url('/assets/img/knobs/KnobRemoveRed.png');
    background-repeat:no-repeat;
    background-position: left center;
    font-weight:bold;
}

ul.warning_list{

    list-style-type:none;
    margin:5px;
    margin-left:0;
    background-color:#fffbbc;
    color:#333;
    border-radius:2px;
    padding:10px 0px 10px 40px;
    border:1px solid #D63301;
    background-image:url('/assets/img/knobs/KnobMessage.png');
    background-repeat:no-repeat;
    background-position: left center;
    font-weight:bold;
}

ul.error_list li{
}

.radio_list{
    list-style-type:none;
    background-color:#f5f5f5;
    color:#333;
    border-radius:3px;
    padding:0.5em;
    padding-top:0.8em;
    border:1px solid #9e9e9e;
}

.radio_list li{
    display:inline;
    padding-right:1em;
    padding-top:0.5em;
    padding-left:0.5em;
}

#progress-bar{
    margin-top:3%;
    padding:10px 0 0 0;
    border:0px;
    background-color:#fcfcfc;
    
}

#progress-bar ul{ 
    margin:0;
    padding:0;
}

#progress-bar .steps{
    list-style-type:none;
    text-transform:uppercase;
    margin:0 auto;
    color:#ccc;
    font-size:14px;
}

#progress-bar.panel-default{

    padding:0px !important;
    box-shadow:0 !important;
    
}

#progress-bar .steps .active{
    color:#444;
}

#progress-bar #progress-cursor img{
    
    margin-left:30px;
    
}

#progress-bar .steps li{
    padding: 0 2% 0 2%;
    display:inline;
    font-weight:bold;
}

#progress-bar .panel-footer{
    background-color:transparent;
    border-top:1px dashed #ccc;
}

.file-group .panel-body{
    padding:0;
}




.file-group .title p{
    display:block;
    float:left;
    font-size:24px;
    padding-top:5px;
    margin-left:10px;
}

.file-group .main-file{
    clear:both;
    padding:30px 0 75px 30px;
    width:100%;
    background-color:#4f4f4f;
    color:#fcfcfc;
    border:0px;
    border-bottom:1px solid #cecece;
}


.file-group .main-file .add {
    float:left;
    margin-left:3%;
}


.file-group .files{
    float:left;
    width:100%;
    background-color:#888;
    padding:10px;
    display:none;
    padding-left:20px;
    color:#fcfcfc;
}

.file-group .file{
    display:none;
    padding:5px;
    padding-left:0;
    margin-bottom:10px;
    float:left;
    width:100%;
}

.file-group .file .btn-delete-file{

    float:left;
    padding:3px;
    width:42px;
    font-size:22px;
    margin-left:10px;

}

.file-group input[type="file"]{
    display:block;
    float:left;
    border:1px solid #ccc;
    border-radius:5px;
    width:80%;
    font-size:22px;
    padding:3px;
}

@media screen and (max-width: 576px) {
	.panel-footer{
			display:table;
			width: 100% !important;	
		};
}