/* MODAL */
 .modal-content {
     background-clip: padding-box;
     background-color: #FFFFFF;
     border: 1px solid rgba(0, 0, 0, 0);
     border-radius: 4px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
 .modal-dialog {
     z-index: 1000;
    /* must be higher then overlay z-index;
    */
}
 .overlay {
     z-index:90;
    /* must be lower then .modal-dialog */
     position:fixed;
    /* hide full web site */
     opacity:0.8;
    /* a bit transparent */
     -moz-opacity:0.8;
    /* fix for transparent for old browsers */
     filter:alpha(opacity=80);
     width:100%;
     height:100%;
    /* full screen*/
     top:0;
    /* must be 0 */
     left:0;
}
 .overlay {
     background: rgba(0,0,0,0.5);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    /* IE6–IE8 */
     zoom: 1;
}
 .modal .modal-body {
     background: #f8fafb;
}
 .modal .modal-title {
     font-size: 26px;
}

/*move snapshot button to the right of toolbar manu. Changing size of icon to 32x32*/
 a.modebar-btn[data-title="Download plot as a png"] {
	 clear: both;
	 float: left;
     margin-right : 440px;
	 margin-top : -3px!important;
}
 a.modebar-btn[data-title="Download plot as a png"] > svg {
     width : 38px;
     height : 38px;
}
 a.modebar-btn[data-title="Download data"] > svg {
     width : 38px;
     height : 38px;
}

 label, select {
     display: block;
}
 html * {
     font-size: 1em ;
     font-family: "Open Sans", helvetica, arial, verdana, sans-serif !important;
}
 
.modal-dialog{
    position: relative;
    display: table; /* This is important */ 
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    min-width: 300px;   
}