@import "bootstrap"; @import "font-awesome"; @import "theme"; @import "jquery-ui"; @import "bootstrap-datepicker3"; .card-head{ height: 40px; background-color: #54A5AF; padding:5px; color :#fff; } .instance_box{ margin-bottom:10px; } .card-block { padding: 0.3rem !important; } @media (min-width: 34em) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 48em) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 62em) { .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } @media (min-width: 75em) { .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } .nav-tabs .nav-item { border-bottom: 1px solid #fff; border-left: 1px solid #54A5AF; border-right: 1px solid #54A5AF; } .nav > li > a{ color:#54A5AF; } .nav-tabs { background-color: #eeeeee; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background-color: #fff; border-left: 6px solid #111; color:#54A5AF; font-weight: bold; border-color: #fff #fff #fff #54A5AF; } .modal-dialog { left:auto; right: auto; width: 100%; } element.style { padding-top: 0px !important; } .item-modal{ } .selected-attribute { color: #fff !important; background-color: green !important; } .selected-option { color: #fff !important; background-color: green !important; } .attribute_btn { white-space: normal !important; height: 40px; /*width: 80px;*/ margin-bottom: 5px; margin-right: 5px; } .option_btn { white-space: normal !important; height: 40px; /*width: 80px;*/ margin-bottom: 5px; margin-right: 5px; } #logo{ margin: auto; width: 50%; border: 1px solid #54A5AF; padding: 10px; } #instance_img{ margin: auto; width: 80px; height: 80px; border: 1px solid #54A5AF; padding: 10px; }