/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


header{
        background-color: #494334;   
}
header.home{
        background-color: transparent;   
}
 

.form-group{
  position:relative;
  margin-bottom:15px;
}

.login_sec .form-control,.signup_form .form-control{
    display: block;
    width: 100%;
    border-radius: 16px !important;
    background: #342D20 !important;
    outline: none;
    position: relative;
    border: 2px solid transparent !important;
    height: 59px;
    padding-top: 12px;
    padding-bottom: 0;
    padding-left: 17px;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
    color: #fff !important;
}
.login_sec .form-control:focus, .signup_form .form-control:focus{
   border: 2px solid #FAD5BA !important;
}

.form_label{
    position: absolute;
    top: 23px;
    left: 17px;
    transition: all 300ms ease-in-out;
    pointer-events: none;
    color: #FFF !important;
    font-size: 14px !important;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
    font-weight: 500;
}

.form-control:focus~label.form_label,
.form-control:not(:placeholder-shown)~label{
   
    top:11px; 
 }

.form-control::-webkit-input-placeholder{
  color:transparent;
}

.form-control::-moz-placeholder{
  color:transparent;
}

label.error {
    color: red !important;
    font-weight: 400 !important;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
        margin-top: 7px;
}
a.lost {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    margin-top: 21px;
    display: inline-block;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
}

.form-actions input.btn {
    border-radius: 24.347px !important;
    background: #FAD5BA !important;
    color: #262013 !important;
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
    font-weight: 700;
    padding: 12px 52px;
}


.login_block .form-actions input.btn,
.signup_form .form-actions input.btn{ margin:auto;     display: block; }


.form-actions input.btn:hover{
      background: #342D20 !important;
    color: #FAD5BA !important;
}
.form-actions p {
    margin: 29px 0 0 0;
    text-align: center;
    font-size: 14px;
    font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
    font-weight: 500;
}

.form-actions p a {
    border-bottom: 1px solid;text-decoration: none;
}
.form-actions {
    border-top: 1px solid #655E4C;
    padding-top: 40px;
    margin-top: 42px;
}
.form-actions p a:hover, a.lost:hover{ color:#FAD5BA; }


.dashbrdouter {
    display: flex;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #AA957F;
    background: #FFF;
    box-shadow: 0 334px 93px 0 rgba(0, 0, 0, 0.00), 0 214px 85px 0 rgba(0, 0, 0, 0.01), 0 120px 72px 0 rgba(0, 0, 0, 0.05), 0 53px 53px 0 rgba(0, 0, 0, 0.09), 0 13px 29px 0 rgba(0, 0, 0, 0.10);
    align-items: stretch;
        max-width: 1200px;
    margin: auto;
    min-height: 653.908px;

    overflow: hidden;
}
.dashbrdouter *{
        font-family: var(--e-global-typography-5d167aa-font-family), Sans-serif;
}
.dashleft {
    width: 25%;
    background: #494334;
    padding: 46px 20px;
}
.dashright {
    width: 75%;
    padding:56px 60px;
    color: #342D20;

}
.dashleft ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dashleft ul li a {
    font-size: 20px;
    text-decoration: none;
    display: block;
    padding: 12px 31px;
    font-weight: 500;

}
.dashleft ul li a:hover{
        background: #EDCAB1;
    color: #494334;
        border-radius: 8px;
}
.dashleft ul li{ border-bottom:1px solid #342D20; }
.dashleft ul li.current-menu-item a{ background: #EDCAB1;color: #494334; border-radius: 8px; }
.dashleft ul li:last-child{ border: 0;}

.dashright h2 {
    margin: 0 0 22px 0;
    color: #494334;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: normal;
}

.dashright .links button {
       align-items: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    background: #342D20;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    max-width: 300px;
    padding: 16px 0;
}
.dashright .links button:hover{background: #FAD5BA;color: #262013;}
.dashright .links {
    align-items: center;
    display: flex;
    gap: 15px;
    margin-bottom: 50px;
}
.dashright .links button svg {
    width: auto;
}
.dashright p {
    color: #342D20;
    font-size: 18px;
    font-weight: 600;
}
.dashright p strong {
    color: #A4856F;
    font-weight: 700;
}
.dashright p a {
    color: #342D20;
}
.dashright .links button:hover svg * {
    fill: #262013;
}
.mymac_table table td {
    border: 0;
    background: transparent !important;
    padding: 8px 0;
    color: #342D20;
    font-size: 18px;
    font-weight: 400;
}
.mymac_table table td:nth-child(1){ width:31%;font-weight: 600;}
.mymac_table table td:nth-child(2){ width:69%; }
.mymac_table table td:nth-child(1) strong {
    float: right;
    margin-right:46px;
    font-weight: 500;
}
.btn {
    border-radius: 5px !important;
    background: #342D20 !important;
    color: #FFF !important;
    font-size: 18px;
    text-decoration: none !important;
    display: inline-block;
    padding: 13px 28px !important;
    min-width: 170px; 
    text-align: center;
    font-weight: 600;
    line-height: normal;
    margin-right: 11px;
}
.btn:hover {
    background: #EDCAB1 !important;
    color: #342D20 !important;
}
.mvcbtn_row{ margin-top:56px; }


.dashright .form-control {
    background: #fff !important;
    color: #494334 !important;
    padding: 12px 20px;
    line-height: normal !important;
    border-radius: 8px !important;
    border: 1px solid #C4C4C4 !important;
    font-size: 14px !important;
}

.dashright .form_group {
    margin-bottom: 17px;
}

.dashright .form_group label {
    display: block;
    font-weight: 500;
    margin-bottom: 7px;
    color: #494334 !important;
    font-size: 14px;
}
.dashright form button{
    background: #FAD5BA;
    border-radius: 24.347px;
    color: #262013;


}

.dashright form button {
    background: #FAD5BA;
    color: #262013;
    font-size: 18px;
    text-decoration: none !important;
    display: inline-block;
    padding: 13px 28px !important;
    min-width: 170px;
    text-align: center;
    font-weight: 600;
    line-height: normal;
    margin-right: 11px;
    border-radius: 5px !important;
}
.dashright .form_group label.error {
    color: red !important;
}
.seldrop select{ appearance:none; }
.seldrop{ position:relative; }
.seldrop:before{ position: absolute;
     width: 8px;
    height: 6px;
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"><path d="M3.57513 4.98719L0.176195 1.58825C-0.0587311 1.35333 -0.0587311 0.973445 0.176195 0.741018L0.741019 0.176195C0.975945 -0.058732 1.35583 -0.0587319 1.58825 0.176195L3.9975 2.58544L6.40675 0.176195C6.64167 -0.0587317 7.02156 -0.0587317 7.25398 0.176195L7.82381 0.738519C8.05873 0.973446 8.05873 1.35333 7.8238 1.58575L4.42487 4.98469C4.18994 5.22212 3.81006 5.22212 3.57513 4.98719Z" fill="%23AEAEAE"/></svg>');
        content: "";
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
 }

.dashright .account_block button {
    border-radius: 24.347px !important;
    margin-top: 16px;
    font-weight: 700; 
text-transform: uppercase;
}
.elementor-element-5dea99d{
    display: block !important;
}
.suport_popup a {
    color: #000;
    border-bottom: 1px solid;
}

.suport_popup h2 {
    color: #494334;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;    line-height: 1.2;
}
.suport_popup h3 {
    color: #494334;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: normal;
    margin: 29px 0 20px 0;
}
.suport_popup hr {
    border: 0;
    background: #DBDBDB;
    height: 1px;
    margin: 30px 0;
}

.suport_popup ol {
    padding: 0 0 19px 16px;
}
.suport_popup li {
    margin-bottom: 9px;
}
.suport_popup ul {
    padding: 0;
    list-style: none;
    margin: 10px 0 18px 0;
}
.suport_popup ul li:before{
    content:"";
    display: inline-block;
    width: 9.995px;
height: 10px;
    margin-right: 8px;
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M5.00265 9.99959C4.86082 10.0004 4.72195 9.95899 4.60376 9.88058C4.48557 9.80217 4.3934 9.69035 4.33901 9.55935C4.28462 9.42836 4.27048 9.28414 4.29837 9.14507C4.32627 9.00601 4.39495 8.8784 4.49566 8.77852L8.28026 5.00106L4.49566 1.2236C4.37867 1.08699 4.31755 0.911275 4.32449 0.731559C4.33143 0.551843 4.40593 0.381365 4.5331 0.254192C4.66028 0.127019 4.83075 0.0525181 5.01047 0.0455765C5.19019 0.0386348 5.3659 0.0997641 5.50251 0.216749L9.78696 4.50121C9.91996 4.635 9.99461 4.81598 9.99461 5.00463C9.99461 5.19328 9.91996 5.37426 9.78696 5.50805L5.50251 9.79251C5.3695 9.92443 5.18998 9.99881 5.00265 9.99959Z" fill="%23BA9A83"/><path d="M0.718229 9.99999C0.576396 10.0008 0.43753 9.95938 0.319337 9.88097C0.201143 9.80257 0.108976 9.69074 0.0545875 9.55975C0.000198595 9.42875 -0.0139483 9.28453 0.0139504 9.14547C0.0418491 9.0064 0.110529 8.8788 0.211235 8.77892L3.99584 5.00145L0.211235 1.22399C0.0767718 1.08953 0.00123109 0.907158 0.00123109 0.716998C0.00123109 0.526838 0.0767718 0.344467 0.211235 0.210004C0.345698 0.0755407 0.528069 1.4168e-09 0.718229 0C0.908389 -1.4168e-09 1.09076 0.0755407 1.22522 0.210004L5.50968 4.49446C5.64268 4.62825 5.71733 4.80924 5.71733 4.99788C5.71733 5.18653 5.64268 5.36752 5.50968 5.50131L1.22522 9.78577C1.15909 9.85324 1.08022 9.90691 0.993195 9.94369C0.906167 9.98046 0.812706 9.9996 0.718229 9.99999Z" fill="%23BA9A83"/></svg>');
}
.suport_popup h4 {
    color: #494334;
    font-size: 22px;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.suport_popup ul:last-child {
    margin-bottom: 0;
}
.suport_popup li:last-child{ margin-bottom:0; }

@media (max-width: 1200px){

    .dashright{
            padding: 45px 45px;
    }
    .dashright h2{
        font-size: 34px;
    }
    .dashright .links button{
        padding: 13px 0;
    }
    .dashleft ul li a{
        font-size: 19px;    padding: 10px 25px;
    }
    .dashright p{
        font-size: 17px;
    }
    .dashbrdouter{
        min-height: 570px;    max-width: 1000px;
    }
    .mymac_table table td:nth-child(1) strong{
            margin-right: 15px;
    }
    .mymac_table table td{
            font-size: 17px;
    }


    .dashleft  .elementor-element.elementor-element-fd14194 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper{
                position: initial !important;
                background-color:transparent !important;
                box-shadow:none !important;
                        max-width: 100% !important;
    }
    .dashleft .jkit-hamburger-menu,
    .dashleft .jkit-nav-identity-panel {
    display: none !important;
    }
    .suport_popup h3{
            font-size: 22px;
    }
    .suport_popup h4{
        font-size: 20px;
    }
}

@media (max-width:991px) {
    .dashright {
        padding: 40px 37px;
    }

        .dashright h2 {
        font-size: 32px;
    }

    .dashright .links {
    align-items: baseline;
    display: flex;
    gap: 15px;
    margin-bottom: 38px;
    flex-flow: column;
    justify-content: left;
    }
    .dashright .links button{
            max-width: 280px;
    }
    .dashright p{
        line-height: 1.4;
    }

    .btn{
        font-size: 17px;margin-bottom: 14px;    padding: 10px 23px !important;min-width: 150px;
    }
    .mvcbtn_row {
        margin-top: 40px;
    }
    .dashright form button{
        font-size: 17px;    padding: 10px 23px !important;
    }

    .elementor-popup-modal .dialog-widget-content{
            max-width: 85% !important;
    }
    .suport_popup h2{
            font-size: 22px;
    }
    .suport_popup h3 {
        font-size: 20px;
    }
    .suport_popup h4 {
        font-size: 19px;
    }
}

@media (max-width:850px){

    .dashbrdouter {
        min-height: auto;
        display: block;
    }
    .dashleft {
    width: 100%;
    padding: 35px 20px;
    }
    .dashright{
        width: 100%;
    }
}

@media (max-width:767px){

    .dashright h2 {
        font-size: 30px;
    }
        .dashright {
        padding: 34px 37px;
    }
    .dashright .links button {
        padding: 11px 0;
    }
        .dashleft ul li a {
        font-size: 18px;}

        .dashright p{
            word-break: break-word;
        }

    .dashleft {
        padding: 25px 20px;
    }
    .dashright {
        padding: 28px 25px;
    }
        .dashright h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
        .dashright .links button {
        padding: 9px 0;
        font-size: 17px;
    }
    .dashright .links{
        margin-bottom: 25px;
    }
    .dashright p {
        font-size: 16px;
    }
    .mymac_table table td:nth-child(1),
    .mymac_table table td:nth-child(2){
        width: 50%;
    }

        .suport_popup h2 {
        font-size: 20px;
        line-height: 1.3;
        }
        .suport_popup h3 {
        font-size: 18px;
        margin: 18px 0 13px 0;
    }
    .suport_popup h4 {
        font-size: 17px;
    }
    .suport_popup li {
    margin-bottom: 6px;
    }
    .suport_popup hr{
        margin: 19px 0;
    }

}

@media (max-width:500px){
        .mymac_table table td {
        font-size: 16px;
        padding: 0 0 7px 0;
    }
    .btn {
        font-size: 16px;
        margin-bottom: 11px;
        padding: 10px 21px !important;
        min-width: auto;
    }
    .mvcbtn_row {
        margin-top: 17px;
    }
    .dashright form button {
        font-size: 16px;
        padding: 10px 21px !important; margin-bottom: 15px;
    }
        .mymac_table table td:nth-child(1) strong {
        margin-right: 6px;
    }
    .mymac_table table td:nth-child(1){
        width: 50%;
     }
    .mymac_table table td:nth-child(2){
        width: 50%;
    }

     .mymac_table.machinedetails table td:nth-child(1){
        width: 55%;
     }
    .mymac_table.machinedetails table td:nth-child(2){
        width: 45%;
    }
    .dashright .account_block button{
        margin-top: 6px;
    }
}

@media (max-width:370px) {
    .dashright {
        padding: 23px 19px;
    }
}