Da

✏️ Editing: bootstrap-modal.css

/*!

* Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)

/*!

* Bootstrap v3.4.1 (https://getbootstrap.com/)

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img {

vertical-align: middle;

}

.img-responsive {

display: block;

max-width: 100%;

height: auto;

}

.img-rounded {

border-radius: 6px;

}

.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;

}

.img-circle {

border-radius: 50%;

}

hr {

margin-top: 20px;

margin-bottom: 20px;

border: 0;

border-top: 1px solid #eeeeee;

}

.sr-only {

position: absolute;

width: 1px;

height: 1px;

padding: 0;

margin: -1px;

overflow: hidden;

clip: rect(0, 0, 0, 0);

border: 0;

}

.sr-only-focusable:active,

.sr-only-focusable:focus {

position: static;

width: auto;

height: auto;

margin: 0;

overflow: visible;

clip: auto;

}

[role="button"] {

cursor: pointer;

}

.fade {

opacity: 0;

-webkit-transition: opacity 0.15s linear;

-o-transition: opacity 0.15s linear;

transition: opacity 0.15s linear;

}

.fade.in {

opacity: 1;

}

.collapse {

display: none;

}

.collapse.in {

display: block;

}

tr.collapse.in {

display: table-row;

}

tbody.collapse.in {

display: table-row-group;

}

.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;

}

.alert {

padding: 15px;

margin-bottom: 20px;

border: 1px solid transparent;

border-radius: 4px;

}

.alert h4 {

margin-top: 0;

color: inherit;

}

.alert .alert-link {

font-weight: bold;

}

.alert > p,

.alert > ul {

margin-bottom: 0;

}

.alert > p + p {

margin-top: 5px;

}

.alert-dismissable,

.alert-dismissible {

padding-right: 35px;

}

.alert-dismissable .close,

.alert-dismissible .close {

position: relative;

top: -2px;

right: -21px;

color: inherit;

}

.alert-success {

color: #3c763d;

background-color: #dff0d8;

border-color: #d6e9c6;

}

.alert-success hr {

border-top-color: #c9e2b3;

}

.alert-success .alert-link {

color: #2b542c;

}

.alert-info {

color: #31708f;

background-color: #d9edf7;

border-color: #bce8f1;

}

.alert-info hr {

border-top-color: #a6e1ec;

}

.alert-info .alert-link {

color: #245269;

}

.alert-warning {

color: #8a6d3b;

background-color: #fcf8e3;

border-color: #faebcc;

}

.alert-warning hr {

border-top-color: #f7e1b5;

}

.alert-warning .alert-link {

color: #66512c;

}

.alert-danger {

color: #a94442;

background-color: #f2dede;

border-color: #ebccd1;

}

.alert-danger hr {

border-top-color: #e4b9c0;

}

.alert-danger .alert-link {

color: #843534;

}

.close {

float: right;

font-size: 21px;

font-weight: bold;

line-height: 1;

color: #000000;

text-shadow: 0 1px 0 #ffffff;

filter: alpha(opacity=20);

opacity: 0.2;

}

.close:hover,

.close:focus {

color: #000000;

text-decoration: none;

cursor: pointer;

filter: alpha(opacity=50);

opacity: 0.5;

}

button.close {

padding: 0;

cursor: pointer;

background: transparent;

border: 0;

-webkit-appearance: none;

appearance: none;

}

.modal-open {

overflow: hidden;

}

.modal {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 1050;

display: none;

overflow: hidden;

-webkit-overflow-scrolling: touch;

outline: 0;

}

.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;

}

.modal.in .modal-dialog {

-webkit-transform: translate(0, 0);

-ms-transform: translate(0, 0);

-o-transform: translate(0, 0);

transform: translate(0, 0);

}

.modal-open .modal {

overflow-x: hidden;

overflow-y: auto;

}

.modal-dialog {

position: relative;

width: auto;

margin: 10px;

}

.modal-content {

position: relative;

background-color: #ffffff;

-webkit-background-clip: padding-box;

background-clip: padding-box;

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);

outline: 0;

}

.modal-backdrop {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 1040;

background-color: #000000;

}

.modal-backdrop.fade {

filter: alpha(opacity=0);

opacity: 0;

}

.modal-backdrop.in {

filter: alpha(opacity=50);

opacity: 0.5;

}

.modal-header {

padding: 15px;

border-bottom: 1px solid #e5e5e5;

}

.modal-header .close {

margin-top: -2px;

}

.modal-title {

margin: 0;

line-height: 1.42857143;

}

.modal-body {

position: relative;

padding: 15px;

}

.modal-footer {

padding: 15px;

text-align: right;

border-top: 1px solid #e5e5e5;

}

.modal-footer .btn + .btn {

margin-bottom: 0;

margin-left: 5px;

}

.modal-footer .btn-group .btn + .btn {

margin-left: -1px;

}

.modal-footer .btn-block + .btn-block {

margin-left: 0;

}

.modal-scrollbar-measure {

position: absolute;

top: -9999px;

width: 50px;

height: 50px;

overflow: scroll;

}

@media (min-width: 768px) {

.modal-dialog {

width: 560px;

margin: 30px auto;

}

.custom-modal .modal-body {

padding: 35px 45px 15px;

}

.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);

}

.modal-sm {

width: 300px;

}

@media (min-width: 992px) {

.modal-lg {

width: 900px;

}

.popover {

position: absolute;

top: 0;

left: 0;

z-index: 1060;

display: none;

max-width: 276px;

padding: 1px;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

font-style: normal;

font-weight: 400;

line-height: 1.42857143;

line-break: auto;

text-align: left;

text-align: start;

text-decoration: none;

text-shadow: none;

text-transform: none;

letter-spacing: normal;

word-break: normal;

word-spacing: normal;

word-wrap: normal;

white-space: normal;

font-size: 14px;

background-color: #ffffff;

-webkit-background-clip: padding-box;

background-clip: padding-box;

border: 1px solid #cccccc;

border: 1px solid rgba(0, 0, 0, 0.2);

border-radius: 6px;

-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}

.popover.top {

margin-top: -10px;

}

.popover.right {

margin-left: 10px;

}

.popover.bottom {

margin-top: 10px;

}

.popover.left {

margin-left: -10px;

}

.popover > .arrow {

border-width: 11px;

}

.popover > .arrow,

.popover > .arrow:after {

position: absolute;

display: block;

width: 0;

height: 0;

border-color: transparent;

border-style: solid;

}

.popover > .arrow:after {

content: "";

border-width: 10px;

}

.popover.top > .arrow {

bottom: -11px;

left: 50%;

margin-left: -11px;

border-top-color: #999999;

border-top-color: rgba(0, 0, 0, 0.25);

border-bottom-width: 0;

}

.popover.top > .arrow:after {

bottom: 1px;

margin-left: -10px;

content: " ";

border-top-color: #ffffff;

border-bottom-width: 0;

}

.popover.right > .arrow {

top: 50%;

left: -11px;

margin-top: -11px;

border-right-color: #999999;

border-right-color: rgba(0, 0, 0, 0.25);

border-left-width: 0;

}

.popover.right > .arrow:after {

bottom: -10px;

left: 1px;

content: " ";

border-right-color: #ffffff;

border-left-width: 0;

}

.popover.bottom > .arrow {

top: -11px;

left: 50%;

margin-left: -11px;

border-top-width: 0;

border-bottom-color: #999999;

border-bottom-color: rgba(0, 0, 0, 0.25);

}

.popover.bottom > .arrow:after {

top: 1px;

margin-left: -10px;

content: " ";

border-top-width: 0;

border-bottom-color: #ffffff;

}

.popover.left > .arrow {

top: 50%;

right: -11px;

margin-top: -11px;

border-right-width: 0;

border-left-color: #999999;

border-left-color: rgba(0, 0, 0, 0.25);

}

.popover.left > .arrow:after {

right: 1px;

bottom: -10px;

content: " ";

border-right-width: 0;

border-left-color: #ffffff;

}

.popover-title {

padding: 8px 14px;

margin: 0;

font-size: 14px;

background-color: #f7f7f7;

border-bottom: 1px solid #ebebeb;

border-radius: 5px 5px 0 0;

}

.popover-content {

padding: 9px 14px;

}

.clearfix:before,

.clearfix:after,

.modal-header:before,

.modal-header:after,

.modal-footer:before,

.modal-footer:after {

display: table;

content: " ";

}

.clearfix:after,

.modal-header:after,

.modal-footer:after {

clear: both;

}

.center-block {

display: block;

margin-right: auto;

margin-left: auto;

}

.pull-right {

float: right !important;

}

.pull-left {

float: left !important;

}

.hide {

display: none !important;

}

.show {

display: block !important;

}

.invisible {

visibility: hidden;

}

.text-hide {

font: 0/0 a;

color: transparent;

text-shadow: none;

background-color: transparent;

border: 0;

}

.hidden {

display: none !important;

}

.affix {

position: fixed;

}

@-ms-viewport {

width: device-width;

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

display: none !important;

}

@media (max-width: 767px) {

.visible-xs {

display: block !important;

}

table.visible-xs {

display: table !important;

}

tr.visible-xs {

display: table-row !important;

}

th.visible-xs,

td.visible-xs {

display: table-cell !important;

}

@media (max-width: 767px) {

.visible-xs-block {

display: block !important;

}

@media (max-width: 767px) {

.visible-xs-inline {

display: inline !important;

}

@media (max-width: 767px) {

.visible-xs-inline-block {

display: inline-block !important;

}

@media (min-width: 768px) and (max-width: 991px) {

.visible-sm {

display: block !important;

}

table.visible-sm {

display: table !important;

}

tr.visible-sm {

display: table-row !important;

}

th.visible-sm,

td.visible-sm {

display: table-cell !important;

}

@media (min-width: 768px) and (max-width: 991px) {

.visible-sm-block {

display: block !important;

}

@media (min-width: 768px) and (max-width: 991px) {

.visible-sm-inline {

display: inline !important;

}

@media (min-width: 768px) and (max-width: 991px) {

.visible-sm-inline-block {

display: inline-block !important;

}

@media (min-width: 992px) and (max-width: 1199px) {

.visible-md {

display: block !important;

}

table.visible-md {

display: table !important;

}

tr.visible-md {

display: table-row !important;

}

th.visible-md,

td.visible-md {

display: table-cell !important;

}

@media (min-width: 992px) and (max-width: 1199px) {

.visible-md-block {

display: block !important;

}

@media (min-width: 992px) and (max-width: 1199px) {

.visible-md-inline {

display: inline !important;

}

@media (min-width: 992px) and (max-width: 1199px) {

.visible-md-inline-block {

display: inline-block !important;

}

@media (min-width: 1200px) {

.visible-lg {

display: block !important;

}

table.visible-lg {

display: table !important;

}

tr.visible-lg {

display: table-row !important;

}

th.visible-lg,

td.visible-lg {

display: table-cell !important;

}

@media (min-width: 1200px) {

.visible-lg-block {

display: block !important;

}

@media (min-width: 1200px) {

.visible-lg-inline {

display: inline !important;

}

@media (min-width: 1200px) {

.visible-lg-inline-block {

display: inline-block !important;

}

@media (max-width: 767px) {

.hidden-xs {

display: none !important;

}

@media (min-width: 768px) and (max-width: 991px) {

.hidden-sm {

display: none !important;

}

@media (min-width: 992px) and (max-width: 1199px) {

.hidden-md {

display: none !important;

}

@media (min-width: 1200px) {

.hidden-lg {

display: none !important;

}

.visible-print {

display: none !important;

}

@media print {

.visible-print {

display: block !important;

}

table.visible-print {

display: table !important;

}

tr.visible-print {

display: table-row !important;

}

th.visible-print,

td.visible-print {

display: table-cell !important;

}

.visible-print-block {

display: none !important;

}

@media print {

.visible-print-block {

display: block !important;

}

.visible-print-inline {

display: none !important;

}

@media print {

.visible-print-inline {

display: inline !important;

}

.visible-print-inline-block {

display: none !important;

}

@media print {

.visible-print-inline-block {

display: inline-block !important;

}

@media print {

.hidden-print {

display: none !important;

}

.custom-modal{

text-align: center;

font-family: 'Montserrat', sans-serif;

}

.custom-modal h4{

font-size: 24px;

color: #011D2F;

margin: 20px 0px;

}

.custom-modal p{

font-size: 18px;

}

.custom-modal .modal-footer{

border: none;

text-align: center;

padding: 0 15px 45px;

}

.custom-modal .modal-footer .fc-btn{

font-size: 16px;

font-weight: 500;

display: inline-block;

text-decoration: none;

padding: 12px 20px 10px;

border: none !important;

line-height: inherit;

margin: 0 4px;

border-radius: 4px;

text-transform: uppercase;

}

.custom-modal .modal-footer .delete-btn{

background:#E84952;

}

.custom-modal .modal-footer .cancel-btn{

background:#F2F6F9;

color: #586775;

}

.custom-modal .modal-footer .delete-btn:hover{

background:#be222b;

}

.custom-modal .modal-footer .cancel-btn:hover{

background:#cfd3d6;

}

📁 Sid Gifari File Manager