/*!
 *   Admin Tecsolt v.1.0.0
 *   Author: Tecsolt
 *   Website: Tecsolt <https://tecsolt.com/>
 */

 :root {
    --color1: #f8f9fa;
}


/*! Media Screen Classes
/* @media only screen and (max-width:374px) and (min-width:320px) {}

@media only screen and (max-width:424px) and (min-width:375px) {}

@media only screen and (max-width:767px) and (min-width:425px) {}

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

@media only screen and (min-width:1024px) {} 
*/


/***************************************************************************************************************************************
# GENERAL #
****************************************************************************************************************************************/


/*
*   Padding
*/

hr.style1 {
    border-top: 1px solid #8c8b8b;
}

hr.style2 {
    border-top: 3px double #8c8b8b;
}

hr.style3 {
    border-top: 1px dashed #8c8b8b;
}

hr.style4 {
    border-top: 1px dotted #8c8b8b;
}

hr.style5 {
    background-color: #fff;
    border-top: 2px dashed #8c8b8b;
}

hr.style6 {
    background-color: #fff;
    border-top: 2px dotted #8c8b8b;
}

hr.style7 {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}

hr.style8 {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}

hr.style8:after {
    content: '';
    display: block;
    margin-top: 2px;
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}

hr.style9 {
    border-top: 1px dashed #8c8b8b;
    border-bottom: 1px dashed #fff;
}

hr.style10 {
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
}

hr.style11 {
    height: 6px;
    background: url(http://ibrahimjabbari.com/images/hr-11.png) repeat-x 0 0;
    border: 0;
}

hr.style12 {
    height: 6px;
    background: url(http://ibrahimjabbari.com/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

hr.style15 {
    border-top: 4px double #8c8b8b;
    text-align: center;
}

hr.style15:after {
    content: '\002665';
    display: inline-block;
    position: relative;
    top: -15px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
}

hr.style16 {
    border-top: 1px dashed #8c8b8b;
}

hr.style16:after {
    content: '\002702';
    display: inline-block;
    position: relative;
    top: -12px;
    left: 40px;
    padding: 0 3px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
}

hr.style17 {
    border-top: 1px solid #8c8b8b;
    text-align: center;
}

hr.style17:after {
    content: '§';
    display: inline-block;
    position: relative;
    top: -14px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    transform: rotate(60deg);
}

hr.style18 {
    height: 30px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}

hr.style18:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}


/*
*   Padding
*/

.card-info-services {
    padding-left: 1rem!important;
}

@media only screen and (max-width:374px) and (min-width:320px) {
    .card-info-services {
        padding-top: 0.5rem;
        padding-left: 0.25rem!important;
        text-align: center;
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    .card-info-services {
        padding-top: 0.5rem;
        padding-left: 0.25rem!important;
        text-align: center;
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    .card-info-services {
        padding-top: 0.5rem;
        padding-left: 0.25rem!important;
        text-align: center;
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .card-info-services {
        padding-left: 3.5rem!important;
    }
}


/*
*   Padding
*/

img.img-logo {
    width: 80px;
}

.mrg-card {
    padding: 8px 5px;
}

.card {
    box-shadow: 0 0.5rem 2.2rem rgba(4, 9, 20, 0.03), 0 0.1rem 1.4rem rgba(4, 9, 20, 0.03), 0 0.2rem 0.6rem rgba(4, 9, 20, 0.05), 0 0.1rem 0.2rem rgba(4, 9, 20, 0.03);
}

.login-page {
    background-image: radial-gradient(circle farthest-corner at center, #cccccc 30%, #5c5c5c 100%);
    /* background-color: #ffffff; */
}

.login-logo img {
    margin-bottom: 20px;
    width: 150px;
}

@media only screen and (max-width:374px) and (min-width:320px) {
    .login-page {
        background-image: radial-gradient(circle farthest-corner at center, #cccccc 20%, #5c5c5c 100%);
        /* background-color: #ffffff; */
    }
    .login-logo img {
        margin-bottom: 20px;
        width: 150px;
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    .login-page {
        background-image: radial-gradient(circle farthest-corner at center, #cccccc 20%, #5c5c5c 100%);
        /* background-color: #ffffff; */
    }
    .login-logo img {
        margin-bottom: 20px;
        width: 150px;
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    .login-page {
        background-image: radial-gradient(circle farthest-corner at center, #cccccc 20%, #5c5c5c 100%);
        /* background-color: #ffffff; */
    }
    .login-logo img {
        margin-bottom: 20px;
        width: 150px;
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .login-page {
        background-image: radial-gradient(circle farthest-corner at center, #cccccc 20%, #5c5c5c 100%);
        /* background-color: #ffffff; */
    }
    .login-logo img {
        margin-bottom: 20px;
        width: 150px;
    }
}


/*
*   Border color, width and style
*/

.br-primary {
    border-color: #007bff!important;
}

.br-secondary {
    border-color: #6c757d!important;
}

.br-success {
    border-color: #28a745!important;
}

.br-info {
    border-color: #17a2b8!important;
}

.br-warning {
    border-color: #ffc107!important;
}

.br-danger {
    border-color: #dc3545!important;
}

.br-light {
    border-color: #f8f9fa!important;
}

.br-dark {
    border-color: #343a40!important;
}

.b-cr {
    border-right: 1px solid transparent;
}

.b-cl {
    border-left: 1px solid transparent;
}

.b-ct {
    border-top: 1px solid transparent;
}

.b-cb {
    border-bottom: 1px solid transparent;
}

.b2-cr {
    border-right: 2px solid transparent;
}

.b2-cl {
    border-left: 2px solid transparent;
}

.b2-ct {
    border-top: 2px solid transparent;
}

.b2-cb {
    border-bottom: 2px solid transparent;
}

.b4-cr {
    border-right: 4px solid transparent;
}

.b4-cl {
    border-left: 4px solid transparent;
}

.b4-ct {
    border-top: 4px solid transparent;
}

.b4-cb {
    border-bottom: 4px solid transparent;
}

.b6-cr {
    border-right: 6px solid transparent;
}

.b6-cl {
    border-left: 6px solid transparent;
}

.b6-ct {
    border-top: 6px solid transparent;
}

.b6-cb {
    border-bottom: 6px solid transparent;
}

.b8-cr {
    border-right: 8px solid transparent;
}

.b8-cl {
    border-left: 8px solid transparent;
}

.b8-ct {
    border-top: 8px solid transparent;
}

.b8-cb {
    border-bottom: 8px solid transparent;
}

.b10-cr {
    border-right: 10px solid transparent;
}

.b10-cl {
    border-left: 10px solid transparent;
}

.b10-ct {
    border-top: 10px solid transparent;
}

.b10-cb {
    border-bottom: 10px solid transparent;
}

.b12-cr {
    border-right: 12px solid transparent;
}

.b12-cl {
    border-left: 12px solid transparent;
}

.b12-ct {
    border-top: 12px solid transparent;
}

.b12-cb {
    border-bottom: 12px solid transparent;
}

.b14-cr {
    border-right: 14px solid transparent;
}

.b14-cl {
    border-left: 14px solid transparent;
}

.b14-ct {
    border-top: 14px solid transparent;
}

.b14-cb {
    border-bottom: 14px solid transparent;
}

.b16-cr {
    border-right: 16px solid transparent;
}

.b16-cl {
    border-left: 16px solid transparent;
}

.b16-ct {
    border-top: 16px solid transparent;
}

.b16-cb {
    border-bottom: 16px solid transparent;
}

.b18-cr {
    border-right: 18px solid transparent;
}

.b18-cl {
    border-left: 18px solid transparent;
}

.b18-ct {
    border-top: 18px solid transparent;
}

.b18-cb {
    border-bottom: 18px solid transparent;
}

.b20-cr {
    border-right: 20px solid transparent;
}

.b20-cl {
    border-left: 20px solid transparent;
}

.b20-ct {
    border-top: 20px solid transparent;
}

.b20-cb {
    border-bottom: 20px solid transparent;
}


/*
*   Input´s
*/

.input-group-text {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #eee;
    padding: 8px 15px;
    margin: 12px 0;
    width: 100%
}

.form-control {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #eee;
    padding: 12px 15px;
    margin: 8px 0;
    width: 100%
}

.form-control:focus {
    outline: 0!important;
    outline-width: 0!important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.form-flex {
    display: flex;
    flex-direction: column-reverse;
    margin: 1.2em 0
}

.focus-float {
    border-bottom: 2px solid #2ecc71!important;
}

.float-input {
    background-color: transparent!important;
}

.float-input-select {
    z-index: 2;
    background-color: transparent;
    height: 50px;
}

.float-input-select:disabled {
    background-color: #f5f5f5!important;
}

.float-inlabel {
    z-index: 1!important;
}

.placehoderOpacity::placeholder {
    opacity: 0;
}

.float-label {
    z-index: 1;
    font-weight: 600!important;
    padding-left: 10px;
    transform: translate(6px, 16px) scale(0.9);
    margin-bottom: 2px;
    transform-origin: left top;
    color: #696969;
    position: absolute;
    transition: 0.4s ease-in-out;
}

.active-label {
    z-index: 10;
    background-color: transparent;
    transform: translate(10px, -2px) scale(0.7);
    padding-left: 0px;
    color: #212529;
    transition: 0.4s ease-in-out;
}

.bd-callout {
    background-color: #fff;
    padding: 1.25rem;
    margin: 15px 0;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-success {
    border-left-color: #28a745;
}

.bd-callout-info {
    border-left-color: #17a2b8;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout-danger {
    border-left-color: #dc3545;
}

.bd-shadow {
    box-shadow: 0 0.5rem 2.2rem rgba(4, 9, 20, 0.03), 0 0.1rem 1.4rem rgba(4, 9, 20, 0.03), 0 0.2rem 0.6rem rgba(4, 9, 20, 0.05), 0 0.1rem 0.2rem rgba(4, 9, 20, 0.03);
}


/*
*
*/

.datatable-theme-tecsolt-blue {
    background-color: #007bff;
    font-weight: 500;
    color: #fff;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5);
}

.datatable-theme-tecsolt-success {
    color: #fff;
    background-color: #28a745;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5);
}

.datatable-theme-tecsolt-info {
    color: #fff;
    background-color: #16aaff;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5);
}

.datatable-theme-tecsolt-warning {
    color: #fff;
    background-color: #ffc107;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5);
}

.datatable-theme-tecsolt-danger {
    color: #fff;
    background-color: #dc3545;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5);
}

.datatable-theme-tecsolt-light {
    color: #fff;
    background-color: #f8f9fa;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(130, 130, 130, 0.4), 0 0.0625rem 0.125rem rgba(100, 100, 100, 0.5);
}

.datatable-theme-tecsolt-dark {
    color: #fff;
    background-color: #fff;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5);
}


/*
*
*/

.btnNew {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .05rem .50rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btnNew {
        transition: none
    }
}

.btnNew:hover {
    color: #212529;
    text-decoration: none
}

.btnNew.focus,
.btnNew:focus {
    outline: 0;
    box-shadow: none
}

.btnNew.disabled,
.btnNew:disabled {
    opacity: .65;
    box-shadow: none
}

.btnNew:not(:disabled):not(.disabled).active,
.btnNew:not(:disabled):not(.disabled):active {
    box-shadow: none
}

.btnNew-primary {
    color: #fff!important;
    background-color: #3f6ad8;
    border-color: #3f6ad8;
    box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5)
}

.btnNew-primary:hover {
    color: #fff!important;
    background-color: #2955c8;
    border-color: #2651be;
    box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.6), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.7)
}

.btnNew-primary:focus,
.btnNew-primary.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.2), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.3)
}

.btnNew-primary.disabled,
.btnNew-primary:disabled {
    color: #fff!important;
    background-color: #3f6ad8;
    border-color: #3f6ad8
}

.btnNew-primary:not(:disabled):not(.disabled):active,
.btnNew-primary:not(:disabled):not(.disabled).active,
.show>.btnNew-primary.dropdown-toggle {
    color: #fff!important;
    background-color: #2651be;
    border-color: #244cb3
}

.btnNew-primary:not(:disabled):not(.disabled):active:focus,
.btnNew-primary:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5)
}

.btnNew-secondary {
    color: #fff!important;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5)
}

.btnNew-secondary:hover {
    color: #fff!important;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.6), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.7)
}

.btnNew-secondary:focus,
.btnNew-secondary.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.2), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.3)
}

.btnNew-secondary.disabled,
.btnNew-secondary:disabled {
    color: #fff!important;
    background-color: #6c757d;
    border-color: #6c757d
}

.btnNew-secondary:not(:disabled):not(.disabled):active,
.btnNew-secondary:not(:disabled):not(.disabled).active,
.show>.btnNew-secondary.dropdown-toggle {
    color: #fff!important;
    background-color: #545b62;
    border-color: #4e555b
}

.btnNew-secondary:not(:disabled):not(.disabled):active:focus,
.btnNew-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5)
}

.btnNew-success {
    color: #fff!important;
    background-color: #3ac47d;
    border-color: #3ac47d;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5)
}

.btnNew-success:hover {
    color: #fff!important;
    background-color: #2e9d64;
    border-color: #2e9d64;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.6), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.7)
}

.btnNew-success:focus,
.btnNew-success.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.2), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.3)
}

.btnNew-success.disabled,
.btnNew-success:disabled {
    color: #fff!important;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btnNew-success:not(:disabled):not(.disabled):active,
.btnNew-success:not(:disabled):not(.disabled).active,
.show>.btnNew-success.dropdown-toggle {
    color: #fff!important;
    background-color: #2e9d64;
    border-color: #2b935e
}

.btnNew-success:not(:disabled):not(.disabled):active:focus,
.btnNew-success:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btnNew-success.btnNew-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5)
}

.btnNew-success.btnNew-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6)
}

.btnNew-info {
    color: #fff!important;
    background-color: #16aaff;
    border-color: #16aaff;
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5)
}

.btnNew-info:hover {
    color: #fff!important;
    background-color: #0098ef;
    border-color: #0090e2;
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.6), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.7)
}

.btnNew-info:focus,
.btnNew-info.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.2), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.3)
}

.btnNew-info.disabled,
.btnNew-info:disabled {
    color: #fff!important;
    background-color: #16aaff;
    border-color: #16aaff
}

.btnNew-info:not(:disabled):not(.disabled):active,
.btnNew-info:not(:disabled):not(.disabled).active,
.show>.btnNew-info.dropdown-toggle {
    color: #fff!important;
    background-color: #0090e2;
    border-color: #0087d5
}

.btnNew-info:not(:disabled):not(.disabled):active:focus,
.btnNew-info:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5)
}

.btnNew-warning {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924;
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5)
}

.btnNew-warning:hover {
    color: #212529;
    background-color: #eca909;
    border-color: #e0a008;
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.6), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.7)
}

.btnNew-warning:focus,
.btnNew-warning.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.2), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.3)
}

.btnNew-warning.disabled,
.btnNew-warning:disabled {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btnNew-warning:not(:disabled):not(.disabled):active,
.btnNew-warning:not(:disabled):not(.disabled).active,
.show>.btnNew-warning.dropdown-toggle {
    color: #212529;
    background-color: #e0a008;
    border-color: #d49808
}

.btnNew-warning:not(:disabled):not(.disabled):active:focus,
.btnNew-warning:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5)
}

.btnNew-warning.btnNew-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5)
}

.btnNew-warning.btnNew-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6)
}

.btnNew-danger {
    color: #fff!important;
    background-color: #d92550;
    border-color: #d92550;
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5)
}

.btnNew-danger:hover {
    color: #fff!important;
    background-color: #b81f44;
    border-color: #ad1e40;
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.6), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.7)
}

.btnNew-danger:focus,
.btnNew-danger.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.2), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.3)
}

.btnNew-danger.disabled,
.btnNew-danger:disabled {
    color: #fff!important;
    background-color: #d92550;
    border-color: #d92550
}

.btnNew-danger:not(:disabled):not(.disabled):active,
.btnNew-danger:not(:disabled):not(.disabled).active,
.show>.btnNew-danger.dropdown-toggle {
    color: #fff!important;
    background-color: #ad1e40;
    border-color: #a31c3c
}

.btnNew-danger:not(:disabled):not(.disabled):active:focus,
.btnNew-danger:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5)
}

.btnNew-light {
    color: #212529;
    background-color: #eee;
    border-color: #eee;
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.2), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.3)
}

.btnNew-light:hover {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5)
}

.btnNew-light:focus,
.btnNew-light.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.2), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.3)
}

.btnNew-light.disabled,
.btnNew-light:disabled {
    color: #212529;
    background-color: #eee;
    border-color: #eee
}

.btnNew-light:not(:disabled):not(.disabled):active,
.btnNew-light:not(:disabled):not(.disabled).active,
.show>.btnNew-light.dropdown-toggle {
    color: #212529;
    background-color: #d5d5d5;
    border-color: #cecece
}

.btnNew-light:not(:disabled):not(.disabled):active:focus,
.btnNew-light:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5)
}

.btnNew-dark {
    color: #fff!important;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5)
}

.btnNew-dark:hover {
    color: #fff!important;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.6), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.7)
}

.btnNew-dark:focus,
.btnNew-dark.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.2), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.3)
}

.btnNew-dark.disabled,
.btnNew-dark:disabled {
    color: #fff!important;
    background-color: #343a40;
    border-color: #343a40
}

.btnNew-dark:not(:disabled):not(.disabled):active,
.btnNew-dark:not(:disabled):not(.disabled).active,
.show>.btnNew-dark.dropdown-toggle {
    color: #fff!important;
    background-color: #1d2124;
    border-color: #171a1d
}

.btnNew-dark:not(:disabled):not(.disabled):active:focus,
.btnNew-dark:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5)
}

.btnNew-dark.btnNew-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5)
}

.btnNew-dark.btnNew-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6)
}

.btnNew-focus {
    color: #fff!important;
    background-color: #444054;
    border-color: #444054;
    box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5)
}

.btnNew-focus:hover {
    color: #fff!important;
    background-color: #322f3e;
    border-color: #2d2a37;
    box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.6), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.7)
}

.btnNew-focus:focus,
.btnNew-focus.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.2), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.3)
}

.btnNew-focus.disabled,
.btnNew-focus:disabled {
    color: #fff!important;
    background-color: #444054;
    border-color: #444054
}

.btnNew-focus:not(:disabled):not(.disabled):active,
.btnNew-focus:not(:disabled):not(.disabled).active,
.show>.btnNew-focus.dropdown-toggle {
    color: #fff!important;
    background-color: #2d2a37;
    border-color: #272430
}

.btnNew-focus:not(:disabled):not(.disabled):active:focus,
.btnNew-focus:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-focus.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5)
}

.btnNew-alternate {
    color: #fff!important;
    background-color: #794c8a;
    border-color: #794c8a;
    box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5)
}

.btnNew-alternate:hover {
    color: #fff!important;
    background-color: #633e71;
    border-color: #5c3a69;
    box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.6), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.7)
}

.btnNew-alternate:focus,
.btnNew-alternate.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.2), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.3)
}

.btnNew-alternate.disabled,
.btnNew-alternate:disabled {
    color: #fff!important;
    background-color: #794c8a;
    border-color: #794c8a
}

.btnNew-alternate:not(:disabled):not(.disabled):active,
.btnNew-alternate:not(:disabled):not(.disabled).active,
.show>.btnNew-alternate.dropdown-toggle {
    color: #fff!important;
    background-color: #5c3a69;
    border-color: #553561
}

.btnNew-orange {
    color: #fff!important;
    background-color: #f37f68;
    border-color: #f37f68;
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.4), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.5)
}

.btnNew-orange:hover {
    color: #fff!important;
    background-color: #da624a;
    border-color: #da624a;
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.4), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.5)
}

.btnNew-orange:focus,
.btnNew-orange.focus {
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.2), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.3)
}

.btnNew-orange.disabled,
.btnNew-orange:disabled {
    color: #fff!important;
    background-color: #f37f68;
    border-color: #f37f68
}

.btnNew-orange:not(:disabled):not(.disabled):active,
.btnNew-orange:not(:disabled):not(.disabled).active,
.show>.btnNew-orange.dropdown-toggle {
    color: #fff!important;
    background-color: #da624a;
    border-color: #da624a
}

.btnNew-orange:not(:disabled):not(.disabled):active:focus,
.btnNew-orange:not(:disabled):not(.disabled).active:focus,
.show>.btnNew-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(218, 98, 74, 0.5)
}


/*
*
*/

.alert-tecsolt-primary {
    color: #213770;
    background-color: #d9e1f7;
    border-color: #c9d5f4;
}

.alert-primary hr {
    border-top-color: #b4c5f0
}

.alert-tecsolt-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-tecsolt-orange-light {
    color: #f89101;
    background-color: #ffd9a3;
    border-color: #ffd9a3;
}

.alert-tecsolt-orange-light hr {
    border-top-color: #ffcb82
}

.alert-tecsolt-success {
    color: #1e6641;
    background-color: #d8f3e5;
    border-color: #c8eedb;
}

.alert-tecsolt-success hr {
    border-top-color: #b5e8ce
}

.alert-tecsolt-danger {
    color: #71132a;
    background-color: #f7d3dc;
    border-color: #f4c2ce;
}

.alert-danger hr {
    border-top-color: #f0acbd
}

.alert-tecsolt-warning {
    color: #806013;
    background-color: #fdf1d3;
    border-color: #fdebc2;
}

.alert-warning hr {
    border-top-color: #fce3a9
}

.alert-tecsolt-info {
    color: #0b5885;
    background-color: #d0eeff;
    border-color: #bee7ff;
}

.alert-info hr {
    border-top-color: #a5deff
}

.alert-tecsolt-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-tecsolt-dark hr {
    border-top-color: #b9bbbe
}


/*
* DATATABLE ALIGN
*/

table.dataTable td {
    text-align: center;
}


/*
*   CARDS INFO-GENERAL
*/

.icon-wrapper .icon-wrapper-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: .2;
}

.icon-wrapper {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.icon-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
}

.rounded-circle {
    border-radius: 50% !important;
}

.icon-wrapper i {
    margin: 0 auto;
    font-size: 1.7rem;
    position: relative;
    z-index: 5;
}

.bg-success {
    background-color: rgba(58, 196, 125, 0.5)!important;
}

.bg-info {
    background-color: rgba(63, 106, 216, 0.5)!important;
}

.bg-warning {
    background-color: rgba(255, 193, 7, 0.7)!important;
}

.bg-danger {
    background-color: rgba(217, 37, 80, 0.5)!important;
}

.bg-purple {
    background-color: rgba(121, 76, 138, 0.5)!important;
}

.bg-bold-success {
    background-color: rgba(58, 196, 125, 1)!important;
}

.bg-bold-info {
    background-color: rgba(63, 106, 216, 1)!important;
}

.bg-bold-warning {
    background-color: rgba(255, 193, 7, 1)!important;
}

.bg-bold-danger {
    background-color: rgba(217, 37, 80, 1)!important;
}

.color-success {
    color: #3ac47d;
    z-index: 2;
}

.color-info {
    color: #3f6ad8;
    z-index: 2;
}

.color-warning {
    color: #ffc107;
    z-index: 2;
}

.color-danger {
    color: #d92550;
    z-index: 2;
}

.color-purple {
    color: #794c8a;
    z-index: 2;
}

.card-info-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.75rem;
    display: block;
    line-height: 1;
    margin: 1rem auto 0.5rem auto;
}

.card-info-text {
    text-align: center;
    font-size: 14px;
    opacity: 0.6;
}


/*
*   CARDS INFO-GENERAL
*/


/*
* SUBIR FOTOS EN UN FORMULARIO
*/

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    box-shadow: 0 0.225rem 0.725rem rgba(217, 37, 80, 0.4), 0 0.0725rem 0.225rem rgba(217, 37, 80, 0.5);
    transition: all 0.4s all;
}

.inputfile+label {
    padding: 4px 25px;
    border-radius: 0.55rem;
    font-size: 0.65em;
    color: white;
    background-color: black;
    display: inline-block;
    box-shadow: 0 0.225rem 0.725rem rgba(52, 58, 64, 0.4), 0 0.0725rem 0.225rem rgba(52, 58, 64, 0.5);
    transition: all 0.4s all;
}

.inputfile:focus+label,
.inputfile+label:hover {
    transition: all 0.4s all;
    background-color: #f37f68;
    box-shadow: 0 0.225rem 0.725rem rgba(217, 37, 80, 0.6), 0 0.0725rem 0.225rem rgba(217, 37, 80, 0.7);
}

.inputfile:focus+label {
    transition: all 0.4s all;
    box-shadow: 0 0.225rem 0.725rem rgba(217, 37, 80, 0.4), 0 0.0725rem 0.225rem rgba(217, 37, 80, 0.5);
    outline: 0!important;
    outline-width: 0!important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.inputfile+label {
    cursor: pointer;
    /* "hand" cursor */
}

.inputfile+label * {
    pointer-events: none;
}

.inputfile:focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.img-thumbnail-tecsolt {
    display: block;
    margin: 0 auto;
    padding: .25rem;
    background-color: #fff;
    border-radius: .50rem;
    box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
    height: auto
}

@media only screen and (max-width:374px) and (min-width:320px) {
    .img-thumbnail-tecsolt {
        max-width: 80px;
        height: auto
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    .img-thumbnail-tecsolt {
        max-width: 80px;
        height: auto
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    .img-thumbnail-tecsolt {
        max-width: 80px;
        height: auto
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .img-thumbnail-tecsolt {
        max-width: 80px;
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .img-thumbnail-tecsolt {
        max-width: 80px;
        height: auto
    }
}

.img-thumbnail-modal {
    margin: 0 auto;
    padding: .25rem;
    background-color: #fff;
    border-radius: .50rem;
    box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
    height: auto
}

@media only screen and (max-width:374px) and (min-width:320px) {
    .img-thumbnail-modal {
        max-width: 50%;
        height: auto
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    .img-thumbnail-modal {
        max-width: 50%;
        height: auto
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    .img-thumbnail-modal {
        max-width: 50%;
        height: auto
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .img-thumbnail-modal {
        max-width: 50%;
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .img-thumbnail-modal {
        max-width: 30%;
        height: auto
    }
}


/***************************************************************************************************************************************
# LOADER #
****************************************************************************************************************************************/

.loader-page {
    position: fixed;
    z-index: 25000;
    background-image: radial-gradient(circle farthest-corner at center, #cccccc 30%, #5c5c5c 100%);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.loader-page::before {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}

@keyframes rotarload {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.loader-page::after {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s ease-out infinite;
    transform: rotate(0deg);
}


/*
*
*/

.background-loader {
    position: fixed;
    z-index: 25000;
    background-image: radial-gradient(circle farthest-corner at center, #cccccc 30%, #5c5c5c 100%);
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}

.loader {
    position: absolute;
    align-items: center;
    justify-content: center;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition: all .3s ease;
}

.inner {
    position: absolute;
    z-index: 25000;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid var(--color1);
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid var(--color1);
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid var(--color1);
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}


/***************************************************************************************************************************************
# PESTAÑA DE NOT FOUND #
****************************************************************************************************************************************/

#notfound {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/Error-404.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% 100%;
}

#notfound .notfound {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#notfound .notfound::-webkit-scrollbar {
    display: none;
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center
}

.notfound .notfound-404 {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    height: 200px
}

.notfound .notfound-404 h1 {
    font-family: Montserrat, sans-serif;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 120px;
    font-weight: 900;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -20px;
    margin-left: -20px
}

.notfound .notfound-404 h1>span {
    text-shadow: -8px 0 0 rgb(197, 197, 197)
}

.notfound .notfound-404 h3 {
    font-family: Cabin, sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #262626;
    margin: 0;
    letter-spacing: 3px;
    padding-left: 6px
}

.notfound h2 {
    font-family: Cabin, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-shadow: 2px 2px 5px rgb(255, 255, 255, 0.7);
    margin-top: 0;
    margin-bottom: 25px
}

.notfound a {
    box-shadow: 0 0 15px 0 rgba(0, 152, 239, .4);
    padding: 10px 35px;
}

@media only screen and (max-width:374px) and (min-width:320px) {
    #notfound {
        background-size: 160% 80%;
    }
    .notfound .notfound-404 {
        height: 170px
    }
    .notfound .notfound-404 h1 {
        font-size: 90px;
        height: 150px;
        line-height: 162px;
        letter-spacing: -15px;
    }
    .notfound h2 {
        font-size: 14px;
        padding: 0 60px;
        margin-bottom: 20px;
    }
    .notfound a {
        font-size: 14px;
        box-shadow: 0 0 15px 0 rgba(0, 152, 239, .4);
        padding: 5px 25px;
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    #notfound {
        background-size: 160% 80%;
    }
    .notfound .notfound-404 {
        height: 170px
    }
    .notfound .notfound-404 h1 {
        font-size: 90px;
        height: 150px;
        line-height: 162px;
        letter-spacing: -15px;
    }
    .notfound h2 {
        font-size: 14px;
        padding: 0 60px;
        margin-bottom: 20px;
    }
    .notfound a {
        font-size: 14px;
        box-shadow: 0 0 15px 0 rgba(0, 152, 239, .4);
        padding: 5px 25px;
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    #notfound {
        background-size: 150% 80%;
    }
    .notfound .notfound-404 {
        height: 170px
    }
    .notfound .notfound-404 h1 {
        font-size: 90px;
        height: 150px;
        line-height: 162px;
        letter-spacing: -15px;
    }
    .notfound h2 {
        font-size: 14px;
        padding: 0 60px;
        margin-bottom: 20px;
    }
    .notfound a {
        font-size: 14px;
        box-shadow: 0 0 15px 0 rgba(0, 152, 239, .4);
        padding: 5px 25px;
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .notfound .notfound-404 {
        height: 190px
    }
    .notfound .notfound-404 h1 {
        font-size: 110px;
        height: 150px;
        line-height: 162px
    }
    .notfound h2 {
        font-size: 14px
    }
    .notfound a {
        box-shadow: 0 0 15px 0 rgba(0, 152, 239, .4);
        padding: 5px 25px;
    }
}


/*
*   CONTACTO
*/

.imgContact {
    width: 100%;
    box-shadow: 0 0.5rem 2.2rem rgba(4, 9, 20, 0.03), 0 0.1rem 1.4rem rgba(4, 9, 20, 0.03), 0 0.2rem 0.6rem rgba(4, 9, 20, 0.05), 0 0.1rem 0.2rem rgba(4, 9, 20, 0.03);
    margin-bottom: 15px;
}

@media only screen and (max-width:374px) and (min-width:320px) {
    .imgContact {
        width: 150px;
    }
}

@media only screen and (max-width:424px) and (min-width:375px) {
    .imgContact {
        width: 150px;
    }
}

@media only screen and (max-width:767px) and (min-width:425px) {
    .imgContact {
        width: 100%;
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .imgContact {
        width: 100%;
    }
}

.list-contact {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 1rem;
}

.list-contact li {
    margin: 8px 0;
}

.bck-facebook {
    color: #1475E0;
}

.bck-gmail {
    color: #e34d41;
}

.bck-phone {
    color: #3d7068;
}