/*====================================================
Configuration Unit
assets/css/ConfigurationUnit.css
====================================================*/


/*==========================
SECTION
==========================*/

.configurationUnit{

    background:#f8f9fa;

}


/*==========================
CARD
==========================*/

.configurationUnit .card{

    border-radius:20px;

    overflow:hidden;

}


/*==========================
HEADER
==========================*/

.configurationUnit .card-header{

    padding:35px;

}

.configurationUnit h2{

    font-size:34px;

    font-weight:700;

}

.configurationUnit p{

    font-size:16px;

}


/*==========================
BUTTON
==========================*/

.configurationUnit .btn{

    width:45px;

    height:45px;

    border-radius:50%;

}


/*==========================
TABLE
==========================*/

.configurationUnit table{

    margin-bottom:0;

}

.configurationUnit th{

    width:200px;

    background:#fafafa;

    font-weight:600;

    vertical-align:middle;

}

.configurationUnit td{

    vertical-align:middle;

}

.configurationUnit th,

.configurationUnit td{

    padding:20px;

}


/*==========================
HEADINGS
==========================*/

.configurationUnit h4{

    font-size:28px;

    font-weight:700;

    color:#212529;

}


/*==========================
SELECT
==========================*/

.configurationUnit .form-select{

    height:48px;

    font-size:16px;

}


/*==========================
PRICE
==========================*/

.configurationUnit strong{

    font-size:22px;

}


/*==========================
BEST CELL
==========================*/

.configurationUnit .table-success{

    font-weight:600;

}


/*==========================
HOVER
==========================*/

.configurationUnit tbody tr:hover td{

    background:#fcfcfc;

}

.configurationUnit tbody tr:hover th{

    background:#f4f4f4;

}


/*==========================
RESPONSIVE
==========================*/

.table-responsive{

    overflow-x:auto;

}


/*==========================
TABLET
==========================*/

@media(max-width:991px){

.configurationUnit h2{

    font-size:28px;

}

.configurationUnit h4{

    font-size:24px;

}

.configurationUnit th{

    min-width:170px;

}

.configurationUnit table{

    min-width:900px;

}

}


/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.configurationUnit .card-header{

    padding:20px;

}

.configurationUnit h2{

    font-size:24px;

}

.configurationUnit p{

    font-size:14px;

}

.configurationUnit h4{

    font-size:22px;

}

.configurationUnit table{

    min-width:850px;

}

.configurationUnit th,

.configurationUnit td{

    padding:15px;

}

.configurationUnit strong{

    font-size:18px;

}

.configurationUnit .form-select{

    min-width:250px;

}

}


/*==========================
SMALL MOBILE
==========================*/

@media(max-width:576px){

.configurationUnit{

    padding-top:20px;

    padding-bottom:20px;

}

.configurationUnit h2{

    font-size:22px;

}

.configurationUnit h4{

    font-size:20px;

}

.configurationUnit table{

    min-width:800px;

}

}