| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- .card-btn:hover {
- filter: brightness(70%);
- }
- .icon-style {
- height: 30px;
- width: 30px;
- }
- .icon-style:hover {
- transform: rotate(-90deg);
- }
- .model-box-input {
- width: 100%;
- height: 40px;
- border: 1px solid #BABFC7;
- border-radius: .25rem;
- }
- .note-input {
- color: red;
- border: 1px solid red;
- }
- .const-box {
- border: 1px solid #BABFC7;
- border-radius: .25rem;
- height: 40px;
- padding: .75rem 1rem;
- }
- .result-box:hover {
- background: #BABFC7;
- }
- .note-input {
- color: red;
- }
- @media (max-width: 576px) {
- .content-model {
- max-width: 95%;
- margin: 1.75rem auto;
- }
- }
- @media (min-width: 577px) {
- .content-model {
- width: 70%;
- margin: 1.75rem auto;
- max-width: 1200px;
- }
- }
- .show {
- display: block;
- }
- .hide {
- display: none
- }
- .main-column {
- /*text-align: center;*/
- line-height: 7;
- }
- .oven-column {
- background: aliceblue;
- }
- .oven-column:hover {
- filter: brightness(90%);
- }
- .sencond-column {
- /*line-height: 2;*/
- }
- .disable {
- pointer-events: none;
- filter: brightness(80%);
- }
- .button-style {
- min-width: 100px;
- }
- .process-style-right {
- display: inline-block;
- margin: auto;
- min-width: 50px;
- border: 0px;
- padding: 0;
- border-radius: 0px;
- text-align: -webkit-right;
- }
- .process-style-left {
- display: inline-block;
- margin: auto;
- min-width: 50px;
- border: 0px;
- padding: 0;
- border-radius: 0px;
- text-align: -webkit-left;
- }
- .red-text {
- color: red;
- }
- .disable-click {
- pointer-events: none;
- filter: brightness(70%);
- color: #fbfbfb !important;
- }
- .dropbtn {
- color: white;
- padding: 16px;
- font-size: 15px;
- border: none;
- cursor: pointer;
- }
- .dropbtn:hover, .dropbtn:focus {
- color: #2980B9;
- }
- .dropdown {
- position: relative;
- display: inline-block;
- }
- .dropdown-content {
- display: none;
- position: absolute;
- min-width: 160px;
- overflow: auto;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
- background: white;
- }
- .dropdown-content a {
- color: #BABFC7;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- }
- .dropdown-content a:hover {
- background: aliceblue;
- }
- .dropdown a:hover {
- color: #2980B9;
- }
- .show {
- display: block;
- }
- .const-box {
- border: 1px solid #BABFC7;
- border-radius: .25rem;
- height: 40px;
- padding: .75rem 1rem;
- }
|