.width-80{
	width:80%;
	max-width:80%;
	min-width:80%;
}

.width-20{
	width:20%;
	max-width:20%;
	min-width:20%;
}

.width-40{
	width:40%;
	max-width:40%;
	min-width:40%;
}

.width-30{
	width:30%;
	max-width:30%;
	min-width:30%;
}

.main_header {
    padding: 5px;
    background: -webkit-linear-gradient(#7beae5, #7beae5);
    background: -o-linear-gradient(#4db2d3, #2e88a5);
    background: -moz-linear-gradient(#4db2d3, #2e88a5);
    background: linear-gradient(#4db2d3, #2e88a5);
    color: #7beae5;
}

.footer {
    text-align: center;
    padding: 6px;
    font-size: 10px;
    background: -webkit-linear-gradient(#4db2d3, #2e88a5);
    background: -o-linear-gradient(#4db2d3, #2e88a5);
    background: -moz-linear-gradient(#4db2d3, #2e88a5);
    background: linear-gradient(#4db2d3, #2e88a5);
    color: #ffffff;
    width: 100%;
}
.fixed-bottom{
   position:fixed;
   bottom: 0;
}
.cpanel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #d5e7ed;
    border-radius: 4px;

}
.cpanel .panel-heading {
 
    color: #4db2d3;
  
    background: #edf7fa;
}

.alert-container{
    bottom: 20px;
    right: 20px;
    position: fixed;
}

.btn-logout{
    
}

.alert-container{
    font-size: 80%;
}
.c_hide{display:none;}
.c_show{display:block;}
@media only screen and (max-width:769px){#mobile_error{display:block !important;} 
#screen_display{display:none !important;}
}
@media only screen and (min-width:769px){#mobile_error{display:none !important;}
#screen_display{display:block !important;}
}
.form-control.pref_select{min-width:60px;}

.pref_col{
	padding: 5px 0px;

}

.pref_col.active{
	background-color: #edf7fa;
	border:thin 1px blue;
}
#dropdown_container{
	
}
.preference_panel{
	margin-left:16%
}