body {
    margin:0;
    padding:0px;
    background: #eee;
}
header {
    margin-bottom: 20px;
    background: #333;
    padding: 10px;
    color: #fff;
}
header a {
    text-decoration: none;
    color: #fff;

}
#accordion {
    padding:20px;
}
.panel-default > .panel-heading {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;  
}
.panel-title > a {
    display: block;
    text-decoration: none;
}
.panel-body textarea {
    width: 100%;
    min-height: 300px;
    border:1px solid #ccc;
    padding:10px;
}
.panel-body input[type=submit] {
   float: right;
   border:none;
   margin-top: 20px;
   padding:10px;
   min-width: 100px;
   background: #028843;
   color: #fff;
}


/*
    LOGIN
*/
.formlogin {
  position: relative;
}
.form {
    max-width: 400px;
    width: 100%;
    height: 100px;
    padding:5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 18% 0 0 -170px;
    text-align: right;
}
.form input[type=text],.form input[type=password] {
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    border:1px solid #ccc;
    padding: 8px;

}
form input[type=submit] {
    background: #028843;
    min-width: 80px;
    border:none;
    color:#fff;
    padding: 5px;
    cursor: pointer;
}
.error {
    color: red;
    text-align: left;
    font-size: 13px;
}


.check {
    color: green;
    font-weight: bold;
    text-decoration: none;
}
.cross {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

.btn-for-add-row {
    margin-bottom: 15px;
    text-align: right;
}
.btn-for-add-row a {
    display: inline-block;
    background: #cc1d1d;
    color: #fff;
    border:none;
    padding: 5px 10px;
    text-decoration: none;
}
.table-data-of-landingpage {

}
.table-data-of-landingpage table {
    border-collapse: collapse;
    border: #999;
}
.table-data-of-landingpage table tr th {
  color: #865d04;

}
.table-data-of-landingpage table tr th, .table-data-of-landingpage table tr td {
    padding: 5px;

}
.table-data-of-landingpage table tr th:first-child {
    text-align: center;
}
.table-data-of-landingpage table tr:nth-child(2) td {
    background: #b7b7b7;
    color: #fff;
}
.table-data-of-landingpage table tr:nth-child(2) td:nth-child(3) a {
    color: #fff;
}
.table-data-of-landingpage table tr:hover > td {
    background: #17b669;
    cursor: pointer;
}







/*
    NEW DATA STYLE
*/
.newdataForm {
}
.newdataForm table {
    width: 100%;
    border-collapse: collapse;

}
.newdataForm table tr td {
    border:1px solid #ccc;
    padding: 10px;
}
.newdataForm table tr td:first-child {
    width: 10%;
    font-weight: bold;
    color: #865d04;
}
.newdataForm table tr td textarea{
    width: 100%;
    padding:5px;
    border-radius:
    min-height:70px;
}