/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, overflow: hidden;RIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.button-close{
    width:16px;
    height:16px;
    background:#EA5455;
    color:white;
    font-size: 16px;
    font-weight:bold;
    position: absolute;
    display: flex;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    top: -5px;
    right: -5px;
    cursor: pointer;
    user-select: none;
}
.input-buttons-style{
    width:100%;
    height:auto;
    position:relative;
    float:left;
    border:1px solid #28272938;
    padding:10px;
}
.button-analysis:hover{
    background: black;

}
.ad-value-style{
    border:1px solid #80808040;
    margin: 1px;
    margin-top: 15px;
}
.step{
    pointer-events:none!important;
}

@media screen and (max-width: 792px) {
  .access-denied-img {
    width: 100%!important;
  }
}

/* table sort icon: ; */
#reportDataTable > thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after
{
   left: 0px;
   right: 0;
}

#reportDataTable > thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before
{
   left: 0px;
   right: 0;
}

/* arac deger kaybı sort icon */
#lossofvehiceDataTable > thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after
{
   left: 0px;
   right: 0;
}

#lossofvehiceDataTable > thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before
{
   left: 0px;
   right: 0;
}





/* datatable custom btn  */
.dt-custom-excel-btn{
    width: 42px!important;
    height: 42px!important;
    font-size: 32px;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    box-shadow: none!important;
    margin:0 3px !important;
    margin-top:10px!important;
}

.dt-custom-copy-btn{
    width: 42px!important;
    height: 42px!important;
    font-size: 28px;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    box-shadow: none!important;
    margin:0 3px !important;
    margin-top:10px!important;
}

.dt-custom-pdf-btn{
    width: 42px!important;
    height: 42px!important;
    font-size: 28px;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    box-shadow: none!important;
    margin:0 3px !important;
    margin-top:10px!important;
}

.add-new-report-btn{
    width: auto!important;
    height: 42px!important;
    margin:0 3px !important;
    margin-top:10px!important;
}

/* pdf copy excel end */

/* filter and clear button datatable */
.filter-btn-rdtb{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    outline:none!important;
    border:none!important;
    font-size:16px;
    font-weight:600;
    background:#ff9f43!important;
    padding:8px 18px;
    color:#fff;
    opacity: 0.7;
    transition: 0.5s;
    margin: 0 5px;
}

.clear-btn-rdtb{
    width: auto;
    height: auto;
    position: relative;
    float: left;
    outline:none!important;
    border:none!important;
    font-size:16px;
    font-weight:600;
    background:#f95247!important;
    padding:8px 18px;
    color:#fff;
    opacity: 0.7;
    transition: 0.5s;
    margin: 0 5px;
}


.filter-btn-rdtb:hover,
.clear-btn-rdtb:hover{
    opacity: 1;
    transition: 0.5s;
}
/* table sort icon end: ; */


/* .ql-container span{
    display:none!important;
} */


.custom-check-btn-wrap{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.custom-check-btn-wrap input[type='checkbox']{
    width: 23px;
    height: 23px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    top: 5px;
}

.custom-check-btn-wrap input[type='checkbox']::before{
    width: 23px;
    height: 23px;
    position: absolute;
    content: '';
    border: 1px solid #aaa;
}

.custom-check-btn-wrap input[type='checkbox']:checked{
    background: #ff9f43;
}

.custom-check-btn-wrap input[type='checkbox']:checked::before{
    border: 4px solid #fff;
    border-top: none;
    border-left: none;
    width: 11px;
    height: 14px;
    transform: rotate(45deg);
    top: 3px;
    left: 6px;
}

/* radio */

.custom-radio-btn{
    width: 22px;
    height: 22px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    margin-right: 3px;
    top: 6px;
    border-radius: 50%;
}

.custom-radio-btn::before{
    width: 22px;
    height: 22px;
    position: absolute;
    content: '';
    border: 1px solid #aaa;
    border-radius: 50%;
}

.custom-radio-btn:checked{
    background: #ff9f43;
}

.custom-radio-btn:checked::before{
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    left: 6px;
    top: 6px;
    border: none;
}

/* disabled input style */
.disabled-input-bg{
    background-color: #fff!important;
}