/*================================================================================
	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, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
table.dataTable>tbody>tr.child ul.dtr-details{
	display: block;
}
.header-navbar.floating-nav{
	margin: 1rem 2rem 0;
}
hr {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.card .card-header{
	padding: 0.6rem;
}
.card{
	margin-bottom: 1.5rem;
}
html .content.app-content {
    padding: calc(2rem + 4.45rem + 0rem) 2rem 0;
}
.navbar-floating .navbar-container {
    padding: 0.5rem 1rem;
}
.header-navbar{
	min-height: 4rem;
}
.btn{
	padding: 0.586rem 1.5rem;
}
.form-control{ color: #6e6b7b !important; }
form select.error, form select.error:focus { border-color: #ea5455 !important; }

#loader{
    position: fixed;
    top: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    text-align: center;
    display: none;
}
#loader .spinner-grow{
    margin-top: 18%;
}
.custom-left{
    width: 240px;
    color: #625f6e;
    /* position: fixed; */
    /* bottom: 20px; */
    position: relative;
    width: 100%;
    padding-left: 20px;
}
.bradius50{
    border-radius: 50%;
}
.todo-task-list h5{
   padding: 0.2rem 1rem;
    margin: 0;
    background: #f8f8f8;
}
html .navbar-floating.footer-static .app-content .content-area-wrapper, html .navbar-floating.footer-static .app-content .kanban-wrapper {
    /* height: calc( 100vh - calc( calc(2rem * 1) + 4.45rem + 3.35rem + 1.3rem + 0rem ) ); */
    height: calc( var(--vh, 1vh) * 100 - calc( calc(1rem * 1) + 4.5rem + 3.35rem + 1.3rem + 0rem ) );
}
.audit_header{
    padding: 0.2rem 1rem;
    background: #f8f8f8;
}
.form-check-input{
    margin-top: 0px;
}
.myaccordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.myaccordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
 .colapsable {
  position: relative;
}

.colapsable::after {
  content: "\f107";
  color: #333;
  top: 50%;
  right: 50px;
  position: absolute;
  font-family: "FontAwesome"
}
.ecommerce-card .item-options {
    display: flex;
    flex-wrap: wrap;
}
.ecommerce-card .item-options .btn-cart{
    border-radius: 0;
    flex-grow: 1;
}

.custom-left .item-img img{
    /*border: 1px solid #cbcbcb;*/
    max-width: 100%;
    height: 100%;
}
.custom-left{
    bottom: 0;
}

/* responsive css */
@media (max-width: 1250px) {
    .custom-left .item-img img{
        max-width: 50%;
        height: 50%;
    }
    .custom-left {
        bottom: -56px !important;
    }
}
.carrier{
    height: 120px;
    margin-bottom: 20px;
    cursor: pointer;
}
.carrier_div{
    max-height: 120px;
    border: 1px solid #7A7A7A;
    border-radius: 15px;
    padding: 20px;
    height: 100%;
    display:flex;
    align-items: center;
}
.carrier_image{
    width: 100%;
    max-width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center;
}
.carrier_image img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
}
.carrier_div_1{
    max-height: 50px;
    display:flex;
    align-items: center;
    height: 100%
}
.carrier_1{
    margin-bottom: 20px;
}
#step4Div label{
  display: inline-block;
  background-color: #A3A3A3;
  color: #fff;
  padding: 0.5rem 1rem 0.5rem 1rem;
  cursor: pointer;
  font-size: 15px;
}
.report-file{
    border:2px double;
    border-radius: 15px 15px 15px 15px;
    padding: 30px;
    text-align: center;
}
.report-file .carrier_image{
    height: 100px;
}
.report-file .carrier_image img{
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
}
.pborder{
    border-bottom: 2px dotted;
}
#available_plans{
    margin-bottom: 25px;
}
.bbtottom{
    border-bottom: 1px solid rgba(34, 41, 47, 0.08);
    margin-bottom: 21px;
}
.custom_btn_red{
    border-radius: 15px;
    background: #f8d7da;
    color: #ea5455;
    border: none;
    font-weight: 500;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: unset !important;
}
.custom_btn_green{
    border-radius: 15px;
    background: #28a745;
    color: #fff;
    border: none;
    font-weight: 500;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: unset !important;
}