.oypie-home{
    position:relative;
    overflow:auto;
    margin:16px 0;
    padding:20px 20px;
    border:1px solid #e5e5e5;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
    box-shadow:0 1px 1px rgba(0,0,0,.04);
    background:#FFF;
    font-size:13px;
    line-height:2.1em;
}
.oypie-home h2{
    margin:0;
    font-size:21px;
    font-weight:400;
    line-height:1.2
}
.oypie-home h3{
    font-size:16px;
    margin: 0;
}
.oypie-home li{
    font-size:14px
}
.oypie-home p{
    color:#72777c;
    padding: 0 20px 0 0;
}
.oypie-home a{
    text-decoration:none
}.oypie-home .about-description{
    font-size:16px;
    margin:0
}

.oypie-home .button.button-hero{
    margin:15px 13px 3px 0;
    padding:12px 36px;
    height:auto;
    line-height:1.4285714;
    white-space:normal
}
.oypie-home .oypie-home-column-container{
    clear:both;
    position:relative
}

.oypie-home .oypie-home-column:nth-child(2){
    width:20%;
    min-width:200px;
    float:left
}
.oypie-home .oypie-home-column{
    width:40%;
    min-width:300px;
    float:left;
}
.oypie-home .oypie-home-column ul{
    margin:.8em 1em 1em 0
}
.oypie-home .oypie-home-column li{
    line-height:16px;
    list-style-type:none;
    padding:0 0 8px
}

.oypie-home .fb {
    clear: both;
}
table {
          border-spacing: 0;
          border-collapse: collapse;
          width: 100%;
          max-width: 100%;
          margin-bottom: 20px;
        }

	
        td,
        th {
          padding: 0;
        }
        table > thead > tr > th,
        table > tbody > tr > th,
        table > tfoot > tr > th,
        table > thead > tr > td,
        table > tbody > tr > td,
        table > tfoot > tr > td {
          padding: 8px;
          line-height: 1.42857143;
          vertical-align: top;
          border-top: 1px solid #ddd;
        }
        
        .table > thead > tr > th {
          vertical-align: bottom;
          border-bottom: 2px solid #ddd;
        }
        .table > caption + thead > tr:first-child > th,
        .table > colgroup + thead > tr:first-child > th,
        .table > thead:first-child > tr:first-child > th,
        .table > caption + thead > tr:first-child > td,
        .table > colgroup + thead > tr:first-child > td,
        .table > thead:first-child > tr:first-child > td {
          border-top: 0;
        }
        input[type="text"] {
		  width: 100%;
        }

        tbody .code {
            color: #BF0000;
            font-family: Courier New;
            text-align: left;
        }
        
        th {
            text-align: left;
        }

table label {
    font-weight: bold;
}
        
        .nvt {
            color: #8A3333;
            background: #FACACA;
            text-align: center;
        }
        
        .left {
            text-align: left;
        }
        
        .alert-message
        {
            background: #fff;
            margin: 20px 0;
            padding: 1px 1px 1px 5px;
            border-left: 3px solid #eee;
        }
        .alert-message-success
        {
            border-color: #3c763d;
            background: #dff0d8;
        }
        .alert-message-success b {
            color: #3c763d;
        }		
        .alert-message-warning
        {
            border-color: #f0ad4e;
            background: #fcf8e3;
        }
        .alert-message-warning b {
            color: #f0ad4e;
        }
        .alert-message-danger
        {
            border-color: #d9534f;
            background: #FACACA;
        }
        .alert-message-danger b {
            color: #d9534f;
        }
        .fb {
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }