.main-content{
        width: 50%;
        border-radius: 20px;
        box-shadow: 0 5px 5px rgba(0,0,0,.4);
        margin: 5em auto;
        display: flex;
    }
    .section_image{
        background-color: #008080;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
    }
    .section_login{
        background-color: #fff;
        border-top-right-radius:20px;
        border-bottom-right-radius:20px;
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
    }    

    @media screen and (max-width: 640px) {
        .main-content{width: 90%;}
        .company__info{
            display: none;
        }
        .login_form{
            border-top-left-radius:20px;
            border-bottom-left-radius:20px;
        }
    }
    @media screen and (min-width: 642px) and (max-width:800px){
        .main-content{width: 70%;}
    }


/*------------
--- BACKGROUND
-------------*/

    body { 
        background: url(/assets/images/backgrounds/login-bg.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: transparent !important;
    }
    
    
/*    body{
        background-color: #0060AA;
    }*/
    
    .bg-overlay {
        opacity: 0 !important;
    }
    
/*------------
--- CARD
-------------*/

    .drop-shadow{
        box-shadow: 25px 26px 9px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 25px 26px 9px 1px rgba(0, 0, 0, 0.1);
    }
    .rounded-login {
        border-radius: 0.5rem!important;
    }    
    
/*------------
--- BUTTONS
-------------*/

    .btn-brown{
        background-color: #4d3925;
        color: #FFF;
    }
    .btn-brown:hover, .btn-brown:focus, .btn-brown:active, .btn-brown.active, .open .dropdown-toggle.btn-brown { 
        color: #ffffff; 
        background-color: #816a52; 
    } 
    .btn-brown:active, .btn-brown.active, .open .dropdown-toggle.btn-brown { 
        background-image: none; 
    } 
    .btn-brown.disabled, .btn-brown[disabled], fieldset[disabled] .btn-brown, .btn-brown.disabled:hover, .btn-brown[disabled]:hover, fieldset[disabled] .btn-brown:hover, 
    .btn-brown.disabled:focus, .btn-brown[disabled]:focus, fieldset[disabled] .btn-brown:focus, .btn-brown.disabled:active, .btn-brown[disabled]:active, fieldset[disabled] 
    .btn-brown:active, .btn-brown.disabled.active, .btn-brown[disabled].active, fieldset[disabled] .btn-brown.active { 
        background-color: #c3c3c3; 
    } 
    
/*------------
--- LINKS
-------------*/    

    a {
        color: #317793;
        text-decoration: none;
    }
    a:hover, a:focus, a:active{
        color: #175168 !important;
        text-decoration: none;
    }
    .form-check-input:checked {
        background-color: #317793 !important;
    }
/*------------
--- TABLES
-------------*/  
    
    .table-mobile{
       display: block !important;
       overflow-x: auto !important;
       width: 100% !important;
     }    
     
     
/*-----------*/
/*-- Width --*/
/*-----------*/

    .w-100{width: 100%;}
    .w-90{width: 90%;}
    .w-80{width: 80%;}
    .w-70{width: 70%;}
    .w-60{width: 60%;}
    .w-50{width: 50%;}
    .w-40{width: 40%;}
    .w-30{width: 30%;}
    .w-20{width: 20%;}
    .w-10{width: 10%;}

/*----------*/
/*-- Text --*/
/*----------*/

    .text-10{font-size: 10px !important;}.text-11{font-size: 11px !important;}.text-12{font-size: 12px !important;}.text-13{font-size: 13px !important;}.text-14{font-size: 14px !important;}.text-15{font-size: 15px !important;}.text-16{font-size: 16px !important;}.text-17{font-size: 17px !important;}.text-18{font-size: 18px !important;}.text-19{font-size: 19px !important;}
    .text-20{font-size: 20px !important;}.text-21{font-size: 21px !important;}.text-22{font-size: 22px !important;}.text-23{font-size: 23px !important;}.text-24{font-size: 24px !important;}.text-25{font-size: 25px !important;}.text-26{font-size: 26px !important;}.text-27{font-size: 27px !important;}.text-28{font-size: 28px !important;}.text-29{font-size: 29px !important;}
    .text-30{font-size: 31px !important;}.text-31{font-size: 31px !important;}.text-32{font-size: 32px !important;}.text-33{font-size: 33px !important;}.text-34{font-size: 34px !important;}.text-35{font-size: 35px !important;}.text-36{font-size: 36px !important;}.text-37{font-size: 37px !important;}.text-38{font-size: 38px !important;}.text-39{font-size: 39px !important;}
    .text-40{font-size: 40px !important;}.text-41{font-size: 41px !important;}.text-42{font-size: 42px !important;}.text-43{font-size: 43px !important;}.text-44{font-size: 44px !important;}.text-45{font-size: 45px !important;}.text-46{font-size: 46px !important;}.text-47{font-size: 47px !important;}.text-48{font-size: 48px !important;}.text-49{font-size: 49px !important;}
    .text-50{font-size: 50px !important;}.text-51{font-size: 51px !important;}.text-52{font-size: 52px !important;}.text-53{font-size: 53px !important;}.text-55{font-size: 55px !important;}.text-55{font-size: 55px !important;}.text-56{font-size: 56px !important;}.text-57{font-size: 57px !important;}.text-58{font-size: 58px !important;}.text-59{font-size: 59px !important;}
    
    .text-bold{font-weight: bold;}    
    .text-right{text-align: right;}
    .text-left{text-align: left;}
    .text-center{text-align: center;}
    
    .text-white{color: #FFF !important;}
    .text-red{color: #dc3545 !important}
    .text-green{color: #28a745 !important;}
    .text-footer{color: #FFF !important;}
    
    .text-brown{color: #4d3925 !important;}
    .text-brown:hover, .text-brown:focus, .text-brown:active, .text-brown.active, .open .dropdown-toggle.text-brown { color: #ffffff;}     
    
    
    
    .text-uppercase{text-transform: uppercase;}
    
/*-------------*/
/*-- Margins --*/
/*-------------*/

    .mg-l-0{margin-left: 0px !important}.mg-l-1{margin-left: 1px !important}.mg-l-2{margin-left: 2px !important}.mg-l-3{margin-left: 3px !important}.mg-l-4{margin-left: 4px !important}.mg-l-5{margin-left: 5px !important}.mg-l-6{margin-left: 6px !important}.mg-l-7{margin-left: 7px !important}.mg-l-8{margin-left: 8px !important}.mg-l-9{margin-left: 9px !important}.mg-l-10{margin-left: 10px !important}.mg-l-11{margin-left: 11px !important}.mg-l-12{margin-left: 12px !important}.mg-l-13{margin-left: 13px !important}.mg-l-14{margin-left: 14px !important}.mg-l-15{margin-left: 15px !important}.mg-l-16{margin-left: 16px !important}.mg-l-17{margin-left: 17px !important}.mg-l-18{margin-left: 18px !important}.mg-l-19{margin-left: 19px !important}.mg-l-20{margin-left: 20px !important}.mg-l-21{margin-left: 21px !important}.mg-l-22{margin-left: 22px !important}.mg-l-23{margin-left: 23px !important}.mg-l-24{margin-left: 24px !important}.mg-l-25{margin-left: 25px !important}.mg-l-26{margin-left: 26px !important}.mg-l-27{margin-left: 27px !important}.mg-l-28{margin-left: 28px !important}.mg-l-29{margin-left: 29px !important}.mg-l-30{margin-left: 30px !important}
    .mg-r-0{margin-right: 0px !important}.mg-r-1{margin-right: 1px !important}.mg-r-2{margin-right: 2px !important}.mg-r-3{margin-right: 3px !important}.mg-r-4{margin-right: 4px !important}.mg-r-5{margin-right: 5px !important}.mg-r-6{margin-right: 6px !important}.mg-r-7{margin-right: 7px !important}.mg-r-8{margin-right: 8px !important}.mg-r-9{margin-right: 9px !important}.mg-r-10{margin-right: 10px !important}.mg-r-11{margin-right: 11px !important}.mg-r-12{margin-right: 12px !important}.mg-r-13{margin-right: 13px !important}.mg-r-14{margin-right: 14px !important}.mg-r-15{margin-right: 15px !important}.mg-r-16{margin-right: 16px !important}.mg-r-17{margin-right: 17px !important}.mg-r-18{margin-right: 18px !important}.mg-r-19{margin-right: 19px !important}.mg-r-20{margin-right: 20px !important}.mg-r-21{margin-right: 21px !important}.mg-r-22{margin-right: 22px !important}.mg-r-23{margin-right: 23px !important}.mg-r-24{margin-right: 24px !important}.mg-r-25{margin-right: 25px !important}.mg-r-26{margin-right: 26px !important}.mg-r-27{margin-right: 27px !important}.mg-r-28{margin-right: 28px !important}.mg-r-29{margin-right: 29px !important}.mg-r-30{margin-right: 30px !important}
    .mg-t-0{margin-top: 0px !important}.mg-t-1{margin-top: 1px !important}.mg-t-2{margin-top: 2px !important}.mg-t-3{margin-top: 3px !important}.mg-t-4{margin-top: 4px !important}.mg-t-5{margin-top: 5px !important}.mg-t-6{margin-top: 6px !important}.mg-t-7{margin-top: 7px !important}.mg-t-8{margin-top: 8px !important}.mg-t-9{margin-top: 9px !important}.mg-t-10{margin-top: 10px !important}.mg-t-11{margin-top: 11px !important}.mg-t-12{margin-top: 12px !important}.mg-t-13{margin-top: 13px !important}.mg-t-14{margin-top: 14px !important}.mg-t-15{margin-top: 15px !important}.mg-t-16{margin-top: 16px !important}.mg-t-17{margin-top: 17px !important}.mg-t-18{margin-top: 18px !important}.mg-t-19{margin-top: 19px !important}.mg-t-20{margin-top: 20px !important}.mg-t-21{margin-top: 21px !important}.mg-t-22{margin-top: 22px !important}.mg-t-23{margin-top: 23px !important}.mg-t-24{margin-top: 24px !important}.mg-t-25{margin-top: 25px !important}.mg-t-26{margin-top: 26px !important}.mg-t-27{margin-top: 27px !important}.mg-t-28{margin-top: 28px !important}.mg-t-29{margin-top: 29px !important}.mg-t-30{margin-top: 30px !important}.mg-t-50{margin-top: 100px !important}
    .mg-b-0{margin-bottom: 0px !important}.mg-b-1{margin-bottom: 1px !important}.mg-b-2{margin-bottom: 2px !important}.mg-b-3{margin-bottom: 3px !important}.mg-b-4{margin-bottom: 4px !important}.mg-b-5{margin-bottom: 5px !important}.mg-b-6{margin-bottom: 6px !important}.mg-b-7{margin-bottom: 7px !important}.mg-b-8{margin-bottom: 8px !important}.mg-b-9{margin-bottom: 9px !important}.mg-b-10{margin-bottom: 10px !important}.mg-b-11{margin-bottom: 11px !important}.mg-b-12{margin-bottom: 12px !important}.mg-b-13{margin-bottom: 13px !important}.mg-b-14{margin-bottom: 14px !important}.mg-b-15{margin-bottom: 15px !important}.mg-b-16{margin-bottom: 16px !important}.mg-b-17{margin-bottom: 17px !important}.mg-b-18{margin-bottom: 18px !important}.mg-b-19{margin-bottom: 19px !important}.mg-b-20{margin-bottom: 20px !important}.mg-b-21{margin-bottom: 21px !important}.mg-b-22{margin-bottom: 22px !important}.mg-b-23{margin-bottom: 23px !important}.mg-b-24{margin-bottom: 24px !important}.mg-b-25{margin-bottom: 25px !important}.mg-b-26{margin-bottom: 26px !important}.mg-b-27{margin-bottom: 27px !important}.mg-b-28{margin-bottom: 28px !important}.mg-b-29{margin-bottom: 29px !important}.mg-b-30{margin-bottom: 30px !important}
    
/*-------------*/
/*-- Padding --*/
/*-------------*/

    .pd-0{padding: 0px !important}.pd-1{padding: 1px !important}.pd-2{padding: 2px !important}.pd-3{padding: 3px !important}.pd-4{padding: 4px !important}.pd-5{padding: 5px !important}.pd-6{padding: 6px !important}.pd-7{padding: 7px !important}.pd-8{padding: 8px !important}.pd-9{padding: 9px !important}.pd-10{padding: 10px !important}.pd-11{padding: 11px !important}.pd-12{padding: 12px !important}.pd-13{padding: 13px !important}.pd-14{padding: 14px !important}.pd-15{padding: 15px !important}.pd-16{padding: 16px !important}.pd-17{padding: 17px !important}.pd-18{padding: 18px !important}.pd-19{padding: 19px !important}.pd-20{padding: 20px !important}.pd-21{padding: 21px !important}.pd-22{padding: 22px !important}.pd-23{padding: 23px !important}.pd-24{padding: 24px !important}.pd-25{padding: 25px !important}.pd-26{padding: 26px !important}.pd-27{padding: 27px !important}.pd-28{padding: 28px !important}.pd-29{padding: 29px !important}.pd-30{padding: 30px !important}
    .pd-l-0{padding-left: 0px !important}.pd-l-1{padding-left: 1px !important}.pd-l-2{padding-left: 2px !important}.pd-l-3{padding-left: 3px !important}.pd-l-4{padding-left: 4px !important}.pd-l-5{padding-left: 5px !important}.pd-l-6{padding-left: 6px !important}.pd-l-7{padding-left: 7px !important}.pd-l-8{padding-left: 8px !important}.pd-l-9{padding-left: 9px !important}.pd-l-10{padding-left: 10px !important}.pd-l-11{padding-left: 11px !important}.pd-l-12{padding-left: 12px !important}.pd-l-13{padding-left: 13px !important}.pd-l-14{padding-left: 14px !important}.pd-l-15{padding-left: 15px !important}.pd-l-16{padding-left: 16px !important}.pd-l-17{padding-left: 17px !important}.pd-l-18{padding-left: 18px !important}.pd-l-19{padding-left: 19px !important}.pd-l-20{padding-left: 20px !important}.pd-l-21{padding-left: 21px !important}.pd-l-22{padding-left: 22px !important}.pd-l-23{padding-left: 23px !important}.pd-l-24{padding-left: 24px !important}.pd-l-25{padding-left: 25px !important}.pd-l-26{padding-left: 26px !important}.pd-l-27{padding-left: 27px !important}.pd-l-28{padding-left: 28px !important}.pd-l-29{padding-left: 29px !important}.pd-l-30{padding-left: 30px !important}
    .pd-r-0{padding-right: 0px !important}.pd-r-1{padding-right: 1px !important}.pd-r-2{padding-right: 2px !important}.pd-r-3{padding-right: 3px !important}.pd-r-4{padding-right: 4px !important}.pd-r-5{padding-right: 5px !important}.pd-r-6{padding-right: 6px !important}.pd-r-7{padding-right: 7px !important}.pd-r-8{padding-right: 8px !important}.pd-r-9{padding-right: 9px !important}.pd-r-10{padding-right: 10px !important}.pd-r-11{padding-right: 11px !important}.pd-r-12{padding-right: 12px !important}.pd-r-13{padding-right: 13px !important}.pd-r-14{padding-right: 14px !important}.pd-r-15{padding-right: 15px !important}.pd-r-16{padding-right: 16px !important}.pd-r-17{padding-right: 17px !important}.pd-r-18{padding-right: 18px !important}.pd-r-19{padding-right: 19px !important}.pd-r-20{padding-right: 20px !important}.pd-r-21{padding-right: 21px !important}.pd-r-22{padding-right: 22px !important}.pd-r-23{padding-right: 23px !important}.pd-r-24{padding-right: 24px !important}.pd-r-25{padding-right: 25px !important}.pd-r-26{padding-right: 26px !important}.pd-r-27{padding-right: 27px !important}.pd-r-28{padding-right: 28px !important}.pd-r-29{padding-right: 29px !important}.pd-r-30{padding-right: 30px !important}
    .pd-t-0{padding-top: 0px !important}.pd-t-1{padding-top: 1px !important}.pd-t-2{padding-top: 2px !important}.pd-t-3{padding-top: 3px !important}.pd-t-4{padding-top: 4px !important}.pd-t-5{padding-top: 5px !important}.pd-t-6{padding-top: 6px !important}.pd-t-7{padding-top: 7px !important}.pd-t-8{padding-top: 8px !important}.pd-t-9{padding-top: 9px !important}.pd-t-10{padding-top: 10px !important}.pd-t-11{padding-top: 11px !important}.pd-t-12{padding-top: 12px !important}.pd-t-13{padding-top: 13px !important}.pd-t-14{padding-top: 14px !important}.pd-t-15{padding-top: 15px !important}.pd-t-16{padding-top: 16px !important}.pd-t-17{padding-top: 17px !important}.pd-t-18{padding-top: 18px !important}.pd-t-19{padding-top: 19px !important}.pd-t-20{padding-top: 20px !important}.pd-t-21{padding-top: 21px !important}.pd-t-22{padding-top: 22px !important}.pd-t-23{padding-top: 23px !important}.pd-t-24{padding-top: 24px !important}.pd-t-25{padding-top: 25px !important}.pd-t-26{padding-top: 26px !important}.pd-t-27{padding-top: 27px !important}.pd-t-28{padding-top: 28px !important}.pd-t-29{padding-top: 29px !important}.pd-t-30{padding-top: 30px !important}.pd-t-50{padding-top: 100px !important}
    .pd-b-0{padding-bottom: 0px !important}.pd-b-1{padding-bottom: 1px !important}.pd-b-2{padding-bottom: 2px !important}.pd-b-3{padding-bottom: 3px !important}.pd-b-4{padding-bottom: 4px !important}.pd-b-5{padding-bottom: 5px !important}.pd-b-6{padding-bottom: 6px !important}.pd-b-7{padding-bottom: 7px !important}.pd-b-8{padding-bottom: 8px !important}.pd-b-9{padding-bottom: 9px !important}.pd-b-10{padding-bottom: 10px !important}.pd-b-11{padding-bottom: 11px !important}.pd-b-12{padding-bottom: 12px !important}.pd-b-13{padding-bottom: 13px !important}.pd-b-14{padding-bottom: 14px !important}.pd-b-15{padding-bottom: 15px !important}.pd-b-16{padding-bottom: 16px !important}.pd-b-17{padding-bottom: 17px !important}.pd-b-18{padding-bottom: 18px !important}.pd-b-19{padding-bottom: 19px !important}.pd-b-20{padding-bottom: 20px !important}.pd-b-21{padding-bottom: 21px !important}.pd-b-22{padding-bottom: 22px !important}.pd-b-23{padding-bottom: 23px !important}.pd-b-24{padding-bottom: 24px !important}.pd-b-25{padding-bottom: 25px !important}.pd-b-26{padding-bottom: 26px !important}.pd-b-27{padding-bottom: 27px !important}.pd-b-28{padding-bottom: 28px !important}.pd-b-29{padding-bottom: 29px !important}.pd-b-30{padding-bottom: 30px !important}