@import 'mixins.less';

.modal {
    background-color: #f8f8f8;
    position: relative;
    width: 620px;
    .regular-font;

	h1 {
    	border-bottom: 1px solid #E1E1E1;
    	color: #00336E;
    	font-size: 22px;
    	padding: 10px 20px;
	}

	h2 {
    	border-bottom: 1px solid #E1E1E1;
    	color: #00336E;
    	font-size: 22px;
    	padding: 10px 20px;
	}

	h3 {
    	color: #007DC3;
    	font-size: 16px;
    	padding: 0px;
	}

	a {
  		
		&:visited {
			color: #007dc3;
		}
		&:hover {
			color: #000;
		}
	}
	
	.content {
    	padding: 20px;
    	width: 580px;
    	.regular-font;

		ul, ol {
  			padding-left: 20px;
		}

		ol {
			li {
 				list-style: decimal inside none;
 				.regular-font;
			}
		}

		ul {
			li {
  				list-style: disc inside none;
  			}
  		}
	}
}



@media only screen and (max-width : @max-mobile-resolution) {
	
	.modal {
		width: 100%;
		.content {
			width: 100%;
			box-sizing: border-box;
		}
	}
}