/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 14, 2017, 3:34:37 PM
    Author     : OHM_NB
*/

html, body {
    /* fallback */
  background-color: #6ac4f6;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ac4f6), to(#3d99df));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #3d99df, #6ac4f6);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #3d99df, #6ac4f6);

  /* IE 10 */
  background: -ms-linear-gradient(top, #3d99df, #6ac4f6);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #3d99df, #6ac4f6);
}

.content-box{
    margin: auto;
    width: 550px;
    height: 400px;
    border: 1px solid #d9e3e8;
    border-radius: 12px;
    background: white;
    padding: 20px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.head-part{
    text-align: center;
    color: #2173b9;
    font-weight: bold;
}

.head-part > p {
    
}

.content-part{    
    display: flex;
    flex-wrap: wrap;
    color: #2173b9;
    font-weight: bold;
    margin-bottom: 20px;
}

.content-part ul {
    margin: auto;
}
.content-part li{
    list-style-type: none;
    line-height: 50px;
    text-align: left;
}

.button-part{
    width: 100%;
    /*display: block;*/
}

.button-part button{
    /*float: left;*/
    margin: 5px;
    display: inline-block;
}

ul li{
    float: left;
}

ul li.labelWidth{
    width: 150px;
}

ul li.break{
    clear: left;
}

hr {
    border: 1px solid #d9e3e8;
}

.textbox {
    padding: 3px;
}