h1 {

    text-align: center;

}



img {

    border-radius: 50%;

    display: block;

    margin: 0 auto;

    width: 100px;

}



.container-small {

    margin: auto;

    width: 350px;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    border: 1px solid #ddd;



}



th {

    text-align: left;

    padding: 10px !important;

    font-family: "Lucida Console", Courier, monospace;

}



td {

    text-align: left;

    padding: 10px !important;

}





td:nth-child(even) {

    background-color: #f2f2f2;

}

tfoot {

    display: table-header-group;

}



#loginuser {

    padding-bottom: 10px;

    margin-bottom: 20px;

}





#loginpass {

    padding-bottom: 10px;

    margin-bottom: 20px;

}



.modal-dialog {

    width: 60%;

    height: 60%;

}



.modal-header {

    background-color: #337AB7;

    padding: 16px 16px;

    color: #FFF;

    border-bottom: 2px dashed #337AB7;

}



.modal-body {

    font-size: 20px;



}



.a {

    float: right;

    color: #4CAF50;

}





.dataTables_wrapper {

    /*font-family: tahoma;*/

    font-size: 20px;

}



.form_error span {

    width: 80%;

    height: 35px;

    margin: 3px 10%;

    font-size: 1.1em;

    color: #D83D5A;

}



.form_error input {

    border: 1px solid #D83D5A;

}

#confirm {

    display: none;

    background-color: #91FF00;

    border: 1px solid #aaa;

    position: fixed;

    width: 250px;

    left: 50%;

    margin-left: -100px;

    padding: 6px 8px 8px;

    box-sizing: border-box;

    text-align: center;

}

#confirm button {

    background-color: #48E5DA;

    display: inline-block;

    border-radius: 5px;

    border: 1px solid #aaa;

    padding: 5px;

    text-align: center;

    width: 80px;

    cursor: pointer;

}

#confirm .message {

    text-align: left;

}

.modal.fade .modal-dialog{



    -webkit-transform: translate(0,0);

    transform: translate(0,0);



}



table.dataTable thead .sorting {

    background-color: #5bc0de;

    color: white;

}
table.dataTable{
    font-size: small;
}
.zoom-in {

    transform: scale(0)!important;

    opacity: 0;

    -webkit-transition: 1.5s all 0s;

    -moz-transition: 1.5s all 0s;

    -ms-transition: 1.5s all 0s;

    -o-transition: 1.5s all 0s;

    transition: 1.5s all 0s;

    display: block !important;

}



.zoom-in.show {

    opacity: 1;

    transform: scale(1)!important;

    transform:none;

}