@media screen and (max-width: 767px) {
    #title {
        left: 0px;
    }
}

a{cursor: pointer;text-decoration:none;}
tfoot tr td{font-weight: bold ;}
.label_info{ font-size: 16px; color: #FFB400;}
.break_word{ word-break: break-word;}
.form-group .control-label.select_input{ color: #9399A2;}
.border_b{ padding-bottom: 5px; border-bottom: 1px dashed #BBBBBB; margin-bottom: 5px;}
.cus_box_tile{font-weight: 600; font-size: 16px; margin-top: 20px; margin-bottom: 10px;}
.red{color: #E60050;}

.show_files_box{padding-right: 25px;}

.input-group em{
    display: table-footer-group;
    min-height: 22px;
}

.show_files_box .icon-tk-files,.show_files_box .icon-tk-download{right: 0px; top: 4px; position: absolute; z-index: 1;text-decoration:none}
.files_list{display: block;list-style: none;}
.files_list li{display: block; padding: 5px; min-width: 180px;}
a.fileinfo:hover{text-decoration:none}

@media only screen and (min-width: 768px) and (max-width: 992px) {

}
@media screen and (min-width: 1200px){

}
@media screen and (max-width: 991px){
}

.grid_box {
    padding: 0 0px 50px 0px;
    margin-bottom: 20px;
}

.grid_box div {
    background-color: #73c3f0;
}

.grid_box div div {
    background-color: #00a0f0;
    border: #00a0f0;
    color: #fff;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    border: solid 1px #00a0f0;
}


.login_card{ width: 420px; padding: 50px 40px 30px 40px; background-color:#EEF0F2; border: 1px solid #DADEE9; box-shadow:0 2px 6px 0px #DADEE9 ; margin: 40px auto;}
.login_title{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 30px;}
.login_tab{ border-bottom: 1px #DADEE9 solid; display: inline-block;}
.login_tab .tab{ display: inline-block; margin-right: 20px; padding-bottom: 4px; color: #77869A; text-decoration: none; cursor: pointer; padding-right: 2px;}
.login_tab .tab:hover{ color: #4A4A4A;}
.login_tab .tab.sle{ color: #4A4A4A; border-bottom:2px #00A0F0 solid;}
.input_group{margin: 25px 0 15px 0;}
.login_input{ width: 100%; height: 34px; margin-bottom: 15px;}
.login_captcha{ margin-right: 100px;}
.captcha_box{ position: relative;}
.captcha{ height:34px; width: 80px; background-color: #77869A; position: absolute; right: 0; z-index: 1; top: 0;}
.btn_login{ height: 34px; font-size: 16px;box-shadow: 0px 2px 6px 1px rgba(0,159,240,0.50); line-height: 26px;}
.login_note{ margin-top: 15px; color: #77869A;}
.tab_2{ display: none;}
.login_alert{ margin-bottom: -20px;}
@media screen and (max-width: 767px) {
    .login_card{ max-width: 420px; padding: 30px 20px 10px 20px;  width: 100%;}
}


.login_foolter{ padding-top: 15px; position: fixed; bottom: 0; width: 100%; margin-bottom: 0;}
.login_row_list{ display: block; width: 100%;}
.login_row_list li{ display: block; }
.login_row_list .list_icon{position: absolute; margin-top: 2px; font-size: 28px;}
.login_foolter .content{ min-height: 0; padding-top: 0; padding-bottom: 0;}
.item_list{ padding-top: 5px;padding-left: 38px;}
.item_list a{ cursor: pointer;}
.more_list{ padding-right: 40px;}
.more_list p{ font-size: 12px; margin-bottom: 10px;}
.login_link_icon{ font-size: 14px; margin-left: 8px;}

.stength_box{ margin-top: -5px; overflow: hidden; color: #77869A; margin-bottom: 10px;}
.s_yellow{ display: block; height: 10px; width: 10px; background-color:#FFB400; border-radius: 10px;}
.radio_box{color: #77869A;}

#AlertTipsContent span{
    display: block;
}

.form_font {
    margin-top: 6px;
    display: block;
}

.form-group{
    min-height: 28px;
}

.text_right {
    text-align: right !important;
}


/*select2*/

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 2px !important;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de !important;
    padding: 4px 5px !important;
    height: 28px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -5px !important;
    padding-left: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 22px !important;
}
.select2-container--default .select2-selection--single{
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border-radius: 0 !important;
    background-color:#00A0F0 !important;
    border: 0 !important;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #d2d6de !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: rgba(255,255,255,0.7) !important;
}
.select2-container{
    line-height: 16px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #00a0f0 !important;
    color: white !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #D9DEE8 !important;
    color: #444 !important;
}
.select2-dropdown{
    border: 1px solid #d2d6de !important;
}
.select2-container--open .select2-dropdown--below{
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin-top: 4px !important;
}
/*CK Editor*/

.cke_top {
    background-image: none;
    background-color: #F00;
}

.table-title thead tr th {
    background-color: #E3E7EC;
}
.table .children_p{ padding-left:20px;}
.box-footer div div.dataTables_info {
    padding-top: 2px;
}

.no_margin_about {
    margin-left: 0;
    margin-right: 0;
}

.no_margin_about div div label select {
    padding-right: 30px;
}

table.dataTable {
    margin-top: 0 !important;
}

table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    font-family: thyssen-krupp-iconfont !important;
    top: auto !important;
    left: 50%;
    height: 20px !important;
    width: 20px !important;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #00A0F0 !important;
    border: none !important;
    border-radius: 0;
    text-align: center;
    line-height: 18px;
    box-shadow: none !important;
    box-sizing: content-box;
    content: "\e768" !important;
    background-color: transparent !important;
    font-size: 18px;
}

table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: "\e7a3" !important;
    background-color: transparent;
}

.table>thead>tr>th {
    vertical-align: middle;
}

.table>tbody>tr>th {
    vertical-align: middle;
}

.table>tbody>tr>td {
    vertical-align: middle;
    color: #4B5564;
}

.table.table-small>tbody>tr>td {
    font-size: 12px;
}
table > tbody > tr > td.red{ color:#e60050}
table > tbody > tr > td.green{ color:#00a65a}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: auto;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    bottom: 8px;
}

.table tbody tr.collapse td:nth-child(2) {
    padding-left: 20px;
}

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


/*Treeview*/

.tree-hide-box {
    position: relative;
    overflow: hidden;
}

.tree-hide {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    border-color: transparent;
    border-right-color: #73c3f0;
    border-width: 16px;
    border-left-width: 0;
    border-style: solid;
    display: block;
    width: 0;
    height: 0;
    outline: none;
    box-sizing: border-box;
    display: none;
}

.tree-show {
    cursor: pointer;
    color: #aaa;
    font-size: 16px;
    margin-bottom: 10px;
    display: none;
}

.tree-hide:hover {
    border-right-color: #0078dc;
}

.tree-hide:active {
    border-right-color: #003c7d;
}

.tree-show:hover {
    color: #78879b;
}

.tree-show:active {
    color: #003c7d;
}

.treeview a {
    color: #333;
    cursor: pointer;
}

.treeview a:hover {
    text-decoration: none;
    color: #00a0f0;
}

.treeview a.selected {
    color: #00a0f0;
    background-color: transparent;
}

.treeview .hitarea {
    background-position: -63px -20px;
}

.treeview div.lastCollapsable-hitarea {
    background-position: 1px -109px;
}

.treeview li {
    padding: 3px 0pt 3px 20px;
}

.treeview .expandable-hitarea {
    background-position: -79px 2px;
}

.treeview li.collapsable,
.treeview li.expandable {
    background-position: 0 -172px;
}

.treeview li.lastCollapsable {
    background-position: 1px -106px;
}

.treeview li.lastExpandable {
    background-position: -31px -62px;
}

.treeview div.lastExpandable-hitarea {
    background-position: -31px -65px;
}

.treeview li.last {
    background-position: 0 -1764px;
}

.treeview ul {
    margin-top: 2px;
}

.treeview .hitarea {
    margin-left: -20px;
    height: 20px;
    width: 20px;
}

.expandable a {
    padding-top: -10px;
}


/*wysihtml5*/

ul.wysihtml5-toolbar {
    border: solid 1px #DDDDDD;
    margin-bottom: -1px;
    padding: 10px 5px 5px 5px;
}

ul.wysihtml5-toolbar li {
    margin-bottom: 5px;
}

.btn-group .btn-primary {
    border: 1px solid #0088cc;
}

.btn-group .btn-sec {
    border: 1px solid #667384;
}

.btn-sec:focus {
    background-color: #78879b;
}

.progress-bar-primary {
    background-color: #00a0f0;
}

.alert-danger {
    background-color: #fae0ec !important;
    border-color: #ebccd1;
    color: #d7005f !important;
}

.alert-info {
    background-color: #e0f3fd !important;
    border-color: #ebccd1;
    color: #00a0f0 !important;
}

.alert-success {
    background-color: #e0f4f1 !important;
    border-color: #ebccd1;
    color: #00a58c !important;
}

.alert-warning {
    background-color: #FFF0CD !important;
    border-color: #ebccd1;
    color: #D48B00 !important;
}

.alert {
    border: none;
    border-radius: 0;
    margin-bottom: 15px;
}

.modal-alert {
    margin-top: 200px;
}


/*modal*/

.modal-title{
    font-size: 20px;
}
.modal-header{
    padding: 10px 15px 8px 15px;
}

@media screen and (min-width: 768px) {
    .modal-alert {
        width: 380px;
    }
}

.alertbox {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    text-align: center;
}

.alertbox div {
    background: rgba(0, 0, 0, 0.5);
    max-width: 240px;
    position: fixed;
    z-index: 9999;
    bottom: 100px;
    padding: 12px 40px;
    color: #fff;
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    line-height: 24px;
}

.wysihtml5-toolbar a:visited {
    color: #333
}


/*time-tab*/

.tbox {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.tbox li {
    float: left;
    list-style: none;
    width: 25%;
    box-sizing: border-box;
}

.tpopover {
    display: block;
    position: relative;
    padding: 1px 40px;
    background-color: #EEF0F2;
    box-sizing: border-box;
    height: 40px;
    border-right: #fff solid 20px;
}

.tpopover .tarrow {
    top: 0;
    right: -20px;
    margin-top: -0px;
    border-color: transparent;
    border-left-color: #EEF0F2;
    border-width: 20px;
    border-right-width: 0;
    border-style: solid;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    outline: none;
    box-sizing: border-box;
}

.tpopover .tarrow-left {
    top: 0;
    left: 0px;
    margin-top: -0px;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 20px;
    border-right-width: 0;
    border-style: solid;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    outline: none;
    box-sizing: border-box;
}

.tpopover>table>tbody>tr>td.tpopover_title {
    height: 40px;
    font-size: 12px;
    color: #999999;
    width: 160px;
    box-sizing: border-box;
    vertical-align: middle;
}

.tpopover.tpopover-first {
    padding-left: 20px;
}

.tpopover.tpopover-last {
    padding-right: 20px;
    border: none;
}

.tpopover.selected {
    background-color: #00a0f0;
    color: #ffffff;
}

.tpopover.selected .tpopover_title {
    color: #fff;
}

.tpopover.selected .tarrow {
    border-left-color: #00a0f0;
}

.tpopover table {
    margin-top: -2px;
}

.gray-box {
    background-color: #EEF0F2;
    padding: 10px 0px 0px 0px;
    margin-bottom: 20px;
}

.gray-box .btn-gray {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    margin-right: 10px;
    min-width: 70px;
}

@media screen and (max-width: 767px) {
    .gray-box .btn-gray {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 10px;
        margin-right: 10px;
        min-width: 70px;
        margin-top: 10px;
    }
}

.btn-input {
    padding-top: 4px;
    padding-bottom: 4px;
}

.gray-hide-box {
    position: relative;
    overflow: hidden;
}

.gray-box .form-group {
    margin-bottom: 10px;
}

.gray-box .form-group .control-label {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .gray-box .form-group .control-label {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .gray-box {
        background-color: #EEF0F2;
        padding: 10px 0px 10px 0px;
        margin-bottom: 20px;
    }
}


/*gray information*/

.ginf-box {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;
    list-style: none;
}

.ginf-box li {
    float: left;
    width: 50%;
    line-height: 28px;
}

@media screen and (max-width: 767px) {
    .ginf-box li {
        float: left;
        width: 100%;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .ginf-box li a {
        padding-left: 5px;
    }
    .ginf-box.ginfone li {
        float: left;
        width: 100%;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .ginf-box li .ginf-title {
        display: block;
    }
    .ginf-box li .ginf-font {
        display: block
    }
}

.ginf-box.ginfone li {
    float: left;
    width: 100%;
    line-height: 28px;
}

.ginf-box li .ginf-title {
    color: #333;
    font-weight: bold;
}

.ginf-box li .ginf-font {
    color: #666;
    padding-left: 5px;
}

.gray-hide {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    color: #aaa;
    font-size: 12px;
}

.gray-hide:hover {
    color: #78879b;
}

.gray-hide:active {
    color: #003c7d;
}

.gray-show {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    color: #aaa;
    font-size: 12px;
}

.gray-show:hover {
    color: #78879b;
}

.gray-show:active {
    color: #003c7d;
}

.gray-hide .glyphicon-arrow-up {
    font-size: 18px;
}

.gray-show .glyphicon-arrow-down {
    font-size: 18px;
}

.gray-show {
    display: none;
}

.datatable_no_data {
    background: url(../../static/datatables/1.10.7/images/no-data.png) no-repeat top center;
    max-width: 160px;
    max-height: 160px;
    background-size: 60% 60%;
    margin: 0 auto;
    width: 40%;
    height: 160px;
    text-align: center;
    padding-top: 110px;
    color: #78879B;
    margin-top: 20px;
    margin-bottom: -10px;
}

.gray-box .dl-horizontal {
    margin-bottom: 0;
}

.dl-horizontal dt {
    line-height: 28px;
}

.dl-horizontal dd {
    line-height: 28px;
}

@media screen and (max-width: 767px) {
    .dl-horizontal dt {
        line-height: 24px;
    }
    .dl-horizontal dd {
        line-height: 24px;
        margin-bottom: 8px;
        margin-left: 0;
    }
}


/*iCheck*/

.icheckbox_minimal-blue,
.iradio_minimal-blue {
    margin-top: -4px;
    margin-right: 2px;
}

.checkbox label,
.radio label {
    padding-left: 0px !important;
}