[type=reset], [type=submit], button, html [type=button]{
    -webkit-appearance: none;
}
label{
    margin-bottom: 0;
}
a, button{
    cursor: pointer;
}
.stock-search{
    border-radius: 5rem;
    padding: 5px;
    border: 1px solid #b5b5b5;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.margin-15{
    margin: 15px 0;
}
.form-control-label.user-info{
    position: absolute;
    right: 40px;
    top: 52px;
}
.label-text{
    font-size: 20px;
    color: black;
    font-weight: bold;
}
.catalog-box{
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    height: 100px;
    text-align: center;
    width: 20%;
    margin: 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 100px;
}
.catalog-box .name_box{
    width: 80%;
    display: inline-block;
}
a.catalog-box:hover,
.catalog-box .name_box:hover{
    color: #fff;
}
.catalog-box i{
    vertical-align: top;
    padding-top: 10px;
    cursor: pointer;
}
.table thead th{
    width: 20%;
}
.table thead th.sorting,
.table thead th.sorting_asc,
.table thead th.sorting_desc{
    cursor: pointer;
}
.table thead th.sorting::after{
    content: '\f0dc';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.table thead th.sorting_asc::after{
    content: '\f0de';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.table thead th.sorting_desc::after{
    content: '\f0dd';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.btn{
    font-weight: 600;
}

.btn-right{
    position: absolute;
    right: 15px;
    top: 13px;
}

.tag_list{
    height: 100%;
    display: inline-block;
    width: calc(100% - 60px);
    overflow-y: hidden;
    overflow-x: auto;
}
.tag_list ul.tag_list_box{
    height: 100%;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    list-style-type: none;
}
.tag_list ul li{
    display: inline-block;
}
.tag_list ul li .small_box{
    background-color: transparent;
    border: 3px solid #17a2b8;
    text-align: center;
    margin: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 8px 10px;
    display: inline-block;
    color: #17a2b8;
    cursor: pointer;
}
.tag_list ul li .small_box.active{
    background-color: #17a2b8;
    color: #fff;
}
.tag_list ul li .small_box:hover{
    color: #17a2b8;
}
.tag_list ul li .small_box.active:hover{
    color: #fff;
}

.form-control-label{
	text-align: right;
	padding: 15px 0;
    font-size: 17px;
    line-height: 1;
    font-weight: bolder;
}

.chart-border{
    display: none;
}
.chart-border.active{
    display: block;
}
.chart-border .chart{
    border: 1px solid #b5b5b5;
    height: 300px;
}

.open-modal{
    background-color: transparent;
    border: none;
}
.margin-0{
    margin: 0;
}

#stock_list_ul {
    list-style-type: none;
    padding: 0;
    margin: 0 15px;
    z-index: 2;
    position: fixed;
    height: 0;
    overflow-y: auto;
}
.small_search{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 2;
    top: 35px;
    height: 0;
    overflow-y: auto;
    display: none;
}
.small_search.active,
#stock_list_ul.active{
    display: block;
    height: 200px;
}
.small_search li,
#stock_list_ul li{
    border: 1px solid #b5b5b5;
    margin-top: -1px;
    background-color: #e9e9e9;
    padding: 10px;
    text-decoration: none;
    color: #393939;
    display: none;
}

.btn-group{
    width: auto;
}
.btn-group .btn{
    color: #393939;
    background-color: #e9e9e9;
    border: 1px solid #545454;
    border-radius: 0;
    padding: 5px 10px;
    margin-top: 15px;
    margin-bottom: 15%;
    outline: none;
}
.btn-group .ActiveChartControlButton,
div .btn-group .btn:active,
.btn-group .btn:hover{
    color: #fff;
    background-color: #545454;
    border: 1px solid #545454;
    border-radius: 0;
    padding: 5px 10px;
}
.container .width-100{
    width: 100%;
    display: inline-block;
}
.container div .collapsing,
.container div .collapse.show{
    display: inline-block;
    width: 100%;
}
.timeS{
    width: 50%;
    display: block;
    float: left;
    padding-left: 20%;
}
.timeE{
    width: 50%;
    display: block;
    float: right;
    padding-left: 15%;
}
.timeS .select,
.timeE .select{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 2px solid #e9e9e9;
    border-radius: 5px;
    font-size: 14px;
    width: 200px;
    line-height: 2;
}
.timeS .select select,
.timeE .select select{
    color: #545454;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 5px 8px;
}

.table_container .row{
    width: 100%;
}
#example_wrapper .row{
    margin: 10px 0;
}
#example_wrapper .col-sm-6,
#example_wrapper .col-sm-12{
    padding-left: 0;
    padding-right: 0;
}
.dataTables_info,
#example_wrapper .dataTables_length label{
    float: left;
    font-weight: 600;
}
#example_wrapper .dataTables_filter label{
    float: right;
    font-weight: 600;
}
.pagination{
    float: right;
}
.pagination li a,
.pagination li a:focus{
    color: #393939;
    background-color: #e9e9e9;
    border: 1px solid #545454;
    border-radius: 0;
    padding: 8px;
}
.pagination li.disabled a,
.pagination li.disabled a:hover,
.pagination li.disabled span,
.pagination li.disabled span:hover{
    color: #545454;
    background-color: #fff;
    border: 1px solid #545454;
}
.pagination li.active a,
.pagination li.active a:focus,
.pagination li.active a:hover,
.pagination li.active span,
.pagination li.active span:focus,
.pagination li.active span:hover{
    color: #fff;
    background-color: orange;
    border: 1px solid #545454;
}

.text-area{
    height:200px;
    padding-top:15px;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 1000px;
    }
}