2509 lines
50 KiB
CSS
Vendored
2509 lines
50 KiB
CSS
Vendored
/*--Body Color--*/
|
|
body
|
|
{
|
|
color: #55588b;
|
|
}
|
|
/*--Body Color Finish--*/
|
|
|
|
/*--Header Set Color--*/
|
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
|
|
{
|
|
color: #55588b;
|
|
}
|
|
/*--Header Set Color Finish--*/
|
|
|
|
/*--------Selection Reference--------*/
|
|
::selection
|
|
{
|
|
background-color: #3c3f72;
|
|
color: #ffffff;
|
|
}
|
|
/*--------Selection Reference Finish--------*/
|
|
|
|
/*--Anchor Color--*/
|
|
a
|
|
{
|
|
color: #6da252;
|
|
}
|
|
a:hover
|
|
{
|
|
color: #3d7224;
|
|
}
|
|
/*--Anchor Color Finish--*/
|
|
|
|
|
|
/*--------Text Colors--------*/
|
|
/*--Default Color--*/
|
|
.text-default
|
|
{
|
|
color: #3c3f72 !important;
|
|
}
|
|
|
|
a.text-default:hover,
|
|
a.text-default:focus
|
|
{
|
|
color: #3c3f72 !important;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.text-primary
|
|
{
|
|
color: #55588b !important;
|
|
}
|
|
|
|
a.text-primary:hover,
|
|
a.text-primary:focus
|
|
{
|
|
color: #55588b !important;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.text-secondary
|
|
{
|
|
color: #e5e5e5 !important;
|
|
}
|
|
|
|
a.text-secondary:hover,
|
|
a.text-secondary:focus
|
|
{
|
|
color: #e5e5e5 !important;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.text-info
|
|
{
|
|
color: #328aef !important;
|
|
}
|
|
|
|
a.text-info:hover,
|
|
a.text-info:focus
|
|
{
|
|
color: #328aef !important;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.text-success
|
|
{
|
|
color: #6da252 !important;
|
|
}
|
|
|
|
a.text-success:hover,
|
|
a.text-success:focus
|
|
{
|
|
color: #6da252 !important;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.text-danger
|
|
{
|
|
color: #ef3232 !important;
|
|
}
|
|
|
|
a.text-danger:hover,
|
|
a.text-danger:focus
|
|
{
|
|
color: #ef3232 !important;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.text-warning
|
|
{
|
|
color: #efad32 !important;
|
|
}
|
|
|
|
a.text-warning:hover,
|
|
a.text-warning:focus
|
|
{
|
|
color: #efad32 !important;
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
|
|
/*--Light Color--*/
|
|
.text-light
|
|
{
|
|
color: #e5e5e5 !important;
|
|
}
|
|
|
|
a.text-light:hover,
|
|
a.text-light:focus
|
|
{
|
|
color: #e5e5e5 !important;
|
|
}
|
|
/*--Light Color Finish--*/
|
|
|
|
/*--Dark Color--*/
|
|
.text-dark
|
|
{
|
|
color: #191919 !important;
|
|
}
|
|
|
|
a.text-dark:hover,
|
|
a.text-dark:focus
|
|
{
|
|
color: #191919 !important;
|
|
}
|
|
/*--Dark Color Finish--*/
|
|
|
|
/*--Neutral Color--*/
|
|
.text-neutral
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
a.text-neutral:hover,
|
|
a.text-neutral:focus
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
/*--Neutral Color Finish--*/
|
|
|
|
/*--White color--*/
|
|
.text-white
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
a.text-white:hover,
|
|
a.text-white:focus
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
/*--White Color Finish--*/
|
|
|
|
/*--Darker Color--*/
|
|
.text-darker
|
|
{
|
|
color: #000000 !important;
|
|
}
|
|
|
|
a.text-darker:hover,
|
|
a.text-darker:focus
|
|
{
|
|
color: #000000 !important;
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
|
|
/*--Yellow Color--*/
|
|
.text-yellow
|
|
{
|
|
color: #efef32 !important;
|
|
}
|
|
|
|
a.text-yellow:hover,
|
|
a.text-yellow:focus
|
|
{
|
|
color: #efef32 !important;
|
|
}
|
|
/*--Yellow Color Finish--*/
|
|
/*--------Text Colors Finish--------*/
|
|
|
|
|
|
/*--------Alert Colors--------*/
|
|
/*--Default Color--*/
|
|
.alert-default
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.alert-default a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-default a:hover
|
|
{
|
|
color: #fff;
|
|
}
|
|
.alert-default hr
|
|
{
|
|
border-top-color: #7376a0;
|
|
}
|
|
.alert-default .alert-link
|
|
{
|
|
color: #161842;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.alert-primary
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.alert-primary a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-primary a:hover
|
|
{
|
|
color: #fff;
|
|
}
|
|
.alert-primary hr
|
|
{
|
|
border-top-color: #9699bc;
|
|
}
|
|
.alert-primary .alert-link
|
|
{
|
|
color: #26285b;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.alert-secondary
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.alert-secondary a
|
|
{
|
|
color: #191919;
|
|
}
|
|
.alert-secondary a:hover
|
|
{
|
|
color: #191919;
|
|
}
|
|
.alert-secondary hr
|
|
{
|
|
border-top-color: #ffffff;
|
|
}
|
|
.alert-secondary .alert-link
|
|
{
|
|
color: #000000;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.alert-info
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.alert-info a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-info a:hover
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-info hr
|
|
{
|
|
border-top-color: #66afff;
|
|
}
|
|
.alert-info .alert-link
|
|
{
|
|
color: #0358bf;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.alert-success
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.alert-success a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-success a:hover
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-success hr
|
|
{
|
|
border-top-color: #b8d3a9;
|
|
}
|
|
.alert-success .alert-link
|
|
{
|
|
color: #3d7224;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.alert-danger
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.alert-danger a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-danger a:hover
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-danger hr
|
|
{
|
|
border-top-color: #ff6666;
|
|
}
|
|
.alert-danger .alert-link
|
|
{
|
|
color: #bf0303;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.alert-warning
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.alert-warning a
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-warning a:hover
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
.alert-warning hr
|
|
{
|
|
border-top-color: #ffc666;
|
|
}
|
|
.alert-warning .alert-link
|
|
{
|
|
color: #bf8003;
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
/*--------Alert Colors Finish--------*/
|
|
|
|
|
|
/*--------Badge Colors--------*/
|
|
/*--Default Color--*/
|
|
.badge-default
|
|
{
|
|
color: #ffffff;
|
|
background-color: #3c3f72;
|
|
}
|
|
.badge-default[href]:hover,
|
|
.badge-default[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #161842;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.badge-primary
|
|
{
|
|
color: #ffffff;
|
|
background-color: #55588b;
|
|
}
|
|
.badge-primary[href]:hover,
|
|
.badge-primary[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #26285b;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.badge-secondary
|
|
{
|
|
color: #191919;
|
|
background-color: #f8f9fe;
|
|
}
|
|
.badge-secondary[href]:hover,
|
|
.badge-secondary[href]:focus
|
|
{
|
|
color: #191919;
|
|
background-color: #f8f9fe;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.badge-info
|
|
{
|
|
color: #ffffff;
|
|
background-color: #328aef;
|
|
}
|
|
.badge-info[href]:hover,
|
|
.badge-info[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #0358bf;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.badge-success
|
|
{
|
|
color: #ffffff;
|
|
background-color: #6da252;
|
|
}
|
|
.badge-success[href]:hover,
|
|
.badge-success[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #3d7224;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.badge-danger
|
|
{
|
|
color: #ffffff;
|
|
background-color: #ef3232;
|
|
}
|
|
.badge-danger[href]:hover,
|
|
.badge-danger[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #bf0303;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.badge-warning
|
|
{
|
|
color: #ffffff;
|
|
background-color: #efad32;
|
|
}
|
|
.badge-warning[href]:hover,
|
|
.badge-warning[href]:focus
|
|
{
|
|
color: #ffffff;
|
|
background-color: #bf8003;
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
/*--Dark Color--*/
|
|
.badge-dark
|
|
{
|
|
color: #fff;
|
|
background-color: #191919;
|
|
}
|
|
.badge-dark[href]:hover,
|
|
.badge-dark[href]:focus
|
|
{
|
|
color: #fff;
|
|
background-color: #191919;
|
|
}
|
|
/*--Dark Color Finish--*/
|
|
/*--Darker Color--*/
|
|
.badge-darker
|
|
{
|
|
color: #fff;
|
|
background-color: #000000;
|
|
}
|
|
.badge-darker[href]:hover,
|
|
.badge-darker[href]:focus
|
|
{
|
|
color: #fff;
|
|
background-color: #000000;
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
/*--------Badge Colors Finish--------*/
|
|
|
|
/*--------Background Colors--------*/
|
|
/*--Default Color--*/
|
|
.bg-default
|
|
{
|
|
background-color: #3c3f72 !important;
|
|
}
|
|
|
|
a.bg-default:hover,
|
|
a.bg-default:focus,
|
|
button.bg-default:hover,
|
|
button.bg-default:focus
|
|
{
|
|
background-color: #161842 !important;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.bg-primary
|
|
{
|
|
background-color: #55588b !important;
|
|
}
|
|
|
|
a.bg-primary:hover,
|
|
a.bg-primary:focus,
|
|
button.bg-primary:hover,
|
|
button.bg-primary:focus
|
|
{
|
|
background-color: #26285b !important;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.bg-secondary
|
|
{
|
|
background-color: #e5e5e5 !important;
|
|
}
|
|
|
|
a.bg-secondary:hover,
|
|
a.bg-secondary:focus,
|
|
button.bg-secondary:hover,
|
|
button.bg-secondary:focus
|
|
{
|
|
background-color: #999999 !important;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.bg-info
|
|
{
|
|
background-color: #328aef !important;
|
|
}
|
|
|
|
a.bg-info:hover,
|
|
a.bg-info:focus,
|
|
button.bg-info:hover,
|
|
button.bg-info:focus
|
|
{
|
|
background-color: #0358bf !important;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.bg-success
|
|
{
|
|
background-color: #6da252 !important;
|
|
}
|
|
|
|
a.bg-success:hover,
|
|
a.bg-success:focus,
|
|
button.bg-success:hover,
|
|
button.bg-success:focus
|
|
{
|
|
background-color: #3d7224 !important;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.bg-danger
|
|
{
|
|
background-color: #ef3232 !important;
|
|
}
|
|
|
|
a.bg-danger:hover,
|
|
a.bg-danger:focus,
|
|
button.bg-danger:hover,
|
|
button.bg-danger:focus
|
|
{
|
|
background-color: #bf0303 !important;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.bg-warning
|
|
{
|
|
background-color: #efad32 !important;
|
|
}
|
|
|
|
a.bg-warning:hover,
|
|
a.bg-warning:focus,
|
|
button.bg-warning:hover,
|
|
button.bg-warning:focus
|
|
{
|
|
background-color: #bf8003 !important;
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
|
|
/*--Light Color--*/
|
|
.bg-light
|
|
{
|
|
background-color: #e5e5e5 !important;
|
|
}
|
|
|
|
a.bg-light:hover,
|
|
a.bg-light:focus,
|
|
button.bg-light:hover,
|
|
button.bg-light:focus
|
|
{
|
|
background-color: #999999 !important;
|
|
}
|
|
/*--Light Color Finish--*/
|
|
|
|
/*--Dark Color--*/
|
|
.bg-dark
|
|
{
|
|
background-color: #191919 !important;
|
|
}
|
|
|
|
a.bg-dark:hover,
|
|
a.bg-dark:focus,
|
|
button.bg-dark:hover,
|
|
button.bg-dark:focus
|
|
{
|
|
background-color: #000000 !important;
|
|
}
|
|
/*--Dark Color Finish--*/
|
|
|
|
/*--Neutral Color--*/
|
|
.bg-neutral
|
|
{
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
a.bg-neutral:hover,
|
|
a.bg-neutral:focus,
|
|
button.bg-neutral:hover,
|
|
button.bg-neutral:focus
|
|
{
|
|
background-color: #ffffff !important;
|
|
}
|
|
/*--Neutral Color Finish--*/
|
|
|
|
/*--White Color--*/
|
|
.bg-white
|
|
{
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
a.bg-white:hover,
|
|
a.bg-white:focus,
|
|
button.bg-white:hover,
|
|
button.bg-white:focus
|
|
{
|
|
background-color: #e5e5e5 !important;
|
|
}
|
|
/*--White Color Finish--*/
|
|
|
|
/*--Darker Color--*/
|
|
.bg-darker
|
|
{
|
|
background-color: #000000 !important;
|
|
}
|
|
|
|
a.bg-darker:hover,
|
|
a.bg-darker:focus,
|
|
button.bg-darker:hover,
|
|
button.bg-darker:focus
|
|
{
|
|
background-color: #191919 !important;
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
|
|
/*--Green Color--*/
|
|
.bg-green
|
|
{
|
|
background-color: #6da252 !important;
|
|
}
|
|
|
|
a.bg-green:hover,
|
|
a.bg-green:focus,
|
|
button.bg-green:hover,
|
|
button.bg-green:focus
|
|
{
|
|
background-color: #3d7224 !important;
|
|
}
|
|
/*--Green Color Finish--*/
|
|
|
|
/*--Yellow Color--*/
|
|
.bg-yellow
|
|
{
|
|
background-color: #efef32 !important;
|
|
}
|
|
|
|
a.bg-yellow:hover,
|
|
a.bg-yellow:focus,
|
|
button.bg-yellow:hover,
|
|
button.bg-yellow:focus
|
|
{
|
|
background-color: #bcbf03 !important;
|
|
}
|
|
/*--Yellow Color Finish--*/
|
|
|
|
/*--Orange Color Finish--*/
|
|
.bg-orange
|
|
{
|
|
background-color: #fb6340 !important;
|
|
}
|
|
|
|
a.bg-orange:hover,
|
|
a.bg-orange:focus,
|
|
button.bg-orange:hover,
|
|
button.bg-orange:focus
|
|
{
|
|
background-color: #fb6340 !important;
|
|
}
|
|
/*--Orange Color Finish--*/
|
|
|
|
/*--Blue Color Finish--*/
|
|
.bg-blue
|
|
{
|
|
background-color: #5e72e4 !important;
|
|
}
|
|
|
|
a.bg-blue:hover,
|
|
a.bg-blue:focus,
|
|
button.bg-blue:hover,
|
|
button.bg-blue:focus
|
|
{
|
|
background-color: #5e72e4 !important;
|
|
}
|
|
/*--Blue Color Finish--*/
|
|
|
|
/*--purple Color Finish--*/
|
|
.bg-purple
|
|
{
|
|
background-color: #8965e0 !important;
|
|
}
|
|
|
|
a.bg-purple:hover,
|
|
a.bg-purple:focus,
|
|
button.bg-purple:hover,
|
|
button.bg-purple:focus
|
|
{
|
|
background-color: #8965e0 !important;
|
|
}
|
|
/*--purple Color Finish--*/
|
|
|
|
/*--red Color Finish--*/
|
|
.bg-red
|
|
{
|
|
background-color: #f5365c !important;
|
|
}
|
|
|
|
a.bg-red:hover,
|
|
a.bg-red:focus,
|
|
button.bg-red:hover,
|
|
button.bg-red:focus
|
|
{
|
|
background-color: #f5365c !important;
|
|
}
|
|
/*--red Color Finish--*/
|
|
|
|
|
|
/*--------Background Colors Finish--------*/
|
|
|
|
|
|
/*--------Button Colors--------*/
|
|
/*--Default Color--*/
|
|
.btn-default
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-default:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.btn-default:focus,
|
|
.btn-default.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(63, 63, 114, .5);
|
|
}
|
|
.btn-default.disabled,
|
|
.btn-default:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.btn-default:not(:disabled):not(.disabled):active,
|
|
.btn-default:not(:disabled):not(.disabled).active,
|
|
.show > .btn-default.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.btn-default:not(:disabled):not(.disabled):active:focus,
|
|
.btn-default:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-default.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(63, 63, 114, .5);
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.btn-primary
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-primary:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.btn-primary:focus,
|
|
.btn-primary.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(85, 88, 139, .5);
|
|
}
|
|
.btn-primary.disabled,
|
|
.btn-primary:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.btn-primary:not(:disabled):not(.disabled):active,
|
|
.btn-primary:not(:disabled):not(.disabled).active,
|
|
.show > .btn-primary.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.btn-primary:not(:disabled):not(.disabled):active:focus,
|
|
.btn-primary:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-primary.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(85, 88, 139, .5);
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.btn-secondary
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-secondary:hover
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-secondary:focus,
|
|
.btn-secondary.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(238, 238, 243, .5);
|
|
}
|
|
.btn-secondary.disabled,
|
|
.btn-secondary:disabled
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-secondary:not(:disabled):not(.disabled):active,
|
|
.btn-secondary:not(:disabled):not(.disabled).active,
|
|
.show > .btn-secondary.dropdown-toggle
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-secondary:not(:disabled):not(.disabled):active:focus,
|
|
.btn-secondary:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-secondary.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(238, 238, 243, .5);
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.btn-info
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-info:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-info:focus,
|
|
.btn-info.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(50, 138, 239, .5);
|
|
}
|
|
.btn-info.disabled,
|
|
.btn-info:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-info:not(:disabled):not(.disabled):active,
|
|
.btn-info:not(:disabled):not(.disabled).active,
|
|
.show > .btn-info.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-info:not(:disabled):not(.disabled):active:focus,
|
|
.btn-info:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-info.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(50, 138, 239, .5);
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.btn-success
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-success:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-success:focus,
|
|
.btn-success.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(109, 162, 82, .5);
|
|
}
|
|
.btn-success.disabled,
|
|
.btn-success:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-success:not(:disabled):not(.disabled):active,
|
|
.btn-success:not(:disabled):not(.disabled).active,
|
|
.show > .btn-success.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-success:not(:disabled):not(.disabled):active:focus,
|
|
.btn-success:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-success.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(109, 162, 82, .5);
|
|
}
|
|
.form-group.disabled .btn-group.btn-group-toggle.radio-yes-no .btn-success.active-disabled {
|
|
color: #ffffff !important;
|
|
border-color: #6da252 !important;
|
|
background-color: #6da252 !important;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.btn-danger
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-danger:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.btn-danger:focus,
|
|
.btn-danger.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(239, 50, 50, .5);
|
|
}
|
|
.btn-danger.disabled,
|
|
.btn-danger:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.btn-danger:not(:disabled):not(.disabled):active,
|
|
.btn-danger:not(:disabled):not(.disabled).active,
|
|
.show > .btn-danger.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.btn-danger:not(:disabled):not(.disabled):active:focus,
|
|
.btn-danger:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-danger.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(239, 50, 50, .5);
|
|
}
|
|
.form-group.disabled .btn-group.btn-group-toggle.radio-yes-no .btn-danger.active-disabled {
|
|
color: #ffffff !important;
|
|
border-color: #ef3232 !important;
|
|
background-color: #ef3232 !important;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.btn-warning
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-warning:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.btn-warning:focus,
|
|
.btn-warning.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(239, 173, 50, .5);
|
|
}
|
|
.btn-warning.disabled,
|
|
.btn-warning:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.btn-warning:not(:disabled):not(.disabled):active,
|
|
.btn-warning:not(:disabled):not(.disabled).active,
|
|
.show > .btn-warning.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.btn-warning:not(:disabled):not(.disabled):active:focus,
|
|
.btn-warning:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-warning.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(239, 173, 50, .5);
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
|
|
/*--White Color--*/
|
|
.btn-white
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-white:hover
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-white:focus,
|
|
.btn-white.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-white.disabled,
|
|
.btn-white:disabled
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-white:not(:disabled):not(.disabled):active,
|
|
.btn-white:not(:disabled):not(.disabled).active,
|
|
.show > .btn-white.dropdown-toggle
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-white:not(:disabled):not(.disabled):active:focus,
|
|
.btn-white:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-white.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--White Color Finish--*/
|
|
|
|
/*--Darker Color--*/
|
|
.btn-darker
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
|
}
|
|
.btn-darker:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
.btn-darker:focus,
|
|
.btn-darker.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
.btn-darker.disabled,
|
|
.btn-darker:disabled
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
.btn-darker:not(:disabled):not(.disabled):active,
|
|
.btn-darker:not(:disabled):not(.disabled).active,
|
|
.show > .btn-darker.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
.btn-darker:not(:disabled):not(.disabled):active:focus,
|
|
.btn-darker:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-darker.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
|
|
/*--Neutral Color--*/
|
|
.btn-neutral
|
|
{
|
|
color: #000000;
|
|
border: 0;
|
|
border-color: unset;
|
|
background-color: unset;
|
|
box-shadow: unset;
|
|
}
|
|
.btn-neutral:hover
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-neutral:focus,
|
|
.btn-neutral.focus
|
|
{
|
|
box-shadow: 0 4px 6px rgba(30, 31, 57, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-neutral.disabled,
|
|
.btn-neutral:disabled
|
|
{
|
|
color: #000000;
|
|
border-color: unset;
|
|
background-color: unset;
|
|
}
|
|
.btn-neutral:focus-within
|
|
{
|
|
color: #000000;
|
|
border-color: unset;
|
|
background-color: unset;
|
|
box-shadow: unset;
|
|
}
|
|
.btn-neutral:not(:disabled):not(.disabled):active,
|
|
.btn-neutral:not(:disabled):not(.disabled).active,
|
|
.show > .btn-neutral.dropdown-toggle
|
|
{
|
|
color: #000000;
|
|
border-color: unset;
|
|
background-color: unset;
|
|
}
|
|
.btn-neutral:not(:disabled):not(.disabled):active:focus,
|
|
.btn-neutral:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-neutral.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--Neutral Color Finish--*/
|
|
/*--------Button Colors Finish--------*/
|
|
|
|
|
|
/*--------Button Outline Colors--------*/
|
|
/*--Default Color--*/
|
|
.btn-outline-default
|
|
{
|
|
color: #3c3f72;
|
|
border-color: #3c3f72;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-default:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.btn-outline-default:focus,
|
|
.btn-outline-default.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(63, 63, 114, .5);
|
|
}
|
|
.btn-outline-default.disabled,
|
|
.btn-outline-default:disabled
|
|
{
|
|
color: #3c3f72;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-default:not(:disabled):not(.disabled):active,
|
|
.btn-outline-default:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-default.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #3c3f72;
|
|
background-color: #3c3f72;
|
|
}
|
|
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-default.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(63, 63, 114, .5);
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.btn-outline-primary
|
|
{
|
|
color: #55588b;
|
|
border-color: #55588b;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-primary:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.btn-outline-primary:focus,
|
|
.btn-outline-primary.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(85, 88, 139, .5);
|
|
}
|
|
.btn-outline-primary.disabled,
|
|
.btn-outline-primary:disabled
|
|
{
|
|
color: #55588b;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-primary:not(:disabled):not(.disabled):active,
|
|
.btn-outline-primary:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-primary.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #55588b;
|
|
background-color: #55588b;
|
|
}
|
|
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-primary.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(85, 88, 139, .5);
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.btn-outline-secondary
|
|
{
|
|
color: #55588b;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-secondary:hover
|
|
{
|
|
color: #55588b;
|
|
border-color: transparent;
|
|
background-color: #e5e5e5;
|
|
box-shadow: none;
|
|
}
|
|
.btn-outline-secondary:focus,
|
|
.btn-outline-secondary.focus
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
.btn-outline-secondary.disabled,
|
|
.btn-outline-secondary:disabled
|
|
{
|
|
color: #e5e5e5;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-secondary:not(:disabled):not(.disabled):active,
|
|
.btn-outline-secondary:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-secondary.dropdown-toggle
|
|
{
|
|
color: #55588b;
|
|
border-color: transparent;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-secondary.dropdown-toggle:focus
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.btn-outline-info
|
|
{
|
|
color: #328aef;
|
|
border-color: #328aef;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-info:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-outline-info:focus,
|
|
.btn-outline-info.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(50, 138, 239, .5);
|
|
}
|
|
.btn-outline-info.disabled,
|
|
.btn-outline-info:disabled
|
|
{
|
|
color: #328aef;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-info:not(:disabled):not(.disabled):active,
|
|
.btn-outline-info:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-info.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-info.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(50, 138, 239, .5);
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.btn-outline-success
|
|
{
|
|
color: #6da252;
|
|
border-color: #6da252;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-success:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-outline-success:focus,
|
|
.btn-outline-success.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(109, 162, 82, .5);
|
|
}
|
|
.btn-outline-success.disabled,
|
|
.btn-outline-success:disabled
|
|
{
|
|
color: #6da252;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-success:not(:disabled):not(.disabled):active,
|
|
.btn-outline-success:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-success.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-success.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(109, 162, 82, .5);
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.btn-outline-danger
|
|
{
|
|
color: #ef3232;
|
|
border-color: #ef3232;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-danger:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.btn-outline-danger:focus,
|
|
.btn-outline-danger.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(239, 50, 50, .5);
|
|
}
|
|
.btn-outline-danger.disabled,
|
|
.btn-outline-danger:disabled
|
|
{
|
|
color: #ef3232;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-danger:not(:disabled):not(.disabled):active,
|
|
.btn-outline-danger:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-danger.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ef3232;
|
|
background-color: #ef3232;
|
|
}
|
|
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-danger.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(239, 50, 50, .5);
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.btn-outline-warning
|
|
{
|
|
color: #efad32;
|
|
border-color: #efad32;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-warning:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.btn-outline-warning:focus,
|
|
.btn-outline-warning.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(239, 173, 50, .5);
|
|
}
|
|
.btn-outline-warning.disabled,
|
|
.btn-outline-warning:disabled
|
|
{
|
|
color: #efad32;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-warning:not(:disabled):not(.disabled):active,
|
|
.btn-outline-warning:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-warning.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #efad32;
|
|
background-color: #efad32;
|
|
}
|
|
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-warning.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(239, 173, 50, .5);
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
|
|
/*--Light Color--*/
|
|
.btn-outline-light
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #e5e5e5;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-light:hover
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-outline-light:focus,
|
|
.btn-outline-light.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(238, 238, 243, .5);
|
|
}
|
|
.btn-outline-light.disabled,
|
|
.btn-outline-light:disabled
|
|
{
|
|
color: #e5e5e5;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-light:not(:disabled):not(.disabled):active,
|
|
.btn-outline-light:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-light.dropdown-toggle
|
|
{
|
|
color: #191919;
|
|
border-color: #e5e5e5;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-light.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(238, 238, 243, .5);
|
|
}
|
|
/*--Light Color Finish--*/
|
|
|
|
/*--Dark Color--*/
|
|
.btn-outline-dark
|
|
{
|
|
color: #191919;
|
|
border-color: #191919;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-dark:hover
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #191919;
|
|
background-color: #191919;
|
|
}
|
|
.btn-outline-dark:focus,
|
|
.btn-outline-dark.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
.btn-outline-dark.disabled,
|
|
.btn-outline-dark:disabled
|
|
{
|
|
color: #191919;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-dark:not(:disabled):not(.disabled):active,
|
|
.btn-outline-dark:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-dark.dropdown-toggle
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #191919;
|
|
background-color: #191919;
|
|
}
|
|
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-dark.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
/*--Dark Color Finish--*/
|
|
|
|
/*--Neutral Color--*/
|
|
.btn-outline-neutral
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #ffffff;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-neutral:hover
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-outline-neutral:focus,
|
|
.btn-outline-neutral.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-outline-neutral.disabled,
|
|
.btn-outline-neutral:disabled
|
|
{
|
|
color: #e5e5e5;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-neutral:not(:disabled):not(.disabled):active,
|
|
.btn-outline-neutral:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-neutral.dropdown-toggle
|
|
{
|
|
color: #e5e5e5;
|
|
border-color: #fff;
|
|
background-color: #fff;
|
|
}
|
|
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-neutral.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--Neutral Color Finish--*/
|
|
|
|
/*--White Color--*/
|
|
.btn-outline-white
|
|
{
|
|
color: #ffffff;
|
|
border-color: #ffffff;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-white:hover
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-outline-white:focus,
|
|
.btn-outline-white.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-outline-white.disabled,
|
|
.btn-outline-white:disabled
|
|
{
|
|
color: #ffffff;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-white:not(:disabled):not(.disabled):active,
|
|
.btn-outline-white:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-white.dropdown-toggle
|
|
{
|
|
color: #000000;
|
|
border-color: #ffffff;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-white.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--White Color Finish--*/
|
|
|
|
/*--Darker Color--*/
|
|
.btn-outline-darker
|
|
{
|
|
color: #000000;
|
|
border-color: #000000;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-darker:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
.btn-outline-darker:focus,
|
|
.btn-outline-darker.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
.btn-outline-darker.disabled,
|
|
.btn-outline-darker:disabled
|
|
{
|
|
color: #000000;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-darker:not(:disabled):not(.disabled):active,
|
|
.btn-outline-darker:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-darker.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
background-color: #000000;
|
|
}
|
|
.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-darker.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
/*--------Button Outline Colors Finish--------*/
|
|
|
|
|
|
/*--------Bulk Action Outline Button Colors--------*/
|
|
/*--Confirm--*/
|
|
.btn-outline-confirm
|
|
{
|
|
color: #ffffff;
|
|
border: none;
|
|
border-color: unset;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-confirm:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-outline-confirm:focus,
|
|
.btn-outline-confirm.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-outline-confirm.disabled,
|
|
.btn-outline-confirm:disabled
|
|
{
|
|
color: #ffffff;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-confirm:not(:disabled):not(.disabled):active,
|
|
.btn-outline-confirm:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-confirm.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #6da252;
|
|
background-color: #6da252;
|
|
}
|
|
.btn-outline-confirm:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-confirm:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-confirm.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--Confirm Finish--*/
|
|
|
|
/*--Clear--*/
|
|
.btn-outline-clear
|
|
{
|
|
color: #ffffff;
|
|
border: none;
|
|
border-color: unset;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.btn-outline-clear:hover
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-outline-clear:focus,
|
|
.btn-outline-clear.focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
.btn-outline-clear.disabled,
|
|
.btn-outline-clear:disabled
|
|
{
|
|
color: #ffffff;
|
|
background-color: transparent;
|
|
}
|
|
.btn-outline-clear:not(:disabled):not(.disabled):active,
|
|
.btn-outline-clear:not(:disabled):not(.disabled).active,
|
|
.show > .btn-outline-clear.dropdown-toggle
|
|
{
|
|
color: #ffffff;
|
|
border-color: #328aef;
|
|
background-color: #328aef;
|
|
}
|
|
.btn-outline-clear:not(:disabled):not(.disabled):active:focus,
|
|
.btn-outline-clear:not(:disabled):not(.disabled).active:focus,
|
|
.show > .btn-outline-clear.dropdown-toggle:focus
|
|
{
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
|
|
}
|
|
/*--Confirm Finish--*/
|
|
/*--------Bulk Action Outline Button Colors--------*/
|
|
|
|
|
|
/*--------Progress Colors--------*/
|
|
/*--Default Color--*/
|
|
.progress-label-default span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #3c3f72;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.progress-label-primary span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #55588b;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.progress-label-primary span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #191919;
|
|
border-radius: 30px;
|
|
background: #e5e5e5;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*---Info Color--*/
|
|
.progress-label-info span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #328aef;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*---Success Color--*/
|
|
.progress-label-success span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #6da252;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*---Danger Color--*/
|
|
.progress-label-danger span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #ef3232;
|
|
}
|
|
/*---Danger Color Finish--*/
|
|
|
|
/*---Warning Color--*/
|
|
.progress-label-warning span
|
|
{
|
|
font-size: .625rem;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
padding: .25rem 1rem;
|
|
text-transform: uppercase;
|
|
color: #ffffff;
|
|
border-radius: 30px;
|
|
background: #efad32;
|
|
}
|
|
/*---Warning Color Finish--*/
|
|
/*--------Progress Colors Finish--------*/
|
|
|
|
|
|
/*--------Background Gradient Colors--------*/
|
|
/*--Default Color--*/
|
|
.bg-gradient-default
|
|
{
|
|
background: linear-gradient(87deg, #3c3f72 0, #7376a0 100%) !important;
|
|
}
|
|
/*--Default Color Finish--*/
|
|
|
|
/*--Primary Color--*/
|
|
.bg-gradient-primary
|
|
{
|
|
background: linear-gradient(87deg, #55588b 0, #9699bc 100%) !important;
|
|
}
|
|
/*--Primary Color Finish--*/
|
|
|
|
/*--Secondary Color--*/
|
|
.bg-gradient-secondary
|
|
{
|
|
background: linear-gradient(87deg, #e5e5e5 0, #ffffff 100%) !important;
|
|
}
|
|
/*--Secondary Color Finish--*/
|
|
|
|
/*--Info Color--*/
|
|
.bg-gradient-info
|
|
{
|
|
background: linear-gradient(87deg, #328aef 0, #66afff 100%) !important;
|
|
}
|
|
/*--Info Color Finish--*/
|
|
|
|
/*--Success Color--*/
|
|
.bg-gradient-success
|
|
{
|
|
background: linear-gradient(87deg, #6da252 0, #b8d3a9 100%) !important;
|
|
}
|
|
/*--Success Color Finish--*/
|
|
|
|
/*--Danger Color--*/
|
|
.bg-gradient-danger
|
|
{
|
|
background: linear-gradient(87deg, #ef3232 0, #ff6666 100%) !important;
|
|
}
|
|
/*--Danger Color Finish--*/
|
|
|
|
/*--Warning Color--*/
|
|
.bg-gradient-warning
|
|
{
|
|
background: linear-gradient(87deg, #efad32 0, #ffc666 100%) !important;
|
|
}
|
|
/*--Warning Color Finish--*/
|
|
/*--------Background Gradient Colors Finish--------*/
|
|
|
|
|
|
/*--------Transaction Status Colors--------*/
|
|
/*--Draft Color--*/
|
|
.status-primary
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #55588b);
|
|
}
|
|
/*--Draft Color Finish--*/
|
|
|
|
/*--Partial Color--*/
|
|
.status-info
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #328aef);
|
|
}
|
|
/*--Partial Color Finish--*/
|
|
|
|
/*--Paid Color--*/
|
|
.status-success
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #6da252);
|
|
}
|
|
/*--Paid Color Finish--*/
|
|
|
|
/*--Sent Color--*/
|
|
.status-danger
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #ef3232);
|
|
}
|
|
/*--Sent Color Finish--*/
|
|
|
|
/*--Viewed Color--*/
|
|
.status-warning
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #efad32);
|
|
}
|
|
/*--Viewed Color Finish--*/
|
|
|
|
/*--Dark Color--*/
|
|
.status-dark
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #191919);
|
|
}
|
|
/*--Dark Color Finish--*/
|
|
|
|
/*--Darker Color--*/
|
|
.status-darker
|
|
{
|
|
background-image: linear-gradient(to right, #ffffff, #000000);
|
|
}
|
|
/*--Darker Color Finish--*/
|
|
/*--------Transaction Status Colors Finish--------*/
|
|
|
|
|
|
/*--------Toggle Colors--------*/
|
|
/*--Yes--*/
|
|
.custom-toggle input:checked + .status-green
|
|
{
|
|
border: 1px solid #6da252 !important;
|
|
}
|
|
.custom-toggle input:checked + .status-green:before
|
|
{
|
|
background-color: #6da252 !important;
|
|
}
|
|
.custom-toggle input:checked + .status-green:after
|
|
{
|
|
color: #6da252 !important;
|
|
}
|
|
/*--Yes Finish--*/
|
|
|
|
/*--No--*/
|
|
.custom-toggle-slider
|
|
{
|
|
border:1px solid #ef3232 !important;
|
|
}
|
|
.custom-toggle-slider:before
|
|
{
|
|
background-color: #ef3232 !important;
|
|
}
|
|
.custom-toggle-slider:after
|
|
{
|
|
color: #ef3232 !important;
|
|
}
|
|
/*--No Finish--*/
|
|
/*--------Toggle Colors Finish--------*/
|
|
|
|
|
|
/*--------Radio Button Color--------*/
|
|
[data-toggle='buttons']:not(.btn-group-colors) > .btn.btn-success:not(.active) ,
|
|
[data-toggle='buttons']:not(.btn-group-colors) > .btn.btn-danger:not(.active)
|
|
{
|
|
background-color: #e5e5e5 !important;
|
|
color: #191919 !important;
|
|
}
|
|
/*--------Radio Button Color Finish--------*/
|
|
|
|
|
|
/*--------Left Menu Colors--------*/
|
|
/*--Left Menu Icon--*/
|
|
.background-unset
|
|
{
|
|
background: unset;
|
|
}
|
|
|
|
.menu-avatar
|
|
{
|
|
font-size: .875rem !important;
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
}
|
|
/*--Left Menu Icon Finish--*/
|
|
|
|
/*--Unselected Text Color--*/
|
|
.navbar-vertical.navbar-expand-xs, .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
/*--Unselected Text Color Finish--*/
|
|
|
|
/*--Selected Submenu Link Color--*/
|
|
.collapse.show> .nav.nav-sm.flex-column> .nav-item> .nav-link.active> .nav-link-text
|
|
{
|
|
color: #ffffff !important;
|
|
font-weight: bold;
|
|
}
|
|
/*--Selected Submenu Link Color Finish--*/
|
|
|
|
/*--Selected Submenu Arrow Color--*/
|
|
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse'][aria-expanded='true']:after
|
|
{
|
|
color: #ffffff !important;
|
|
}
|
|
/*--Selected Submenu Arrow Color Finish--*/
|
|
|
|
/*--Selected Icon Color--*/
|
|
.navbar-vertical.navbar-expand-xs, .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active
|
|
{
|
|
color: #161842 !important;
|
|
}
|
|
/*--Selected Icon Color Finish--*/
|
|
|
|
/*--Selected Text Color--*/
|
|
.nav-item> .nav-link.active.show> .nav-link-text
|
|
{
|
|
color: #161842 !important;
|
|
}
|
|
/*--Selected Text Color Finish--*/
|
|
|
|
/*--Selected Submenu Main Arrow Default Color--*/
|
|
.navbar-vertical.navbar-expand-xs, .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active.show[aria-expanded='false']:after
|
|
{
|
|
color: #161842 !important;
|
|
}
|
|
/*--Selected Submenu Main Arrow Default Color Finish--*/
|
|
|
|
/*--Selected Submenu Main Arrow Selected Color--*/
|
|
.navbar-vertical.navbar-expand-xs, .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active.show[aria-expanded='true']:after
|
|
{
|
|
color: #161842 !important;
|
|
}
|
|
/*--Selected Submenu Main Arrow Selected Color Finish--*/
|
|
/*--------Left Menu Colors Finish--------*/
|
|
|
|
|
|
/*--------Form Error Color--------*/
|
|
/*--Required Sign Color--*/
|
|
div.required > .form-control-label:not(span):after, td.required:after
|
|
{
|
|
content: ' *';
|
|
color: #ef3232;
|
|
font-weight: bold;
|
|
}
|
|
/*--Required Sign Color Finish--*/
|
|
|
|
/*--Input Error Border Color--*/
|
|
.form-group.has-error .form-control, .form-group.has-error .input-group-merge .input-group-prepend .input-group-text
|
|
{
|
|
border-color: #ef3232 !important;
|
|
}
|
|
/*--Input Error Border Color Finish--*/
|
|
|
|
/*--Error Message Color--*/
|
|
.help-block
|
|
{
|
|
color : #ef3232 !important;
|
|
}
|
|
/*--Error Message Color Finish--*/
|
|
/*--------Form Error Color Finish--------*/
|
|
|
|
|
|
/*--------Navbar Colors--------*/
|
|
/*--Navbar Border Bottom Color--*/
|
|
.navbar-top.border-bottom.navbar-dark
|
|
{
|
|
border-color: rgba(50, 50, 93, .11) !important;
|
|
}
|
|
/*--Navbar Border Bottom Color Finish--*/
|
|
|
|
/*--Navbar Icon Color--*/
|
|
.navbar-dark .navbar-nav .nav-link
|
|
{
|
|
color: #3C3F72 !important;
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link:hover
|
|
{
|
|
color: #3C3F72 !important;
|
|
}
|
|
/*--Navbar Icon Color Finish--*/
|
|
/*--------Navbar Colors Finish--------*/
|
|
|
|
|
|
/*--------Small Size Left Menu Pin Color--------*/
|
|
/*--Normal Size Color--*/
|
|
.sidenav-toggler-line
|
|
{
|
|
background-color: #ced4da;
|
|
}
|
|
/*--Normal Size Color Finish--*/
|
|
|
|
/*--Small Size Color--*/
|
|
.sidenav-toggler-dark .sidenav-toggler-line
|
|
{
|
|
background-color: #3c3f72;
|
|
}
|
|
/*--Small Size Color Finish--*/
|
|
/*--------Small Size Left Menu Pin Color Finish--------*/
|
|
|
|
|
|
/*--------Setting Board Button Colors--------*/
|
|
.btn-icon-clipboard
|
|
{
|
|
background-color: unset;
|
|
}
|
|
|
|
.btn-icon-clipboard:hover
|
|
{
|
|
background-color: #f8f8ff;
|
|
box-shadow: rgba(248, 248, 255) 0 0 0 1px, rgba(248, 248, 255) 0 4px 16px;
|
|
}
|
|
|
|
.btn-icon-clipboard:focus
|
|
{
|
|
outline: none;
|
|
}
|
|
|
|
/*--Settings Board Icon Color--*/
|
|
.btn-icon-clipboard i
|
|
{
|
|
color: #8385bb;
|
|
}
|
|
/*--Settings Board Icon Color Finish--*/
|
|
/*--------Setting Board Button Colors Finish--------*/
|
|
|
|
|
|
/*--------Checkbox Color--------*/
|
|
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
|
|
{
|
|
background-color: #55588b !important;
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.custom-control-input:not(:disabled):active ~ .custom-control-label::before
|
|
{
|
|
background-color: #55588b !important;
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before
|
|
{
|
|
background-color: #55588b !important;
|
|
}
|
|
|
|
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
/*--------Checkbox Color Finish--------*/
|
|
|
|
|
|
/*--------Form Input Colors--------*/
|
|
.form-control-label
|
|
{
|
|
color: #55588b !important;
|
|
}
|
|
|
|
.input-group-text:focus
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.focused .input-group-text
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.form-control:focus
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.focused .form-control
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.custom-file-input:focus ~ .custom-file-label
|
|
{
|
|
border-color: #55588b !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.custom-file-input:focus ~ .custom-file-label::after
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
/* get focus colors */
|
|
.input-group:focus-within
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.input-group:focus-within .input-group-text
|
|
{
|
|
border-color: #55588b !important;
|
|
}
|
|
|
|
.input-group:focus-within *:focus
|
|
{
|
|
outline: 0;
|
|
}
|
|
/*--------Form Input Colors Finish--------*/
|
|
|
|
|
|
/*--------Nav Pills Color--------*/
|
|
.nav-link
|
|
{
|
|
color: #3c3f72;
|
|
}
|
|
|
|
.nav-link:hover
|
|
{
|
|
color: #161842;
|
|
}
|
|
|
|
.nav-pills .nav-link
|
|
{
|
|
color: #3c3f72 !important;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.nav-pills .nav-link:hover
|
|
{
|
|
color: #161842;
|
|
}
|
|
|
|
.nav-pills .nav-link.active, .nav-pills .show > .nav-link
|
|
{
|
|
color: #ffffff !important;
|
|
background-color: #3c3f72 !important;
|
|
}
|
|
/*--------Nav Pills Color Finish--------*/
|
|
|
|
|
|
/*--------Item Index Image Color--------*/
|
|
.image-style
|
|
{
|
|
border:1px solid #e5e5e5;
|
|
background-color: unset !important;
|
|
}
|
|
/*--------Item Index Image Color Finish--------*/
|
|
|
|
|
|
/*--------Pagination Active Color--------*/
|
|
.page-item.active .page-link
|
|
{
|
|
background-color: #3c3f72 ;
|
|
border-color: #3c3f72;
|
|
}
|
|
/*--------Pagination Active Color Finish--------*/
|
|
|
|
/*--------Language Selection Page--------*/
|
|
option:focus
|
|
{
|
|
outline: none !important;
|
|
}
|
|
|
|
.form-control-label:focus
|
|
{
|
|
outline: none !important;
|
|
}
|
|
|
|
.form-group:focus
|
|
{
|
|
outline: none !important;
|
|
}
|
|
/*--------Language Selection Page Finish--------*/
|
|
|
|
|
|
|
|
/*--------Datepicker Color--------*/
|
|
.flatpickr-calendar .flatpickr-day:hover,
|
|
.flatpickr-calendar .flatpickr-day.selected,
|
|
.flatpickr-calendar .flatpickr-day.selected:hover
|
|
{
|
|
background: #3c3f72;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.flatpickr-calendar
|
|
{
|
|
color: #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-weekday
|
|
{
|
|
color: #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.today
|
|
{
|
|
border: 1px solid #3c3f72 !important;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.today:hover
|
|
{
|
|
background: #3c3f72;
|
|
color: #fff;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.inRange
|
|
{
|
|
background: #3c3f72 !important;
|
|
color: #ffffff;
|
|
-webkit-box-shadow: -5px 0 0 #3c3f72, 5px 0 0 #3c3f72 !important;
|
|
box-shadow: -5px 0 0 #3c3f72, 5px 0 0 #3c3f72 !important;
|
|
border: none!important;
|
|
}
|
|
|
|
.flatpickr-day.selected,
|
|
.flatpickr-day.startRange,
|
|
.flatpickr-day.endRange,
|
|
.flatpickr-day.selected.inRange,
|
|
.flatpickr-day.startRange.inRange,
|
|
.flatpickr-day.endRange.inRange,
|
|
.flatpickr-day.selected:focus,
|
|
.flatpickr-day.startRange:focus,
|
|
.flatpickr-day.endRange:focus,
|
|
.flatpickr-day.selected:hover,
|
|
.flatpickr-day.startRange:hover,
|
|
.flatpickr-day.endRange:hover,
|
|
.flatpickr-day.selected.prevMonthDay,
|
|
.flatpickr-day.startRange.prevMonthDay,
|
|
.flatpickr-day.endRange.prevMonthDay,
|
|
.flatpickr-day.selected.nextMonthDay,
|
|
.flatpickr-day.startRange.nextMonthDay,
|
|
.flatpickr-day.endRange.nextMonthDay {
|
|
background: #5e72e4 !important;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
border-color: #5e72e4 !important;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.startRange,
|
|
.flatpickr-calendar .flatpickr-day.endRange
|
|
{
|
|
background: #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
|
|
.flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
|
|
.flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1))
|
|
{
|
|
-webkit-box-shadow: -10px 0 0 #3c3f72;
|
|
box-shadow: -10px 0 0 #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
|
|
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg
|
|
{
|
|
fill: #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-current-month span.cur-month,
|
|
.flatpickr-calendar .flatpickr-current-month input.cur-year
|
|
{
|
|
color: #3c3f72;
|
|
}
|
|
|
|
.flatpickr-calendar .flatpickr-current-month span.cur-month:hover,
|
|
.flatpickr-calendar .flatpickr-current-month input.cur-year:hover
|
|
{
|
|
background: #e5e5e5;
|
|
}
|
|
/*--------Datepicker Color Finish--------*/
|
|
|
|
|
|
/*--------Login Card Background Color--------*/
|
|
.login-card-bg
|
|
{
|
|
background-color:rgba(255, 255, 255, 0.18) !important;
|
|
box-shadow: none;
|
|
}
|
|
/*--------Login Card Background Color Finish--------*/
|
|
|
|
|
|
/*--General Progress Bar Color---*/
|
|
#nprogress .bar
|
|
{
|
|
background: #3f3c72 !important;
|
|
height: 5px !important;
|
|
}
|
|
|
|
#nprogress .spinner-icon
|
|
{
|
|
border-top-color: #3f3c72 !important;
|
|
border-left-color: #3f3c72 !important;
|
|
}
|
|
|
|
#nprogress .peg
|
|
{
|
|
box-shadow: 0 0 10px #3f3c72, 0 0 5px #3f3c72 !important;
|
|
}
|
|
/*--General Progress Bar Color Finish---*/
|
|
|
|
|
|
/*--List Group Item Active---*/
|
|
.list-group-item.active
|
|
{
|
|
z-index: 2;
|
|
color: #ffffff;
|
|
background-color: #3c3f72 !important;
|
|
border-color: #3c3f72 !important;
|
|
}
|
|
/*--List Group Item Active Finish---*/
|
|
|
|
|
|
/*--Wizard Delete Button Text--*/
|
|
.action-delete
|
|
{
|
|
background-color: white;
|
|
border-color: white;
|
|
border: 0;
|
|
}
|
|
/*--Wizard Delete Button Text Finish--*/
|
|
|