/* Buttons */

.nav_txt {
        font-size: .85rem;
        color: #fff;
        /*background: #1d31d3;*/
        /*background: #555ea4;
        border: 1px solid #555ea4;*/
		background: #1d5898;
        border: 1px solid #1d5898;
		outline: none;
		cursor: pointer;
        border-radius: 3px;
        padding-top: 3px;
        padding-bottom: 3px;	    
    }
	
/* Products Page */

.fog-column {
	/* float: left; */
	background-color: #fff !important;
	/* width: 50%; */
	margin: 0 auto;
	width: 80%;
  }
  
  
.fog-row:after {
	content: "";
	display: table;
	background-color: #fff !important;
	clear: both;
  }

    td.imgbox {
	    width:600px;
	    height:332px
    }

    form {
        font-size: 0.85em;
        font-weight: bold;
        white-space: nowrap;
        color: #536ba8;
	}   
	
	.radiomod-label {
		cursor: pointer;
	}

    .radiomod-label > input[type="radio"] {
		/*appearance: none !important;*/
        display: none;
    }

    .input-text {
        font-family: Arial, Helvetica, sans-serif;
        /*font-size: 1rem;*/
        font-size: 0.85rem;
        /*color: #3d509e;*/
    }

    .input-border {
        border: none;
        border-bottom: 1px solid #000;
    }

    #current_img_name {
        width: 83%;
        /*font-size: 1rem;*/
        font-size: 0.85rem;
        /*color: #3d509e;*/
		transition: all .25s ease-in;
		text-align-last: center;
    }

    /*#current_img_name:hover {
        width: 100%;
        position: absolute;
    }*/
    
    #anim-speed {
        color: #000;
        font-weight: normal;
        display: inline-block;
        width: .85rem;
        text-align: center;
    }


/* Monitoring Table */

	.mytable, .mytable tr, .mytable td, .mytable th
	{
	font-family:sans-serif;
	font-size:10pt;
	color:black;
	text-align:center;
	padding-left:0.01in;
	padding-right:0.01in;
	}

	.loading {
		margin: 5px auto;	
		width: 50px;
		height: 50px;
		border: 10px solid #f3f3f3;
		border-radius: 50%;
		border-top: 10px solid #0b4b8f;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;	
	}

	.close {
		color: white;
		font-size: 1.2rem;
		padding: 2px 10px;
		cursor: pointer;
	}
	
	.close:hover {
		color: black;
		background-color: white;
		-webkit-animation: spin 3s linear 5;
		animation: spin 3s linear 5;	
	}
	
	@-webkit-keyframes spin {
		0% { 
			transform: rotate(0deg); 
		}
		100% { 
			transform: rotate(360deg); 
		}	
	}
		
	@keyframes spin {
		0% { 
			transform: rotate(0deg); 
		}
		100% { 
			transform: rotate(360deg); 
		}		
	}
	
	.bannerDate {
		color: #1d5898;
		font-size: 1.2rem;
	}
	
	.fileName-display {
		display: none;
		position: fixed;
		top: 0;
		left: 2vw;		
		margin: 5px auto 0 auto;
        padding: 10px 15px;
		color: #333;
		color: #fff;
        background: #32becf;
        font-weight: bold;
        box-shadow: -1px -1px #999;
        border-radius: .25em;
        max-width: 80vw;
        overflow-wrap: break-word;
	}
	
	#fogCloudRequest-display h2 {
		margin-top: 0;
	}
	
	.close-box {
		display: inline-block;
		position: absolute;
		top: 2px;
		right: 2px;
		padding: 2px 5px;
		border-left: 1px dotted white;
		border-bottom: 1px dotted white;
	}
	
	.close-box:hover {
		color: #32becf;
		background-color: #fff;
		cursor: pointer;
		
	}
	
	.error {
		color: red;
	}
	
	.large {
		font-size: 2rem;
		width: -moz-max-content;
    	width: max-content;
    	height: auto;
    	background: #fff;
    	margin: 0 auto;
    	padding: 20px 35px;
	}