.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 0px;
}

.addModule {
    float: right;
    padding: 3px 10px;
    margin-top: -6px;
}

.rightFloat {
    float: right;
    padding-right: 10px;
}

.leftFloat {
    float: left;
    padding-left: 0px;
}

.headerButton {
    float: right;
    padding: 3px 10px;
    margin-top: -6px;
}

.footerButton {
    float: right;
    padding: 3px 10px 3px 10px;
}

.footerButtonFloat {
    float: right;
    padding-right: 10px;
    margin-top: -6px;
}

.footerButtonPadding {
    padding-right: 10px;
    margin-top: -6px;
}

.footerStyle {
    height: 40px;
}

.selftopColor {
    border-top-color: #59A3D5;
}

.fiedlongCss {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 12em;
    color: #333;
    /* word-break: break-all; */
    /* word-wrap: break-word; */
}

.fiedlongCss:hover {
    overflow: visible;
    color: #3d203f;
    background: #cff0fc;
    position: absolute;
    /* width: auto; */
    /* box-shadow: 1px 1px 10px #333; */
    /* cursor: pointer; */
    text-overflow: initial;
    text-overflow: clip;
    white-space: pre-wrap;
}

.fiedlongCss2 {
    display: block;
    overflow: hidden;
    width: 100%;
    color: #333;
    word-break: break-all;
}

.fiedlongCss2:hover {
   /*  overflow: visible;
    color: #3d203f;
    background: #cff0fc;
    position: absolute;
    width: auto;
    box-shadow: 1px 1px 10px #333;
    cursor: pointer;
    text-align: center;
    word-wrap: break-word;
    text-overflow: initial;
    white-space: pre-wrap; */
}
.fiedlongCss3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5em;
    color: #333;
    word-break: break-all;
}

.fiedlongCss3:hover {
    overflow: visible;
    color: #3d203f;
    background: #cff0fc;
    position: absolute;
    word-wrap: break-word;
    text-overflow: initial;
    white-space: pre-wrap;
}
.fiedlongCss4 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 12em;
    color: #333;
    word-break: break-all;
}
.change-row{
    display: none;
}
.fiedlongCss4:hover {
    overflow: visible;
    color: #3d203f;
    background: #cff0fc;
    position: absolute;
    word-wrap: break-word;
    text-overflow: initial;
    white-space: pre-wrap;
}
.fiedlongCss4:hover .change-row{
    display: block;
}
.fiedlongCss5 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 16em;
    color: #333;
    word-break: break-all;
}
.fiedlongCss5:hover {
    overflow: visible;
    color: #3d203f;
    background: #cff0fc;
    position: absolute;
    word-wrap: break-word;
    text-overflow: initial;
    white-space: pre-wrap;
}
.fiedlongCss5:hover .change-row{
    display: block;
}
.admForm6Input {
    width: 320px;
    display: inline-block;
}

.admForm5Input {
    width: 280px;
    display: inline-block;
}

.admForm4z5Input {
    width: 260px;
    display: inline-block;
}

.admForm4Input {
    width: 240px;
    display: inline-block;
}

.admForm2Input {
    width: 100px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_info,
.dataTables_length {
    padding: 0;
    height: 30px;
    line-height: 30px;
}

ul.pagination {
    margin: 0 !important;
}

/*hide
.pagination > li > a, .pagination > li > span {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}
*/
/*modify by cailingling 2017.6.12*/
.container-space {
    padding-left: 0;
    padding-right: 0;
}

.m-bottom-space {
    margin-bottom: 0;
}

.btn-blue-save {
    background: #0099cb;
    border: none;
    padding: 5px 12px !important;
    box-shadow: none;
}

.btn-blue-save:hover {
    background: #12ADDF;
}

.btn-green-add {
    background: #47be96;
    border: none;
    padding: 5px 12px !important;
    box-shadow: none;
}

.btn-green-add:hover {
    background: #51b5b7;
}

.btn-gray-reset {
    border: none;
    padding: 5px 12px !important;
    box-shadow: none;
    background: #a4bec7;
}

.btn-gray-reset:hover {
    background: #b6d1da;
}

.btn-orange-del {
    border: none;
    padding: 5px 12px !important;
    box-shadow: none;
    background: #f89332;
}

.btn-orange-del:hover {
    background: #fabb56;
}

.pagination > li > a, .pagination > li > span {
    padding: 3px 12px !important;
}

.table > thead > tr > th {
    font-weight: normal;
}

.table > thead > tr:first-child > th {
    background: #eee;
    color: #333;
}

div.dataTables_wrapper div.dataTables_info {
    text-align: left;
    padding-left: 20px;
}

.form-horizontal .control-label {
    font-weight: normal;
}

.toolbox button {
    padding: 0 7px;
    box-shadow: none;
    text-shadow: none;
    border: none;
    height: 28px;
    line-height: 28px;
}

/*.toolbox button:nth-child(1) {*/
/*background: #f4b697;*/
/*}*/

/*.toolbox button:nth-child(2) {*/
/*background: #facd89;*/
/*}*/

/*.toolbox button:nth-child(3) {*/
/*background: #dace64;*/
/*}*/

/*.toolbox button:nth-child(4) {*/
/*background: #87dada;*/
/*}*/

/*.toolbox button:nth-child(5) {*/
/*background: #7ecef4;*/
/*}*/

/*.toolbox button:nth-child(6) {*/
/*background: #9ba5da;*/
/*}*/

/*.toolbox button:nth-child(7) {*/
/*background: #f89332;*/
/*}*/

/*.toolbox button:nth-child(8) {*/
/*background: #b3a8de;*/
/*}*/

/*.toolbox button:nth-child(9) {*/
/*background: #93d4d4;*/
/*}*/

/*.toolbox button:nth-child(10) {*/
/*background: #77d7ff;*/
/*}*/

.content-header-top {
    margin-top: 10px;
}

.content-body-top {
    margin-top: -10px;
}

.container-left-space {
    padding-left: 0;
}

.btn-common-background {
    background: #0099cb;
}

.btn-green-background {
    background: #47be96;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

}

.bounceinview {
    animation: bounceIn .3s;
}

@-webkit-keyframes showSweetDiv {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        opacity: 0.7;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    55% {
        opacity: 0.75;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    65% {
        opacity: 0.85;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    70% {
        opacity: 0.9;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    /*45% {*/
        /*-webkit-transform: scale(1.05);*/
        /*transform: scale(1.05)*/
    /*}*/

    /*80% {*/
        /*-webkit-transform: scale(.95);*/
        /*transform: scale(.95)*/
    /*}*/

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetDiv {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        opacity: 0.7;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    55% {
        opacity: 0.75;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    65% {
        opacity: 0.85;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    70% {
        opacity: 0.9;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    /*45% {*/
        /*-webkit-transform: scale(1.05);*/
        /*transform: scale(1.05)*/
    /*}*/

    /*80% {*/
        /*-webkit-transform: scale(.95);*/
        /*transform: scale(.95)*/
    /*}*/

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.swal2DivShow {
/*     -webkit-animation: showSweetDiv .5s;
    -ms-animation: showSweetDiv .5s;
    animation: showSweetDiv .5s */
}

@-webkit-keyframes showSweetDiv1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        opacity: 0.7;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    55% {
        opacity: 0.75;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    65% {
        opacity: 0.85;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    70% {
        opacity: 0.9;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    /*45% {*/
        /*-webkit-transform: scale(1.05);*/
        /*transform: scale(1.05)*/
    /*}*/

    /*80% {*/
        /*-webkit-transform: scale(.95);*/
        /*transform: scale(.95)*/
    /*}*/

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetDiv1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    50% {
        opacity: 0.7;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    55% {
        opacity: 0.75;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    65% {
        opacity: 0.85;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    70% {
        opacity: 0.9;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    /*45% {*/
        /*-webkit-transform: scale(1.05);*/
        /*transform: scale(1.05)*/
    /*}*/

    /*80% {*/
        /*-webkit-transform: scale(.95);*/
        /*transform: scale(.95)*/
    /*}*/

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.swal2DivShow1 {
/*     -webkit-animation: showSweetDiv1 .5s;
    -ms-animation: showSweetDiv1 .5s;
    animation: showSweetDiv1 .5s */
}

@-webkit-keyframes hideSweetDiv {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideSweetDiv {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

.swal2Divhide {
    -webkit-animation: hideSweetDiv .15s forwards;
    animation: hideSweetDiv .15s forwards
}

.label-pt {
    padding-top: 13px !important;
}

.form-group-mb {
    margin-bottom: 5px;
}