html, body {
    margin:0;
    padding:0;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
}

.container {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.container-details {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    padding-bottom: 60px;
    min-height: 700px;
}

#toots{
    position: absolute;
    width: 100%;
    height: 60px;
    background: black;
    text-align: center;
    color: white;
    bottom: 0 !important;
}

#toots p {
    margin-top: 10px;
}

.logo {
    width: 400px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

.container-list {
    margin-left: 400px;
}

.box-button {
    position: absolute;
    margin-left: 30px;
    margin-top: 70px;
}

/*button*/
.btn-position {
    margin-bottom: 50px;
}

.btn-position-left {
    margin-left: 200px;
    width: 250px;
}

.btn-position-left-cofico {
    margin-left: 400px;
    width: 250px;
}

.btn-position-in-box {
    margin-bottom: 10px;
    width: 250px;
}

.btn-success, .btn-success:hover {
    background-color: #999999;
    border-color: #999999;
}

/*box*/
.box-orange {
    position: absolute;
}

.box-h1 {
    background-color: black;
    height: 150px;
    text-align: center;
    top: 0px;
    margin-bottom: 50px;
}

/*table*/
table tr, th {
    text-align: center;
}

tfoot {
    display: table-header-group;
}

div.dataTables_wrapper {
    width: 850px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 330px;
}

#table_no_in_dms_wrapper {
    width: 700px;
    margin-left: 400px;
}

#table_no_in_cofico_wrapper {
    width: 430px;
    margin-left: 480px;
}