@color-black: #000; @color-blue: #0081C5; @color-blue-light: #F6FCFF; @color-green: #55B949; @color-orange: #F8961B; @color-red: #FF0000; html, body { width: 100%; height: 100%; } body { -webkit-text-size-adjust: 100%; font-size: 14px; } //input, select, option, textarea { -webkit-appearance:none; } .signin-wrap { position: relative; top: 50%; margin-top: -200px; .container { box-shadow: 0 1rem 10rem rgba(0,0,0,.25); max-width: 600px; background: #fff; background: rgba(255,255,255,.95); border-radius: 14px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); .form-wrap { padding: 30px 20px; } } } .no-margin { margin: 0; } /* .table-responsive .table { min-width: 1500px; max-width: auto !important; } */ .font-sansserif { font-family: "Open Sans Condensed", sans-serif; } .logo { margin: 0; padding: 0; line-height: 100%; margin-bottom: 10px; a { text-decoration: none; color: #000; text-transform: uppercase; } } .section-tab { display: none; } .section-tab.section-active { display: block; } .naked { border-radius: 0; box-shadow: none; border: 0; margin: 0; background: transparent; outline: none; } input[type=text].naked, textarea.naked { width:100%; box-shadow: none; border: 0; margin: 0; background: transparent; outline: none; } textarea.naked { padding: 0; &:focus { outline: none; outline-color: transparent; } } .text-center input[type=text].naked { text-align: center; } .line-middle { vertical-align: middle !important; } .panel > .table-border-top { border-top: 1px solid #ddd; } .customCheckbox { font-weight: normal; display: inline-block; margin-right: 10px; &.this { font-weight: bold; } } .md-header { padding: 10px; border-bottom: 1px solid #eee; background: #fff; position: fixed; z-index: 1000; width: 100%; a { z-index: 1001; position: relative; } } .fake-input-group { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; display: inline-block; margin-top: 5px; } td.no-border { border-top: 0 !important; } .td-bold { font-weight: bold; small, input{ font-weight: bold; } } .tr-purple { & > td { background: #F3E5F5; } &:hover > td { background: #E1BEE7; } } .text-purple { color: #AB47BC; } .product-form { .product-image { margin-bottom: 5px; img { max-width: 100%; } } } .profile-image { img { width: 50px; border-radius: 100px; } } .sidebar-profile-image { width: 25px; height: 25px; display: inline-block; top: 2px; position: relative; line-height: 1; border: 1px solid #ddd; border-radius: 100px; margin-right: 5px; } .btn-round-check { height:30px;width:30px;line-height:30px;background:#ccc; display: inline-block;border-radius:100px;color:#000; &:hover, &:focus, &.this { background: #222; color: #fff; } } input.number_comma { text-align: right; } .job-form { .job-people-list { margin: 7px 0 0; padding: 0; li { margin: 0; padding: 0; } } .job-people-item { position: relative; height: 50px; width: 190px; border: 2px solid #ddd; border-radius: 100px; cursor: pointer; margin-bottom: 5px; &.checked { border-color: #337ab7; } .job-people-item-checkbox { position: absolute; top: 10px; left: 10px; z-index: 0; } .job-people-item-picture { display: block; width: 36px; height: 36px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/favicon.png'); border-radius: 100px; position: absolute; top: 6px; left: 7px; z-index: 5; } .job-people-item-profile { position: absolute; width: 141px; top: 6px; left: 49px; font-weight: normal; small { display: inline-block; padding-left: 2px; top: -3px; position: relative; color: #ccc; } } } }