@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.app{font-weight:500;margin:12px}.app .create{gap:24px;position:relative}.app .create,.app .create__dropdown{display:flex;flex-direction:row;align-items:center}.app .create__dropdown{gap:8px}.app .create__dropdown select{width:300px;height:38px;padding:0 8px;border:1px solid #bdbdbd}.app .create .modal{position:absolute;top:20px}.app .create .modal .deal-form{width:350px;height:auto;background-color:#fff;border:1px solid #ddd;border-radius:3px;display:flex;gap:16px;flex-direction:column;align-items:flex-start;padding:8px;box-shadow:0 4px 6px rgba(5,5,5,.3)}.app .create .modal .deal-form__name,.app .create .modal .deal-form__quantity{text-align:left;width:100%}.app .create .modal .deal-form__bt{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:24px}.app .create .modal .deal-form__bt .cancel__button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-left:10px}.app .create .modal .deal-form__bt .cancel__button:hover{background-color:#e53935}.app .create .modal .deal-form__bt .create__button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:green;color:#fff;transition:background-color .3s,color .3s}.app .create .modal .deal-form__bt .create__button:hover{background-color:#006900;color:#fff}.app .create .modal .deal-form__bt .create__button:active{background-color:#004100;color:#fff}.app .create .modal .deal-form__bt .create__button:disabled{background-color:#ececec;color:#b3b3b3;cursor:not-allowed}.app .create .modal .deal-form input{width:100%;height:32px;border:1px solid #ddd;padding:0 4px}.app .create .modal .company-form{width:350px;height:auto;background-color:#fff;border:1px solid #ddd;border-radius:3px;display:flex;gap:16px;flex-direction:column;align-items:flex-start;padding:8px;box-shadow:0 4px 6px rgba(5,5,5,.3)}.app .create .modal .company-form .form__field,.app .create .modal .company-form__quantity{text-align:left;width:100%}.app .create .modal .company-form .form__buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:24px}.app .create .modal .company-form .form__buttons .cancel__button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-left:10px}.app .create .modal .company-form .form__buttons .cancel__button:hover{background-color:#e53935}.app .create .modal .company-form .form__buttons .create__button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:green;color:#fff;transition:background-color .3s,color .3s}.app .create .modal .company-form .form__buttons .create__button:hover{background-color:#006900;color:#fff}.app .create .modal .company-form .form__buttons .create__button:active{background-color:#004100;color:#fff}.app .create .modal .company-form .form__buttons .create__button:disabled{background-color:#ececec;color:#b3b3b3;cursor:not-allowed}.app .create .modal .company-form input{width:100%;height:32px;border:1px solid #ddd;padding:0 4px}.app .create .modal .contact-form{width:350px;height:auto;background-color:#fff;border:1px solid #ddd;border-radius:3px;display:flex;gap:16px;flex-direction:column;align-items:flex-start;padding:8px;box-shadow:0 4px 6px rgba(5,5,5,.3)}.app .create .modal .contact-form .form__field,.app .create .modal .contact-form__quantity{text-align:left;width:100%}.app .create .modal .contact-form .form__buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:24px}.app .create .modal .contact-form .form__buttons .cancel__button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-left:10px}.app .create .modal .contact-form .form__buttons .cancel__button:hover{background-color:#e53935}.app .create .modal .contact-form .form__buttons .create__button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:green;color:#fff;transition:background-color .3s,color .3s}.app .create .modal .contact-form .form__buttons .create__button:hover{background-color:#006900;color:#fff}.app .create .modal .contact-form .form__buttons .create__button:active{background-color:#004100;color:#fff}.app .create .modal .contact-form .form__buttons .create__button:disabled{background-color:#ececec;color:#b3b3b3;cursor:not-allowed}.app .create .modal .contact-form input{width:100%;height:32px;border:1px solid #ddd;padding:0 4px}.app .tabs{margin:20px 0;display:flex;flex-direction:row}.app .tabs button{margin-right:10px;padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:#ececec;color:#b3b3b3;transition:background-color .3s}.app .tabs button.active{background-color:blue;color:#fff}.app .tab-content{margin-top:20px;font-size:16px}.app .tab-content .company-table,.app .tab-content .contact-table,.app .tab-content .deal-table{width:100%;border-collapse:collapse;margin-top:20px}.app .tab-content .company-table td,.app .tab-content .company-table th,.app .tab-content .contact-table td,.app .tab-content .contact-table th,.app .tab-content .deal-table td,.app .tab-content .deal-table th{padding:10px;text-align:left;border:1px solid #ddd}.app .tab-content .company-table th,.app .tab-content .company-table tr:hover,.app .tab-content .contact-table th,.app .tab-content .contact-table tr:hover,.app .tab-content .deal-table th,.app .tab-content .deal-table tr:hover{background-color:#f4f4f4}*{padding:0;margin:0;border:none}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit;margin:0}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body,html{height:100%;font-family:Montserrat,Arial,sans-serif;overflow:auto}