.arlo-bootstrap-modal .img-responsive { display: block; max-width: 100%; height: auto; } .arlo-bootstrap-modal .img-rounded { border-radius: 6px; } .arlo-bootstrap-modal .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .arlo-bootstrap-modal .img-circle { border-radius: 50%; } .arlo-bootstrap-modal hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .arlo-bootstrap-modal .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .arlo-bootstrap-modal .sr-only-focusable:active, .arlo-bootstrap-modal .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .arlo-bootstrap-modal [role="button"] { cursor: pointer; } .arlo-bootstrap-modal .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arlo-bootstrap-modal .btn:focus, .arlo-bootstrap-modal .btn:active:focus, .arlo-bootstrap-modal .btn.active:focus, .arlo-bootstrap-modal .btn.focus, .arlo-bootstrap-modal .btn:active.focus, .arlo-bootstrap-modal .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .arlo-bootstrap-modal .btn:hover, .arlo-bootstrap-modal .btn:focus, .arlo-bootstrap-modal .btn.focus { color: #333333; text-decoration: none; } .arlo-bootstrap-modal .btn:active, .arlo-bootstrap-modal .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .arlo-bootstrap-modal .btn.disabled, .arlo-bootstrap-modal .btn[disabled], .arlo-bootstrap-modal fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .arlo-bootstrap-modal a.btn.disabled, .arlo-bootstrap-modal fieldset[disabled] a.btn { pointer-events: none; } .arlo-bootstrap-modal .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .arlo-bootstrap-modal .btn-default:focus, .arlo-bootstrap-modal .btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c; } .arlo-bootstrap-modal .btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .arlo-bootstrap-modal .btn-default:active, .arlo-bootstrap-modal .btn-default.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .arlo-bootstrap-modal .btn-default:active:hover, .arlo-bootstrap-modal .btn-default.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-default:hover, .arlo-bootstrap-modal .btn-default:active:focus, .arlo-bootstrap-modal .btn-default.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-default:focus, .arlo-bootstrap-modal .btn-default:active.focus, .arlo-bootstrap-modal .btn-default.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c; } .arlo-bootstrap-modal .btn-default:active, .arlo-bootstrap-modal .btn-default.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-default { background-image: none; } .arlo-bootstrap-modal .btn-default.disabled:hover, .arlo-bootstrap-modal .btn-default[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-default:hover, .arlo-bootstrap-modal .btn-default.disabled:focus, .arlo-bootstrap-modal .btn-default[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-default:focus, .arlo-bootstrap-modal .btn-default.disabled.focus, .arlo-bootstrap-modal .btn-default[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #cccccc; } .arlo-bootstrap-modal .btn-default .badge { color: #ffffff; background-color: #333333; } .arlo-bootstrap-modal .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; } .arlo-bootstrap-modal .btn-primary:focus, .arlo-bootstrap-modal .btn-primary.focus { color: #ffffff; background-color: #286090; border-color: #122b40; } .arlo-bootstrap-modal .btn-primary:hover { color: #ffffff; background-color: #286090; border-color: #204d74; } .arlo-bootstrap-modal .btn-primary:active, .arlo-bootstrap-modal .btn-primary.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; } .arlo-bootstrap-modal .btn-primary:active:hover, .arlo-bootstrap-modal .btn-primary.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-primary:hover, .arlo-bootstrap-modal .btn-primary:active:focus, .arlo-bootstrap-modal .btn-primary.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-primary:focus, .arlo-bootstrap-modal .btn-primary:active.focus, .arlo-bootstrap-modal .btn-primary.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #204d74; border-color: #122b40; } .arlo-bootstrap-modal .btn-primary:active, .arlo-bootstrap-modal .btn-primary.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-primary { background-image: none; } .arlo-bootstrap-modal .btn-primary.disabled:hover, .arlo-bootstrap-modal .btn-primary[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-primary:hover, .arlo-bootstrap-modal .btn-primary.disabled:focus, .arlo-bootstrap-modal .btn-primary[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-primary:focus, .arlo-bootstrap-modal .btn-primary.disabled.focus, .arlo-bootstrap-modal .btn-primary[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .arlo-bootstrap-modal .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .arlo-bootstrap-modal .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .arlo-bootstrap-modal .btn-success:focus, .arlo-bootstrap-modal .btn-success.focus { color: #ffffff; background-color: #449d44; border-color: #255625; } .arlo-bootstrap-modal .btn-success:hover { color: #ffffff; background-color: #449d44; border-color: #398439; } .arlo-bootstrap-modal .btn-success:active, .arlo-bootstrap-modal .btn-success.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .arlo-bootstrap-modal .btn-success:active:hover, .arlo-bootstrap-modal .btn-success.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-success:hover, .arlo-bootstrap-modal .btn-success:active:focus, .arlo-bootstrap-modal .btn-success.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-success:focus, .arlo-bootstrap-modal .btn-success:active.focus, .arlo-bootstrap-modal .btn-success.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #398439; border-color: #255625; } .arlo-bootstrap-modal .btn-success:active, .arlo-bootstrap-modal .btn-success.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-success { background-image: none; } .arlo-bootstrap-modal .btn-success.disabled:hover, .arlo-bootstrap-modal .btn-success[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-success:hover, .arlo-bootstrap-modal .btn-success.disabled:focus, .arlo-bootstrap-modal .btn-success[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-success:focus, .arlo-bootstrap-modal .btn-success.disabled.focus, .arlo-bootstrap-modal .btn-success[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .arlo-bootstrap-modal .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .arlo-bootstrap-modal .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .arlo-bootstrap-modal .btn-info:focus, .arlo-bootstrap-modal .btn-info.focus { color: #ffffff; background-color: #31b0d5; border-color: #1b6d85; } .arlo-bootstrap-modal .btn-info:hover { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .arlo-bootstrap-modal .btn-info:active, .arlo-bootstrap-modal .btn-info.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .arlo-bootstrap-modal .btn-info:active:hover, .arlo-bootstrap-modal .btn-info.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-info:hover, .arlo-bootstrap-modal .btn-info:active:focus, .arlo-bootstrap-modal .btn-info.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-info:focus, .arlo-bootstrap-modal .btn-info:active.focus, .arlo-bootstrap-modal .btn-info.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #269abc; border-color: #1b6d85; } .arlo-bootstrap-modal .btn-info:active, .arlo-bootstrap-modal .btn-info.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-info { background-image: none; } .arlo-bootstrap-modal .btn-info.disabled:hover, .arlo-bootstrap-modal .btn-info[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-info:hover, .arlo-bootstrap-modal .btn-info.disabled:focus, .arlo-bootstrap-modal .btn-info[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-info:focus, .arlo-bootstrap-modal .btn-info.disabled.focus, .arlo-bootstrap-modal .btn-info[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .arlo-bootstrap-modal .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .arlo-bootstrap-modal .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .arlo-bootstrap-modal .btn-warning:focus, .arlo-bootstrap-modal .btn-warning.focus { color: #ffffff; background-color: #ec971f; border-color: #985f0d; } .arlo-bootstrap-modal .btn-warning:hover { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .arlo-bootstrap-modal .btn-warning:active, .arlo-bootstrap-modal .btn-warning.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .arlo-bootstrap-modal .btn-warning:active:hover, .arlo-bootstrap-modal .btn-warning.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-warning:hover, .arlo-bootstrap-modal .btn-warning:active:focus, .arlo-bootstrap-modal .btn-warning.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-warning:focus, .arlo-bootstrap-modal .btn-warning:active.focus, .arlo-bootstrap-modal .btn-warning.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d58512; border-color: #985f0d; } .arlo-bootstrap-modal .btn-warning:active, .arlo-bootstrap-modal .btn-warning.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-warning { background-image: none; } .arlo-bootstrap-modal .btn-warning.disabled:hover, .arlo-bootstrap-modal .btn-warning[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-warning:hover, .arlo-bootstrap-modal .btn-warning.disabled:focus, .arlo-bootstrap-modal .btn-warning[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-warning:focus, .arlo-bootstrap-modal .btn-warning.disabled.focus, .arlo-bootstrap-modal .btn-warning[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .arlo-bootstrap-modal .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .arlo-bootstrap-modal .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .arlo-bootstrap-modal .btn-danger:focus, .arlo-bootstrap-modal .btn-danger.focus { color: #ffffff; background-color: #c9302c; border-color: #761c19; } .arlo-bootstrap-modal .btn-danger:hover { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .arlo-bootstrap-modal .btn-danger:active, .arlo-bootstrap-modal .btn-danger.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .arlo-bootstrap-modal .btn-danger:active:hover, .arlo-bootstrap-modal .btn-danger.active:hover, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-danger:hover, .arlo-bootstrap-modal .btn-danger:active:focus, .arlo-bootstrap-modal .btn-danger.active:focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-danger:focus, .arlo-bootstrap-modal .btn-danger:active.focus, .arlo-bootstrap-modal .btn-danger.active.focus, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #ac2925; border-color: #761c19; } .arlo-bootstrap-modal .btn-danger:active, .arlo-bootstrap-modal .btn-danger.active, .arlo-bootstrap-modal .open > .dropdown-toggle.btn-danger { background-image: none; } .arlo-bootstrap-modal .btn-danger.disabled:hover, .arlo-bootstrap-modal .btn-danger[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-danger:hover, .arlo-bootstrap-modal .btn-danger.disabled:focus, .arlo-bootstrap-modal .btn-danger[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-danger:focus, .arlo-bootstrap-modal .btn-danger.disabled.focus, .arlo-bootstrap-modal .btn-danger[disabled].focus, .arlo-bootstrap-modal fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .arlo-bootstrap-modal .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .arlo-bootstrap-modal .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .arlo-bootstrap-modal .btn-link, .arlo-bootstrap-modal .btn-link:active, .arlo-bootstrap-modal .btn-link.active, .arlo-bootstrap-modal .btn-link[disabled], .arlo-bootstrap-modal fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .arlo-bootstrap-modal .btn-link, .arlo-bootstrap-modal .btn-link:hover, .arlo-bootstrap-modal .btn-link:focus, .arlo-bootstrap-modal .btn-link:active { border-color: transparent; } .arlo-bootstrap-modal .btn-link:hover, .arlo-bootstrap-modal .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .arlo-bootstrap-modal .btn-link[disabled]:hover, .arlo-bootstrap-modal fieldset[disabled] .btn-link:hover, .arlo-bootstrap-modal .btn-link[disabled]:focus, .arlo-bootstrap-modal fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .arlo-bootstrap-modal .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .arlo-bootstrap-modal .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .arlo-bootstrap-modal .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .arlo-bootstrap-modal .btn-block { display: block; width: 100%; } .arlo-bootstrap-modal .btn-block + .btn-block { margin-top: 5px; } .arlo-bootstrap-modal input[type="submit"].btn-block, .arlo-bootstrap-modal input[type="reset"].btn-block, .arlo-bootstrap-modal input[type="button"].btn-block { width: 100%; } .arlo-bootstrap-modal .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .arlo-bootstrap-modal .fade.in { opacity: 1; } .arlo-bootstrap-modal .collapse { display: none; } .arlo-bootstrap-modal .collapse.in { display: block; } .arlo-bootstrap-modal tr.collapse.in { display: table-row; } .arlo-bootstrap-modal tbody.collapse.in { display: table-row-group; } .arlo-bootstrap-modal .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .arlo-bootstrap-modal .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .arlo-bootstrap-modal .close:hover, .arlo-bootstrap-modal .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .arlo-bootstrap-modal button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .arlo-bootstrap-modal .modal-open { overflow: hidden; } .arlo-bootstrap-modal .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .arlo-bootstrap-modal .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .arlo-bootstrap-modal .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .arlo-bootstrap-modal .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .arlo-bootstrap-modal .modal-dialog { position: relative; width: auto; margin: 10px; } .arlo-bootstrap-modal .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .arlo-bootstrap-modal .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .arlo-bootstrap-modal .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .arlo-bootstrap-modal .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .arlo-bootstrap-modal .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .arlo-bootstrap-modal .modal-header .close { margin-top: -2px; } .arlo-bootstrap-modal .modal-title { margin: 0; line-height: 1.42857143; } .arlo-bootstrap-modal .modal-body { position: relative; padding: 15px; } .arlo-bootstrap-modal .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .arlo-bootstrap-modal .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .arlo-bootstrap-modal .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .arlo-bootstrap-modal .modal-footer .btn-block + .btn-block { margin-left: 0; } .arlo-bootstrap-modal .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .arlo-bootstrap-modal .modal-dialog { width: 600px; margin: 30px auto; } .arlo-bootstrap-modal .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .arlo-bootstrap-modal .modal-sm { width: 300px; } } @media (min-width: 992px) { .arlo-bootstrap-modal .modal-lg { width: 900px; } } .arlo-bootstrap-modal .clearfix:before, .arlo-bootstrap-modal .clearfix:after, .arlo-bootstrap-modal .modal-header:before, .arlo-bootstrap-modal .modal-header:after, .arlo-bootstrap-modal .modal-footer:before, .arlo-bootstrap-modal .modal-footer:after { content: " "; display: table; } .arlo-bootstrap-modal .clearfix:after, .arlo-bootstrap-modal .modal-header:after, .arlo-bootstrap-modal .modal-footer:after { clear: both; } .arlo-bootstrap-modal .center-block { display: block; margin-left: auto; margin-right: auto; } .arlo-bootstrap-modal .pull-right { float: right !important; } .arlo-bootstrap-modal .pull-left { float: left !important; } .arlo-bootstrap-modal .hide { display: none !important; } .arlo-bootstrap-modal .show { display: block !important; } .arlo-bootstrap-modal .invisible { visibility: hidden; } .arlo-bootstrap-modal .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .arlo-bootstrap-modal .hidden { display: none !important; } .arlo-bootstrap-modal .affix { position: fixed; }