.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 100px;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
-webkit-overflow-scrolling: touch;
outline: 0;
background-color: rgba(255,255,255,0.6);
}
.close {
color: #5E5D5D;
float: right;
font-size: 28px;
font-weight: bold;
}
.modal-title {
margin: 10px;
background: #ffffff;
font-size: 17px;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.428571429px;
background: #ffffff;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-body {
position: relative;
padding: 20px;
background: #ffffff;
}
@media (min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
.modal-lg {
width: 900px
}
}
.form-control {
display: block;
width: 95%;
height: 34px;
padding: 6px 12px;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.submit-button {
border: solid 1px #000000;
cursor: pointer;
width: 30%;
padding: 10px;
margin: 10px 0px 5px 0px;
background: #293D57;
color: #FFFFFF;
font: 16px arial;
font-weight: bold;
border-radius: 4px;
}