body { align-items: center; } h3.card-title { width:100%; padding:20px; text-align:center; vertical-align:middle; color:#ffffff; font-size:18px !important; } .button-bottom { align-items:flex-end; } .card-border-white { border: 1px solid #fff !important; } .row.less-gutters { margin-right: 0; margin-left: 0; } .row.less-gutters > [class^="col-"], .row.less-gutters > [class*=" col-"] { padding-right: 5px; padding-left: 5px; } .flex-spacer { display: flex; justify-content: center; flex-direction: column; text-align: center; background-color:#0ca678; color:#ffffff; border-radius:.25em; } .flex-spacer h2 { margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; } .flex-spacer-2 { display: flex; justify-content: center; flex-direction: column; text-align: center; color:#ffffff; border-radius:.25em; } .ad-slot-selection { display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .ad-slot-selection:after { display: block; content: " invisible node "; flex: 999 999 auto; } .ad-slot-selection-item { flex: 0 0 auto; margin: 5px; } .form-group { min-width:140px; margin:0 auto; padding-right:0; } .form-control+.input-group-addon:not(:first-child) { border-left: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group>.btn, .input-group-btn:not(:first-child)>.dropdown-toggle, .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn, .input-group-btn:not(:last-child)>.btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon { padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .input-group-addon, .input-group-btn { white-space: nowrap; } .input-group .form-control, .input-group-addon, .input-group-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } *, ::after, ::before { box-sizing: border-box; } .form-margin-fix { margin-left:-2px; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control-user { display: block; width: 100%; min-width:100px; height:45px; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #fff; background-color: #ffb300; background-image: none; background-clip: padding-box; border: 1px solid #db9a00; border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 480px){ .form-control-user { min-width:120px; } .dropdown-ad-select-width { min-width: 150px; max-width: 150px; width: 150px; } } .dropdown-menu-width { min-width: 215px !important; max-width: 215px !important; } .padding-dropdown-form { padding-left:5px; padding-right:5px; } .padding-top-fix { padding-top:0; } .bids-bkg-top { width:100%; max-width: 600px; background-color:#212529; color:#ffffff !important; text-align: center; } .bids-signin { width: 100%; padding-top:0 !important; padding-left: 0px; padding-bottom: 20px; padding-right: 0px; margin: left; } .bids-signin .checkbox { font-weight: 400; } .bids-signin .form-control { position: relative; box-sizing: border-box; height: auto !important; padding: 10px; font-size: 16px; } .bids-signin .form-control:focus { z-index: 2; } .bids-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bids-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } a.link-user-name { color:#5bc0de !important; } a.link-user-name:hover { text-decoration:underline !important; color:#149bc2 !important; } .btn-xl { padding: 10px 20px; font-size: 20px; border-radius: 10px; width: 100%; font-size: 16px; text-align: center; border: 0; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 2px #999; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .add-funds-padding { padding-left:20px; } .add-funds { width:100%; max-width:100px; max-height:48px; } .margin-for-buttons { margin-left:1px; } a.mt-5:hover { text-decoration:underline !important; } .padding-select { height:45px; text-align:left; } .option-select { height:20px; } .flex-center-bids { align-items: center; min-height: calc(100vh - 210px); padding-top: 40px; padding-bottom: 40px; } .bids-cbv-font-size { font-size:12px; } @media screen and (max-width: 767.98px){ .bids-cbv-font-size { font-size:10px; font-weight:400; } } @media screen and (max-width: 992px){ .flex-center-bids { padding-top: 20px; padding-bottom: 40px; } .form-text-2 { font-size:12px; } } @media screen and (max-width: 480px){ h3.card-title { font-size:16px !important; } .form-text { font-size:12px; } } @media screen and (max-width: 350px){ .form-text { font-size:12px; } }