.btn-group button { margin: 3px; } .messages { max-height: 50px; overflow-x: hidden; overflow-y: scroll; } .legend .title { padding: 0 0.3em; margin: 0.5em; border-style: solid; border-width: 0 0 0 1em; } .logo { display: inline; width: 100%; max-width: 155px; height: 100%; max-height: 55px; margin-bottom: 5px; } .containerNameInput { width: 85%; border:none; background:none; border-bottom: 1px solid black; } .containerNameInput:active, .containerNameInput:focus { outline:none; } #network-legend { text-align: center; } #network-legend span { display: inline; font-size: 18px; } .header_title_content { margin-left: 5px; } .form-horizontal .control-label.text-left{ text-align: left; font-size: 0.9em; } input[type="checkbox"] { margin-top: 1px; vertical-align: middle; } input[type="radio"] { margin-top: 1px; vertical-align: middle; } .space-right { margin-right: 5px; } .fa.green-icon { color: #23ae89; } .fa.red-icon { color: #ae2323; } .fa.white-icon { color: white; } .widget .widget-body table tbody .image-tag { font-size: 90% !important; margin-right: 5px; } .widget .widget-body table tbody .fit-text-size { font-size: 90% !important; } .nopadding { padding: 0 !important; } .terminal-container { width: 100%; padding: 10px 5px; } .interactive { cursor: pointer; } .template-list { display: flex; flex-wrap: wrap; } .custom-header-ico { max-width: 32px; max-height: 32px; margin-right: 2px; } .btn-responsive { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } @media screen and (min-width: 1107px) { .btn-responsive { padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #85898b; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } .container-template { font-size: 1em; width: 256px; height: 128px; margin: 15px; padding: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; cursor: pointer; border: 2px solid #f6f6f6; color: #30426a; } .container-template--selected { background-color: #ececec; color: #2d3e63; } .container-template:hover { background-color: #ececec; color: #2d3e63; } .container-template .logo { max-width: 48px; max-height: 48px; } .container-template .title { text-align: center; } .container-template .description { text-align: center; font-size: 0.8em; margin-bottom: 5px; } .pagination-controls { margin-left: 10px; }