/*
font-family: "Roboto", sans-serif;
font-family: 'Open Sans', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/ 
/*Preloader*/
@import url(../scss/icons/font-awesome/css/fontawesome-all.css);
@import url(../scss/icons/simple-line-icons/css/simple-line-icons.css);
@import url(../scss/icons/weather-icons/css/weather-icons.min.css);
@import url(../scss/icons/linea-icons/linea.css);
@import url(../scss/icons/themify-icons/themify-icons.css);
@import url(../scss/icons/flag-icon-css/flag-icon.min.css);
@import url(../scss/icons/material-design-iconic-font/css/materialdesignicons.min.css);
@import url(spinners.css);
@import url(toastr.min.css);
@import url(animate.css);
.preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff; }
.preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); }
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/******************* 
Global Styles 
*******************/
* { outline: none; }
body { background: #F8F9FB; font-family: "Roboto", sans-serif; margin: 0; overflow-x: hidden; color: #2B354A; font-weight: 400; font-size:14px; }
html { position: relative; min-height: 100%; }
a { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
a:hover, a:focus { text-decoration: none; }
a.link { color: #E61D2D; }
a.link:hover, a.link:focus { color: #2B354A; }
.img-responsive { width: 100%; height: auto; display: inline-block; }
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; }
.img-rounded { border-radius: 4px; }
b, strong { font-weight: 700; }
/*******************
Headings
*******************/
h1, h2, h3, h4, h5, h6 { color: #1a1a1a; font-family: "Roboto", sans-serif; font-weight: 700; line-height:1.2 }
h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; font-weight:600; }
h5 { font-size: 16px; font-weight:600; }
h6 { font-size: 15px; font-weight:600; }
.display-5 { font-size: 3rem; }
.display-6 { font-size: 36px; }
.display-7 { font-size: 2rem; }
.box { border-radius: 4px; padding: 10px; }
html body .dl { display: inline-block; }
html body .db { display: block; }
.no-wrap td, .no-wrap th { white-space: nowrap; }
/*******************
Blockquote
*******************/
blockquote { border: 1px solid rgba(120, 130, 140, 0.13); border-left: 5px solid #175592; padding: 15px; }
.clear { clear: both; }
ol li { margin: 5px 0; }
/*******************
Paddings
*******************/
html body .p-0 { padding: 0px; }
html body .p-10 { padding: 10px; }
html body .p-20 { padding: 20px; }
html body body .p-30 { padding: 30px; }
html body .p-l-0 { padding-left: 0px; }
html body .p-l-10 { padding-left: 10px; }
html body .p-l-20 { padding-left: 20px; }
html body .p-r-0 { padding-right: 0px; }
html body .p-r-10 { padding-right: 10px; }
html body .p-r-20 { padding-right: 20px; }
html body .p-r-30 { padding-right: 30px; }
html body .p-r-40 { padding-right: 40px; }
html body .p-t-0 { padding-top: 0px; }
html body .p-t-10 { padding-top: 10px; }
html body .p-t-20 { padding-top: 20px; }
html body .p-t-30 { padding-top: 30px; }
html body .p-b-0 { padding-bottom: 0px; }
html body .p-b-5 { padding-bottom: 5px; }
html body .p-b-10 { padding-bottom: 10px; }
html body .p-b-20 { padding-bottom: 20px; }
html body .p-b-30 { padding-bottom: 30px; }
html body .p-b-40 { padding-bottom: 40px; }
/*******************
Margin
*******************/
html body .m-0 { margin: 0px; }
html body .m-l-5 { margin-left: 5px; }
html body .m-l-10 { margin-left: 10px; }
html body .m-l-15 { margin-left: 15px; }
html body .m-l-20 { margin-left: 20px; }
html body .m-l-30 { margin-left: 30px; }
html body .m-l-40 { margin-left: 40px; }
html body .m-r-5 { margin-right: 5px; }
html body .m-r-10 { margin-right: 10px; }
html body .m-r-15 { margin-right: 15px; }
html body .m-r-20 { margin-right: 20px; }
html body .m-r-30 { margin-right: 30px; }
html body .m-r-40 { margin-right: 40px; }
html body .m-t-0 { margin-top: 0px; }
html body .m-t-5 { margin-top: 5px; }
html body .m-t-10 { margin-top: 10px; }
html body .m-t-15 { margin-top: 15px; }
html body .m-t-20 { margin-top: 20px; }
html body .m-t-30 { margin-top: 30px; }
html body .m-t-40 { margin-top: 40px; }
html body .m-b-0 { margin-bottom: 0px; }
html body .m-b-5 { margin-bottom: 5px; }
html body .m-b-10 { margin-bottom: 10px; }
html body .m-b-15 { margin-bottom: 15px; }
html body .m-b-20 { margin-bottom: 20px; }
html body .m-b-30 { margin-bottom: 30px; }
html body .m-b-40 { margin-bottom: 40px; }
/*******************
vertical alignment
*******************/
html body .vt { vertical-align: top; }
html body .vm { vertical-align: middle; }
html body .vb { vertical-align: bottom; }
/*******************
font weight
*******************/
html body .font-bold { font-weight: 700; }
html body .font-normal { font-weight: normal; }
html body .font-light { font-weight: 300; }
html body .font-medium { font-weight: 400; }
html body .font-16 { font-size: 16px; }
html body .font-14 { font-size: 14px; }
html body .font-18 { font-size: 18px; }
html body .font-20 { font-size: 20px; }
/*******************
Border
*******************/
html body .b-0 { border: none; }
html body .b-r { border-right: 1px solid rgba(120, 130, 140, 0.13); }
html body .b-l { border-left: 1px solid rgba(120, 130, 140, 0.13); }
html body .b-b { border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
html body .b-t { border-top: 1px solid rgba(120, 130, 140, 0.13); }
html body .b-all { border: 1px solid rgba(120, 130, 140, 0.13) !important; }
/*******************
Thumb size
*******************/
.thumb-sm { height: 32px; width: 32px; }
.thumb-md { height: 48px; width: 48px; }
.thumb-lg { height: 88px; width: 88px; }
.hide { display: none; }
.img-circle { border-radius: 100%; }
.radius { border-radius: 4px; }
/*******************
Text Colors
*******************/
html body .text-muted { color: #90a4ae; }
/*******************
Background Colors
*******************/
html body .bg-primary { background-color: #1a1a1a !important; color:#fff !important; }
html body .bg-success { background-color: #55ce63 !important; }
html body .bg-info { background-color: #175592 !important; }
html body .bg-warning { background-color: #F13A3A !important; color:#fff !important; }
html body .bg-danger { background-color: #f62d51 !important; }
html body .bg-megna { background-color: #01c0c8; }
html body .bg-theme { background-color: #175592; }
html body .bg-inverse { background-color: #2f3d4a; }
html body .bg-purple { background-color: #7460ee; }
html body .bg-light-primary { background-color: #f1effd; }
html body .bg-light-success { background-color: #e8fdeb; }
html body .bg-light-info { background-color: #cfecfe; }
html body .bg-light-extra { background-color: #ebf3f5; }
html body .bg-light-warning { background-color: #fff8ec; }
html body .bg-light-danger { background-color: #f9e7eb; }
html body .bg-light-inverse { background-color: #f6f6f6; }
html body .bg-light { background-color: #f2f4f8; }
html body .bg-white { background-color: #ffffff; }
/*******************
Rounds
*******************/
.round { line-height: 45px; color: #ffffff; width: 45px; height: 45px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #175592; }
.round img { border-radius: 100%; }
.round.round-info { background: #175592; }
.round.round-warning { background: #ffbc34; }
.round.round-danger { background: #f62d51; }
.round.round-success { background: #55ce63; }
.round.round-primary { background: #7460ee; }
/*******************
Labels
*******************/
.label { padding: 2px 10px; line-height: 13px; color: #ffffff; font-weight: 400; border-radius: 4px; font-size: 75%; }
.label-rounded { border-radius: 60px; }
.label-custom { background-color: #01c0c8; }
.label-success { background-color: #55ce63; }
.label-info { background-color: #175592; }
.label-warning { background-color: #ffbc34; }
.label-danger { background-color: #f62d51; }
.label-megna { background-color: #01c0c8; }
.label-primary { background-color: #7460ee; }
.label-purple { background-color: #7460ee; }
.label-red { background-color: #fb3a3a; }
.label-inverse { background-color: #2f3d4a; }
.label-default { background-color: #f2f4f8; }
.label-white { background-color: #ffffff; }
.label-light-success { background-color: #e8fdeb; color: #55ce63; }
.label-light-info { background-color: #cfecfe; color: #175592; }
.label-light-warning { background-color: #fff8ec; color: #ffbc34; }
.label-light-danger { background-color: #f9e7eb; color: #f62d51; }
.label-light-megna { background-color: #e0f2f4; color: #01c0c8; }
.label-light-primary { background-color: #f1effd; color: #7460ee; }
.label-light-inverse { background-color: #f6f6f6; color: #2f3d4a; }
/*******************
Pagination
*******************/
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a, .pagination > li > span { color: #263238; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #f2f4f8; }
.pagination-split li { margin-left: 5px; display: inline-block; float: left; }
.pagination-split li:first-child { margin-left: 0; }
.pagination-split li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #175592; border-color: #175592; }
.pager li > a, .pager li > span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #263238; }
/*******************
Table Cell
*******************/
.table-box { display: table; width: 100%; }
.table.no-border tbody td { border: 0px; }
.cell { display: table-cell; vertical-align: middle; }
.table td, .table th { border-color: #f3f1f1; }
.table thead th, .table th { font-weight: 500; }
html body .jqstooltip { width: auto; height: auto; }
.v-middle td, .v-middle th { vertical-align: middle; }
.table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
/*******************
Wave Effects
*******************/
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; }
.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); }
.waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); }
.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); }
.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }
html body .waves-notransition { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; }
.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }
.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
.waves-block { display: block; }
/*Badge*/
.badge { font-weight: 400; }
.badge-xs { font-size: 9px; }
.badge-xs, .badge-sm { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); }
.badge-success { background-color: #55ce63; }
.badge-info { background-color: #175592; }
.badge-primary { background-color: #7460ee; }
.badge-warning { background-color: #ffbc34; color: #ffffff; }
.badge-danger { background-color: #f62d51; }
.badge-purple { background-color: #7460ee; }
.badge-red { background-color: #fb3a3a; }
.badge-inverse { background-color: #2f3d4a; }
/*Text Color*/
.text-white { color: #ffffff; }
.text-danger { color: #f62d51 !important; }
.text-muted { color: #90a4ae !important; }
.text-warning { color: #ffbc34 !important; }
.text-success { color: #55ce63 !important; }
.text-info { color: #175592 !important; }
.text-inverse { color: #2f3d4a !important; }
.text-blue { color: #02bec9; }
.text-purple { color: #7460ee; }
.text-primary { color: #7460ee !important; }
.text-megna { color: #01c0c8; }
.text-dark { color: #54667a; }
.text-themecolor { color: #175592; }
/*******************
Buttons
******************/
.btn { padding: 7px 12px; font-size: 14px; cursor: pointer; }
.btn-group label { color: #ffffff !important; margin-bottom: 0px; }
.btn-group label.btn-secondary { color: #54667a !important; }
.btn-lg {
 padding: .75rem 1.5rem; font-size: 1.25rem; }
.btn-circle { border-radius: 100%; width: 40px; height: 40px; padding: 10px; }
.btn-circle.btn-sm { width: 35px; height: 35px; padding: 8px 10px; font-size: 14px; }
.btn-circle.btn-lg { width: 50px; height: 50px; padding: 14px 15px; font-size: 18px; }
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 14px 15px; font-size: 24px; }
.btn-sm {
 padding: .25rem .5rem; font-size: 12px; }
.btn-xs {
 padding: .25rem .5rem; font-size: 10px; }
.button-list button, .button-list a { margin: 5px 12px 5px 0; }
.btn-outline { color: inherit; background-color: transparent; transition: all .5s;
}
.btn-rounded { border-radius: 60px; padding: 7px 18px; }
.btn-rounded.btn-lg { padding: .75rem 1.5rem;
}
.btn-rounded.btn-sm {
 padding: .25rem .5rem; font-size: 12px; }
.btn-rounded.btn-xs {
 padding: .25rem .5rem; font-size: 10px; }
.btn-custom, .btn-custom.disabled { background: #175592; border: 1px solid #175592; color: #ffffff; }
.btn-custom:hover, .btn-custom.disabled:hover { background: #175592; opacity: 0.8; color: #ffffff; border: 1px solid #175592; }
.btn-secondary, .btn-secondary.disabled { background: #868e96 !important; border: 1px solid #868e96; color: #ffffff !important; }
.btn-secondary:hover, .btn-secondary.disabled:hover { background: #868e96; border: 1px solid #868e96; }
.btn-secondary.active, .btn-secondary:focus, .btn-secondary.disabled.active, .btn-secondary.disabled:focus { background: #868e96; }
.btn-primary, .btn-primary.disabled { background: #7460ee; border: 1px solid #7460ee; }
.btn-primary:hover, .btn-primary.disabled:hover { background: #7460ee; border: 1px solid #7460ee; }
.btn-primary.active, .btn-primary:focus, .btn-primary.disabled.active, .btn-primary.disabled:focus { background: #6352ce; }
.btn-themecolor, .btn-themecolor.disabled { background: #175592; color: #ffffff; border: 1px solid #175592; }
.btn-themecolor:hover, .btn-themecolor.disabled:hover { background: #175592; border: 1px solid #175592; }
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus { background: #028ee1; }
.btn-success, .btn-success.disabled { background: #55ce63; border: 1px solid #55ce63; }
.btn-success:hover, .btn-success.disabled:hover { background: #55ce63; border: 1px solid #55ce63; }
.btn-success.active, .btn-success:focus, .btn-success.disabled.active, .btn-success.disabled:focus { background: #4ab657; }
.btn-info, .btn-info.disabled { background: #175592; border: 1px solid #175592; }
.btn-info:hover, .btn-info.disabled:hover { background: #175592; border: 1px solid #175592; }
.btn-info.active, .btn-info:focus, .btn-info.disabled.active, .btn-info.disabled:focus { background: #028ee1; }
.btn-warning, .btn-warning.disabled { background: #ffbc34; border: 1px solid #ffbc34; color: #ffffff; }
.btn-warning:hover, .btn-warning.disabled:hover { background: #ffbc34; color: #ffffff; border: 1px solid #ffbc34; }
.btn-warning.active, .btn-warning:focus, .btn-warning.disabled.active, .btn-warning.disabled:focus { background: #e9ab2e; }
.btn-danger, .btn-danger.disabled { background: #f62d51; border: 1px solid #f62d51; }
.btn-danger:hover, .btn-danger.disabled:hover { background: #f62d51; border: 1px solid #f62d51; }
.btn-danger.active, .btn-danger:focus, .btn-danger.disabled.active, .btn-danger.disabled:focus { background: #175592; }
.btn-inverse, .btn-inverse.disabled { background: #2f3d4a; border: 1px solid #2f3d4a; color: #ffffff; }
.btn-inverse:hover, .btn-inverse.disabled:hover { background: #2f3d4a; color: #ffffff; border: 1px solid #2f3d4a; }
.btn-inverse.active, .btn-inverse:focus, .btn-inverse.disabled.active, .btn-inverse.disabled:focus { background: #232a37; color: #ffffff; }
.btn-red, .btn-red.disabled { background: #fb3a3a; border: 1px solid #fb3a3a; color: #ffffff; }
.btn-red:hover, .btn-red.disabled:hover { border: 1px solid #fb3a3a; background: #fb3a3a; }
.btn-red.active, .btn-red:focus, .btn-red.disabled.active, .btn-red.disabled:focus { background: #175592; }
.btn-outline-default { background-color: #ffffff; }
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default.focus { background: #f2f4f8; }
.btn-outline-primary { color: #7460ee; background-color: #ffffff; border-color: #7460ee; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { background: #7460ee; color: #ffffff; border-color: #7460ee; }
.btn-outline-success { color: #55ce63; background-color: transparent; border-color: #55ce63; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus { background: #55ce63; border-color: #55ce63; color: #ffffff; }
.btn-outline-info { color: #175592; background-color: transparent; border-color: #175592; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus { background: #175592; border-color: #175592; color: #ffffff; }
.btn-outline-warning { color: #ffbc34; background-color: transparent; border-color: #ffbc34; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus { background: #ffbc34; border-color: #ffbc34; color: #ffffff; }
.btn-outline-danger { color: #f62d51; background-color: transparent; border-color: #f62d51; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus { background: #f62d51; border-color: #f62d51; color: #ffffff; }
.btn-outline-red { color: #fb3a3a; background-color: transparent; border-color: #fb3a3a; }
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus { background: #fb3a3a; border-color: #fb3a3a; color: #ffffff; }
.btn-outline-inverse { color: #2f3d4a; background-color: transparent; border-color: #2f3d4a; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus { background: #2f3d4a; border-color: #2f3d4a; color: #ffffff; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: #6352ce; border: 1px solid #6352ce; }
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success.focus, .btn-success:focus { background-color: #4ab657; border: 1px solid #4ab657; }
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus { background-color: #028ee1; border: 1px solid #028ee1; }
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover, .btn-warning.focus, .btn-warning:focus { background-color: #e9ab2e; border: 1px solid #e9ab2e; }
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { background-color: #175592; border: 1px solid #175592; }
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse { background-color: #232a37; border: 1px solid #232a37; }
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open > .dropdown-toggle.btn-red { background-color: #d61f1f; border: 1px solid #d61f1f; color: #ffffff; }
.button-box .btn { margin: 0 8px 8px 0px; }
.btn-label { background: rgba(0, 0, 0, 0.05); display: inline-block; margin: -6px 12px -6px -14px; padding: 7px 15px; }
.btn-facebook { color: #ffffff; background-color: #3b5998; }
.btn-twitter { color: #ffffff; background-color: #55acee; }
.btn-linkedin { color: #ffffff; background-color: #007bb6; }
.btn-dribbble { color: #ffffff; background-color: #ea4c89; }
.btn-googleplus { color: #ffffff; background-color: #dd4b39; }
.btn-instagram { color: #ffffff; background-color: #3f729b; }
.btn-pinterest { color: #ffffff; background-color: #cb2027; }
.btn-dropbox { color: #ffffff; background-color: #007ee5; }
.btn-flickr { color: #ffffff; background-color: #ff0084; }
.btn-tumblr { color: #ffffff; background-color: #32506d; }
.btn-skype { color: #ffffff; background-color: #00aff0; }
.btn-youtube { color: #ffffff; background-color: #bb0000; }
.btn-github { color: #ffffff; background-color: #171515; }
/*******************
Notify
*******************/
.notify { position: relative; top: -25px; right: -7px; }
.notify .heartbit { position: absolute; top: -20px; right: -4px; height: 25px; width: 25px; z-index: 10; border: 5px solid #f62d51; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #f62d51; position: absolute; right: 6px; top: -10px; }
 @-moz-keyframes heartbit { 0% {
 -moz-transform: scale(0);
 opacity: 0.0;
}
 25% {
 -moz-transform: scale(0.1);
 opacity: 0.1;
}
 50% {
 -moz-transform: scale(0.5);
 opacity: 0.3;
}
 75% {
 -moz-transform: scale(0.8);
 opacity: 0.5;
}
 100% {
 -moz-transform: scale(1);
 opacity: 0.0;
}
}
 @-webkit-keyframes heartbit { 0% {
 -webkit-transform: scale(0);
 opacity: 0.0;
}
 25% {
 -webkit-transform: scale(0.1);
 opacity: 0.1;
}
 50% {
 -webkit-transform: scale(0.5);
 opacity: 0.3;
}
 75% {
 -webkit-transform: scale(0.8);
 opacity: 0.5;
}
 100% {
 -webkit-transform: scale(1);
 opacity: 0.0;
}
}
.d-flex { display:-webkit-box; display:-ms-flexbox; display:flex }
.d-wrap { -ms-flex-wrap:wrap; flex-wrap:wrap }
.align-items-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.justify-content-between { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.justify-content-end { -webkit-box-pack:flex-end; -ms-flex-pack:flex-end; justify-content:flex-end }
.justify-content-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.align-items-end { align-items:end }
.mr-8 { margin-right:8px; }
/*******************
Checkbox
*******************/
.checkbox { padding-left: 20px; }
.checkbox label { display: block; padding-left: 5px; position: relative; padding-top: 2px; }
.checkbox label:before { -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; background-color: #ffffff; border-radius: 1px; border: 1px solid #BFBFBF; content: ""; display: inline-block; height: 17px; left: 0; top: 3px; margin-left: -20px; position: absolute; transition: 0.3s ease-in-out; width: 17px; outline: none; }
 .checkbox label::after {
 color: #263238;
 display: inline-block;
 font-size: 11px;
 height: 16px;
 left: 0;
 margin-left: -20px;
 padding-left: 3px;
 padding-top: 1px;
 position: absolute;
 top: 3px;
 width: 16px;
}
.checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; z-index: 1; position: absolute; left: 0px; outline: none; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
 .checkbox input[type="checkbox"]:focus + label::before {
 outline-offset: -2px;
 outline: none;
}
 .checkbox input[type="checkbox"]:checked + label::after {
 content: "\f00c";
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
}
 .checkbox input[type="checkbox"]:disabled + label::before {
 background-color: #f2f4f8;
 cursor: not-allowed;
}
 .checkbox.checkbox-circle label::before {
 border-radius: 50%;
}
.checkbox.checkbox-inline { margin-top: 0; }
.checkbox.checkbox-single label { height: 17px; }
 .checkbox-primary input[type="checkbox"]:checked + label::before {
 background-color: #7460ee;
 border-color: #7460ee;
}
 .checkbox-primary input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-danger input[type="checkbox"]:checked + label::before {
 background-color: #f62d51;
 border-color: #f62d51;
}
 .checkbox-danger input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-info input[type="checkbox"]:checked + label::before {
 background-color: #175592;
 border-color: #175592;
}
 .checkbox-info input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-warning input[type="checkbox"]:checked + label::before {
 background-color: #E61D2D;
 border-color: #E61D2D;
}
 .checkbox-warning input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-success input[type="checkbox"]:checked + label::before {
 background-color: #55ce63;
 border-color: #55ce63;
}
 .checkbox-success input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-purple input[type="checkbox"]:checked + label::before {
 background-color: #7460ee;
 border-color: #7460ee;
}
 .checkbox-purple input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-red input[type="checkbox"]:checked + label::before {
 background-color: #f62d51;
 border-color: #f62d51;
}
 .checkbox-red input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
 .checkbox-inverse input[type="checkbox"]:checked + label::before {
 background-color: #2f3d4a;
 border-color: #2f3d4a;
}
 .checkbox-inverse input[type="checkbox"]:checked + label::after {
 color: #ffffff;
}
/*******************
File Upload 
******************/
.fileupload { overflow: hidden; position: relative; }
.fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; }
/*******************
Megamenu
******************/
.mega-dropdown { position: static; width: 100%; }
.mega-dropdown .dropdown-menu { width: 100%; padding: 30px; margin-top: 0px; background: url(../../assets/images/background/megamenubg.jpg) no-repeat right bottom #fff; }
.mega-dropdown ul { padding: 0px; }
.mega-dropdown ul li { list-style: none; }
.mega-dropdown .carousel-item .container { padding: 0px; }
.mega-dropdown .nav-accordion .card { margin-bottom: 1px; }
.mega-dropdown .nav-accordion .card-header { background: #ffffff; }
.mega-dropdown .nav-accordion .card-header h5 { margin: 0px; }
.mega-dropdown .nav-accordion .card-header h5 a { text-decoration: none; color: #54667a; }
/*******************
List-style-none
******************/
ul.list-style-none { margin: 0px; padding: 0px; }
ul.list-style-none li { list-style: none; }
ul.list-style-none li a { color: #54667a; padding: 8px 0px; display: block; text-decoration: none; }
ul.list-style-none li a:hover { color: #175592; }
/*******************
dropdown-item
******************/
.dropdown-item { padding: 8px 1rem; color: #54667a; }
/*******************
Custom-select
******************/
.custom-select { background: url(../../assets/images/custom-select.png) right 0.75rem center no-repeat; }
/*******************
textarea
******************/
textarea { resize: none; }
/*******************
Form-control
******************/
.form-control { color: #54667a; display: initial; }
.form-control-sm { min-height: 20px; }
.form-control:disabled, .form-control[readonly] { opacity: 0.7; }
 .custom-control-input:focus ~ .custom-control-indicator {
 box-shadow: none;
}
 .custom-control-input:checked ~ .custom-control-indicator {
 background-color: #55ce63;
}
form label { font-weight: 400; }
.form-group { margin-bottom: 25px; }
.form-group.mb-0 { margin-bottom: 0 !important; }
.form-horizontal label { margin-bottom: 0px; }
.form-control-static { padding-top: 0px; }
.form-bordered .form-group { border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding-bottom: 20px; }
/*******************
Layouts
******************/
/*Card-noborders*/
.card-no-border .card { border: 0px; }
.card-no-border .sidebar-footer { background: #F8F9FB; }
.card-no-border .page-wrapper { background: #F8F9FB; }
.card-no-border .left-sidebar, .card-no-border .sidebar-nav { background: #fff; }
.card-no-border .sidebar-nav > ul > li > a.active { background: #F6F6F6; border: 0; border-radius: 8px; }
.card-no-border .shadow-none { box-shadow: none; }
.card-outline-danger, .card-outline-info, .card-outline-warning, .card-outline-success, .card-outline-primary { background: #ffffff; }
.card-no-border .card-group .card { border: 1px solid rgba(120, 130, 140, 0.13); }
.card-header { background-color: #dae6e8; }
/*******************/
/*widgets -app*/
/*******************/
.css-bar:after { z-index: 1; }
.css-bar > i { z-index: 10; }
/*******************/
/*single column*/
/*******************/
.single-column .left-sidebar { display: none; }
.single-column .page-wrapper { margin-left: 0px; }
/*******************/
/*Documentation*/
/*******************/
.fix-width { width: 100%; max-width: 1170px; margin: 0 auto; }
ul.common li { display: inline-block; line-height: 40px; list-style: outside none none; width: 48%; }
/***********************
 12/02/2018 (New Update)
***********************/
.progress { height: auto; }
.card-group { margin-bottom: 30px; }
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 For all pages 
 ============================================================== */
#main-wrapper { width: 100%; }
.boxed #main-wrapper { width: 100%; max-width: 1300px; margin: 0 auto; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); }
.boxed #main-wrapper .sidebar-footer { position: absolute; }
.boxed #main-wrapper .footer { display: none; }
.page-wrapper { background: #fff; padding-bottom: 60px; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.container-fluid { padding: 25px; }
/*******************
 Topbar
*******************/
.topbar { position: relative; z-index: 50; }
.topbar .top-navbar { min-height: 84px; padding: 0px 15px 0 0; background: #ffffff !important; box-shadow: 0 3px 60px #00000008; }
 .topbar .top-navbar .dropdown-toggle::after {
 display: none;
}
.topbar .top-navbar .navbar-header { line-height: 65px; text-align: center; }
.topbar .top-navbar .navbar-header .navbar-brand { margin-right: 0px; padding-bottom: 0px; padding-top: 0px; }
.topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: none; }
.topbar .top-navbar .navbar-header .navbar-brand b { line-height: 70px; display: inline-block; }
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
 padding-left: .75rem;
 padding-right: .75rem; font-size: 17px; line-height: 50px; }
/*.topbar .top-navbar .navbar-nav > .nav-item.show { background: rgba(0, 0, 0, 0.05); }*/
.topbar .top-navbar .app-search { position: relative; margin-top: 13px; margin-right: 10px; display: inline-block; }
.topbar .top-navbar .app-search input { width: 200px; border-radius: 100px; font-size: 14px; transition: 0.5s ease-in; }
.topbar .top-navbar .app-search input:focus { width: 240px; }
.topbar .top-navbar .app-search .srh-btn { position: absolute; top: 8px; cursor: pointer; background: #ffffff; width: 15px; height: 15px; right: 10px; font-size: 14px; }
.topbar .profile-pic { width: 35px; border-radius: 100%; }
.topbar .dropdown-menu { box-shadow: 0px 20px 60px #A5B2C44D; border-color: rgba(120, 130, 140, 0.13); border-radius: 10px; min-width: 280px; }
.topbar .dropdown-menu .dropdown-item { padding: 7px 1.5rem; }
.topbar ul.dropdown-user { padding: 0px; width: 270px; }
.topbar ul.dropdown-user li { list-style: none; padding: 0px; margin: 0px; }
.topbar ul.dropdown-user li.divider { height: 1px; margin: 0; overflow: hidden; background-color: rgba(120, 130, 140, 0.13); }
.topbar ul.dropdown-user li .dw-user-box { padding: 10px 15px; }
.topbar ul.dropdown-user li .dw-user-box .u-img { width: 80px; display: inline-block; vertical-align: top; }
.topbar ul.dropdown-user li .dw-user-box .u-img img { width: 100%; border-radius: 5px; }
.topbar ul.dropdown-user li .dw-user-box .u-text { display: inline-block; padding-left: 10px; width:155px; }
.topbar ul.dropdown-user li .dw-user-box .u-text h4 { margin: 0px; font-size: 14px; }
.topbar ul.dropdown-user li .dw-user-box .u-text p { margin-bottom: 2px; font-size: 14px; }
.topbar ul.dropdown-user li .dw-user-box .u-text .btn { color: #ffffff; padding: 5px 10px; display: inline-block; }
.topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover { background: #175592; }
.topbar ul.dropdown-user li a { padding: 9px 15px; display: block; color: #000; font-size: 14px; }
.topbar ul.dropdown-user li a:hover { background: #f2f4f8; color: #3F72A5; text-decoration: none; }
.mini-sidebar .top-navbar .navbar-header { /*width: 60px;
  text-align: center;*/ }
.topbar .icon-arrow-left-circle:before { content: "\e68e"; font-family: 'themify'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color:#1a1a1a; }
.mini-sidebar .icon-arrow-left-circle:before { content: "\e646"; color: #6D7D93; }
.logo-center .top-navbar .navbar-header { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
/*******************
 Breadcrumb and page title
*******************/
.page-titles .breadcrumb { padding: 0px; background: transparent; }
 .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
 content: "\e649";
 font-family: themify;
 color: #E61D2D;
 font-size: 14px;
}

/*******************
 Right side toggle
*******************/
@-webkit-keyframes rotate { from {
 -webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); }
}
 @-moz-keyframes rotate { from {
 -moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(360deg); }
}
 @keyframes rotate { from {
 transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
.right-side-toggle { position: relative; }
.right-side-toggle i { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; transition-property: transform; transition-duration: 1s; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; top: 9px; left: 10px; }
.right-sidebar { position: fixed; right: -240px; width: 240px; display: none; z-index: 1100; background: #ffffff; top: 0px; padding-bottom: 20px; height: 100%; box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
.right-sidebar .rpanel-title { display: block; padding: 24px 20px; color: #ffffff; text-transform: uppercase; font-size: 15px; background: #175592; }
.right-sidebar .rpanel-title span { float: right; cursor: pointer; font-size: 11px; }
.right-sidebar .rpanel-title span:hover { color: #ffffff; }
.right-sidebar .r-panel-body { padding: 20px; }
.right-sidebar .r-panel-body ul { margin: 0px; padding: 0px; }
.right-sidebar .r-panel-body ul li { list-style: none; padding: 5px 0; }
.shw-rside { right: 0px; width: 240px; display: block; }
.chatonline img { margin-right: 10px; float: left; width: 30px; }
.chatonline li a { padding: 13px 0; float: left; width: 100%; }
.chatonline li a span { color: #54667a; }
.chatonline li a span small { display: block; font-size: 10px; }
/*******************
 Right side toggle
*******************/
ul#themecolors { display: block; }
ul#themecolors li { display: inline-block; }
ul#themecolors li:first-child { display: block; }
ul#themecolors li a { width: 50px; height: 50px; display: inline-block; margin: 5px; color: transparent; position: relative; }
ul#themecolors li a.working:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; line-height: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 0; color: #ffffff; text-align: center; }
.default-theme { background: #90a4ae; }
.green-theme { background: #55ce63; }
.yellow-theme { background: #ffbc34; }
.red-theme { background: #f62d51; }
.blue-theme { background: #175592; }
.purple-theme { background: #7460ee; }
.megna-theme { background: #01c0c8; }
.default-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae 99%); }
.green-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #55ce63 23%, #55ce63 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #00c292 23%, #55ce63 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #55ce63 23%, #55ce63 99%); }
.yellow-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); }
.blue-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #175592 23%, #175592 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #175592 23%, #175592 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #175592 23%, #175592 99%); }
.purple-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee 99%); }
.megna-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8 99%); }
.red-dark-theme { background: #263238; /* Old browsers */ background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #263238 0%, #263238 23%, #f62d51 23%, #f62d51 99%); }
/*******************
 page title
*******************/
.page-titles { padding-bottom: 20px; }
/*******************
 Footer
*******************/
.footer { bottom: 0; color: #6D7D93; left: 0px; padding: 15px; position: absolute; right: 0; background: #f7f8fa; font-size:13px; font-weight:400; text-align:center; letter-spacing: 0.26px; }
/*******************
 Card title
*******************/
.card { margin-bottom: 30px; }
.card .card-subtitle { font-weight: 300; margin-bottom: 15px; color: #90a4ae; }
.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text { color: rgba(255, 255, 255, 0.65); }
.card-success { background: #55ce63; border-color: #55ce63; }
.card-danger { background: #f62d51; border-color: #f62d51; }
.card-warning { background: #ffbc34; border-color: #ffbc34; }
.card-info { background: #175592; border-color: #175592; }
.card-primary { background: #7460ee; border-color: #7460ee; }
.card-dark { background: #2f3d4a; border-color: #2f3d4a; }
.card-megna { background: #01c0c8; border-color: #01c0c8; }
/*============================================================== 
 Buttons page
 ============================================================== */
.button-group .btn { margin-bottom: 5px; margin-right: 5px; }
.no-button-group .btn { margin-bottom: 5px; margin-right: 0px; }
.btn .text-active { display: none; }
.btn.active .text-active { display: inline-block; }
.btn.active .text { display: none; }
/*============================================================== 
 Cards page
 ============================================================== */
.card-actions { float: right; }
.card-actions a { cursor: pointer; color: #54667a; opacity: 0.7; padding-left: 7px; font-size: 13px; }
.card-actions a:hover { opacity: 1; }
.card-columns .card { margin-bottom: 20px; }
.collapsing { -webkit-transition: height .08s ease;
 transition: height .08s ease;
}
.card-info { background: #175592; border-color: #175592; }
.card-primary { background: #7460ee; border-color: #7460ee; }
.card-outline-info { border-color: #175592; }
.card-outline-info .card-header { background: #175592; border-color: #175592; }
.card-outline-inverse { border-color: #2f3d4a; }
.card-outline-inverse .card-header { background: #2f3d4a; border-color: #2f3d4a; }
.card-outline-warning { border-color: #ffbc34; }
.card-outline-warning .card-header { background: #ffbc34; border-color: #ffbc34; }
.card-outline-success { border-color: #55ce63; }
.card-outline-success .card-header { background: #55ce63; border-color: #55ce63; }
.card-outline-danger { border-color: #f62d51; }
.card-outline-danger .card-header { background: #f62d51; border-color: #f62d51; }
.card-outline-primary { border-color: #7460ee; }
.card-outline-primary .card-header { background: #7460ee; border-color: #7460ee; }
/*============================================================== 
Breadcrumb
 ============================================================== */
.bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a { color: #ffffff; }
.bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active { opacity: 0.7; }
 .bc-colored .breadcrumb-item + .breadcrumb-item::before {
 color: rgba(255, 255, 255, 0.4);
}
.breadcrumb { margin-bottom: 0px; }
/*============================================================== 
 Ui-bootstrap
 ============================================================== */
ul.list-icons { margin: 0px; padding: 0px; }
ul.list-icons li { list-style: none; line-height: 30px; margin: 5px 0; transition: 0.2s ease-in; }
ul.list-icons li a { color: #54667a; }
ul.list-icons li a:hover { color: #175592; }
ul.list-icons li i { font-size: 13px; padding-right: 8px; }
ul.list-inline li { display: inline-block; padding: 0 8px; }
ul.two-part { margin: 0px; }
ul.two-part li { width: 48.8%; }
/*Accordion*/
html body .accordion .card { margin-bottom: 0px; }
/*============================================================== 
 flot chart
 ============================================================== */
.flot-chart { display: block; height: 400px; }
.flot-chart-content { width: 100%; height: 100%; }
html body .jqstooltip, html body .flotTip { width: auto !important; height: auto !important; background: #263238; color: #ffffff; padding: 5px 10px; }
/*============================================================== 
Easy pie chart 
 ============================================================== */
.chart { position: relative; display: inline-block; width: 100px; height: 100px; margin-top: 20px; margin-bottom: 20px; text-align: center; }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart.chart-widget-pie { margin-top: 5px; margin-bottom: 5px; }
.pie-chart > span { left: 0; margin-top: -2px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); }
.chart > span > img { left: 0; margin-top: -2px; position: absolute; right: 0; text-align: center; top: 50%; width: 60%; height: 60%; transform: translateY(-50%); margin: 0 auto; }
.percent { display: inline-block; line-height: 100px; z-index: 2; font-weight: 600; font-size: 18px; color: #263238; }
.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; }
/*============================================================== 
Dashboard1 chart
 ============================================================== */
.total-revenue, .income-year, .total-revenue2 { position: relative; }
.total-revenue .chartist-tooltip, .income-year .chartist-tooltip, .total-revenue2 .chartist-tooltip { border-radius: 60px; }
.total-revenue .ct-series-a .ct-line, .income-year .ct-series-a .ct-line, .total-revenue2 .ct-series-a .ct-line { stroke: #175592; stroke-width: 2px; }
.total-revenue .ct-series-a .ct-point, .income-year .ct-series-a .ct-point, .total-revenue2 .ct-series-a .ct-point { stroke: #175592; stroke-width: 7px; }
.total-revenue .ct-series-b .ct-line, .income-year .ct-series-b .ct-line, .total-revenue2 .ct-series-b .ct-line { stroke: #55ce63; stroke-width: 2px; }
.total-revenue .ct-series-b .ct-point, .income-year .ct-series-b .ct-point, .total-revenue2 .ct-series-b .ct-point { stroke: #55ce63; stroke-width: 7px; }
.total-revenue .ct-series-a .ct-area, .total-revenue .ct-series-b .ct-area, .income-year .ct-series-a .ct-area, .income-year .ct-series-b .ct-area, .total-revenue2 .ct-series-a .ct-area, .total-revenue2 .ct-series-b .ct-area { fill: transparent; }
.income-year .ct-series-a .ct-bar { stroke: #175592; }
.income-year .ct-series-b .ct-bar { stroke: #55ce63; }
#sales-donute { position: relative; }
#sales-donute path, #sales-donute fill { stroke-width: 0px; }
.round-overlap { width: 150px; border: 2px solid rgba(120, 130, 140, 0.13); height: 150px; position: absolute; border-radius: 100%; font-size: 35px; text-align: center; margin: 0 auto; left: 0px; right: 0px; top: 25%; }
.round-overlap i { line-height: 150px; }
.stylish-table thead th { font-weight: 400; color: #90a4ae; border: 0px; border-bottom: 1px; }
.stylish-table tbody tr { border-left: 4px solid #ffffff; }
.stylish-table tbody tr:hover, .stylish-table tbody tr.active { border-left: 4px solid #175592; }
.stylish-table tbody td { vertical-align: middle; }
.stylish-table tbody td h6 { font-weight: 500; margin-bottom: 0px; white-space: nowrap; }
.stylish-table tbody td small { line-height: 12px; white-space: nowrap; }
/*============================================================== 
Dashboard2 chart
 ============================================================== */
.total-revenue2 .ct-series-a .ct-area { fill: #e8fdeb; }
.total-revenue2 .ct-series-b .ct-area { fill: #e8fdeb; }
/*============================================================== 
Dashboard3 chart
 ============================================================== */
.total-sales { position: relative; }
.total-sales .chartist-tooltip { background: #55ce63; }
.total-sales .ct-series-a .ct-bar { stroke: #0f8edd; }
.total-sales .ct-series-b .ct-bar { stroke: #11a0f8; }
.total-sales .ct-series-c .ct-bar { stroke: #51bdff; }
.ct-chart { position: relative; }
.ct-chart .ct-series-a .ct-slice-donut { stroke: #55ce63; }
.ct-chart .ct-series-b .ct-slice-donut { stroke: #f2f4f8; }
.ct-chart .ct-series-c .ct-slice-donut { stroke: #175592; }
#visitfromworld path.jvectormap-region.jvectormap-element { stroke-width: 1px; stroke: #90a4ae; }
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { background: #90a4ae; }
.browser td { vertical-align: middle; padding-left: 0px; }
#calendar .fc-today-button { display: none; }
/*============================================================== 
Dashboard4 chart
 ============================================================== */
.total-revenue4 { position: relative; }
.total-revenue4 .ct-series-a .ct-line { stroke: #175592; stroke-width: 1px; }
.total-revenue4 .ct-series-a .ct-point { stroke: #175592; stroke-width: 5px; }
.total-revenue4 .ct-series-b .ct-line { stroke: #55ce63; stroke-width: 1px; }
.total-revenue4 .ct-series-b .ct-point { stroke: #55ce63; stroke-width: 5px; }
.total-revenue4 .ct-series-a .ct-area { fill: #175592; fill-opacity: 0.2; }
.total-revenue4 .ct-series-b .ct-area { fill: #55ce63; fill-opacity: 0.2; }
/*============================================================== 
Widget-data
 ============================================================== */
.sparkchart { margin-bottom: -2px; }
/*============================================================== 
File upload
 ============================================================== */
.btn-file { overflow: hidden; position: relative; vertical-align: middle; }
.btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; border-radius: 0px; }
.fileinput .input-group-addon { border-right: 1px solid rgba(120, 130, 140, 0.13); }
.fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; }
.fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; }
.fileinput .thumbnail > img { max-height: 100%; }
.fileinput .btn { vertical-align: middle; }
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; }
.fileinput-inline .fileinput-controls { display: inline; }
.fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden; }
.form-control .fileinput-filename { vertical-align: bottom; }
.fileinput.input-group > * { position: relative; z-index: 2; }
.fileinput.input-group > .btn-file { z-index: 1; }
/*============================================================== 
widget-chart-page product review
 ============================================================== */
.product-review { margin: 0px; padding: 25px; }
.product-review li { display: block; padding: 20px 0; list-style: none; }
.product-review li .font, .product-review li span { display: inline-block; margin-left: 10px; }
.social-profile { text-align: center; background: rgba(7, 10, 43, 0.8); }
.profile-tab li a.nav-link, .customtab li a.nav-link { border: 0px; padding: 15px 20px; color: #54667a; }
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid #175592; color: #175592; }
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: #175592; }

/*============================================================== 
Form addons page
============================================================== */
/*Bootstrap select*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
 width: 100%;
}
.bootstrap-select .dropdown-menu li a { display: block; padding: 7px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #54667a; white-space: nowrap; }
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus { color: #175592; background: #f2f4f8; }
.bootstrap-select .show > .dropdown-menu { display: block; }
.bootstrap-select .btn-secondary { background-color: #ffffff; }
.bootstrap-select .btn-secondary:hover { color: #54667a; }
.select2-container--default .select2-selection--single { border-color: #d9d9d9; height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; }
.input-form .btn { padding: 10px 12px; }
/*============================================================== 
Form Material page
 ============================================================== */
/*Material inputs*/
.form-material .form-group { overflow: hidden; }
.form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(100% - 1px); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; transition: background 0s ease-out 0s; height: calc(2.25rem + 2px); }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#175592, #175592), linear-gradient(#d9d9d9, #d9d9d9); border: 0 none; border-radius: 0; box-shadow: none; float: none; }
.form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 2px, 100% 1px; outline: 0 none; transition-duration: 0.3s; }
.form-control-line .form-group { overflow: hidden; }
.form-control-line .form-control { border: 0px; border-radius: 0px; padding-left: 0px; border-bottom: 1px solid #d9d9d9; }
.form-control-line .form-control:focus { border-bottom: 1px solid #175592; }
/*******************/
/*Floating Label*/
/*******************/
.floating-labels .form-group { position: relative; }
.floating-labels .form-control { padding: 10px 10px 10px 0; display: block; border: none; font-family: "Roboto", sans-serif; border-radius: 0px; border-bottom: 1px solid #d9d9d9; }
.floating-labels .form-control:focus { box-shadow: none; }
.floating-labels select.form-control > option { font-size: 14px; }
.floating-labels .has-error .form-control { border-bottom: 1px solid #f62d51; }
.floating-labels .has-warning .form-control { border-bottom: 1px solid #ffbc34; }
.floating-labels .has-success .form-control { border-bottom: 1px solid #55ce63; }
.floating-labels .form-control:focus { outline: none; border: none; }
.floating-labels label { color: #54667a; position: absolute; cursor: auto; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
 .floating-labels .form-control:focus ~ label, .floating-labels .form-control:valid ~ label {
 top: -20px;
 font-size: 12px;
 color: #263238;
}
.floating-labels .bar { position: relative; display: block; }
.floating-labels .bar:before, .floating-labels .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #175592; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.floating-labels .bar:before { left: 50%; }
.floating-labels .bar:after { right: 50%; }
 .floating-labels .form-control:focus ~ .bar:before, .floating-labels .form-control:focus ~ .bar:after {
 width: 50%;
}
.floating-labels .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }
 .floating-labels .input-lg ~ label, .floating-labels .input-lg {
 font-size: 24px;
}
 .floating-labels .input-sm ~ label, .floating-labels .input-sm {
 font-size: 16px;
}
.has-warning .bar:before, .has-warning .bar:after { background: #ffbc34; }
.has-success .bar:before, .has-success .bar:after { background: #55ce63; }
.has-error .bar:before, .has-error .bar:after { background: #f62d51; }
 .has-warning .form-control:focus ~ label, .has-warning .form-control:valid ~ label {
 color: #ffbc34;
}
 .has-success .form-control:focus ~ label, .has-success .form-control:valid ~ label {
 color: #55ce63;
}
 .has-error .form-control:focus ~ label, .has-error .form-control:valid ~ label {
 color: #f62d51;
}
 .has-feedback label ~ .t-0 {
 top: 0;
}
.form-group.error input, .form-group.error select, .form-group.error textarea { border: 1px solid #f62d51; }
.form-group.validate input, .form-group.validate select, .form-group.validate textarea { border: 1px solid #55ce63; }
.form-group.error .help-block ul { padding: 0px; color: #f62d51; }
.form-group.error .help-block ul li { list-style: none; }
.form-group.issue .help-block ul { padding: 0px; color: #ffbc34; }
.form-group.issue .help-block ul li { list-style: none; }
/*******************
Pagination
******************/
.pagination-circle li.active a { background: #55ce63; }
.pagination-circle li a { width: 40px; height: 40px; background: #f2f4f8; border: 0px; text-align: center; border-radius: 100%; }
.pagination-circle li a:first-child, .pagination-circle li a:last-child { border-radius: 100%; }
.pagination-circle li a:hover { background: #55ce63; color: #ffffff; }
.pagination-circle li.disabled a { background: #f2f4f8; color: rgba(120, 130, 140, 0.13); }
/*******************
Form Dropzone
******************/
.dropzone { border: 1px dashed #d9d9d9; }
.dropzone .dz-message { padding: 5% 0; margin: 0px; }
/*******************
Form Pickers
******************/
.asColorPicker-dropdown { max-width: 260px; }
.asColorPicker-trigger { position: absolute; top: 0; right: -35px; height: 38px; width: 37px; border: 0; }
.asColorPicker-clear { display: none; position: absolute; top: 5px; right: 10px; text-decoration: none; }
table th { font-weight: 400; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #175592; }
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background: #175592; color: #ffffff; }
.datepicker td, .datepicker th { padding: 5px 10px; }
/*******************
Form icheck
******************/
.icolors, .icheck-list { padding: 0; margin: 0; list-style: none; }
.icolors > li { padding: 0; margin: 2px; float: left; display: inline-block; height: 30px; width: 30px; background: #263238; text-align: center; }
.icolors > li.active:after { content: "\2713 "; color: #ffffff; line-height: 30px; }
.icolors > li:first-child { margin-left: 0; }
.icolors > li.orange { background: #f62d51; }
.icolors > li.yellow { background: #ffbc34; }
.icolors > li.info { background: #175592; }
.icolors > li.green { background: #55ce63; }
.icolors > li.red { background: #fb3a3a; }
.icolors > li.purple { background: #7460ee; }
.icolors > li.blue { background: #02bec9; }
.icheck-list { float: left; padding-right: 50px; padding-top: 10px; }
.icheck-list li { padding-bottom: 5px; }
.icheck-list li label { padding-left: 10px; }
/*******************
Form summernote
******************/
.note-popover, .note-icon-caret { display: none; }
.note-editor.note-frame { border: 1px solid #d9d9d9; }
.note-editor.note-frame .panel-heading { padding: 6px 10px 10px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.label { display: inline-block; }
/*******************
Table-Layout
******************/
.table thead th, .table th { border: 0px; }
.color-table.primary-table thead th { background-color: #7460ee; color: #ffffff; }
 .table-striped tbody tr:nth-of-type(odd) {
 background: #f2f4f8;
}
.color-table.success-table thead th { background-color: #55ce63; color: #ffffff; }
.color-table.info-table thead th { background-color: #175592; color: #ffffff; }
.color-table.warning-table thead th { background-color: #ffbc34; color: #ffffff; }
.color-table.danger-table thead th { background-color: #f62d51; color: #ffffff; }
.color-table.inverse-table thead th { background-color: #2f3d4a; color: #ffffff; }
.color-table.dark-table thead th { background-color: #263238; color: #ffffff; }
.color-table.red-table thead th { background-color: #fb3a3a; color: #ffffff; }
.color-table.purple-table thead th { background-color: #7460ee; color: #ffffff; }
.color-table.muted-table thead th { background-color: #90a4ae; color: #ffffff; }
.color-bordered-table.primary-bordered-table { border: 2px solid #7460ee; }
.color-bordered-table.primary-bordered-table thead th { background-color: #7460ee; color: #ffffff; }
.color-bordered-table.success-bordered-table { border: 2px solid #55ce63; }
.color-bordered-table.success-bordered-table thead th { background-color: #55ce63; color: #ffffff; }
.color-bordered-table.info-bordered-table { border: 2px solid #175592; }
.color-bordered-table.info-bordered-table thead th { background-color: #175592; color: #ffffff; }
.color-bordered-table.warning-bordered-table { border: 2px solid #ffbc34; }
.color-bordered-table.warning-bordered-table thead th { background-color: #ffbc34; color: #ffffff; }
.color-bordered-table.danger-bordered-table { border: 2px solid #f62d51; }
.color-bordered-table.danger-bordered-table thead th { background-color: #f62d51; color: #ffffff; }
.color-bordered-table.inverse-bordered-table { border: 2px solid #2f3d4a; }
.color-bordered-table.inverse-bordered-table thead th { background-color: #2f3d4a; color: #ffffff; }
.color-bordered-table.dark-bordered-table { border: 2px solid #263238; }
.color-bordered-table.dark-bordered-table thead th { background-color: #263238; color: #ffffff; }
.color-bordered-table.red-bordered-table { border: 2px solid #fb3a3a; }
.color-bordered-table.red-bordered-table thead th { background-color: #fb3a3a; color: #ffffff; }
.color-bordered-table.purple-bordered-table { border: 2px solid #7460ee; }
.color-bordered-table.purple-bordered-table thead th { background-color: #7460ee; color: #ffffff; }
.color-bordered-table.muted-bordered-table { border: 2px solid #90a4ae; }
.color-bordered-table.muted-bordered-table thead th { background-color: #90a4ae; color: #ffffff; }
.full-color-table.full-primary-table { background-color: #f1effd; }
.full-color-table.full-primary-table thead th { background-color: #7460ee; border: 0; color: #ffffff; }
.full-color-table.full-primary-table tbody td { border: 0; }
.full-color-table.full-primary-table tr:hover { background-color: #7460ee; color: #ffffff; }
.full-color-table.full-success-table { background-color: #e8fdeb; }
.full-color-table.full-success-table thead th { background-color: #55ce63; border: 0; color: #ffffff; }
.full-color-table.full-success-table tbody td { border: 0; }
.full-color-table.full-success-table tr:hover { background-color: #55ce63; color: #ffffff; }
.full-color-table.full-info-table { background-color: #cfecfe; }
.full-color-table.full-info-table thead th { background-color: #175592; border: 0; color: #ffffff; }
.full-color-table.full-info-table tbody td { border: 0; }
.full-color-table.full-info-table tr:hover { background-color: #175592; color: #ffffff; }
.full-color-table.full-warning-table { background-color: #fff8ec; }
.full-color-table.full-warning-table thead th { background-color: #ffbc34; border: 0; color: #ffffff; }
.full-color-table.full-warning-table tbody td { border: 0; }
.full-color-table.full-warning-table tr:hover { background-color: #ffbc34; color: #ffffff; }
.full-color-table.full-danger-table { background-color: #f9e7eb; }
.full-color-table.full-danger-table thead th { background-color: #f62d51; border: 0; color: #ffffff; }
.full-color-table.full-danger-table tbody td { border: 0; }
.full-color-table.full-danger-table tr:hover { background-color: #f62d51; color: #ffffff; }
.full-color-table.full-inverse-table { background-color: #f6f6f6; }
.full-color-table.full-inverse-table thead th { background-color: #2f3d4a; border: 0; color: #ffffff; }
.full-color-table.full-inverse-table tbody td { border: 0; }
.full-color-table.full-inverse-table tr:hover { background-color: #2f3d4a; color: #ffffff; }
.full-color-table.full-dark-table { background-color: rgba(43, 43, 43, 0.8); }
.full-color-table.full-dark-table thead th { background-color: #263238; border: 0; color: #ffffff; }
.full-color-table.full-dark-table tbody td { border: 0; color: #ffffff; }
.full-color-table.full-dark-table tr:hover { background-color: #263238; color: #ffffff; }
.full-color-table.full-red-table { background-color: #f9e7eb; }
.full-color-table.full-red-table thead th { background-color: #fb3a3a; border: 0; color: #ffffff; }
.full-color-table.full-red-table tbody td { border: 0; }
.full-color-table.full-red-table tr:hover { background-color: #fb3a3a; color: #ffffff; }
.full-color-table.full-purple-table { background-color: #f1effd; }
.full-color-table.full-purple-table thead th { background-color: #7460ee; border: 0; color: #ffffff; }
.full-color-table.full-purple-table tbody td { border: 0; }
.full-color-table.full-purple-table tr:hover { background-color: #7460ee; color: #ffffff; }
.full-color-table.full-muted-table { background-color: rgba(152, 166, 173, 0.2); }
.full-color-table.full-muted-table thead th { background-color: #90a4ae; border: 0; color: #ffffff; }
.full-color-table.full-muted-table tbody td { border: 0; }
.full-color-table.full-muted-table tr:hover { background-color: #90a4ae; color: #ffffff; }
/*******************
Table-Data Table
******************/
.dt-buttons { display: inline-block; padding-top: 5px; }
.dt-buttons .dt-button { padding: 5px 15px; border-radius: 4px; background: #175592; color: #ffffff; margin-right: 3px; }
.dt-buttons .dt-button:hover { background: #2f3d4a; }
.dataTables_info, .dataTables_length { display: inline-block; }
.dataTables_filter { float: right; }
.dataTables_filter input { border: 1px solid #d9d9d9; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; }
.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none; cursor: pointer; *cursor: hand;
color: #54667a; border: 1px solid transparent; border-radius: 2px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #ffffff; border: 1px solid #175592; background-color: #175592; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #54667a; border: 1px solid transparent; background: transparent; box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white; border: 1px solid #7460ee; background-color: #7460ee; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #54667a; }
.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }
/*******************
Table- responsive
******************/
.tablesaw-bar .btn-group label { color: #54667a !important; }
/*******************
Table- editable table
******************/
.dt-bootstrap { display: block; }
.paging_simple_numbers .pagination .paginate_button { padding: 0px; background: #ffffff; }
.paging_simple_numbers .pagination .paginate_button:hover { background: #ffffff; }
.paging_simple_numbers .pagination .paginate_button a { padding: 5px 10px; border-radius: 4px; border: 0px; }
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a { background: #175592; color: #ffffff; }
/*******************
Table- Footable
******************/
#demo-foo-accordion .open > .dropdown-menu { display: block; }
#demo-foo-accordion2 .open > .dropdown-menu { display: block; }
#footable-addrow .open > .dropdown-menu { display: block; }
table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox { padding-left: 0; }
table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox input[type=checkbox] { position: relative; margin-right: 10px; margin-left: -20px; left: 0; opacity: 1; }
 table.footable thead tr.footable-filtering th ul.dropdown-menu li .checkbox label::before {
 display: none;
}
.footable .pagination li a { position: relative; display: block; padding: .5rem .75rem;
margin-left: -1px; line-height: 1.25; color: #0275d8; background-color: #ffffff; border: 1px solid #ddd; }
.footable .pagination li.active a { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; }
.footable .pagination li.disabled a { color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #ffffff; border-color: #ddd; }
.footable .pagination li:first-child a { margin-left: 0; border-bottom-left-radius: .25rem;
 border-top-left-radius: .25rem;
}
/*******************
Icon list fontawesom
******************/
.icon-list-demo div { cursor: pointer; line-height: 60px; white-space: nowrap; color: #54667a; }
.icon-list-demo div:hover { color: #263238; }
.icon-list-demo div p { margin: 10px 0; padding: 5px 0; }
.icon-list-demo i { -webkit-transition: all 0.2s; -webkit-transition: font-size .2s;
display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; transition: all 0.2s; transition: font-size .2s;
vertical-align: middle; transition: all 0.3s ease 0s; }
.icon-list-demo .col-md-4, .icon-list-demo .col-3 { border-radius: 4px; }
.icon-list-demo .col-md-4:hover, .icon-list-demo .col-3:hover { background-color: #ebf3f5; }
.icon-list-demo .div:hover i { font-size: 2em; }
/*******************
Icon list material icon
******************/
.material-icon-list-demo .mdi { font-size: 21px; }
/*******************
Gridstack Dragable portlet
******************/
.grid-stack-item-content { background: #fff; color: #2b2b2b; text-align: center; font-size: 20px; }
.grid-stack > .grid-stack-item > .grid-stack-item-content { border: 1px solid rgba(120, 130, 140, 0.13); }
/*******************
Bootstrap Switch
******************/
.bootstrap-switch, .bootstrap-switch .bootstrap-switch-container { border-radius: 2px; }
.bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { color: #ffffff; background: #7460ee; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info { color: #ffffff; background: #175592; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { color: #ffffff; background: #55ce63; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning { color: #ffffff; background: #ffbc34; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger { color: #ffffff; background: #f62d51; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: #263238; background: #f2f4f8; }
.onoffswitch { position: relative; width: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #55ce63; border-radius: 20px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 27px; background-color: #55ce63; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 24px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-switch { display: block; width: 23px; margin: 6px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 56px; border: 2px solid #55ce63; border-radius: 20px; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
/*******************
Date paginator page
******************/
.dp-selected[style] { background-color: #175592 !important; }
.datepaginator-sm .pagination li a, .datepaginator-lg .pagination li a, .datepaginator .pagination li a { padding: 0 5px; height: 60px; border: 1px solid rgba(120, 130, 140, 0.13); float: left; position: relative; }
/*******************
sweet alert page
******************/
.model_img { cursor: pointer; }
/*******************
Grid page
******************/
.show-grid { margin-bottom: 10px; padding: 0 15px; }
 .show-grid [class^=col-] {
 padding-top: 10px;
 padding-bottom: 10px;
 border: 1px solid #d9d9d9;
 background-color: #f2f4f8;
}
/*******************
Vertical tabs
******************/
.vtabs { display: table; }
.vtabs .tabs-vertical { width: 150px; border-bottom: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top; }
.vtabs .tabs-vertical li .nav-link { color: #263238; margin-bottom: 10px; border: 0px; border-radius: 4px 0 0 4px; }
.vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top; }
.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus { background: #175592; border: 0px; color: #ffffff; }
/*Custom vertical tab*/
.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus { background: #ffffff; border: 0px; border-right: 2px solid #175592; margin-right: -1px; color: #175592; }
.tabcontent-border { border: 1px solid #ddd; border-top: 0px; }
.customtab2 li a.nav-link { border: 0px; margin-right: 3px; color: #54667a; }
.customtab2 li a.nav-link.active { background: #175592; color: #ffffff; }
.customtab2 li a.nav-link:hover { color: #ffffff; background: #175592; }
/*******************
Progress bar
******************/
.progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-vertical { min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; }
.progress-vertical-bottom { min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; transform: rotate(180deg); }
.progress-animated { -webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; transition: 5s all; }
 @-webkit-keyframes myanimation { from {
 width: 0;
}
}
 @keyframes myanimation { from {
 width: 0;
}
}
/*******************
Notification page Jquery toaster
******************/
.jq-icon-info { background-color: #175592; color: #ffffff; }
.jq-icon-success { background-color: #55ce63; color: #ffffff; }
.jq-icon-error { background-color: #f62d51; color: #ffffff; }
.jq-icon-warning { background-color: #ffbc34; color: #ffffff; }
.alert-rounded { border-radius: 60px; }
/*******************
list and media
******************/
.list-group a.list-group-item:hover { background: #f2f4f8; }
.list-group-item.active, .list-group .list-group-item.active:hover { background: #175592; border-color: #175592; }
.list-group-item.disabled { color: #90a4ae; background: #f2f4f8; }
.media { border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px; padding: 15px; }
/*******************
User card page
******************/
.el-element-overlay .white-box { padding: 0px; }
.el-element-overlay .el-card-item { position: relative; padding-bottom: 25px; }
.el-element-overlay .el-card-item .el-card-avatar { margin-bottom: 15px; }
.el-element-overlay .el-card-item .el-card-content { text-align: center; }
.el-element-overlay .el-card-item .el-card-content h3 { margin: 0px; }
.el-element-overlay .el-card-item .el-card-content a { color: #54667a; }
.el-element-overlay .el-card-item .el-card-content a:hover { color: #175592; }
.el-element-overlay .el-card-item .el-overlay-1 { width: 100%; height: auto; overflow: hidden; position: relative; text-align: center; cursor: default; }
.el-element-overlay .el-card-item .el-overlay-1 img { display: block; position: relative; -webkit-transition: all .4s linear;
 transition: all .4s linear;
width: 100%; height: auto; }
.el-element-overlay .el-card-item .el-overlay-1:hover img { -ms-transform: scale(1.2) translateZ(0); -webkit-transform: scale(1.2) translateZ(0);/* transform: scale(1.2) translateZ(0); */ }
.el-element-overlay .el-card-item .el-overlay-1 .el-info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #ffffff; background-color: transparent; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
padding: 0; margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); }
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li { list-style: none; display: inline-block; margin: 0 3px; }
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li a { border-color: #ffffff; color: #ffffff; padding: 12px 15px 10px; }
.el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover { background: #175592; border-color: #175592; }
.el-element-overlay .el-card-item .el-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn { top: -100%; }
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up { top: 100%; height: 0px; }
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn { top: 0px; }
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up { top: 0px; height: 100%; }
/*******************
Timeline page
******************/
.timeline { position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto; }
.timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #f2f4f8; }
.timeline > li { position: relative; margin-bottom: 20px; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); }
.timeline > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid rgba(120, 130, 140, 0.13); border-bottom: 8px solid transparent; border-left: 8px solid rgba(120, 130, 140, 0.13); }
.timeline > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #ffffff; border-bottom: 7px solid transparent; border-left: 7px solid #ffffff; }
.timeline > li > .timeline-badge { z-index: 10; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #fff; overflow: hidden; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -8px; border-right-width: 8px; border-left-width: 0; }
.timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -7px; border-right-width: 7px; border-left-width: 0; }
.timeline-badge.primary { background-color: #7460ee; }
.timeline-badge.success { background-color: #55ce63; }
.timeline-badge.warning { background-color: #ffbc34; }
.timeline-badge.danger { background-color: #f62d51; }
.timeline-badge.info { background-color: #175592; }
.timeline-title { margin-top: 0; color: inherit; font-weight: 400; }
.timeline-body > p, .timeline-body > ul { margin-bottom: 0; }
.timeline-body > p + p { margin-top: 5px; }
/*******************
Horizontal Timeline page
******************/
.cd-horizontal-timeline .events a { padding-bottom: 6px; color: #175592; }
 .cd-horizontal-timeline .filling-line, .cd-horizontal-timeline .events a.selected::after {
 background: #175592;
}
 .cd-horizontal-timeline .events a.selected::after {
 border-color: #175592;
}
.myadmin-dd .dd-list .dd-item .dd-handle { background: #ffffff; border: 1px solid rgba(120, 130, 140, 0.13); padding: 8px 16px; height: auto; font-family: "Roboto", sans-serif; font-weight: 400; border-radius: 0; }
.myadmin-dd-empty .dd-list .dd3-content { height: auto; border: 1px solid rgba(120, 130, 140, 0.13); padding: 8px 16px 8px 46px; background: #ffffff; font-weight: 400; }
.myadmin-dd-empty .dd-list .dd3-handle { border: 1px solid rgba(120, 130, 140, 0.13); border-bottom: 0; background: #ffffff; height: 36px; width: 36px; }
.dd3-handle:before { color: #54667a; top: 7px; }
/*******************
ribbons page
******************/
.ribbon-wrapper, .ribbon-wrapper-reverse, .ribbon-wrapper-bottom, .ribbon-wrapper-right-bottom { position: relative; padding: 50px 15px 15px 15px; }
.ribbon-vwrapper { padding: 15px 15px 15px 50px; position: relative; }
.ribbon-overflow { overflow: hidden; }
.ribbon-vwrapper-reverse { padding: 15px 50px 15px 15px; }
.ribbon-wrapper-bottom { padding: 15px 15px 50px 50px; }
.ribbon-wrapper-right-bottom { padding: 15px 50px 50px 15px; }
.ribbon-content { margin-bottom: 0px; }
.ribbon { padding: 0 20px; height: 30px; line-height: 30px; clear: left; position: absolute; top: 12px; left: -2px; color: #ffffff; }
.ribbon-bookmark:before { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; content: ''; border: 15px solid #263238; border-right: 10px solid transparent; }
.ribbon-right { left: auto; right: -2px; }
.ribbon-bookmark.ribbon-right:before { right: 100%; left: auto; border-right: 15px solid #263238; border-left: 10px solid transparent; }
.ribbon-vertical-l, .ribbon-vertical-r { clear: none; padding: 0 5px; height: 70px; width: 30px; line-height: 70px; text-align: center; left: 12px; top: -2px; }
.ribbon-vertical-r { left: auto; right: 12px; }
.ribbon-bookmark.ribbon-vertical-l:before, .ribbon-bookmark.ribbon-vertical-r:before { top: 100%; left: 0; margin-top: -14px; border-right: 15px solid #263238; border-bottom: 10px solid transparent; }
.ribbon-badge { top: 15px; overflow: hidden; left: -90px; width: 100%; text-align: center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ribbon-badge.ribbon-right { left: auto; right: -90px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ribbon-badge.ribbon-bottom { top: auto; bottom: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ribbon-badge.ribbon-right.ribbon-bottom { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ribbon-corner { top: 0; left: 0; background-color: transparent !important; padding: 6px 0 0 10px; }
.ribbon-corner i { position: relative; }
.ribbon-corner:before { position: absolute; top: 0; left: 0; width: 0; height: 0; content: ''; border: 30px solid transparent; border-top-color: #175592; border-left-color: #175592; }
.ribbon-corner.ribbon-right:before { right: 0; left: auto; border-right-color: #526069; border-left-color: transparent; }
.ribbon-corner.ribbon-right { right: 0; left: auto; padding: 6px 10px 0 0; }
.ribbon-corner.ribbon-bottom:before { top: auto; bottom: 0; border-top-color: transparent; border-bottom-color: #526069; }
.ribbon-corner.ribbon-bottom { bottom: 0; top: auto; padding: 0 10px 6px 10px; }
.ribbon-custom { background: #175592; }
.ribbon-bookmark.ribbon-right.ribbon-custom:before { border-right-color: #175592; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before { border-right-color: #175592; border-bottom-color: transparent; }
.ribbon-primary { background: #7460ee; }
.ribbon-bookmark.ribbon-primary:before { border-color: #7460ee; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-primary:before { border-right-color: #7460ee; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before { border-right-color: #7460ee; border-bottom-color: transparent; }
.ribbon-primary.ribbon-corner:before { border-top-color: #7460ee; border-left-color: #7460ee; }
.ribbon-primary.ribbon-corner.ribbon-right:before { border-right-color: #7460ee; border-left-color: transparent; }
.ribbon-primary.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #7460ee; }
.ribbon-success { background: #55ce63; }
.ribbon-bookmark.ribbon-success:before { border-color: #55ce63; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-success:before { border-right-color: #55ce63; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-success:before { border-right-color: #55ce63; border-bottom-color: transparent; }
.ribbon-success.ribbon-corner:before { border-top-color: #55ce63; border-left-color: #55ce63; }
.ribbon-success.ribbon-corner.ribbon-right:before { border-right-color: #55ce63; border-left-color: transparent; }
.ribbon-success.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #55ce63; }
.ribbon-info { background: #175592; }
.ribbon-bookmark.ribbon-info:before { border-color: #175592; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-info:before { border-right-color: #175592; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-info:before { border-right-color: #175592; border-bottom-color: transparent; }
.ribbon-info.ribbon-corner:before { border-top-color: #175592; border-left-color: #175592; }
.ribbon-info.ribbon-corner.ribbon-right:before { border-right-color: #175592; border-left-color: transparent; }
.ribbon-info.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #175592; }
.ribbon-warning { background: #ffbc34; }
.ribbon-bookmark.ribbon-warning:before { border-color: #ffbc34; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-warning:before { border-right-color: #ffbc34; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before { border-right-color: #ffbc34; border-bottom-color: transparent; }
.ribbon-warning.ribbon-corner:before { border-top-color: #ffbc34; border-left-color: #ffbc34; }
.ribbon-warning.ribbon-corner.ribbon-right:before { border-right-color: #ffbc34; border-left-color: transparent; }
.ribbon-warning.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #ffbc34; }
.ribbon-danger { background: #f62d51; }
.ribbon-bookmark.ribbon-danger:before { border-color: #f62d51; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-danger:before { border-right-color: #f62d51; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before { border-right-color: #f62d51; border-bottom-color: transparent; }
.ribbon-danger.ribbon-corner:before { border-top-color: #f62d51; border-left-color: #f62d51; }
.ribbon-danger.ribbon-corner.ribbon-right:before { border-right-color: #f62d51; border-left-color: transparent; }
.ribbon-danger.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #f62d51; }
.ribbon-default { background: #263238; }
.ribbon-bookmark.ribbon-default:before { border-color: #263238; border-right-color: transparent; }
.ribbon-bookmark.ribbon-right.ribbon-default:before { border-right-color: #263238; border-left-color: transparent; }
.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-default:before { border-right-color: #263238; border-bottom-color: transparent; }
.ribbon-default.ribbon-corner:before { border-top-color: #263238; border-left-color: #263238; }
.ribbon-default.ribbon-corner.ribbon-right:before { border-right-color: #263238; border-left-color: transparent; }
.ribbon-default.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #263238; }
/*******************
session ideal timeout page
******************/
#idletimeout { background: #175592; border: 3px solid #175592; color: #fff; font-family: "Roboto", sans-serif; text-align: center; font-size: 12px; padding: 10px; position: relative; top: 0px; left: 0; right: 0; z-index: 100000; display: none; }
#idletimeout a { color: #ffffff; font-weight: bold; }
#idletimeout span { font-weight: bold; }
/*******************
Stylish tooltip
******************/
.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i { opacity: 1; font-size: 18px; pointer-events: auto; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
.mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 { pointer-events: auto; opacity: 1; transform: translate3d(0, 0, 0); }
.mytooltip { display: inline; position: relative; z-index: 10; }
 .mytooltip:hover .tooltip-item::after {
 pointer-events: auto;
}
.mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); }
.mytooltip:hover .tooltip-content3 { opacity: 1; pointer-events: auto; transform: scale3d(1, 1, 1); }
.mytooltip:hover .tooltip-item2 { color: #ffffff; transform: translate3d(0, -0.5em, 0); }
.mytooltip:hover .tooltip-content5 { opacity: 1; pointer-events: auto; transition-delay: 0s; }
.mytooltip:hover .tooltip-text3 { transition-delay: 0s; transform: scale3d(1, 1, 1); }
.mytooltip:hover .tooltip-inner2 { transition-delay: 0.3s; transform: translate3d(0, 0, 0); }
.tooltip-item { background: rgba(0, 0, 0, 0.1); cursor: pointer; display: inline-block; font-weight: 500; padding: 0 10px; }
 .tooltip-item::after {
 content: '';
 position: absolute;
 width: 360px;
 height: 20px;
 bottom: 100%;
 left: 50%;
 pointer-events: none;
 transform: translateX(-50%);
}
.tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 14px; line-height: 30px; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #2b2b2b; opacity: 0; cursor: default; pointer-events: none; }
.tooltip-content img { position: relative; height: 140px; display: block; float: left; margin-right: 1em; }
.tooltip-effect-5 .tooltip-content { width: 180px; margin-left: -90px; transform-origin: 50% calc(106%); transform: rotate3d(0, 0, 1, 15deg); transition: opacity 0.2s, transform 0.2s; transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); }
.tooltip-effect-5 .tooltip-text { padding: 1.4em; }
 .tooltip-content::after {
 content: '';
 top: 100%;
 left: 50%;
 border: solid transparent;
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: transparent;
 border-top-color: #2a3035;
 border-width: 10px;
 margin-left: -10px;
}
.tooltip-text { font-size: 14px; line-height: 24px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #ffffff; }
.tooltip-content2 { position: absolute; z-index: 9999; width: 80px; height: 80px; padding-top: 25px; left: 50%; margin-left: -40px; bottom: 100%; border-radius: 50%; text-align: center; background: #175592; color: #ffffff; opacity: 0; margin-bottom: 20px; cursor: default; pointer-events: none; }
.tooltip-content2 i { opacity: 0; }
.tooltip-effect-6 .tooltip-content2 { transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); transform-origin: 50% 100%; transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-6 .tooltip-content2 i { transform: scale3d(0, 0, 1); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-6:hover .tooltip-content2 i { transform: rotate3d(1, 1, 1, 0); }
 .tooltip-content2::after {
 content: '';
 position: absolute;
 top: 100%;
 left: 50%;
 margin: -7px 0 0 -15px;
 width: 30px;
 height: 20px;
 background: url(https://www.wrappixel.com/demos/admin-templates/monster-admin/assets/images/tooltip/tooltip1.svg) no-repeat center center;
 background-size: 100%;
}
.tooltip-content3 { position: absolute; background: url(https://www.wrappixel.com/demos/admin-templates/monster-admin/assets/images/tooltip/shape1.svg) no-repeat center bottom; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #ffffff; opacity: 0; cursor: default; font-size: 14; line-height: 27px; pointer-events: none; transform: scale3d(0.1, 0.2, 1); transform-origin: 50% 120%; transition: opacity 0.4s, transform 0.4s; transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); }
 .tooltip-content3::after {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 margin-left: -8px;
 top: 100%;
 background: #00aeef;
 transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
}
.tooltip-item2 { color: #00aeef; cursor: pointer; z-index: 100; position: relative; display: inline-block; font-weight: 500; transition: background-color 0.3s, color 0.3s, transform 0.3s; }
.tooltip-content4 { position: absolute; z-index: 99; width: 360px; left: 50%; margin-left: -180px; bottom: -5px; text-align: left; background: #00aeef; opacity: 0; font-size: 14px; line-height: 27px; padding: 1.5em; color: #ffffff; border-bottom: 55px solid #2b2b2b; cursor: default; pointer-events: none; border-radius: 5px; transform: translate3d(0, -0.5em, 0); transition: opacity 0.3s, transform 0.3s; }
.tooltip-content4 a { color: #2b2b2b; }
.tooltip-text2 { opacity: 0; transform: translate3d(0, 1.5em, 0); transition: opacity 0.3s, transform 0.3s; }
.tooltip-content5 { position: absolute; z-index: 9999; width: 300px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #ffffff; background: transparent; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; transition: opacity 0.3s 0.3s; }
.tooltip-content5 span { display: block; }
.tooltip-text3 { border-bottom: 10px solid #175592; overflow: hidden; transform: scale3d(0, 1, 1); transition: transform 0.3s 0.3s; }
.tooltip-inner2 { background: #2b2b2b; padding: 40px; transform: translate3d(0, 100%, 0); transition: transform 0.3s; }
 .tooltip-content5::after {
 content: '';
 bottom: -20px;
 left: 50%;
 border: solid transparent;
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: transparent;
 border-top-color: #175592;
 border-width: 10px;
 margin-left: -10px;
}
.tooltip-effect-1 .tooltip-content { transform: translate3d(0, -10px, 0); transition: opacity 0.3s, transform 0.3s; color: #ffffff; }
.tooltip-effect-2 .tooltip-content { transform-origin: 50% calc(110%); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transition: opacity 0.2s, transform 0.2s; }
.tooltip-effect-3 .tooltip-content { transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-4 .tooltip-content { transform-origin: 50% 100%; transform: scale3d(0.7, 0.3, 1); transition: opacity 0.2s, transform 0.2s; }
.tooltip.tooltip-effect-2:hover .tooltip-content { transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }
a.mytooltip { font-weight: 500; color: #175592; }
.tooltip-effect-7 .tooltip-content2 { transform: translate3d(0, 10px, 0); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-7 .tooltip-content2 i { transform: translate3d(0, 15px, 0); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-8 .tooltip-content2 { transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); transform-origin: 50% 100%; transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-8 .tooltip-content2 i { transform: scale3d(0, 0, 1); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-9 .tooltip-content2 { transform: translate3d(0, -20px, 0); transition: opacity 0.3s, transform 0.3s; }
.tooltip-effect-9 .tooltip-content2 i { transform: translate3d(0, 20px, 0); transition: opacity 0.3s, transform 0.3s; }
/*******************
Error Page
******************/
.error-box { height: 100%; position: fixed; background: url(../../assets/images/background/error-bg.jpg) no-repeat center center #fff; width: 100%; }
.error-box .footer { width: 100%; left: 0px; right: 0px; }
.error-body { padding-top: 5%; }
.error-body h1 { font-size: 210px; font-weight: 900; line-height: 210px; }
/*******************
google map Page
******************/
.gmaps, .gmaps-panaroma { height: 300px; }
.gmaps, .gmaps-panaroma { height: 300px; background: #f2f4f8; border-radius: 3px; }
.gmaps-overlay { display: block; text-align: center; color: #ffffff; font-size: 16px; line-height: 40px; background: #7460ee; border-radius: 4px; padding: 10px 20px; }
.gmaps-overlay_arrow { left: 50%; margin-left: -16px; width: 0; height: 0; position: absolute; }
.gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #7460ee; }
.gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #7460ee; }
/*******************
vector map Page
******************/
.jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; line-height: 10px; }
.jvectormap-zoomout { top: 40px; }
/*******************
Seach listing Page
******************/
.search-listing { padding: 0px; margin: 0px; }
.search-listing li { list-style: none; padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.search-listing li h3 { margin: 0px; font-size: 18px; }
.search-listing li h3 a { color: #175592; }
.search-listing li h3 a:hover { text-decoration: underline; }
.search-listing li a { color: #55ce63; }
/*******************
Login register and recover password Page
******************/
.login-register { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; position: fixed; }
.login-box { width: 400px; margin: 0 auto; }
.login-box .footer { width: 100%; left: 0px; right: 0px; }
.login-box .social { display: block; margin-bottom: 30px; }
#recoverform { display: none; }
.login-sidebar { padding: 0px; margin-top: 0px; }
.login-sidebar .login-box { right: 0px; position: absolute; height: 100%; }
/*******************
FAQs Page
******************/
.minimal-faq .card { border: 0px; }
.minimal-faq .card .card-header { background: #ffffff; padding: 20px 0; margin-top: 10px; }
.minimal-faq .card .card-block { padding: 15px 0px; }
/*******************
Pricing Page
******************/
.pricing-box { position: relative; text-align: center; margin-top: 30px; }
.featured-plan { margin-top: 0px; }
.featured-plan .pricing-body { padding: 60px 0; background: #ebf3f5; border: 1px solid #ddd; }
.featured-plan .price-table-content .price-row { border-top: 1px solid rgba(120, 130, 140, 0.13); }
.pricing-body { border-radius: 0px; border-top: 1px solid rgba(120, 130, 140, 0.13); border-bottom: 5px solid rgba(120, 130, 140, 0.13); vertical-align: middle; padding: 30px 0; position: relative; }
.pricing-body h2 { position: relative; font-size: 56px; margin: 20px 0 10px; font-weight: 500; }
.pricing-body h2 span { position: absolute; font-size: 15px; top: -10px; margin-left: -10px; }
.price-table-content .price-row { padding: 20px 0; border-top: 1px solid rgba(120, 130, 140, 0.13); }
.pricing-plan { padding: 0 15px; }
.pricing-plan .no-padding { padding: 0px; }
.price-lable { position: absolute; top: -10px; padding: 5px 10px; margin: 0 auto; display: inline-block; width: 100px; left: 0px; right: 0px; }
/*******************
chat application Page
******************/
.chat-main-box { position: relative; overflow: hidden; }
.chat-main-box .chat-left-aside { position: relative; width: 250px; float: left; z-index: 9; top: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); }
.chat-main-box .chat-left-aside .open-panel { display: none; cursor: pointer; position: absolute; left: -webkit-calc(100% - 1px); top: 50%; z-index: 100; background-color: #fff; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2); border-radius: 0 100px 100px 0; line-height: 1; padding: 15px 8px 15px 4px; }
.chat-main-box .chat-left-aside .chat-left-inner { position: relative; }
.chat-main-box .chat-left-aside .chat-left-inner .form-control { height: 60px; padding: 15px; background-image: linear-gradient(#175592, #175592), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); }
.chat-main-box .chat-left-aside .chat-left-inner .style-none { padding: 0px; }
.chat-main-box .chat-left-aside .chat-left-inner .style-none li { list-style: none; overflow: hidden; }
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a { padding: 20px; }
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active { background: #ebf3f5; }
.chat-main-box .chat-right-aside { width: calc(100% - 250px); float: left; }
.chat-main-box .chat-right-aside .chat-list { max-height: none; height: 100%; padding-top: 40px; }
.chat-main-box .chat-right-aside .chat-list .chat-text { border-radius: 6px; }
.chat-main-box .chat-right-aside .send-chat-box { position: relative; }
.chat-main-box .chat-right-aside .send-chat-box .form-control { border: none; border-top: 1px solid rgba(120, 130, 140, 0.13); resize: none; height: 80px; padding-right: 180px; }
.chat-main-box .chat-right-aside .send-chat-box .form-control:focus { border-color: rgba(120, 130, 140, 0.13); }
.chat-main-box .chat-right-aside .send-chat-box .custom-send { position: absolute; right: 20px; bottom: 10px; }
.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon { color: #54667a; margin-right: 10px; }
/*******************
Email inbox Page
******************/
.inbox-panel .list-group .list-group-item { border: 0px; border-radius: 0px; border-left: 3px solid transparent; }
.inbox-panel .list-group .list-group-item a { color: #54667a; }
.inbox-panel .list-group .list-group-item.active, .inbox-panel .list-group .list-group-item:hover { background: #f2f4f8; border-left: 3px solid #175592; }
.inbox-center .unread td { font-weight: 400; }
.inbox-center td { vertical-align: middle; white-space: nowrap; }
.inbox-center a { color: #54667a; padding: 2px 0 3px 0; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.inbox-center .checkbox { margin-top: -13px; height: 20px; }
/*******************
Contact app Page
******************/
/*left-aside-column*/
.contact-page-aside { position: relative; }
.left-aside { position: absolute; border-right: 1px solid rgba(120, 130, 140, 0.13); padding: 20px; width: 250px; height: 100%; }
.right-aside { padding: 20px; margin-left: 250px; }
.contact-list td { vertical-align: middle; padding: 25px 10px; }
.contact-list td img { width: 30px; }
.list-style-none { margin: 0px; padding: 0px; }
.list-style-none li { list-style: none; margin: 0px; }
.list-style-none li.box-label a { font-weight: 500; }
.list-style-none li.divider { margin: 10px 0; height: 1px; background: rgba(120, 130, 140, 0.13); }
.list-style-none li a { padding: 15px 10px; display: block; color: #54667a; }
.list-style-none li a:hover { color: #175592; }
.list-style-none li a span { float: right; }
.slimScrollBar { z-index: 10 !important; }
/*******************
form material page
******************/
.form-control-line .form-control { box-shadow: none; }
/*******************
/*Image Cropper Page
******************/
.docs-buttons .btn, .docs-toggles .btn-group, .docs-data .input-group { margin-bottom: 5px; }
/*******************
/*Form Typahead Page
******************/
.twitter-typeahead { width: 100%; }
.twitter-typeahead .tt-menu { width: 100%; background: #ffffff; border: 1px solid #90a4ae; border-radius: 5px; padding: .75rem 0;
}
.twitter-typeahead .tt-menu .tt-suggestion {
 padding: .25rem .75rem; cursor: pointer; }
.twitter-typeahead .tt-menu .tt-suggestion:hover { background-color: #7460ee; color: #ffffff; }
.twitter-typeahead .empty-message { padding: 5px 10px; text-align: center; }
.twitter-typeahead .rtl-typeahead .tt-menu { text-align: right; }
.twitter-typeahead .league-name { margin: 0 10px 5px; padding: 7px 5px 10px; border-bottom: 1px solid #90a4ae; }
.scrollable-dropdown .twitter-typeahead .tt-menu { max-height: 80px; overflow-y: auto; }
.bootstrap-maxlength { margin-top: .5rem;
}
.table-responsive > .table-bordered { border: 1px solid rgba(120, 130, 140, 0.13); }
.btn img { margin-right:5px; height:16px; }
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*******************
Main sidebar
******************/
.left-sidebar { position: absolute; width: 260px; height: 100%; top: 0px; z-index: 20; padding-top: 84px; background: #f2f7f8;/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);*/ transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.fix-sidebar .left-sidebar { position: fixed; }
/*******************
use profile section
******************/
.user-profile { text-align: center; position: relative; }
.user-profile .profile-img { width: 50px; margin: 0 auto; border-radius: 100%; }
 .user-profile .profile-img::before {
 -webkit-animation: 2.5s blow 0s linear infinite;
 animation: 2.5s blow 0s linear infinite;
 position: absolute;
 content: '';
 width: 50px;
 height: 50px;
 top: 0;
 margin: 0 auto;
 border-radius: 50%;
 z-index: 0;
}
 @-webkit-keyframes blow { 0% {
 box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
 50% {
 box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
 100% {
 box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
 opacity: 0;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
}
 @keyframes blow { 0% {
 box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
 50% {
 box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
 100% {
 box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
 opacity: 0;
 -webkit-transform: scale3d(1, 1, 0.5);
 transform: scale3d(1, 1, 0.5);
}
}
.user-profile .profile-img img { width: 100%; border-radius: 100%; }
.user-profile .profile-text { padding: 5px 0; position: relative; }
.user-profile .profile-text a { color: #54667a; }
.user-profile .dropdown-menu { left: 0px; right: 0px; width: 180px; margin: 0 auto; }
/*******************
sidebar footer
******************/
.sidebar-footer { position: fixed; bottom: 0px; left: 0px; transition: 0.2s ease-out; width: 260px; background: #fff; border-top: 1px solid rgba(120, 130, 140, 0.13); }
.sidebar-footer a { color: #1a1a1a; padding: 15px 25px; display: block; font-size: 14px; font-weight: 600; }
.sidebar-footer a .icon { width:20px; height:20px; margin-right:11px; }
/*******************
sidebar navigation
******************/
.collapse.in { display: block; }
.sidebar-nav { background: #f2f7f8; }
.sidebar-nav > ul { padding: 10px 0px 60px; }
.sidebar-nav ul { margin: 0; }
.sidebar-nav ul li { list-style: none; margin: 0 15px 5px 15px; }
.sidebar-nav ul li a { color: #1a1a1a; padding: 10px; display: flex; align-items: center; font-size: 14px; font-weight: 600; border:1px solid #fff; border-radius: 8px; position:relative; font-family: 'Open Sans', sans-serif; }
.sidebar-nav ul li .dropdown-toggle:after { position:absolute; right: 18px; }
.mini-sidebar .sidebar-nav ul li .dropdown-toggle:after { right: 10px; }
.sidebar-nav ul li.active > a, .sidebar-nav ul li a:hover { color: #000; background: #F6F6F6; border:1px solid #FFF; }
.sidebar-nav ul li ul { padding-left: 0; background: none !important;}
.sidebar-nav ul li ul li a { padding:10px; padding-left: 27px; border:0 !important; }
.sidebar-nav ul li ul li a .fa, .sidebar-nav ul li ul li a img { display: none;}
.sidebar-nav ul li ul li a:before { width:6px; height:12px; position:absolute; left:13px; top:15px; content:""; background-image: url("data:image/svg+xml,%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.84 6.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23e52231; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Place_your_artwork_in_this_layer_' data-name='Place your artwork in this layer!'%3E%3Cpath class='cls-1' d='M.76.75l2.22,2.25c.16.16.15.44,0,.6L.75,5.75'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;}
.sidebar-nav ul li ul li a:hover { border:0; }
.sidebar-nav ul li li { margin: 0;}
.sidebar-nav ul li ul ul { padding-left: 16px;  padding-top: 0; }
.sidebar-nav ul li.nav-small-cap { font-size: 12px; padding: 14px 14px 14px 20px; color: #90a4ae; font-weight: 500; }
.sidebar-nav ul li.nav-devider { height: 1px; background: rgba(120, 130, 140, 0.13); display: block; margin: 20px 0; }
.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i { color: #000; }
.sidebar-nav > ul > li > a i { margin-right:7px; }
.sidebar-nav > ul > li > a i img { width:100%; height:100%; display:block; }
.sidebar-nav > ul > li > a .label { float: right; margin-top: 6px; }
.sidebar-nav > ul > li > a.active { font-weight: 600; background: #f0f2f6; color: #1a1a1a; }
.sidebar-nav .has-arrow { position: relative; }
 .sidebar-nav .has-arrow::after {
 position: absolute;
 content: '';
 width: .4em;
 height: .4em;
 border-width: 1px 0 0 1px;
 border-style: solid;
 border-color: #54667a;
 right: 1em;
 -webkit-transform: rotate(-45deg) translate(0, -50%);
 -ms-transform: rotate(-45deg) translate(0, -50%);
 -o-transform: rotate(-45deg) translate(0, -50%);
 transform: rotate(-45deg) translate(0, -50%);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 -o-transform-origin: top;
 transform-origin: top;
 top: 50%;
 -webkit-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
}
 .sidebar-nav .active > .has-arrow::after, .sidebar-nav li > .has-arrow.active::after, .sidebar-nav .has-arrow[aria-expanded="true"]::after {
 -webkit-transform: rotate(-135deg) translate(0, -50%);
 -ms-transform: rotate(-135deg) translate(0, -50%);
 -o-transform: rotate(-135deg) translate(0, -50%);
 transform: rotate(-135deg) translate(0, -50%);
}
.sidebar-nav ul ul { border:0; padding:10px 0 0 40px; width:100%; min-width:100%; position:relative !important; transform: translate3d(0, 0, 0) !important; height:auto !important }
.sidebar-nav ul ul li a { background:none !important; }
.sidebar-nav ul ul li.active > a, .sidebar-nav ul ul li a:hover { color: #E61D2D; border: 0; }
.sidebar-nav ul li.active .dropdown-toggle:after { transform: rotate(180deg); }
.sidebar-nav > ul > li > a i, .sidebar-nav > ul > li.active > a i { color: #000; }
.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover, .sidebar-nav > ul > li.active > a { border-left: 1px solid #FFF; }
.cal-full #calendar { max-width:100%; padding:0; }
.btn.btn-dark:hover {
  background: #195692;
}
.table-1000-width table { min-width:1000px; }

.sidebar-nav ul li.active ul li .dropdown-toggle:after { transform: rotate(0deg); }
.sidebar-nav ul li.active ul li.active .dropdown-toggle:after { transform: rotate(180deg); }


/*******Document Center*******/
.doc-main-category { background: #fff; border-radius: 15px; margin-bottom: 15px; cursor: pointer; position: relative; }
.doc-title { font-size:20px; font-weight:700; color:#000; padding:10px 20px 10px 50px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; position:relative; }
.doc-title:before { position:absolute; left:12px; top:10px; width:27px; height:27px; border-radius:50%; border:2px solid #175592; content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z' fill='%23175592'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center center;background-size: 9px;background-color: #f7fbff;}
.doc-title.tdoc-active:before{ transform: rotate(90deg); }
.modal-backdrop.show { z-index:9; }
.doc-main-category .expand-all { color: #e61d2d; cursor: pointer; font-weight:400; font-size:16px; }

.doc-content { display: none; padding:20px 20px 20px 50px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.doc-sub-section { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0; cursor: pointer; }
.doc-sub-section:first-child { padding-top:0;}
.doc-sub-section:last-child { padding-bottom:0; border-bottom-width:0;}
.sub-cat-title {font-size:17px; font-weight:600; color:#000;display: flex; justify-content: space-between; align-items: center;position:relative;}
.doc-main-category .edit-btn { padding:8px 11px; background:#DCE1F2; border-radius:8px; font-size:14px; font-weight:500; color:#175592;display: flex;align-items: center;justify-content: center;}
.doc-main-category .edit-btn svg { margin-right:3px; width:16px; height:auto;}
.doc-main-category .edit-btn:hover,
.doc-main-category .edit-btn:focus{background: #C6CEE9;}
.doc-sub-section .doc-content { padding:10px 0; border:0;}


.content-preview { font-size: 16px; line-height: 1.5;margin-bottom: 20px; }
.read-more-btn { color: #175592; background: none; border: none; cursor: pointer; font-size: 16px; text-decoration: underline; }
.read-more-btn:hover { color:#E61D2D;}

.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.doc-modal { background: #fff; margin: 10% auto; padding: 20px; border-radius: 8px; max-width:800px; width: 100%; position: relative; }
.doc-modal .close-btn { position: absolute; right: -30px; top: -30px;color: #175592; border: none; padding: 0; cursor: pointer; font-size: 16px; border-radius: 50%;width: 30px;height: 30px;text-align: center; background:#fff;}
.doc-modal h2{color: #2B354A !important;font-weight: 700 !important;font-family: 'Open Sans', sans-serif !important;font-size: 20px !important;}

.doc-video-list {display: flex;flex-wrap: wrap;row-gap: 20px;column-gap: 20px; margin-bottom:20px;}
.doc-video-box { overflow:hidden; position:relative; border-radius:15px; }
.doc-video-box .doc-video-thumb { width:100%; height:200px; }
.doc-video-box .doc-video-thumb img { width:100%; height:100%;object-fit: cover;transition: all 350ms ease 0s; }
.doc-video-box a:hover .doc-video-thumb img { transform: scale(1.1);}
.doc-video-box .doc-video-play { position:absolute; left:50%; top:50%; border:5px solid #fff; width:60px; height:60px;border-radius:50%;display: flex;align-items: center;justify-content: center;transform: translate(-50%, -50%); z-index:1; }
.doc-video-box .doc-video-play svg { width:22px; height:auto;margin-left: 4px; }
.doc-video-box a { position:relative; display:block; }
.doc-video-box a:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); content:"";z-index:1;}
.doc-main-category .document-list { margin:0; padding:0; list-style:none;}
.doc-main-category .document-list li {display: flex;align-items: center;justify-content: space-between;}
.doc-main-category .document-list li:not(:last-child) {margin-bottom: 15px;}
.doc-main-category .document-list .doc-link{display: flex;align-items: center;column-gap: 10px;}
.doc-main-category .document-list a:hover { text-decoration:underline; }
.doc-red-btn { padding:6px 10px; background:#FFEDEE; border-radius:8px; font-size:13px; font-weight:500; color:#E61D2D;display: flex;align-items: center;justify-content: center;column-gap: 5px; text-decoration:none !important; text-transform:uppercase;}
.doc-red-btn svg { width:16px; height:auto; text-transform:uppercase;}
.doc-red-btn:hover,
.doc-red-btn:focus{background: #F4C5C8;color:#E61D2D;}



/****************
When click on sidebar toggler and also for tablet
*****************/
@media (min-width: 1170px) {
 .mini-sidebar .sidebar-nav #sidebarnav li {
 position: relative;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
 position: absolute;
 left: 0;
 top: 0;
 width: 200px;
 z-index: 1001;
 background: #f0f4fd;
 display: none;
 padding-left: 30px;
}
 .mini-sidebar .sidebar-nav ul ul li a {
border:0;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
 height: auto !important;
 overflow: auto;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
 display: block;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
 display: none;
}
 .mini-sidebar .left-sidebar {
 width: 60px;
}
 .mini-sidebar .user-profile {
 padding-bottom: 30px;
 width: 60px;
}
 .mini-sidebar .scroll-sidebar {
 padding-bottom: 0px;
 position: absolute;
}
 .mini-sidebar .hide-menu, .mini-sidebar .nav-small-cap, .mini-sidebar .sidebar-footer, .mini-sidebar .user-profile .profile-text {
 display: none;
}
 .mini-sidebar .nav-devider {
 width: 60px;
}
 .mini-sidebar .sidebar-nav {
 background: transparent;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li > a {
 padding: 16px 14px;
 width: 60px;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
 width: 260px;
 background: #f0f4fd;
 border-color: #175592;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i {
 color: #000;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
 display: inline;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li.active > a {
 border-color: transparent;
}
 .mini-sidebar .sidebar-nav #sidebarnav > li.active > a.active {
 border-color: #175592;
}
}
 @media (max-width: 767px) {
 .mini-sidebar .left-sidebar {
 position: fixed;
}
 .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {
 left: -240px;
}
 .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {
 left: 0px;
}
.cal-full #calendar .fc-right {
display:none;
}
}
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*******************
/*User mail widgets*/
/*******************/

.scroll-sidebar{height: calc(100% - 53px) !important;}
.topbar .top-navbar .mailbox { width: 300px; }
.topbar .top-navbar .mailbox ul { padding: 0px; }
.topbar .top-navbar .mailbox ul li { list-style: none; }
.mailbox ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.mailbox ul li .nav-link { border-top: 1px solid rgba(120, 130, 140, 0.13); padding-top: 15px; }
.mailbox .message-center { height: 200px; overflow: auto; position: relative; }
.mailbox .message-center a { border-bottom: 1px solid rgba(120, 130, 140, 0.13); display: block; text-decoration: none; padding: 9px 15px; }
.mailbox .message-center a:hover { background: #f2f4f8; }
.mailbox .message-center a div { white-space: normal; }
.mailbox .message-center a .user-img { width: 40px; position: relative; display: inline-block; margin: 0 10px 15px 0; }
.mailbox .message-center a .user-img img { width: 100%; }
.mailbox .message-center a .user-img .profile-status { border: 2px solid #ffffff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px; }
.mailbox .message-center a .user-img .online { background: #55ce63; }
.mailbox .message-center a .user-img .busy { background: #f62d51; }
.mailbox .message-center a .user-img .away { background: #ffbc34; }
.mailbox .message-center a .user-img .offline { background: #ffbc34; }
.mailbox .message-center a .mail-contnet { display: inline-block; width: 75%; vertical-align: middle; }
.mailbox .message-center a .mail-contnet h5 { margin: 5px 0px 0; }
.mailbox .message-center a .mail-contnet .mail-desc, .mailbox .message-center a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #54667a; white-space: nowrap; }
/*******************
/*Analytic info sparkline chart page*/
/*******************/
.analytics-info li span { font-size: 24px; vertical-align: middle; }
/*******************
/*States row*/
/*******************/
.stats-row { margin-bottom: 20px; }
.stats-row .stat-item { display: inline-block; padding-right: 15px; }
.stats-row .stat-item + .stat-item { padding-left: 15px; border-left: 1px solid rgba(120, 130, 140, 0.13); }
/*******************/
/*Dashboard1 Weather*/
/*******************/
.city-weather-days { margin: 0px; }
.city-weather-days li { text-align: center; padding: 15px 0; }
.city-weather-days li span { display: block; padding: 10px 0 0; color: #90a4ae; }
.city-weather-days li i { display: block; font-size: 20px; color: #175592; }
.city-weather-days li h3 { font-weight: 300; margin-top: 5px; }
/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets { position: relative; margin-bottom: 10px; }
.comment-widgets .comment-row { border-left: 3px solid #ffffff; padding: 15px; }
.comment-widgets .comment-row:hover, .comment-widgets .comment-row.active { border-color: #175592; }
.comment-text { padding: 15px 15px 15px 20px; }
.comment-text:hover .comment-footer .action-icons, .comment-text.active .comment-footer .action-icons { visibility: visible; }
.comment-text p { max-height: 50px; overflow: hidden; }
.comment-footer .action-icons { visibility: hidden; }
.comment-footer .action-icons a { padding-left: 15px; vertical-align: middle; color: #90a4ae; }
.comment-footer .action-icons a:hover, .comment-footer .action-icons a.active { color: #175592; }
/*******************/
/*To do widgets*/
/*******************/
.todo-list li { border: 0px; margin-bottom: 0px; padding: 20px 15px 15px 0px; }
.todo-list li .checkbox { width: 100%; }
.todo-list li .checkbox label { font-weight: 400; }
.todo-list li:last-child { border-bottom: 0px; }
.todo-list li .assignedto { padding: 0px 0 0 27px; margin: 0px; }
.todo-list li .assignedto li { list-style: none; padding: 0px; display: inline-block; border: 0px; margin-right: 2px; }
.todo-list li .assignedto li img { width: 30px; border-radius: 100%; }
.todo-list li .item-date { padding-left: 25px; font-size: 12px; display: inline-block; }
.list-task .task-done span { text-decoration: line-through; }
/*******************/
/*Chat widget*/
/*******************/
.chat-list { margin: 0px; padding: 0px; }
.chat-list li { list-style: none; margin-top: 30px; }
.chat-list li .chat-img { display: inline-block; width: 45px; vertical-align: top; }
.chat-list li .chat-img img { width: 45px; border-radius: 100%; }
.chat-list li .chat-content { width: calc(100% - 140px); display: inline-block; padding-left: 15px; }
.chat-list li .chat-content h5 { color: #90a4ae; }
.chat-list li .chat-content .box { display: inline-block; margin-bottom: 10px; }
.chat-list li .chat-time { display: inline-block; text-align: right; width: 80px; font-size: 13px; color: #90a4ae; }
.chat-list li.odd .chat-content { text-align: right; width: calc(100% - 90px); }
.chat-list li.odd .box { clear: both; }
.chat-list li.odd + .odd { margin-top: 0px; }
.chat-list li.reverse { text-align: right; }
.chat-list li.reverse .chat-time { text-align: left; }
.chat-list li.reverse .chat-content { padding-left: 0px; padding-right: 15px; }
/*******************/
/*Chat widget*/
/*******************/
.message-box ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.message-box ul li .nav-link { border-top: 1px solid rgba(120, 130, 140, 0.13); padding-top: 15px; }
.message-box .message-widget { position: relative; }
.message-box .message-widget a { border-bottom: 1px solid rgba(120, 130, 140, 0.13); display: block; text-decoration: none; padding: 9px 15px; }
.message-box .message-widget a:hover { background: #f2f4f8; }
.message-box .message-widget a:last-child { border-bottom: 0px; }
.message-box .message-widget a div { white-space: normal; }
.message-box .message-widget a .user-img { width: 45px; position: relative; display: inline-block; margin: 0 10px 15px 0; }
.message-box .message-widget a .user-img img { width: 100%; }
.message-box .message-widget a .user-img .profile-status { border: 2px solid #ffffff; border-radius: 50%; display: inline-block; height: 10px; left: 33px; position: absolute; top: -1px; width: 10px; }
.message-box .message-widget a .user-img .online { background: #55ce63; }
.message-box .message-widget a .user-img .busy { background: #f62d51; }
.message-box .message-widget a .user-img .away { background: #ffbc34; }
.message-box .message-widget a .user-img .offline { background: #ffbc34; }
.message-box .message-widget a .mail-contnet { display: inline-block; width: 75%; vertical-align: middle; }
.message-box .message-widget a .mail-contnet h5 { margin: 5px 0px 0; }
.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #54667a; white-space: nowrap; }
/*******************/
/*Calendar widget*/
/*******************/
.calendar { float: left; margin-bottom: 0px; }
.fc-view { margin-top: 30px; }
.none-border .modal-footer { border-top: none; }
.fc-toolbar { margin-bottom: 5px; margin-top: 15px; }
.fc-toolbar h2 { font-size: 18px; font-weight: 500; line-height: 30px; text-transform: uppercase; }
.fc-day { background: #ffffff; }
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; }
.fc-widget-header { border: 0px !important; }
.fc-widget-content { border-color: rgba(120, 130, 140, 0.13) !important; }
.fc th.fc-widget-header { color: #54667a; font-size: 13px; font-weight: 300; line-height: 20px; padding: 7px 0px; text-transform: uppercase; }
.fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat { background: #f2f7f8; }
.fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri { background: #f2f7f8; }
.fc-view { margin-top: 0px; }
.fc-toolbar { margin: 0px; padding: 24px 0px; }
.fc-button { background: #ffffff; border: 1px solid rgba(120, 130, 140, 0.13); color: #54667a; text-transform: capitalize; }
.fc-button:hover { background: #f2f4f8; opacity: 0.8; }
.fc-text-arrow { font-family: inherit; font-size: 16px; }
.fc-state-hover { background: #F5F5F5; }
.fc-unthemed .fc-today { border: 1px solid #f62d51; background: #f2f4f8 !important; }
.fc-state-highlight { background: #f0f0f0; }
.fc-cell-overlay { background: #f0f0f0; }
.fc-unthemed .fc-today { background: #ffffff; }
.fc-event { border-radius: 0px; border: none; cursor: move; color: #ffffff !important; font-size: 13px; margin: 1px -1px 0 -1px; padding: 5px 5px; text-align: center; background: #175592; }
.calendar-event { cursor: move; margin: 10px 5px 0 0; padding: 6px 10px; display: inline-block; color: #ffffff; min-width: 140px; text-align: center; background: #175592; }
.calendar-event a { float: right; opacity: 0.6; font-size: 10px; margin: 4px 0 0 10px; color: #ffffff; }
.fc-basic-view td.fc-week-number span { padding-right: 5px; }
.fc-basic-view .fc-day-number { padding: 10px 15px; display: inline-block; }
/*******************/
/*Steam line widget*/
/*******************/
.steamline { position: relative; border-left: 1px solid rgba(120, 130, 140, 0.13); margin-left: 20px; }
.steamline .sl-left { float: left; margin-left: -20px; z-index: 1; width: 40px; line-height: 40px; text-align: center; height: 40px; border-radius: 100%; color: #ffffff; background: #263238; margin-right: 15px; }
.steamline .sl-left img { max-width: 40px; }
.steamline .sl-right { padding-left: 50px; }
.steamline .sl-right .desc, .steamline .sl-right .inline-photos { margin-bottom: 30px; }
.steamline .sl-item { border-bottom: 1px solid rgba(120, 130, 140, 0.13); margin: 20px 0; }
.sl-date { font-size: 10px; color: #90a4ae; }
.time-item { border-color: rgba(120, 130, 140, 0.13); padding-bottom: 1px; position: relative; }
.time-item:before { content: " "; display: table; }
.time-item:after { background-color: #ffffff; border-color: rgba(120, 130, 140, 0.13); border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px; }
.time-item-item:after { content: " "; display: table; }
.item-info { margin-bottom: 15px; margin-left: 15px; }
.item-info p { margin-bottom: 10px !important; }
/*******************/
/*Feed widget*/
/*******************/
.feeds { margin: 0px; padding: 0px; }
.feeds li { list-style: none; padding: 10px; display: block; }
.feeds li:hover { background: #ebf3f5; }
.feeds li > div { width: 40px; height: 40px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100%; }
.feeds li > div i { line-height: 40px; }
.feeds li span { float: right; width: auto; font-size: 12px; }
/*******************/
/*Vertical carousel*/
/*******************/
.vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.vert .carousel-item-next, .vert .active.carousel-item-right { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100% 0); }
.vert .carousel-item-prev, .vert .active.carousel-item-left { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
/*******************/
/*social-widgets*/
/*******************/
.social-widget .soc-header { padding: 15px; text-align: center; font-size: 36px; color: #fff; }
.social-widget .soc-header.box-facebook { background: #3b5998; }
.social-widget .soc-header.box-twitter { background: #00aced; }
.social-widget .soc-header.box-google { background: #f86c6b; }
.social-widget .soc-header.box-linkedin { background: #4875b4; }
.social-widget .soc-content { display: flex; text-align: center; }
.social-widget .soc-content div { padding: 10px; }
.social-widget .soc-content div h3 { margin-bottom: 0px; }
/*******************/
/*Guage chart*/
/*******************/
.gaugejs-box { position: relative; margin: 0 auto; }
.gaugejs-box canvas.gaugejs { width: 100% !important; height: auto !important; }
/*******************/
/*social-profile-first*/
/*******************/
.social-profile-first { text-align: center; padding-top: 22%; margin-bottom: 96px; }
.social-profile-first.bg-over { background: rgba(56, 83, 161, 0.7); }
.social-profile-first .middle { vertical-align: middle; }
/*******************/
/*country-state*/
/*******************/
.country-state { list-style: none; margin: 0; padding: 0 0 0 10px; }
.country-state li { margin-top: 30px; margin-bottom: 10px; }
.country-state h2 { margin-bottom: 0px; font-weight: 400; }
/*******************/
/*profile timeline widget*/
/*******************/
.profiletimeline { position: relative; margin-left: 70px; margin-right: 10px; }
.profiletimeline .sl-left { float: left; margin-left: -60px; z-index: 1; margin-right: 15px; }
.profiletimeline .sl-left img { max-width: 40px; }
.profiletimeline .sl-item { margin-top: 8px; margin-bottom: 30px; }
.profiletimeline .sl-date { font-size: 12px; color: #90a4ae; }
.profiletimeline .time-item { border-color: rgba(120, 130, 140, 0.13); padding-bottom: 1px; position: relative; }
.profiletimeline .time-item:before { content: " "; display: table; }
.profiletimeline .time-item:after { background-color: #ffffff; border-color: rgba(120, 130, 140, 0.13); border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px; }
.profiletimeline .time-item-item:after { content: " "; display: table; }
.profiletimeline .item-info { margin-bottom: 15px; margin-left: 15px; }
.profiletimeline .item-info p { margin-bottom: 10px !important; }

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@media (min-width: 1600px) {
 .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
 float: left;
}
 .col-xlg-12 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 100%;
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
 max-width: 100%;
}
 .col-xlg-11 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 91.66666667%;
 -ms-flex: 0 0 91.66666667%;
 flex: 0 0 91.66666667%;
 max-width: 91.66666667%;
}
 .col-xlg-10 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 83.33333333%;
 -ms-flex: 0 0 83.33333333%;
 flex: 0 0 83.33333333%;
 max-width: 83.33333333%;
}
 .col-xlg-9 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 75%;
 -ms-flex: 0 0 75%;
 flex: 0 0 75%;
 max-width: 75%;
}
 .col-xlg-8 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 66.66666667%;
 -ms-flex: 0 0 66.66666667%;
 flex: 0 0 66.66666667%;
 max-width: 66.66666667%;
}
 .col-xlg-7 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 58.33333333%;
 -ms-flex: 0 0 58.33333333%;
 flex: 0 0 58.33333333%;
 max-width: 58.33333333%;
}
 .col-xlg-6 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 50%;
 -ms-flex: 0 0 50%;
 flex: 0 0 50%;
 max-width: 50%;
}
 .col-xlg-5 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 41.66666667%;
 -ms-flex: 0 0 41.66666667%;
 flex: 0 0 41.66666667%;
 max-width: 41.66666667%;
}
 .col-xlg-4 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 33.33333333%;
 -ms-flex: 0 0 33.33333333%;
 flex: 0 0 33.33333333%;
 max-width: 33.33333333%;
}
 .col-xlg-3 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 25%;
 -ms-flex: 0 0 25%;
 flex: 0 0 25%;
 max-width: 25%;
}
 .col-xlg-2 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 16.66666667%;
 -ms-flex: 0 0 16.66666667%;
 flex: 0 0 16.66666667%;
 max-width: 16.66666667%;
}
 .col-xlg-1 {
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 8.33333333%;
 -ms-flex: 0 0 8.33333333%;
 flex: 0 0 8.33333333%;
 max-width: 8.33333333%;
}
 .col-xlg-pull-12 {
 right: 100%;
}
 .col-xlg-pull-11 {
 right: 91.66666667%;
}
 .col-xlg-pull-10 {
 right: 83.33333333%;
}
 .col-xlg-pull-9 {
 right: 75%;
}
 .col-xlg-pull-8 {
 right: 66.66666667%;
}
 .col-xlg-pull-7 {
 right: 58.33333333%;
}
 .col-xlg-pull-6 {
 right: 50%;
}
 .col-xlg-pull-5 {
 right: 41.66666667%;
}
 .col-xlg-pull-4 {
 right: 33.33333333%;
}
 .col-xlg-pull-3 {
 right: 25%;
}
 .col-xlg-pull-2 {
 right: 16.66666667%;
}
 .col-xlg-pull-1 {
 right: 8.33333333%;
}
 .col-xlg-pull-0 {
 right: auto;
}
 .col-xlg-push-12 {
 left: 100%;
}
 .col-xlg-push-11 {
 left: 91.66666667%;
}
 .col-xlg-push-10 {
 left: 83.33333333%;
}
 .col-xlg-push-9 {
 left: 75%;
}
 .col-xlg-push-8 {
 left: 66.66666667%;
}
 .col-xlg-push-7 {
 left: 58.33333333%;
}
 .col-xlg-push-6 {
 left: 50%;
}
 .col-xlg-push-5 {
 left: 41.66666667%;
}
 .col-xlg-push-4 {
 left: 33.33333333%;
}
 .col-xlg-push-3 {
 left: 25%;
}
 .col-xlg-push-2 {
 left: 16.66666667%;
}
 .col-xlg-push-1 {
 left: 8.33333333%;
}
 .col-xlg-push-0 {
 left: auto;
}
 .offset-xlg-12 {
 margin-left: 100%;
}
 .offset-xlg-11 {
 margin-left: 91.66666667%;
}
 .offset-xlg-10 {
 margin-left: 83.33333333%;
}
 .offset-xlg-9 {
 margin-left: 75%;
}
 .offset-xlg-8 {
 margin-left: 66.66666667%;
}
 .offset-xlg-7 {
 margin-left: 58.33333333%;
}
 .offset-xlg-6 {
 margin-left: 50%;
}
 .offset-xlg-5 {
 margin-left: 41.66666667%;
}
 .offset-xlg-4 {
 margin-left: 33.33333333%;
}
 .offset-xlg-3 {
 margin-left: 25%;
}
 .offset-xlg-2 {
 margin-left: 16.66666667%;
}
 .offset-xlg-1 {
 margin-left: 8.33333333%;
}
 .offset-xlg-0 {
 margin-left: 0;
}
}
.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/
.bootstrap-touchspin .input-group-btn { align-items: normal; }
.form-control-danger, .form-control-success, .form-control-warning { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem;
-webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem; }
.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #55ce63; }
.has-success .form-control-success { background-image: url(https://www.wrappixel.com/demos/admin-templates/monster-admin/assets/images/icon/success.svg); }
.has-success .form-control { border-color: #55ce63; }
.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #ffbc34; }
.has-warning .form-control-warning { background-image: url(https://www.wrappixel.com/demos/admin-templates/monster-admin/assets/images/icon/warning.svg); }
.has-warning .form-control { border-color: #ffbc34; }
.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #f62d51; }
.has-danger .form-control-danger { background-image: url(https://www.wrappixel.com/demos/admin-templates/monster-admin/assets/images/icon/danger.svg); }
.has-danger .form-control { border-color: #f62d51; }
 .input-group-addon [type="radio"]:not(:checked), .input-group-addon [type="radio"]:checked, .input-group-addon [type="checkbox"]:not(:checked), .input-group-addon [type="checkbox"]:checked {
 position: initial;
 opacity: 1;
}
.invisible { visibility: hidden !important; }
.hidden-xs-up { display: none !important; }
 @media (max-width: 575px) {
 .hidden-xs-down {
 display: none !important;
}
}
 @media (min-width: 576px) {
 .hidden-sm-up {
 display: none !important;
}
}
 @media (max-width: 767px) {
 .hidden-sm-down {
 display: none !important;
}
}
 @media (min-width: 768px) {
 .hidden-md-up {
 display: none !important;
}
}
 @media (max-width: 991px) {
 .hidden-md-down {
 display: none !important;
}
}
 @media (min-width: 992px) {
 .hidden-lg-up {
 display: none !important;
}
}
 @media (max-width: 1199px) {
 .hidden-lg-down {
 display: none !important;
}
}
 @media (min-width: 1200px) {
 .hidden-xl-up {
 display: none !important;
}
}
.hidden-xl-down { display: none !important; }
.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title { color: #ffffff; }

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 For Laptop & above all (1650px) 
 ============================================================== */
@media (min-width: 1650px) {
 .widget-app-columns {
 column-count: 3;
}
}

/*============================================================== 
 For Laptop & above all (1370px) 
 ============================================================== */
@media (max-width: 1370px) {
 .widget-app-columns {
 column-count: 2;
}
}

/*-- ============================================================== 
 Small Desktop & above all (1024px) 
 ============================================================== */
@media (min-width: 1024px) {
 .page-wrapper {
 margin-left: 260px;
}
 .footer {
 left: 260px;
}
}
 @media (max-width: 1023px) {
 .page-wrapper {
 margin-left: 60px;
 transition: 0.2s ease-in;
}
 .footer {
 left: 60px;
}
 .widget-app-columns {
 column-count: 1;
}
 .inbox-center a {
 width: 200px;
}
}

/*-- ============================================================== 
 Ipad & above all(768px) 
 ============================================================== */
@media (min-width: 768px) {
 .navbar-header {
 width: 230px;
 flex-shrink: 0;
}
 .navbar-header .navbar-brand {
 padding-top: 0px;
}
 .material-icon-list-demo .icons div {
 width: 33%;
 display: inline-block;
 line-height: 26px;
}
 .mini-sidebar .page-wrapper {
 margin-left: 60px;
}
 .mini-sidebar .footer {
 left: 60px;
}
 .flex-wrap {
 flex-wrap: no-wrap !important;
 -webkit-flex-wrap: no-wrap !important;
}
}
.breadcrumb { margin:5px 0 0 0; padding:0; }
.breadcrumb li { margin:0; color:#2B354A; font-size: 13px; font-weight: 500; }
.breadcrumb li a { color:#7E7E7E; }
.breadcrumb li a:hover { color:#7E7E7E; }
.breadcrumb-item.active { color: #2B354A; }
.breadcrumb .breadcrumb-item + .breadcrumb-item:before, .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before { font-size: 9px; }
.dashboard-card { background:#fff; border-radius: 10px; padding: 25px 22px; box-shadow:0 0 15px rgba(0, 0, 0, 0.01); max-height: calc(100% - 30px); margin-bottom: 30px; }
.dashboard-card .card-icon { width:52px; height:52px; background:#FDF7F8; padding: 11px; border-radius:50%; display: flex; align-items: center; justify-content: center; }
.dashboard-card .card-icon img { width:100%; height:100%; }
.dashboard-card .card-value { width:calc(100% - 53px); padding-left:18px; }
.dashboard-card h2 { font-size:15px; color:#A5B2C4; font-weight:400; margin-bottom:4px; }
.dashboard-card h2 a { color:#7E7E7E; }
.dashboard-card h2 a:hover { color:#E61D2D; }
.dashboard-card h3 { font-size:25px; color:#1a1a1a; font-weight:700; margin-bottom:0; }
.card { border-radius: 10px; }
.card-body, .card-body.p-0 { border-radius: 10px; background:#fff; padding:22px !important; }
.btn.btn-danger { background:#F13A3A; }
.btn.btn-primary { background: #E61D2D; }
.btn.btn-success { background: #246C29; }
.btn.btn-dark { background: #e61d2d; }
.button, .btn, .btn.btn-primary, input[type=submit] { background:#1a1a1a; border-radius: 8px; font-size:13px; color:#fff; font-weight:500; padding:11px 15px; border:0 !important; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0.26px; }
.button i, .btn i { font-size:12px; margin-right:5px; }
.button:hover, .btn:hover, .button:focus, .btn:focus, .button:active:focus, .btn:active:focus, .btn.btn-primary:hover, .btn.btn-primary:focus { color:#fff; background:#E61D2D; border:0 !important; }
.button:focus, .btn:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
.margin_right { width: 20px; height: 20px; }
.sidebar_icon { margin-right: 10px !important; }
.table { border: 0 !important; border-top:1px solid #ecf2f6 !important; border-radius: 15px; margin-top:20px; margin-bottom:20px; }
.table:first-child { margin-top:0; }
.table th { background:#f8f9fb !important; font-size:13px; font-weight:700 !important; color:#2B354A; }
.table td { font-size:13px; color:#2B354A; font-weight:400; background:#fff !important; }
.table .table-success td { background:#aee8bb !important; }
.table th, .table td, .table-bordered th, .table-bordered td { padding: 10px; border-bottom:1px solid #ecf2f6 !important; border-right:1px solid #ecf2f6 !important; }
.table tr th:first-child, .table tr td:first-child { border-left:1px solid #ecf2f6 !important; }
.dataTables_length, .dataTables_info, .dataTables_filter label { font-size:13px; color:#6D7D93; font-weight:400; }
.dataTables_length select { background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 8px; color:#2B354A; font-size:13px; font-weight:400; padding:6px 10px; min-width:110px; height:40px; margin: 0 10px; cursor:pointer; }
.dataTables_filter select, .dataTables_filter input[type=text], .dataTables_filter input[type=search], .dataTables_filter input[type=tel] { background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 8px; color:#1a1a1a; font-size:13px; font-weight:400; padding:6px 10px; height:40px; margin: 0 10px; }
.dataTables_wrapper .dataTables_paginate .paginate_button { color:#175592; font-size:13px; font-weight:500; border-radius: 50%; border: 1px solid #EAEAEA; background:#fff; margin:0 2px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: #F0F4FD; border-color:#F0F4FD; color:#175592; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous { border-radius:0; border:0; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover { border-radius:0; border:0; color:#175592; background:none; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity:0.5; }
.btn-status { font-size:20px; }
.btn-status, .btn-status i { color:#A8ABB7; }
.fa-toggle-on { color:#175592 !important; }
.table .icon-btn { font-size:17px; }
.btn-delete { color:#E61D2D; }
.btn-edit { color:#175592; }
.btn-view { color:#32478E; }
.btn-database { color:#32478E; }
input.error { border: 1px solid red; }
label.error { width: 100%; color: red; font-style: normal !important; margin-left: 0px !important; margin-bottom: 5px;z-index: 1; }
.form-group { margin-bottom:20px !important; position:relative; }
.col-form-label, .page-filter label { display:block; font-size:13px; color:#2B354A; font-weight:500; margin: 0; padding-top: calc(.5rem - 1px * 2);
padding-bottom: calc(.5rem - 1px * 2);
letter-spacing: 0.07px; }
.col-form-label b {font-weight:500;}
.form-control, select.form-control:not([size]):not([multiple]), .custom-file, .form-control.select, .select2-container--default .select2-selection--multiple {
border: 1px solid #EAEAEA;
border-radius: 8px;
background:#fff;
height:45px;
width:100%;
color: #2B354A;
font-size: 13px;
font-weight: 400;
}
.select2-container--default .select2-selection--multiple { height:auto; min-height:45px; }
label.error { position: absolute; left: 25px; bottom: -15px; padding: 4px 7px; color: #fff !important; background: #E61D2D; border-radius: 5px; width: auto !important; font-size: 13px; line-height: 1; }
label.error:before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #E61D2D; top:-4px; left:15px; content:""; position:absolute; }
.ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 { font-size:18px; font-weight:700; color:#2B354A; margin-bottom:25px; padding-bottom:15px !important; float:none !important; border-bottom: 1px solid #EAEAEA; }
textarea.form-control { height:100px; }
.custom-file { position:relative; }
.custom-file-label { margin:0; background:#EAEAEA; position:absolute; right:0; top:0; height:100%; padding:0 15px; display: flex; align-items: center; justify-content: center; cursor:pointer; }
.custom-file-input { width:100%; height:45px; cursor:pointer; }
.login-page { background:#fff; }
/*.login-register { background:#fff; padding:0 15px; }*/
.login-register .login-box { max-width: 560px; margin:0; padding: 50px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border-radius: 20px; width:100%; border:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.login-register .card-body { padding:0; background:none; border-radius:0; }
.login-register h1 { margin-bottom:10px; font-size:24px; }
.login-register p { font-size:13px; color: #343a40; }
.login-register .form-control, .login-register .form-control:focus { background-color: #FFFFFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; padding: 15px; border-radius: 10px; height:53px; font-size:14px; color:#000; }
.login-register .btn { background-color: #E61D2D; border-color: #E61D2D; padding: 15px; font-size: 18px; border-radius: 10px; }
.login-logo { text-align:center; }
.login-logo img { width:280px; }
 @media (max-width: 767px) {
.login-register .login-box {
padding: 20px;
position: static;
transform: translate(0, 0);
margin: 25px auto;
}
}
.modal-header { position:relative; }
.modal-header .close { position: absolute; right: 0; top: 0; width: 55px; height: 55px; cursor: pointer; font-size: 25px; }
.dropify-wrapper { height:45px; border:1px solid #EAEAEA; border-radius: 8px; }
.dropify-wrapper .dropify-message { display: flex; align-items: center; }
.dropify-wrapper .dropify-message span.file-icon { font-size:30px; }
.dropify-wrapper .dropify-message p { margin: 0 0 0 5px; display: block; font-size: 13px; color: #2B354A; font-weight: 400; font-family: "Roboto", sans-serif; }
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message { display:none; }
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p { text-align:left; }
.dropify-wrapper .dropify-clear { top: 5px; right: 5px; border-radius: 8px; cursor:pointer; }
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner { padding: 0 10px; }
.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner { margin-top: -2px; }
.form-group .col-sm-6 { align-items: center; }
.page-info { font-size: 15px; color: #175592; font-weight: 400; }
.order-item { border-radius: 15px; padding: 16px; margin-bottom:17px; background: #fff; }
.order-header { border-bottom: 1px solid #ECF2F6; padding-bottom:14px; margin-bottom:15px; }
.order-header h2 { color: #080A0D; font-size:17px; font-weight:700; margin-bottom:0; font-family: 'Roboto', sans-serif; }
.order-header h2 a { color: #080A0D; }
.order-header .order-no { margin-bottom:0; color:#2B354A; font-size:14px; }
.order-content .order-date { margin-right:40px; color:#E61D2D; margin-bottom: 3px; }
.order-content .order-date .label { display:block; color:#A5B2C4; font-size:12px; font-weight:500; margin-bottom:14px; padding:0; }
.order-content .rp-name { margin-bottom:0; color: #2B354A; font-weight: 700; font-size: 15px; }
.order-content .rp-name strong { font-weight:700; }
.order-content .order-right { text-align:right; row-gap:10px; }
.order-content .order-right a { color:#333; text-decoration:none; }
.order-content .order-right a:hover { color:#E61D2D; }
.order-item:hover { border-color: #E61D2D; }
.order-item, .order-header h2, .order-header .order-no { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.order-content .order-right .button { color:#fff; display: inline-block; }
.order-content .order-right .button:hover { color:#fff; }
.red-btn { background:#E61D2D; }
.red-btn:hover { background:#000; }
.order-content .order-right .red-btn { margin-right:10px; }
.detail-row { padding:8px 0; border-bottom: 1px solid #ddd; /*display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;*/ font-size:14px; color:#2B354A; font-weight:400; word-wrap: break-word; }
.detail-row .left-label { padding-right:0; }
.detail-row .right-value { padding-left:0; font-weight:700; min-height: 21px; }
.col-lg-12 .detail-row {/*-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;*/ }
.col-lg-12 .detail-row .left-label, .col-md-12 .detail-row .right-value { /*width:50%;*/ }
.col-lg-12 .detail-row .w-19-col { width:21%; }
.col-lg-12 .detail-row .w-12-col { width:13%; }
.col-lg-12 .detail-row .w-100-col { width:100%; }
.detail-row .p-0 { padding-left:0 !important; }
.document-list { margin-top:50px; }
.document-list .col-md-6 { margin-top:20px; }
.document-list h2 { font-size:18px; color:#080A0D; font-weight:700; margin-bottom:10px; letter-spacing:0.4px; line-height: 1.3; }
.table-responsive .html5buttons { margin-bottom: 15px; }
.table-responsive #buttons, .table-responsive .html5buttons { display: flex; justify-content: end; }
.dt-buttons .dt-button { background: #E61D2D; border-radius: 8px; font-size: 13px; color: #fff; font-weight: 600; padding: 9px 20px; display: inline-block; }
.dt-buttons .dt-button:hover { background: #000; }
/*.tabs-container { background-color:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);border-radius: 10px 10px 0 0; overflow:hidden;}*/
.nav-tabs { border:0; background: #F8F9FB; margin: -22px -22px 22px -22px; }
.nav-tabs .nav-link { border:0; background: #EFF1F6; font-size:13px; font-weight:700; color:#2B354A; padding: 9px 16px; border-radius:10px 10px 0 0; margin-right: 1px; }
.nav-tabs .nav-link:hover, .tabs-container .nav.nav-tabs li a.active { color:#2B354A; background:#fff !important; }
.tab-content { padding: 0; }
.tab-content table { margin-top:0; }
.page-filter label { min-height:32px; }
.add-row-table .float-right { margin-bottom:15px; }
.success-message { color: #fff; font-weight: 400; margin: 0 auto; font-size: 16px; padding: 10px 15px; background: #5eba7d; border-radius: 10px; border: 0; }
.brd-bottom { border-bottom: 1px solid #EAEAEA; }
.login-link { margin: 0 10px; color:#000; text-decoration:none; font-size:14px; font-weight:400; }
.login-link:hover { color:#E61D2D; }
.client-dashboard .card-title { border-bottom: 1px solid #EAEAEA; margin-bottom: 30px; padding-bottom: 15px; margin-top: 15px; padding-top: 15px; }
.client-dashboard .card-title .pull-left { float:none; }
.client-dashboard .card-title br { display:none; }
.notification-widget .notification-bell { width:35px; height:35px; background:#1a1a1a; border-radius:50%; color:#fff; display: flex; align-items: center; justify-content: center; position:relative; }
.notification-widget .notification-bell .label { position:absolute; top:-2px; right:-2px; background:#E61D2D; display: flex; align-items: center; justify-content: center; padding:2px; min-width:14px; min-height:14px; font-size: 10px; font-weight: 500; border-radius:50%; line-height:10px; }
.align-item-center { align-items: center; }
.notification-widget .dropdown-menu { left:25px; padding:0; transform: translateX(-50%); margin-top:5px; }
.notification-widget .dropdown-menu:before { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #175592; position: absolute; left: 50%; top: -8px; content: ""; margin-left: -3px; }
.notification-widget .dropdown-menu li a { font-size: 13px; color: #2B354A; font-weight:600; padding:7px 12px !important; }
.notification-widget .dropdown-menu li:not(:last-child) a {
border-bottom:1px solid #F0F4FD;
}
.notification-widget .dropdown-menu li a p { font-size: 12px; font-weight: 400; color: #6D7D93; }
.notification-widget .dropdown-menu li a:hover { color:#E61D2D; }
.table-margin-none table { margin-top:0; }
/*** 

====================================================================
  Ghost Sheet
====================================================================

***/
.account-content .small-title { font-size:17px; font-weight:700; color:#2B354A; line-height: 1.2; margin-bottom: 25px; }
.account-content .common-form .form-control { border-color:#D8D8D8; height:50px; padding:10px 15px; color:#080A0D; }
.account-content .form-group { margin-bottom: 25px; position: relative; }
.account-content .form-group label, .account-content .form-group .label { display: block; color: #2B354A; font-weight: 500; padding: 0 0 5px 0; font-size: 14px; line-height: 1.2; }
.account-content hr { border:0; border-bottom: 1px solid #F1F1F1; margin:15px 0 30px 0; }
.account-content .gray-box { border-radius: 12px; background: #F9F9F9; border: 1px solid #E8E8E8; padding: 35px; }
.account-content .gray-box h2, .brd-title { border-bottom: 1px solid #E8E8E8; margin:-22px -22px 25px -22px; padding: 22px; }
.account-content .group-field { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 14px; }
.form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:33.333%; }
.form-check.width-100 { width:100%; margin-top:15px; }
.form-check .form-check-label { padding:0 0 0 10px; font-size:15px; color:#333; font-weight:400; }
.form-check .form-check-input { margin:0; padding:0; }
 .account-content [type="radio"]:checked, [type="radio"]:not(:checked), .radio [type="radio"]:checked {
position: absolute;
left: -9999px;
}
.account-content [type="radio"]:checked + label, [type="radio"]:not(:checked) + label, .radio [type="radio"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
line-height: 20px;
}
.account-content [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before, .radio [type="radio"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 19px;
height: 19px;
border: 1px solid #B3B3B3;
border-radius: 100%;
background: #fff;
}
.account-content [type="radio"]:checked + label:after, .account-content [type="radio"]:not(:checked) + label:after, .radio [type="radio"]:checked + label:after, .radio [type="radio"]:not(:checked) + label:after {
content: '';
width: 19px;
height: 19px;
background: #E61D2D;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.account-content [type="radio"]:not(:checked) + label:after, .radio [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.account-content [type="radio"]:checked + label:after, .radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(0.6); transform: scale(0.6); }
.account-content [type="radio"]:checked + label:before, .radio [type="radio"]:checked + label:before { border-color:#E61D2D; }
.radio.inline { float:left; margin-right:12px; margin-top: 5px; }
.radio.inline label { margin-bottom:0; }
.account-content .disable { opacity:0.4; pointer-events: none; }
.account-content .orange-info { display:block; font-size:13px; color:#E61D2D; font-style:italic; font-weight: 400; margin-top: 9px; }
.account-content .orange-info.inline { display:inline-block; vertical-align:middle; padding-left:5px; }
.account-content .mb-15 { margin-bottom:15px; }
.account-content .mb-25 { margin-bottom:25px; }
.account-content .white-box { border-radius: 10px; background: #fff; padding:22px; }
.account-content .large-label-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #F1F1F1; padding: 25px 0; }
.account-content .large-label-block:first-child { border-top-width:0; }
.account-content .large-label-block .form-group { margin-bottom:0; width:55%; }
.account-content .large-label-block .right-col { width:45%; padding-left: 40px; }
.account-content .large-label-block .label { padding-bottom:0; }
.account-content .large-label-block .group-field { padding-top:0; }
.account-content .common-form textarea.form-control { height:120px; resize:none; line-height:1.6; }
.account-content .small-box { padding-top:25px; padding-bottom:25px; }
.account-content .small-box h2 { border-bottom: 1px solid #E8E8E8; padding-bottom:15px; margin-bottom: 20px; }
.account-content .small-box .form-group .label { font-weight:400; }
.account-content .file-browse { width: 100%; position:relative; }
.account-content .file-upload-wrapper { position: relative; width: 100%; height: 50px; border:1px solid #D8D8D8; border-radius: 8px; overflow: hidden; }
.account-content .file-upload-wrapper:after { content: attr(data-text); font-size: 16px; position: absolute; top: 0; left: 0; background: #fff; padding: 10px 15px 10px 125px; display: block; width: 100%; pointer-events: none; z-index: 2; height: 50px; line-height: 28px; color: #BEBDBD; font-weight: 400; }
.account-content .file-upload-wrapper:before { content: "Browse.."; position: absolute; top: 0; left: 0; display: block; height: 50px; background: #f6f6f6 url(../assets/images/browse-bg.svg) no-repeat 12px center; color: #080A0D; font-weight: 500; z-index: 3; font-size: 16px; line-height: 50px; padding: 0 20px 0 38px; pointer-events: none; width:115px; border-right: 1px solid #D8D8D8; }
.account-content .file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; height: 50px; margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; }
.account-content .mt-50 { margin-top:50px; }
.account-content .file-close { display:none; position:absolute; right:20px; top:0; z-index:5; }
.account-content .file-close.show { display:block; }
.account-content .filter { margin-bottom: 25px; }
.searchform .form-check { margin-bottom:0; margin-top:11px; padding-right:10px; width: auto; }
.suggesstion-box-wrap { position:relative; }
.suggesstion-box { position: absolute; left: 0; right: 0; top: 41px; z-index: 3; }
.suggesstion-box ul { margin:0; padding:0 !important; list-style:none; max-height: 300px; overflow-y: auto; border:1px solid #EAEAEA; border-radius: 0 0 10px 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-top: 0; background:#fff; }
.suggesstion-box ul li { padding: 10px 15px; border-bottom:1px solid #EAEAEA; }
.suggesstion-box ul li:hover { background:#EAEAEA; }
/*** 

====================================================================
  Pre-App Cover
====================================================================

***/
.account-content .blue-color { color:#2B354A; }
.account-content .group-field.auto .form-check { width:auto; margin-right:45px; }
.account-content .submmited-date { border: 1px solid #D8D8D8; color:#080A0D; border-radius: 8px; padding:10px 24px; margin-left:21px; }
.account-content .small-black-title { font-size:16px; color:#080A0D; line-height:24px; margin-bottom: 15px; font-weight: 700; }
.account-content .group-field.width50 { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top:0; }
.account-content .group-field.width50 .form-check { width:50%; margin-top:14px; }
.account-content .select-wrap { position:relative; }
.account-content .select-wrap:before { position: absolute; right: 10px; top: 50%; content: ""; background:url(../images/select-arrow.svg) no-repeat 0 0; width:13px; height:7px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.account-content .common-form .select-wrap select, .account-content .select-wrap select { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor:pointer; padding-right:25px; }
.account-content .italic { font-style:italic; font-size:16px; font-weight:400; }
.account-content .percentage-field, .account-content .dollar-field { position:relative; }
.account-content .percentage-field .form-control { padding-right:45px; margin-bottom:0; }
.account-content .dollar-field .form-control { padding-left:45px; margin-bottom:0; }
.account-content .percentage-field:before, .account-content .dollar-field:before { width:33px; height:100%; text-align:center; content:"%"; position:absolute; right:0; top:0; background: #E8E8E8; border-radius: 0 7px 7px 0; color:#686A6F; font-size:18px; font-weight:400; line-height: 50px; }
.account-content .dollar-field:before { left:0; right:auto; border-radius: 7px 0 0 7px; content:"$"; }
.account-content .sales-volume, .account-content .respectively-list { margin:0; padding:0; list-style:none; }
.account-content .sales-volume .form-group, .account-content .respectively-list .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom:13px; }
.account-content .respectively-list .form-group { margin-bottom:20px; }
.account-content .sales-volume .form-group .form-control, .account-content .respectively-list .form-group .form-control { font-size:17px; }
.account-content .sales-volume li:last-child .form-group, .account-content .respectively-list li:last-child .form-group { margin-bottom:0; }
.account-content .sales-volume li .label { width:calc(100% - 205px); }
.account-content .respectively-list li .form-group .label, .account-content .sales-volume li .form-group .label { padding-bottom:0; }
.account-content .sales-volume li .form-control { width:194px; text-align:right; }
.account-content .respectively-list .form-group { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
.account-content .respectively-list li .form-control { width:94px; text-align:center; }
.account-content .respectively-list li .percentage-field { margin-left:15px; margin-right:15px; }
.account-content .respectively-list li .form-group .label { width:100px; font-size:15px; font-weight:500; }
.account-content .respectively-list li .form-group .label.fixed-width { width:125px; }
.account-content .respectively-list { margin-bottom:35px; }
.account-content .width100 { width:100%; margin-bottom:15px; }
.account-content .large-label-block.width50 { border:0; padding: 15px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.account-content .large-label-block.width50 .form-group, .large-label-block.width50 .right-col { width: 50%; padding:0; }
.account-content .large-label-block.width50 .form-group { padding-right:15px; }
.account-content .large-label-block.width50 .right-col { padding-left:15px; }
.account-content .large-label-block.width50 .form-check { width:50%; }
.account-content .last-row { margin-bottom:-25px; }
.account-content .switch-wrap { position:relative; }
.account-content .switch-wrap .switch-checkbox { position:absolute; right:9px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.account-content .switch-wrap .form-control { padding-right: 55px; }
.account-content .switch-checkbox input[type="checkbox"].toggle { opacity: 0; position: absolute; left: -99999px; }
.account-content .switch-checkbox input[type="checkbox"].toggle + label { height: 23px; line-height: 25px; width:43px; background-color: #175592; padding: 0 4px; border-radius: 16px; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; font-size: 12px; font-weight: 500; }
.account-content .switch-checkbox input[type="checkbox"].toggle + label:before, .account-content .switch-checkbox input[type="checkbox"].toggle + label:hover:before { content: ' '; position: absolute; top: 3px; left: 4px; width: 17px; height: 17px; background: #fff; z-index: 2; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 50%; }
.account-content .switch-checkbox input[type="checkbox"].toggle + label .off, .account-content .switch-checkbox input[type="checkbox"].toggle + label .on { color: #fff; }
.account-content .switch-checkbox input[type="checkbox"].toggle + label .off { margin-left: 21px; display: inline-block; }
.account-content .switch-checkbox input[type="checkbox"].toggle + label .on { display: none; }
.account-content .switch-checkbox input[type="checkbox"].toggle:checked + label .off { display: none; }
.account-content .switch-checkbox input[type="checkbox"].toggle:checked + label .on { margin-left: 6px; display: inline-block; }
.account-content .switch-checkbox input[type="checkbox"].toggle:checked + label, .account-content .switch-checkbox input[type="checkbox"].toggle:focus:checked + label { background-color: #34C417; }
.account-content .switch-checkbox input[type="checkbox"].toggle:checked + label:before, .account-content .switch-checkbox input[type="checkbox"].toggle:checked + label:hover:before, .account-content .switch-checkbox input[type="checkbox"].toggle:focus:checked + label:before, .account-content .switch-checkbox input[type="checkbox"].toggle:focus:checked + label:hover:before { background-position: 0 0; top: 3px; left: 100%; margin-left: -21px; }
.topbar ul.dropdown-user li i { margin-right:5px; }
table ul { margin:0; padding:0; list-style:none; }
table ul li { position:relative; margin-bottom:7px; padding-left: 17px; }
table ul li:before { position: absolute; width: 7px; height: 7px; left:0; top:5px; content:""; border-radius:50%; background:#175592; }
.head-profile-wrap { display: flex; align-items: center; }
.head-profile-wrap .head-profile-name { font-size:14px; color:#2B354A; font-weight:500; margin-left:13px; }
.topbar ul.dropdown-user li .dw-user-box .u-img { width:40px; }
.page-titles { display: flex; align-items: center; justify-content: space-between; }
.width150 { width:150px !important; }
.width335 { width:335px !important; }
.width200 { width:200px !important; }
.sheet-header span { padding-right:10px; }
.pre-app-title { background: #ECF2F6; color:#2B354A; font-size:17px; padding: 12px 20px; margin: 22px -22px 5px -22px; }
.pre-app-title.first-title { margin-top:-22px; }
.blue-btn { background: #175592; color:#fff; padding: 8px 15px; }
.blue-btn:hover, .blue-btn:focus { background: #000; color:#fff; }
.dark-link a, .dark-link { text-align: left; font-weight:600; letter-spacing: 0px; color: #2B354A; opacity: 1; font-family: 'Open Sans', sans-serif; }
.dark-link a:hover, .dark-link:hover { color:#E61D2D; }
.topbar .sidebartoggler { display:none; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.notification-widget #notification_header { padding:8px 12px; letter-spacing: 0.13px; color: #FFFFFF; font-size:13px; font-weight:400; background: #175592; border-radius: 10px 10px 0 0; }
.notification-widget #notification_header span { display:flex; justify-content: space-between; align-items: center; }
.notification-widget li a.all-notification { letter-spacing: 0.06px; color: #E61D2D; font-size:13px; font-weight:400; padding:8px 12px !important; display: block; }
.notification-widget li a.all-notification:hover { color:#175592; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #fff; }
.dataTables_filter input[type="search"] { background-image:url(../assets/images/search-icon.svg); background-repeat: no-repeat; background-position: center right 10px; padding-right: 35px; }
.table { border-collapse: separate; border-spacing: 0; }
.table tr:first-child th:first-child { border-top-left-radius: 15px; }
.table tr:last-child td:first-child { border-bottom-left-radius: 15px; }
.table tr:first-child th:last-child { border-top-right-radius: 15px; }
.table tr:last-child td:last-child { border-bottom-right-radius: 15px; }
.table-hover tbody tr:hover { background-color: transparent; }
.dt-buttons .dt-button.buttons-csv, .buttons-csv { background-color: #F0F4FD; border-radius: 8px; color:#175592; letter-spacing: 0.26px; font-size:13px; background-image:url(../assets/images/csv-btn-icon.svg); background-repeat: no-repeat; background-position: 15px center; padding:10px 15px 10px 40px; }
.dt-buttons .dt-button.buttons-csv:hover, .buttons-csv:hover { background-color: #CEDAF5; }
.modal-title { color:#2B354A; font-size:18px; font-weight:700; font-family: 'Open Sans', sans-serif; }
.modal-content { border-radius:10px; border:0; width: 100%; }
.popup-card { border: 1px solid #ECF2F6; border-radius: 15px; padding:15px; margin-bottom:15px; }
.popup-detail-card { color:#1A1A1A; font-size:14px; font-weight:400; }
.popup-detail-card strong, .popup-detail-card b { font-weight:700; }
.popup-detail-card .col-lg-6 { padding-bottom:5px; padding-top:5px; }
.modal-content .btn img { display:none; }
.modal-content h2, .modal-content h3, .modal-content h4, .modal-content h5, .modal-content h6 { color:#2B354A; font-weight:700; font-family: 'Open Sans', sans-serif; font-size:17px; }
.modal-dialog-centered {  min-height: calc(100% - (1.75rem * 2));
}
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;  min-height: calc(100% - (.5rem * 2));
}
.modal-content .tabs-container { border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; }
.modal-content .tabs-container .tab-content { padding:0 15px; }
.modal-content .nav-tabs { margin: 0 0 15px 0; }
.title-with-button { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

span#created_by-error {
    position: absolute;
    bottom: -23px;
}
.form-group.form-select-agent {
    position: relative;
}

@media only screen and (max-width: 1360px) {
.dashboard-card {
	padding: 15px;
}
}
 @media only screen and (max-width: 1170px) {
.col-form-label, .col-form-label + [class*="col-"] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.table-wrap {
overflow-y: auto;
}
 .mini-sidebar .left-sidebar {
position: fixed;
}
.mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {
left: -260px;
}
.mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {
left: 0px;
}
.topbar .icon-arrow-left-circle::before {
 content: "\e646";
}
.mini-sidebar .icon-arrow-left-circle::before {
 content: "\e68e";
}
 .container-fluid {
padding: 15px;
}
.topbar .top-navbar {
padding-left:15px;
}
.mini-sidebar .page-wrapper, .page-wrapper {
margin-left:0;
}
.topbar .top-navbar .navbar-header {
text-align:left;
}
.top-navbar .navbar-header {
margin-right:15px;
}
.navbar-header {
width:auto;
}
}
@media only screen and (max-width: 1169px) {
.nav-toggler.hidden-md-up {
display:block !important;
}
}
@media only screen and (max-width: 1023px) {
.dataTables_info {
display: block;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate {
text-align:center;
float:none;
}
.col-lg-12 .detail-row {
 -webkit-box-pack: space-between;
 -ms-flex-pack: space-between;
 justify-content: space-between;
}

/*******Document Center*******/
.doc-modal { max-width:650px; }
}

/*-- ============================================================== 
 Phone and below ipad(767px) 
 ============================================================== */
@media (max-width: 767px) {
  /*Header*/
  .topbar {
 position: fixed;
 width: 100%;
}
 .topbar .top-navbar {
 padding-right: 15px;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-direction: row;
 flex-wrap: nowrap;
 -webkit-align-items: center;
}
 .topbar .top-navbar .navbar-collapse {
 display: flex;
 width: 100%;
}
 .topbar .top-navbar .navbar-nav {
 flex-direction: row;
}
.notification-widget .dropdown-menu {
 left: auto;
 padding: 0;
 transform: translateX(0);
 margin-top: 5px;
 right: -15px;
}
 .notification-widget .dropdown-menu::before {
 left: auto;
 right: 32px;
}
 .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
 padding-left: .50rem;
 padding-right: .50rem;
}
 .topbar .top-navbar .navbar-nav .dropdown-menu {
 position: absolute;
right: 0;
 left: auto;
}
 .mega-dropdown .dropdown-menu {
 height: 480px;
 overflow: auto;
}
  /*Sidebar and wrapper*/
  .mini-sidebar .page-wrapper {
 margin-left: 0px;
 padding-top: 70px;
}
 .comment-text .comment-footer .action-icons {
 display: block;
 padding: 10px 0;
}
 .vtabs .tabs-vertical {
 width: auto;
}
  /*Footer*/
  .footer {
 left: 0px;
}
 .material-icon-list-demo .icons div {
 width: 100%;
}
 .error-page .footer {
 position: fixed;
 bottom: 0px;
 z-index: 10;
}
 .error-box {
 position: relative;
 padding-bottom: 60px;
}
 .error-body {
 padding-top: 10%;
}
 .error-body h1 {
 font-size: 100px;
 font-weight: 600;
 line-height: 100px;
}
 .login-register {
 position: relative;
 overflow: hidden;
}
 .login-box {
 width: 90%;
}
 .login-sidebar {
 padding: 10% 0;
}
 .login-sidebar .login-box {
 position: relative;
}
  /*This is for chat page*/
  .chat-main-box .chat-left-aside {
 left: -250px;
 position: absolute;
 transition: 0.5s ease-in;
 background: #ffffff;
}
 .chat-main-box .chat-left-aside.open-pnl {
 left: 0px;
}
 .chat-main-box .chat-left-aside .open-panel {
 display: block;
}
 .chat-main-box .chat-right-aside {
 width: 100%;
}
  /*Timeline*/
  ul.timeline:before {
 left: 40px;
}
 ul.timeline > li > .timeline-panel {
 width: calc(100% - 90px);
}
 ul.timeline > li > .timeline-badge {
 top: 16px;
 left: 15px;
 margin-left: 0;
}
 ul.timeline > li > .timeline-panel {
 float: right;
}
 ul.timeline > li > .timeline-panel:before {
 right: auto;
 left: -15px;
 border-right-width: 15px;
 border-left-width: 0;
}
 ul.timeline > li > .timeline-panel:after {
 right: auto;
 left: -14px;
 border-right-width: 14px;
 border-left-width: 0;
}
  /*Contact app page*/
  .left-aside {
 width: 100%;
 position: relative;
 border: 0px;
}
 .right-aside {
 margin-left: 0px;
}
 .flex-wrap {
 flex-wrap: wrap !important;
 -webkit-flex-wrap: wrap !important;
}
 .chat-list li .chat-content {
 width: calc(100% - 80px);
}
 .dataTables_wrapper .dataTables_paginate {
 width: 100%;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button {
 padding: 0.5rem 0.5rem;
}
/*******Document Center*******/
.doc-title {font-size: 16px; padding-left:37px;}
.doc-title::before {left: 7px;width: 23px;height: 23px;background-size: 8px;}
.doc-content { padding:15px;}
.sub-cat-title {font-size: 14px;}
.doc-video-box .doc-video-thumb {height: 110px;}
.doc-video-box .doc-video-play { width:50px; height:50px; }
.doc-modal { padding:10px; max-width:300px; }
.doc-modal .close-btn {top: -35px;}

}
 @media only screen and (max-width: 767px) {
 .mini-sidebar .page-wrapper {
padding-top: 84px;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 0.5em 1em;
}
.dataTables_filter {
float: none;
}
.col-form-label + [class*="col-"] {
padding-right: 15px !important;
padding-left: 15px !important;
}
.topbar ul.dropdown-user {
width:100%;
}
.nav-tabs .nav-link {
padding: 7px 10px;
}
.account-content .large-label-block .form-group, .account-content .large-label-block .right-col {
width:100%;
}
.account-content .large-label-block .right-col {
padding-left:0;
}
.account-content .sales-volume li .label {
 width: 100%;
}
.account-content .sales-volume li .form-control {
width:100%;
}
.account-content .respectively-list li .form-group .label, .account-content .respectively-list li .percentage-field, .account-content .respectively-list li .form-control {
width:100%;
}
.account-content .respectively-list li .percentage-field {
margin:10px 0;
}
.account-content .large-label-block.width50 .form-group, .large-label-block.width50 .right-col {
 width: 100%;
}
 .account-content .large-label-block.width50 .form-group {
padding-right:0;
}
 .account-content .large-label-block.width50 .right-col {
 padding-left: 0;
}
.form-control, .select2-container {
margin-bottom:10px !important;
}
.account-content .respectively-list li .form-control {
text-align:right;
}
.account-content .sales-volume li .form-control {
text-align:left;
}
.order-content, .order-header {
display:block !important;
}
.order-content .order-left, .order-content .order-right {
width:100%;
}
.order-content .order-right {
text-align:left;
margin-top:25px;
}
.order-item {
padding: 15px;
}
.order-header h2 {
font-size:18px;
margin-bottom:7px;
}
.detail-row {
display:block !important;
}
.detail-row .right-value {
padding:5px 0 0 0;
}
.col-lg-12 .detail-row .left-label, .col-md-12 .detail-row .right-value {
width:100%;
}
.head-profile-wrap .head-profile-name {
display:none;
}
.page-titles .btn {
padding: 9px 10px;
}
.common-form .col-sm-1.pt-2.pl-0 {
padding: 0 15px !important;
margin-bottom: 15px;
text-align: right;
}
.page-titles .col-md-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.breadcrumb-item + .breadcrumb-item::before {
padding-right: 3px;
padding-left: 3px;
}
h1 {
 font-size: 20px;
}
.sheet-header span {
display:block;
}
.page-titles {
flex-wrap: wrap;
}
.page-titles-left, .page-titles-right {
width:100%;
}
.page-titles-left {
margin-bottom:15px;
}
.page-titles-right {
text-align:right;
}
.mob-none {
display:none;
}
.button, .btn, .btn.btn-primary, input[type="submit"] {
padding: 10px 13px;
}
}
@media only screen and (max-width: 575px) {
.common-form .form-group {
margin-bottom: 0 !important;
}
.common-form .col-sm-8, .common-form .col-sm-10 {
margin-bottom:10px;
}
.page-wrapper {
padding-bottom: 40px;
}
.account-content .form-group {
margin-bottom:20px !important;
}
}
.img-holder img { height: 100px; width: 150px; }
.parent-chat-box.app-chat-right .chat-box { width : 100% }
.parent-chat-box.app-chat-right .app-chat-offcanvas { width : 0 }
 @media (max-width : 991.98px) {
 .parent-chat-box .app-chat-offcanvas {
width : 0
}
.parent-chat-box.app-chat-right .app-chat-offcanvas {
 width : 300px;
 position : absolute;
 z-index : 9
}
}
 @media (max-width : 575.98px) {
 .parent-chat-box.app-chat-right .app-chat-offcanvas {
left : 0;
 position : absolute;
 z-index : 9
}
}
.chat-box .chat-box-inner { height : 650px; max-height : 800px }
.simplebar-wrapper { overflow : hidden; width : inherit; height : inherit; max-width : inherit; max-height : inherit }
.simplebar-wrapper { overflow : hidden; width : inherit; height : inherit; max-width : inherit; max-height : inherit }
.simplebar-mask { direction : inherit; position : absolute; overflow : hidden; padding : 0; margin : 0; left : 0; top : 0; bottom : 0; right : 0; width : auto!important; height : auto!important; z-index : 0 }
.simplebar-offset { direction : inherit!important; box-sizing : inherit!important; resize : none!important; position : absolute; top : 0; left : 0; bottom : 0; right : 0; padding : 0; margin : 0; -webkit-overflow-scrolling : touch }
.simplebar-content-wrapper { direction : inherit; box-sizing : border-box!important; position : relative; display : block; height : 100%; width : auto; max-width : 100%; max-height : 100%; overflow : auto; scrollbar-width : none; -ms-overflow-style : none }
 .simplebar-content-wrapper : :-webkit-scrollbar {
 display : none;
 width : 0;
 height : 0
}
.simplebar-hide-scrollbar { position : fixed; left : 0; visibility : hidden; overflow-y : scroll; scrollbar-width : none; -ms-overflow-style : none }
 .simplebar-hide-scrollbar : :-webkit-scrollbar {
 display : none;
 width : 0;
 height : 0
}
.simplebar-content : after { content : " "; display : table }
.simplebar-content : before { content : " "; display : table }
.simplebar-placeholder { max-height : 100%; max-width : 100%; width : 100%; pointer-events : none }
.simplebar-height-auto-observer-wrapper { box-sizing : inherit!important; height : 100%; width : 100%; max-width : 1px; position : relative; float : left; max-height : 1px; overflow : hidden; z-index : -1; padding : 0; margin : 0; pointer-events : none; flex-grow : inherit; flex-shrink : 0; flex-basis : 0 }
.simplebar-height-auto-observer { box-sizing : inherit; display : block; opacity : 0; position : absolute; top : 0; left : 0; height : 1000%; width : 1000%; min-height : 1px; min-width : 1px; overflow : hidden; pointer-events : none; z-index : -1 }
.simplebar-track { z-index : 1; position : absolute; right : 0; bottom : 0; pointer-events : none; overflow : hidden }
.chat-list li { list-style : none }
.chat-list li .chat-img { width : 44px }
.chat-list li .chat-img img { width : 44px }
.chat-list li .chat-content { width : calc(100% - 140px) }
.chat-list li .chat-content .message { padding : 8px 12px; border-radius : 8px; width : 100%; max-width : 300px }
.chat-list li .chat-time { width : 80px; font-size : 13px }
.chat-list li.odd .chat-content { width : calc(100% - 90px) }
.chat-list li.odd .chat-content .message { border-top-right-radius : 5px; border-bottom-left-radius : 25px; padding : 15px 20px; border-top-left-radius : 25px; border-bottom-right-radius : 25px }
.chat-list li.odd .box { clear : both }
.chat-list li.odd+.odd { margin-top : 0 }
.chat-list li.reverse { text-align : right }
.chat-list li.reverse .chat-time { text-align : left }
.chat-list li.reverse .chat-content { padding-left : 0; padding-right : 15px }
 @media (max-width : 767.98px) {
 .chat-list li .chat-content {
width : calc(100% - 80px)
}
}
.chat-box { width : calc(100% - 300px) }
.chat-box .chat-box-inner { height : 650px; max-height : 800px }
.chat-box .chat { display : none }
.chat-box .chat.active-chat { display : block }
.align-items-start { align-items : flex-start!important }
.align-items-end { align-items : flex-end!important }
.align-items-center { align-items : center!important }
.align-items-baseline { align-items : baseline!important }
.align-items-stretch { align-items : stretch!important }
.align-content-start { align-content : flex-start!important }
.align-content-end { align-content : flex-end!important }
.align-content-center { align-content : center!important }
.align-content-between { align-content : space-between!important }
.align-content-around { align-content : space-around!important }
.align-content-stretch { align-content : stretch!important }
.align-self-auto { align-self : auto!important }
.align-self-start { align-self : flex-start!important }
.align-self-end { align-self : flex-end!important }
.align-self-center { align-self : center!important }
.align-self-baseline { align-self : baseline!important }
.align-self-stretch { align-self : stretch!important }
.text-muted {
 --bs-text-opacity : 1; color : var(--bs-secondary-color)!important }
.hstack { display : flex; flex-direction : row; align-items : center; align-self : stretch }
.vstack { display : flex; flex : 1 1 auto; flex-direction : column; align-self : stretch }
.align-baseline { vertical-align : baseline!important }
.align-top { vertical-align : top!important }
.align-middle { vertical-align : middle!important }
.align-bottom { vertical-align : bottom!important }
.align-text-bottom { vertical-align : text-bottom!important }
.align-text-top { vertical-align : text-top!important }
.float-start { float : left!important }
.float-end { float : right!important }
.float-none { float : none!important }
.object-fit-contain { -o-object-fit : contain!important; object-fit : contain!important }
.object-fit-cover { -o-object-fit : cover!important; object-fit : cover!important }
.object-fit-fill { -o-object-fit : fill!important; object-fit : fill!important }
.object-fit-scale { -o-object-fit : scale-down!important; object-fit : scale-down!important }
.object-fit-none { -o-object-fit : none!important; object-fit : none!important }
.opacity-0 { opacity : 0!important }
.opacity-25 { opacity : .25!important }
.opacity-50 { opacity : .5!important }
.opacity-75 { opacity : .75!important }
.opacity-100 { opacity : 1!important }
.overflow-auto { overflow : auto!important }
.overflow-hidden { overflow : hidden!important }
.overflow-visible { overflow : visible!important }
.overflow-scroll { overflow : scroll!important }
.overflow-x-auto { overflow-x : auto!important }
.overflow-x-hidden { overflow-x : hidden!important }
.overflow-x-visible { overflow-x : visible!important }
.overflow-x-scroll { overflow-x : scroll!important }
.overflow-y-auto { overflow-y : auto!important }
.overflow-y-hidden { overflow-y : hidden!important }
.overflow-y-visible { overflow-y : visible!important }
.overflow-y-scroll { overflow-y : scroll!important }
.d-inline { display : inline!important }
.d-inline-block { display : inline-block!important }
.d-block { display : block!important }
.d-grid { display : grid!important }
.d-inline-grid { display : inline-grid!important }
.d-table { display : table!important }
.d-table-row { display : table-row!important }
.d-table-cell { display : table-cell!important }
.d-flex { display : flex!important }
.d-inline-flex { display : inline-flex!important }
.d-none { display : none!important }
.shadow { box-shadow : var(--bs-box-shadow)!important }
.shadow-sm { box-shadow : var(--bs-box-shadow-sm)!important }
.shadow-lg { box-shadow : var(--bs-box-shadow-lg)!important }
.shadow-none { box-shadow : none!important }
.focus-ring-primary {  --bs-focus-ring-color : rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary {  --bs-focus-ring-color : rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success {  --bs-focus-ring-color : rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info {  --bs-focus-ring-color : rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning {  --bs-focus-ring-color : rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger {  --bs-focus-ring-color : rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light {  --bs-focus-ring-color : rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark {  --bs-focus-ring-color : rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-muted {  --bs-focus-ring-color : rgba(var(--bs-muted-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-indigo {  --bs-focus-ring-color : rgba(var(--bs-indigo-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light-indigo {  --bs-focus-ring-color : rgba(var(--bs-light-indigo-rgb), var(--bs-focus-ring-opacity))
}
.position-static { position : static!important }
.position-relative { position : relative!important }
.position-absolute { position : absolute!important }
.position-fixed { position : fixed!important }
.position-sticky { position : sticky!important }
.top-0 { top : 0!important }
.top-50 { top : 50%!important }
.top-100 { top : 100%!important }
.bottom-0 { bottom : 0!important }
.bottom-50 { bottom : 50%!important }
.bottom-100 { bottom : 100%!important }
.start-0 { left : 0!important }
.start-50 { left : 50%!important }
.start-100 { left : 100%!important }
.end-0 { right : 0!important }
.end-50 { right : 50%!important }
.end-100 { right : 100%!important }
.translate-middle { transform : translate(-50%, -50%)!important }
.translate-middle-x { transform : translateX(-50%)!important }
.translate-middle-y { transform : translateY(-50%)!important }
.border { border : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }

.border-top { border-top : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-top-0 { border-top : 0!important }
.border-end { border-right : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-end-0 { border-right : 0!important }
.border-bottom { border-bottom : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-bottom-0 { border-bottom : 0!important }
.border-start { border-left : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-start-0 { border-left : 0!important }
.border-primary {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-primary-rgb), var(--bs-border-opacity))!important }
.border-secondary {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-secondary-rgb), var(--bs-border-opacity))!important }
.border-success {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-success-rgb), var(--bs-border-opacity))!important }
.border-info {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-info-rgb), var(--bs-border-opacity))!important }
.border-warning {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-warning-rgb), var(--bs-border-opacity))!important }
.border-danger {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-danger-rgb), var(--bs-border-opacity))!important }
.border-light {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-light-rgb), var(--bs-border-opacity))!important }
.border-dark {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-dark-rgb), var(--bs-border-opacity))!important }
.border-muted {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-muted-rgb), var(--bs-border-opacity))!important }
.border-indigo {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-indigo-rgb), var(--bs-border-opacity))!important }
.border-light-indigo {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-light-indigo-rgb), var(--bs-border-opacity))!important }
.border-black {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-black-rgb), var(--bs-border-opacity))!important }
.border-white {
 --bs-border-opacity : 1; border-color : rgba(var(--bs-white-rgb), var(--bs-border-opacity))!important }
.border-primary-subtle { border-color : var(--bs-primary-border-subtle)!important }
.border-secondary-subtle { border-color : var(--bs-secondary-border-subtle)!important }
.border-success-subtle { border-color : var(--bs-success-border-subtle)!important }
.border-info-subtle { border-color : var(--bs-info-border-subtle)!important }
.border-warning-subtle { border-color : var(--bs-warning-border-subtle)!important }
.border-danger-subtle { border-color : var(--bs-danger-border-subtle)!important }
.border-light-subtle { border-color : var(--bs-light-border-subtle)!important }
.border-dark-subtle { border-color : var(--bs-dark-border-subtle)!important }
.border-1 { border-width : 1px!important }
.border-2 { border-width : 2px!important }
.border-3 { border-width : 3px!important }
.border-4 { border-width : 4px!important }
.border-5 { border-width : 5px!important }
.border-opacity-10 {  --bs-border-opacity : 0.1
}
.border-opacity-25 {  --bs-border-opacity : 0.25
}
.border-opacity-50 {  --bs-border-opacity : 0.5
}
.border-opacity-75 {  --bs-border-opacity : 0.75
}
.border-opacity-100 {  --bs-border-opacity : 1
}
.border-0, table.border-0, table tr td.border-0, table tr td.border-0:first-child { border : 0!important }
.w-20 { width : 20%!important }
.w-25 { width : 25%!important }
.w-30 { width : 30%!important }
.w-40 { width : 40%!important }
.w-50 { width : 50%!important }
.w-60 { width : 60%!important }
.w-70 { width : 70%!important }
.w-75 { width : 75%!important }
.w-85 { width : 85%!important }
.w-100 { width : 100%!important }
.w-auto { width : auto!important }
.mw-100 { max-width : 100%!important }
.vw-100 { width : 100vw!important }
.min-vw-100 { min-width : 100vw!important }
.h-25 { height : 25%!important }
.h-50 { height : 50%!important }
.h-75 { height : 75%!important }
.h-100 { height : 100%!important }
.h-auto { height : auto!important }
.mh-100 { max-height : 100%!important }
.vh-100 { height : 100vh!important }
.min-vh-100 { min-height : 100vh!important }
.flex-fill { flex : 1 1 auto!important }
.flex-row { flex-direction : row!important }
.flex-column { flex-direction : column!important }
.flex-row-reverse { flex-direction : row-reverse!important }
.flex-column-reverse { flex-direction : column-reverse!important }
.flex-grow-0 { flex-grow : 0!important }
.flex-grow-1 { flex-grow : 1!important }
.flex-shrink-0 { flex-shrink : 0!important }
.flex-shrink-1 { flex-shrink : 1!important }
.flex-wrap { flex-wrap : wrap!important }
.flex-nowrap { flex-wrap : nowrap!important }
.flex-wrap-reverse { flex-wrap : wrap-reverse!important }
.justify-content-start { justify-content : flex-start!important }
.justify-content-end { justify-content : flex-end!important }
.justify-content-center { justify-content : center!important }
.justify-content-between { justify-content : space-between!important }
.justify-content-around { justify-content : space-around!important }
.justify-content-evenly { justify-content : space-evenly!important }
.align-items-start { align-items : flex-start!important }
.align-items-end { align-items : flex-end!important }
.align-items-center { align-items : center!important }
.align-items-baseline { align-items : baseline!important }
.align-items-stretch { align-items : stretch!important }
.align-content-start { align-content : flex-start!important }
.align-content-end { align-content : flex-end!important }
.align-content-center { align-content : center!important }
.align-content-between { align-content : space-between!important }
.align-content-around { align-content : space-around!important }
.align-content-stretch { align-content : stretch!important }
.align-self-auto { align-self : auto!important }
.align-self-start { align-self : flex-start!important }
.align-self-end { align-self : flex-end!important }
.align-self-center { align-self : center!important }
.align-self-baseline { align-self : baseline!important }
.align-self-stretch { align-self : stretch!important }
.order-first { order : -1!important }
.order-0 { order : 0!important }
.order-1 { order : 1!important }
.order-2 { order : 2!important }
.order-3 { order : 3!important }
.order-4 { order : 4!important }
.order-5 { order : 5!important }
.order-last { order : 6!important }
.m-0 { margin : 0!important }
.m-1 {  margin : .25rem!important
}
.m-2 {  margin : .5rem!important
}
.m-3 { margin : 1rem!important }
.m-4 { margin : 1.5rem!important }
.m-5 { margin : 3rem!important }
.m-6 { margin : 12px!important }
.m-7 { margin : 30px!important }
.m-8 { margin : 10px!important }
.m-9 { margin : 20px!important }
.m-10 { margin : 18px!important }
.m-auto { margin : auto!important }
.mx-0 { margin-right : 0!important; margin-left : 0!important }
.mx-1 {  margin-right : .25rem!important;
 margin-left : .25rem!important
}
.mx-2 {  margin-right : .5rem!important;
 margin-left : .5rem!important
}
.mx-3 { margin-right : 1rem!important; margin-left : 1rem!important }
.mx-4 { margin-right : 1.5rem!important; margin-left : 1.5rem!important }
.mx-5 { margin-right : 3rem!important; margin-left : 3rem!important }
.mx-6 { margin-right : 12px!important; margin-left : 12px!important }
.mx-7 { margin-right : 30px!important; margin-left : 30px!important }
.mx-8 { margin-right : 10px!important; margin-left : 10px!important }
.mx-9 { margin-right : 20px!important; margin-left : 20px!important }
.mx-10 { margin-right : 18px!important; margin-left : 18px!important }
.mx-auto { margin-right : auto!important; margin-left : auto!important }
.my-0 { margin-top : 0!important; margin-bottom : 0!important }
.my-1 {  margin-top : .25rem!important;
 margin-bottom : .25rem!important
}
.my-2 {  margin-top : .5rem!important;
 margin-bottom : .5rem!important
}
.my-3 { margin-top : 1rem!important; margin-bottom : 1rem!important }
.my-4 { margin-top : 1.5rem!important; margin-bottom : 1.5rem!important }
.my-5 { margin-top : 3rem!important; margin-bottom : 3rem!important }
.my-6 { margin-top : 12px!important; margin-bottom : 12px!important }
.my-7 { margin-top : 30px!important; margin-bottom : 30px!important }
.my-8 { margin-top : 10px!important; margin-bottom : 10px!important }
.my-9 { margin-top : 20px!important; margin-bottom : 20px!important }
.my-10 { margin-top : 18px!important; margin-bottom : 18px!important }
.my-auto { margin-top : auto!important; margin-bottom : auto!important }
.mt-0 { margin-top : 0!important }
.mt-1 {  margin-top : .25rem!important
}
.mt-2 {  margin-top : .5rem!important
}
.mt-3 { margin-top : 1rem!important }
.mt-4 { margin-top : 1.5rem!important }
.mt-5 { margin-top : 3rem!important }
.mt-6 { margin-top : 12px!important }
.mt-7 { margin-top : 30px!important }
.mt-8 { margin-top : 10px!important }
.mt-9 { margin-top : 20px!important }
.mt-10 { margin-top : 18px!important }
.mt-auto { margin-top : auto!important }
.me-0 { margin-right : 0!important }
.me-1 {  margin-right : .25rem!important
}
.me-2 {  margin-right : .5rem!important
}
.me-3 { margin-right : 1rem!important }
.me-4 { margin-right : 1.5rem!important }
.me-5 { margin-right : 3rem!important }
.me-6 { margin-right : 12px!important }
.me-7 { margin-right : 30px!important }
.me-8 { margin-right : 10px!important }
.me-9 { margin-right : 20px!important }
.me-10 { margin-right : 18px!important }
.me-auto { margin-right : auto!important }
.mb-0 { margin-bottom : 0!important }
.mb-1 {  margin-bottom : .25rem!important
}
.mb-2 {  margin-bottom : .5rem!important
}
.mb-3 { margin-bottom : 1rem!important }
.mb-4 { margin-bottom : 1.5rem!important }
.mb-5 { margin-bottom : 3rem!important }
.mb-6 { margin-bottom : 12px!important }
.mb-7 { margin-bottom : 30px!important }
.mb-8 { margin-bottom : 10px!important }
.mb-9 { margin-bottom : 20px!important }
.mb-10 { margin-bottom : 18px!important }
.mb-auto { margin-bottom : auto!important }
.ms-0 { margin-left : 0!important }
.ms-1 {  margin-left : .25rem!important
}
.ms-2 {  margin-left : .5rem!important
}
.ms-3 { margin-left : 1rem!important }
.ms-4 { margin-left : 1.5rem!important }
.ms-5 { margin-left : 3rem!important }
.ms-6 { margin-left : 12px!important }
.ms-7 { margin-left : 30px!important }
.ms-8 { margin-left : 10px!important }
.ms-9 { margin-left : 20px!important }
.ms-10 { margin-left : 18px!important }
.ms-auto { margin-left : auto!important }
.m-n1 {  margin : -.25rem!important
}
.m-n2 {  margin : -.5rem!important
}
.m-n3 { margin : -1rem!important }
.m-n4 { margin : -1.5rem!important }
.m-n5 { margin : -3rem!important }
.m-n6 { margin : -12px!important }
.m-n7 { margin : -30px!important }
.m-n8 { margin : -10px!important }
.m-n9 { margin : -20px!important }
.m-n10 { margin : -18px!important }
.mx-n1 {  margin-right : -.25rem!important;
 margin-left : -.25rem!important
}
.mx-n2 {  margin-right : -.5rem!important;
 margin-left : -.5rem!important
}
.mx-n3 { margin-right : -1rem!important; margin-left : -1rem!important }
.mx-n4 { margin-right : -1.5rem!important; margin-left : -1.5rem!important }
.mx-n5 { margin-right : -3rem!important; margin-left : -3rem!important }
.mx-n6 { margin-right : -12px!important; margin-left : -12px!important }
.mx-n7 { margin-right : -30px!important; margin-left : -30px!important }
.mx-n8 { margin-right : -10px!important; margin-left : -10px!important }
.mx-n9 { margin-right : -20px!important; margin-left : -20px!important }
.mx-n10 { margin-right : -18px!important; margin-left : -18px!important }
.my-n1 {  margin-top : -.25rem!important;
 margin-bottom : -.25rem!important
}
.my-n2 {  margin-top : -.5rem!important;
 margin-bottom : -.5rem!important
}
.my-n3 { margin-top : -1rem!important; margin-bottom : -1rem!important }
.my-n4 { margin-top : -1.5rem!important; margin-bottom : -1.5rem!important }
.my-n5 { margin-top : -3rem!important; margin-bottom : -3rem!important }
.my-n6 { margin-top : -12px!important; margin-bottom : -12px!important }
.my-n7 { margin-top : -30px!important; margin-bottom : -30px!important }
.my-n8 { margin-top : -10px!important; margin-bottom : -10px!important }
.my-n9 { margin-top : -20px!important; margin-bottom : -20px!important }
.my-n10 { margin-top : -18px!important; margin-bottom : -18px!important }
.mt-n1 {  margin-top : -.25rem!important
}
.mt-n2 {  margin-top : -.5rem!important
}
.mt-n3 { margin-top : -1rem!important }
.mt-n4 { margin-top : -1.5rem!important }
.mt-n5 { margin-top : -3rem!important }
.mt-n6 { margin-top : -12px!important }
.mt-n7 { margin-top : -30px!important }
.mt-n8 { margin-top : -10px!important }
.mt-n9 { margin-top : -20px!important }
.mt-n10 { margin-top : -18px!important }
.me-n1 {  margin-right : -.25rem!important
}
.me-n2 {  margin-right : -.5rem!important
}
.me-n3 { margin-right : -1rem!important }
.me-n4 { margin-right : -1.5rem!important }
.me-n5 { margin-right : -3rem!important }
.me-n6 { margin-right : -12px!important }
.me-n7 { margin-right : -30px!important }
.me-n8 { margin-right : -10px!important }
.me-n9 { margin-right : -20px!important }
.me-n10 { margin-right : -18px!important }
.mb-n1 {  margin-bottom : -.25rem!important
}
.mb-n2 {  margin-bottom : -.5rem!important
}
.mb-n3 { margin-bottom : -1rem!important }
.mb-n4 { margin-bottom : -1.5rem!important }
.mb-n5 { margin-bottom : -3rem!important }
.mb-n6 { margin-bottom : -12px!important }
.mb-n7 { margin-bottom : -30px!important }
.mb-n8 { margin-bottom : -10px!important }
.mb-n9 { margin-bottom : -20px!important }
.mb-n10 { margin-bottom : -18px!important }
.ms-n1 {  margin-left : -.25rem!important
}
.ms-n2 {  margin-left : -.5rem!important
}
.ms-n3 { margin-left : -1rem!important }
.ms-n4 { margin-left : -1.5rem!important }
.ms-n5 { margin-left : -3rem!important }
.ms-n6 { margin-left : -12px!important }
.ms-n7 { margin-left : -30px!important }
.ms-n8 { margin-left : -10px!important }
.ms-n9 { margin-left : -20px!important }
.ms-n10 { margin-left : -18px!important }
.p-0 { padding : 0!important }
.p-1 {  padding : .25rem!important
}
.p-2 {  padding : .5rem!important
}
.p-3 { padding : 1rem!important }
.p-4 { padding : 1.5rem!important }
.p-5 { padding : 3rem!important }
.p-6 { padding : 12px!important }
.p-7 { padding : 30px!important }
.p-8 { padding : 10px!important }
.p-9 { padding : 20px!important }
.p-10 { padding : 18px!important }
.px-0 { padding-right : 0!important; padding-left : 0!important }
.px-1 {  padding-right : .25rem!important;
 padding-left : .25rem!important
}
.px-2 {  padding-right : .5rem!important;
 padding-left : .5rem!important
}
.px-3 { padding-right : 1rem!important; padding-left : 1rem!important }
.px-4 { padding-right : 1.5rem!important; padding-left : 1.5rem!important }
.px-5 { padding-right : 3rem!important; padding-left : 3rem!important }
.px-6 { padding-right : 12px!important; padding-left : 12px!important }
.px-7 { padding-right : 30px!important; padding-left : 30px!important }
.px-8 { padding-right : 10px!important; padding-left : 10px!important }
.px-9 { padding-right : 20px!important; padding-left : 20px!important }
.px-10 { padding-right : 18px!important; padding-left : 18px!important }
.py-0 { padding-top : 0!important; padding-bottom : 0!important }
.py-1 {  padding-top : .25rem!important;
 padding-bottom : .25rem!important
}
.py-2 {  padding-top : .5rem!important;
 padding-bottom : .5rem!important
}
.py-3 { padding-top : 1rem!important; padding-bottom : 1rem!important }
.py-4 { padding-top : 1.5rem!important; padding-bottom : 1.5rem!important }
.py-5 { padding-top : 3rem!important; padding-bottom : 3rem!important }
.py-6 { padding-top : 12px!important; padding-bottom : 12px!important }
.py-7 { padding-top : 30px!important; padding-bottom : 30px!important }
.py-8 { padding-top : 10px!important; padding-bottom : 10px!important }
.py-9 { padding-top : 20px!important; padding-bottom : 20px!important }
.py-10 { padding-top : 18px!important; padding-bottom : 18px!important }
.pt-0 { padding-top : 0!important }
.pt-1 {  padding-top : .25rem!important
}
.pt-2 {  padding-top : .5rem!important
}
.pt-3 { padding-top : 1rem!important }
.pt-4 { padding-top : 1.5rem!important }
.pt-5 { padding-top : 3rem!important }
.pt-6 { padding-top : 12px!important }
.pt-7 { padding-top : 30px!important }
.pt-8 { padding-top : 10px!important }
.pt-9 { padding-top : 20px!important }
.pt-10 { padding-top : 18px!important }
.pe-0 { padding-right : 0!important }
.pe-1 {  padding-right : .25rem!important
}
.pe-2 {  padding-right : .5rem!important
}
.pe-3 { padding-right : 1rem!important }
.pe-4 { padding-right : 1.5rem!important }
.pe-5 { padding-right : 3rem!important }
.pe-6 { padding-right : 12px!important }
.pe-7 { padding-right : 30px!important }
.pe-8 { padding-right : 10px!important }
.pe-9 { padding-right : 20px!important }
.pe-10 { padding-right : 18px!important }
.pb-0 { padding-bottom : 0!important }
.pb-1 {  padding-bottom : .25rem!important
}
.pb-2 {  padding-bottom : .5rem!important
}
.pb-3 { padding-bottom : 1rem!important }
.pb-4 { padding-bottom : 1.5rem!important }
.pb-5 { padding-bottom : 3rem!important }
.pb-6 { padding-bottom : 12px!important }
.pb-7 { padding-bottom : 30px!important }
.pb-8 { padding-bottom : 10px!important }
.pb-9 { padding-bottom : 20px!important }
.pb-10 { padding-bottom : 18px!important }
.ps-0 { padding-left : 0!important }
.ps-1 {  padding-left : .25rem!important
}
.ps-2 {  padding-left : .5rem!important
}
.ps-3 { padding-left : 1rem!important }
.ps-4 { padding-left : 1.5rem!important }
.ps-5 { padding-left : 3rem!important }
.ps-6 { padding-left : 12px!important }
.ps-7 { padding-left : 30px!important }
.ps-8 { padding-left : 10px!important }
.ps-9 { padding-left : 20px!important }
.ps-10 { padding-left : 18px!important }
.gap-0 { gap : 0!important }
.gap-1 {  gap : .25rem!important
}
.gap-2 {  gap : .5rem!important
}
.gap-3 { gap : 1rem!important }
.gap-4 { gap : 1.5rem!important }
.gap-5 { gap : 3rem!important }
.gap-6 { gap : 12px!important }
.gap-7 { gap : 30px!important }
.gap-8 { gap : 10px!important }
.gap-9 { gap : 20px!important }
.gap-10 { gap : 18px!important }
.row-gap-0 { row-gap : 0!important }
.row-gap-1 {  row-gap : .25rem!important
}
.row-gap-2 {  row-gap : .5rem!important
}
.row-gap-3 { row-gap : 1rem!important }
.row-gap-4 { row-gap : 1.5rem!important }
.row-gap-5 { row-gap : 3rem!important }
.row-gap-6 { row-gap : 12px!important }
.row-gap-7 { row-gap : 30px!important }
.row-gap-8 { row-gap : 10px!important }
.row-gap-9 { row-gap : 20px!important }
.row-gap-10 { row-gap : 18px!important }
.column-gap-0 { -moz-column-gap : 0!important; column-gap : 0!important }
.column-gap-1 {  -moz-column-gap : .25rem!important;
 column-gap : .25rem!important
}
.column-gap-2 {  -moz-column-gap : .5rem!important;
 column-gap : .5rem!important
}
.column-gap-3 { -moz-column-gap : 1rem!important; column-gap : 1rem!important }
.column-gap-4 { -moz-column-gap : 1.5rem!important; column-gap : 1.5rem!important }
.column-gap-5 { -moz-column-gap : 3rem!important; column-gap : 3rem!important }
.column-gap-6 { -moz-column-gap : 12px!important; column-gap : 12px!important }
.column-gap-7 { -moz-column-gap : 30px!important; column-gap : 30px!important }
.column-gap-8 { -moz-column-gap : 10px!important; column-gap : 10px!important }
.column-gap-9 { -moz-column-gap : 20px!important; column-gap : 20px!important }
.column-gap-10 { -moz-column-gap : 18px!important; column-gap : 18px!important }
.font-monospace { font-family : var(--bs-font-monospace)!important }
.fs-1 {  font-size : .625rem!important
}
.fs-2 {  font-size : .75rem!important
}
.fs-3 {  font-size : .875rem!important
}
.fs-4 { font-size : 1rem!important }
.fs-5 { font-size : 1.125rem!important }
.fs-6 { font-size : 1.25rem!important }
.fs-7 {  font-size : calc(1.275rem + .3vw)!important
}
.fs-8 {  font-size : calc(1.3125rem + .75vw)!important
}
.fs-9 { font-size : calc(1.35rem + 1.2vw)!important }
.fs-10 { font-size : calc(1.375rem + 1.5vw)!important }
.fs-11 {  font-size : .8125rem!important
}
.fs-12 {  font-size : .9375rem!important
}
.fs-13 { font-size : calc(1.425rem + 2.1vw)!important }
.fs-14 { font-size : calc(1.46875rem + 2.625vw)!important }
.fst-italic { font-style : italic!important }
.fst-normal { font-style : normal!important }
.fw-lighter { font-weight : 300!important }
.fw-light { font-weight : 300!important }
.fw-normal { font-weight : 400!important }
.fw-medium { font-weight : 500!important }
.fw-semibold { font-weight : 600!important }
.fw-bold { font-weight : 600!important }
.fw-bolder { font-weight : 700!important }
.lh-1 { line-height : 1!important }
.lh-sm { line-height : 1.25!important }
.lh-base { line-height : 1.5!important }
.lh-lg { line-height : 2!important }
.text-start { text-align : left!important }
.text-end { text-align : right!important }
.text-center { text-align : center!important }
.text-decoration-none { text-decoration : none!important }
.text-decoration-underline { text-decoration : underline!important }
.text-decoration-line-through { text-decoration : line-through!important }
.text-lowercase { text-transform : lowercase!important }
.text-uppercase { text-transform : uppercase!important }
.text-capitalize { text-transform : capitalize!important }
.text-wrap { white-space : normal!important }
.text-nowrap { white-space : nowrap!important }
.text-break { word-wrap : break-word!important; word-break : break-word!important }
.text-primary {
 --bs-text-opacity : 1; color : rgba(var(--bs-primary-rgb), var(--bs-text-opacity))!important }
.text-secondary {
 --bs-text-opacity : 1; color : rgba(var(--bs-secondary-rgb), var(--bs-text-opacity))!important }
.text-success {
 --bs-text-opacity : 1; color : rgba(var(--bs-success-rgb), var(--bs-text-opacity))!important }
.text-info {
 --bs-text-opacity : 1; color : rgba(var(--bs-info-rgb), var(--bs-text-opacity))!important }
.text-warning {
 --bs-text-opacity : 1; color : rgba(var(--bs-warning-rgb), var(--bs-text-opacity))!important }
.text-danger {
 --bs-text-opacity : 1; color : rgba(var(--bs-danger-rgb), var(--bs-text-opacity))!important }
.text-light {
 --bs-text-opacity : 1; color : rgba(var(--bs-light-rgb), var(--bs-text-opacity))!important }
.text-dark {
 --bs-text-opacity : 1; color : rgba(var(--bs-dark-rgb), var(--bs-text-opacity))!important }
.text-muted {
 --bs-text-opacity : 1; color : var(--bs-secondary-color)!important }
.text-indigo {
 --bs-text-opacity : 1; color : rgba(var(--bs-indigo-rgb), var(--bs-text-opacity))!important }
.text-light-indigo {
 --bs-text-opacity : 1; color : rgba(var(--bs-light-indigo-rgb), var(--bs-text-opacity))!important }
.text-black {
 --bs-text-opacity : 1; color : rgba(var(--bs-black-rgb), var(--bs-text-opacity))!important }
.text-white {
 --bs-text-opacity : 1; color : rgba(var(--bs-white-rgb), var(--bs-text-opacity))!important }
.text-body {
 --bs-text-opacity : 1; color : rgba(var(--bs-body-color-rgb), var(--bs-text-opacity))!important }
.text-black-50 {
 --bs-text-opacity : 1; color : rgba(0, 0, 0, .5)!important }
.text-white-50 {
 --bs-text-opacity : 1; color : rgba(255, 255, 255, .5)!important }
.text-body-secondary {
 --bs-text-opacity : 1; color : var(--bs-secondary-color)!important }
.text-body-tertiary {
 --bs-text-opacity : 1; color : var(--bs-tertiary-color)!important }
.text-body-emphasis {
 --bs-text-opacity : 1; color : var(--bs-emphasis-color)!important }
.text-reset {
 --bs-text-opacity : 1; color : inherit!important }
.text-opacity-25 {  --bs-text-opacity : 0.25
}
.text-opacity-50 {  --bs-text-opacity : 0.5
}
.text-opacity-75 {  --bs-text-opacity : 0.75
}
.text-opacity-100 {  --bs-text-opacity : 1
}
.text-primary-emphasis { color : var(--bs-primary-text-emphasis)!important }
.text-secondary-emphasis { color : var(--bs-secondary-text-emphasis)!important }
.text-success-emphasis { color : var(--bs-success-text-emphasis)!important }
.text-info-emphasis { color : var(--bs-info-text-emphasis)!important }
.text-warning-emphasis { color : var(--bs-warning-text-emphasis)!important }
.text-danger-emphasis { color : var(--bs-danger-text-emphasis)!important }
.text-light-emphasis { color : var(--bs-light-text-emphasis)!important }
.text-dark-emphasis { color : var(--bs-dark-text-emphasis)!important }
.link-opacity-10 {  --bs-link-opacity : 0.1
}
.link-opacity-10-hover : hover {  --bs-link-opacity : 0.1
}
.link-opacity-25 {  --bs-link-opacity : 0.25
}
.link-opacity-25-hover : hover {  --bs-link-opacity : 0.25
}
.link-opacity-50 {  --bs-link-opacity : 0.5
}
.link-opacity-50-hover : hover {  --bs-link-opacity : 0.5
}
.link-opacity-75 {  --bs-link-opacity : 0.75
}
.link-opacity-75-hover : hover {  --bs-link-opacity : 0.75
}
.link-opacity-100 {  --bs-link-opacity : 1
}
.link-opacity-100-hover : hover {  --bs-link-opacity : 1
}
.link-offset-1 { text-underline-offset : .125em!important }
.link-offset-1-hover : hover { text-underline-offset : .125em!important }
.link-offset-2 { text-underline-offset : .25em!important }
.link-offset-2-hover : hover { text-underline-offset : .25em!important }
.link-offset-3 { text-underline-offset : .375em!important }
.link-offset-3-hover : hover { text-underline-offset : .375em!important }
.link-underline-primary {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-secondary {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-success {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-info {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-warning {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-danger {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-light {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-dark {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-muted {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-muted-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-indigo {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-indigo-rgb), var(--bs-link-underline-opacity))!important }
.link-underline-light-indigo {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-light-indigo-rgb), var(--bs-link-underline-opacity))!important }
.link-underline {
 --bs-link-underline-opacity : 1; text-decoration-color : rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1))!important }
.link-underline-opacity-0 {  --bs-link-underline-opacity : 0
}
.link-underline-opacity-0-hover : hover {  --bs-link-underline-opacity : 0
}
.link-underline-opacity-10 {  --bs-link-underline-opacity : 0.1
}
.link-underline-opacity-10-hover : hover {  --bs-link-underline-opacity : 0.1
}
.link-underline-opacity-25 {  --bs-link-underline-opacity : 0.25
}
.link-underline-opacity-25-hover : hover {  --bs-link-underline-opacity : 0.25
}
.link-underline-opacity-50 {  --bs-link-underline-opacity : 0.5
}
.link-underline-opacity-50-hover : hover {  --bs-link-underline-opacity : 0.5
}
.link-underline-opacity-75 {  --bs-link-underline-opacity : 0.75
}
.link-underline-opacity-75-hover : hover {  --bs-link-underline-opacity : 0.75
}
.link-underline-opacity-100 {  --bs-link-underline-opacity : 1
}
.link-underline-opacity-100-hover : hover {  --bs-link-underline-opacity : 1
}
.bg-primary {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-primary-rgb), var(--bs-bg-opacity))!important }
.bg-secondary {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity))!important }
.bg-success {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-success-rgb), var(--bs-bg-opacity))!important }
.bg-info {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-info-rgb), var(--bs-bg-opacity))!important }
.bg-warning {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-warning-rgb), var(--bs-bg-opacity))!important }
.bg-danger {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important }
.bg-light {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-light-rgb), var(--bs-bg-opacity))!important }
.bg-dark {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-dark-rgb), var(--bs-bg-opacity))!important }
.bg-muted {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-muted-rgb), var(--bs-bg-opacity))!important }
.bg-indigo {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity))!important }
.bg-light-indigo {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-light-indigo-rgb), var(--bs-bg-opacity))!important }
.bg-black {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-black-rgb), var(--bs-bg-opacity))!important }
.bg-white {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important }
.bg-body {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity))!important }
.bg-transparent {
 --bs-bg-opacity : 1; background-color : transparent!important }
.bg-body-secondary {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity))!important }
.bg-body-tertiary {
 --bs-bg-opacity : 1; background-color : rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity))!important }
.bg-opacity-10 {  --bs-bg-opacity : 0.1
}
.bg-opacity-25 {  --bs-bg-opacity : 0.25
}
.bg-opacity-50 {  --bs-bg-opacity : 0.5
}
.bg-opacity-75 {  --bs-bg-opacity : 0.75
}
.bg-opacity-100 {  --bs-bg-opacity : 1
}
.bg-primary-subtle { background-color : var(--bs-primary-bg-subtle)!important }
.bg-secondary-subtle { background-color : var(--bs-secondary-bg-subtle)!important }
.bg-success-subtle { background-color : var(--bs-success-bg-subtle)!important }
.bg-info-subtle { background-color : var(--bs-info-bg-subtle)!important }
.bg-warning-subtle { background-color : var(--bs-warning-bg-subtle)!important }
.bg-danger-subtle { background-color : var(--bs-danger-bg-subtle)!important }
.bg-light-subtle { background-color : var(--bs-light-bg-subtle)!important }
.bg-dark-subtle { background-color : var(--bs-dark-bg-subtle)!important }
.bg-gradient { background-image : var(--bs-gradient)!important }
.user-select-all { -webkit-user-select : all!important; -moz-user-select : all!important; user-select : all!important }
.user-select-auto { -webkit-user-select : auto!important; -moz-user-select : auto!important; user-select : auto!important }
.user-select-none { -webkit-user-select : none!important; -moz-user-select : none!important; user-select : none!important }
.pe-none { pointer-events : none!important }
.pe-auto { pointer-events : auto!important }
.rounded { border-radius : var(--bs-border-radius)!important }
.rounded-0 { border-radius : 0!important }
.rounded-1 { border-radius : var(--bs-border-radius-sm)!important }
.rounded-2 { border-radius : var(--bs-border-radius)!important }
.rounded-3 { border-radius : var(--bs-border-radius-lg)!important }
.rounded-4 { border-radius : var(--bs-border-radius-xl)!important }
.rounded-5 { border-radius : var(--bs-border-radius-xxl)!important }
.rounded-circle { border-radius : 50%!important }
.rounded-pill { border-radius : var(--bs-border-radius-pill)!important }
.rounded-top { border-top-left-radius : var(--bs-border-radius)!important; border-top-right-radius : var(--bs-border-radius)!important }
.rounded-top-0 { border-top-left-radius : 0!important; border-top-right-radius : 0!important }
.rounded-top-1 { border-top-left-radius : var(--bs-border-radius-sm)!important; border-top-right-radius : var(--bs-border-radius-sm)!important }
.rounded-top-2 { border-top-left-radius : var(--bs-border-radius)!important; border-top-right-radius : var(--bs-border-radius)!important }
.rounded-top-3 { border-top-left-radius : var(--bs-border-radius-lg)!important; border-top-right-radius : var(--bs-border-radius-lg)!important }
.rounded-top-4 { border-top-left-radius : var(--bs-border-radius-xl)!important; border-top-right-radius : var(--bs-border-radius-xl)!important }
.rounded-top-5 { border-top-left-radius : var(--bs-border-radius-xxl)!important; border-top-right-radius : var(--bs-border-radius-xxl)!important }
.rounded-top-circle { border-top-left-radius : 50%!important; border-top-right-radius : 50%!important }
.rounded-top-pill { border-top-left-radius : var(--bs-border-radius-pill)!important; border-top-right-radius : var(--bs-border-radius-pill)!important }
.rounded-end { border-top-right-radius : var(--bs-border-radius)!important; border-bottom-right-radius : var(--bs-border-radius)!important }
.rounded-end-0 { border-top-right-radius : 0!important; border-bottom-right-radius : 0!important }
.rounded-end-1 { border-top-right-radius : var(--bs-border-radius-sm)!important; border-bottom-right-radius : var(--bs-border-radius-sm)!important }
.rounded-end-2 { border-top-right-radius : var(--bs-border-radius)!important; border-bottom-right-radius : var(--bs-border-radius)!important }
.rounded-end-3 { border-top-right-radius : var(--bs-border-radius-lg)!important; border-bottom-right-radius : var(--bs-border-radius-lg)!important }
.rounded-end-4 { border-top-right-radius : var(--bs-border-radius-xl)!important; border-bottom-right-radius : var(--bs-border-radius-xl)!important }
.rounded-end-5 { border-top-right-radius : var(--bs-border-radius-xxl)!important; border-bottom-right-radius : var(--bs-border-radius-xxl)!important }
.rounded-end-circle { border-top-right-radius : 50%!important; border-bottom-right-radius : 50%!important }
.rounded-end-pill { border-top-right-radius : var(--bs-border-radius-pill)!important; border-bottom-right-radius : var(--bs-border-radius-pill)!important }
.rounded-bottom { border-bottom-right-radius : var(--bs-border-radius)!important; border-bottom-left-radius : var(--bs-border-radius)!important }
.rounded-bottom-0 { border-bottom-right-radius : 0!important; border-bottom-left-radius : 0!important }
.rounded-bottom-1 { border-bottom-right-radius : var(--bs-border-radius-sm)!important; border-bottom-left-radius : var(--bs-border-radius-sm)!important }
.rounded-bottom-2 { border-bottom-right-radius : var(--bs-border-radius)!important; border-bottom-left-radius : var(--bs-border-radius)!important }
.rounded-bottom-3 { border-bottom-right-radius : var(--bs-border-radius-lg)!important; border-bottom-left-radius : var(--bs-border-radius-lg)!important }
.rounded-bottom-4 { border-bottom-right-radius : var(--bs-border-radius-xl)!important; border-bottom-left-radius : var(--bs-border-radius-xl)!important }
.rounded-bottom-5 { border-bottom-right-radius : var(--bs-border-radius-xxl)!important; border-bottom-left-radius : var(--bs-border-radius-xxl)!important }
.rounded-bottom-circle { border-bottom-right-radius : 50%!important; border-bottom-left-radius : 50%!important }
.rounded-bottom-pill { border-bottom-right-radius : var(--bs-border-radius-pill)!important; border-bottom-left-radius : var(--bs-border-radius-pill)!important }
.rounded-start { border-bottom-left-radius : var(--bs-border-radius)!important; border-top-left-radius : var(--bs-border-radius)!important }
.rounded-start-0 { border-bottom-left-radius : 0!important; border-top-left-radius : 0!important }
.rounded-start-1 { border-bottom-left-radius : var(--bs-border-radius-sm)!important; border-top-left-radius : var(--bs-border-radius-sm)!important }
.rounded-start-2 { border-bottom-left-radius : var(--bs-border-radius)!important; border-top-left-radius : var(--bs-border-radius)!important }
.rounded-start-3 { border-bottom-left-radius : var(--bs-border-radius-lg)!important; border-top-left-radius : var(--bs-border-radius-lg)!important }
.rounded-start-4 { border-bottom-left-radius : var(--bs-border-radius-xl)!important; border-top-left-radius : var(--bs-border-radius-xl)!important }
.rounded-start-5 { border-bottom-left-radius : var(--bs-border-radius-xxl)!important; border-top-left-radius : var(--bs-border-radius-xxl)!important }
.rounded-start-circle { border-bottom-left-radius : 50%!important; border-top-left-radius : 50%!important }
.rounded-start-pill { border-bottom-left-radius : var(--bs-border-radius-pill)!important; border-top-left-radius : var(--bs-border-radius-pill)!important }
.visible { visibility : visible!important }
.invisible { visibility : hidden!important }
.z-n1 { z-index : -1!important }
.z-0 { z-index : 0!important }
.z-1 { z-index : 1!important }
.z-2 { z-index : 2!important }
.z-3 { z-index : 3!important }

table.dataTable thead .sorting:after {
    content: "⇅";
    position: absolute;
    right: 8px;
    bottom: 8px;
    opacity: 0.3;
}
 
/* Sorted ascending */
table.dataTable thead .sorting_asc:after {
    content: "↑";
    position: absolute;
    right: 8px;
    bottom: 8px;
    opacity: 0.7;
}
 
/* Sorted descending */
table.dataTable thead .sorting_desc:after {
    content: "↓";
    position: absolute;
    right: 8px;
    bottom: 8px;
    opacity: 0.7;
}
 
 
.prevResiduals .residual-card{
	margin-bottom:8px;
}
.prevResiduals .residual-card {
    padding: 8px;
}
.prevResiduals .residual-card .d-flex.align-items-center.flex-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
} 
.prevResiduals .card-value {
    text-align: center;
    margin: 0 auto;
} 
.prevResiduals .residual-card h3 {
    margin-bottom: 0px;
	font-size: 16px;
}  
.prevResiduals .row .col-md-3 {
    padding-right: 5px;
    padding-left: 5px;
}
.prevResiduals .row h2 {
    color: #7E7E7E;
    font-size: 16px;
    font-weight: 500;
} 
.prevResiduals .card-value h3 span {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 16px;
}
.residual-card{
	max-height: inherit !important;
}
 
 
 @media (min-width : 576px) {
 .float-sm-start {
float : left!important
}
.float-sm-end {
 float : right!important
}
.float-sm-none {
 float : none!important
}
.object-fit-sm-contain {
 -o-object-fit : contain!important;
 object-fit : contain!important
}
.object-fit-sm-cover {
 -o-object-fit : cover!important;
 object-fit : cover!important
}
.object-fit-sm-fill {
 -o-object-fit : fill!important;
 object-fit : fill!important
}
.object-fit-sm-scale {
 -o-object-fit : scale-down!important;
 object-fit : scale-down!important
}
.object-fit-sm-none {
 -o-object-fit : none!important;
 object-fit : none!important
}
.d-sm-inline {
 display : inline!important
}
.d-sm-inline-block {
 display : inline-block!important
}
.d-sm-block {
 display : block!important
}
.d-sm-grid {
 display : grid!important
}
.d-sm-inline-grid {
 display : inline-grid!important
}
.d-sm-table {
 display : table!important
}
.d-sm-table-row {
 display : table-row!important
}
.d-sm-table-cell {
 display : table-cell!important
}
.d-sm-flex {
 display : flex!important
}
.d-sm-inline-flex {
 display : inline-flex!important
}
.d-sm-none {
 display : none!important
}
.flex-sm-fill {
 flex : 1 1 auto!important
}
.flex-sm-row {
 flex-direction : row!important
}
.flex-sm-column {
 flex-direction : column!important
}
.flex-sm-row-reverse {
 flex-direction : row-reverse!important
}
.flex-sm-column-reverse {
 flex-direction : column-reverse!important
}
.flex-sm-grow-0 {
 flex-grow : 0!important
}
.flex-sm-grow-1 {
 flex-grow : 1!important
}
.flex-sm-shrink-0 {
 flex-shrink : 0!important
}
.flex-sm-shrink-1 {
 flex-shrink : 1!important
}
.flex-sm-wrap {
 flex-wrap : wrap!important
}
.flex-sm-nowrap {
 flex-wrap : nowrap!important
}
.flex-sm-wrap-reverse {
 flex-wrap : wrap-reverse!important
}
.justify-content-sm-start {
 justify-content : flex-start!important
}
.justify-content-sm-end {
 justify-content : flex-end!important
}
.justify-content-sm-center {
 justify-content : center!important
}
.justify-content-sm-between {
 justify-content : space-between!important
}
.justify-content-sm-around {
 justify-content : space-around!important
}
.justify-content-sm-evenly {
 justify-content : space-evenly!important
}
.align-items-sm-start {
 align-items : flex-start!important
}
.align-items-sm-end {
 align-items : flex-end!important
}
.align-items-sm-center {
 align-items : center!important
}
.align-items-sm-baseline {
 align-items : baseline!important
}
.align-items-sm-stretch {
 align-items : stretch!important
}
.align-content-sm-start {
 align-content : flex-start!important
}
.align-content-sm-end {
 align-content : flex-end!important
}
.align-content-sm-center {
 align-content : center!important
}
.align-content-sm-between {
 align-content : space-between!important
}
.align-content-sm-around {
 align-content : space-around!important
}
.align-content-sm-stretch {
 align-content : stretch!important
}
.align-self-sm-auto {
 align-self : auto!important
}
.align-self-sm-start {
 align-self : flex-start!important
}
.align-self-sm-end {
 align-self : flex-end!important
}
.align-self-sm-center {
 align-self : center!important
}
.align-self-sm-baseline {
 align-self : baseline!important
}
.align-self-sm-stretch {
 align-self : stretch!important
}
.order-sm-first {
 order : -1!important
}
.order-sm-0 {
 order : 0!important
}
.order-sm-1 {
 order : 1!important
}
.order-sm-2 {
 order : 2!important
}
.order-sm-3 {
 order : 3!important
}
.order-sm-4 {
 order : 4!important
}
.order-sm-5 {
 order : 5!important
}
.order-sm-last {
 order : 6!important
}
.m-sm-0 {
 margin : 0!important
}
.m-sm-1 {
 margin : .25rem!important
}
.m-sm-2 {
 margin : .5rem!important
}
.m-sm-3 {
 margin : 1rem!important
}
.m-sm-4 {
 margin : 1.5rem!important
}
.m-sm-5 {
 margin : 3rem!important
}
.m-sm-6 {
 margin : 12px!important
}
.m-sm-7 {
 margin : 30px!important
}
.m-sm-8 {
 margin : 10px!important
}
.m-sm-9 {
 margin : 20px!important
}
.m-sm-10 {
 margin : 18px!important
}
.m-sm-auto {
 margin : auto!important
}
.mx-sm-0 {
 margin-right : 0!important;
 margin-left : 0!important
}
.mx-sm-1 {
 margin-right : .25rem!important;
 margin-left : .25rem!important
}
.mx-sm-2 {
 margin-right : .5rem!important;
 margin-left : .5rem!important
}
.mx-sm-3 {
 margin-right : 1rem!important;
 margin-left : 1rem!important
}
.mx-sm-4 {
 margin-right : 1.5rem!important;
 margin-left : 1.5rem!important
}
.mx-sm-5 {
 margin-right : 3rem!important;
 margin-left : 3rem!important
}
.mx-sm-6 {
 margin-right : 12px!important;
 margin-left : 12px!important
}
.mx-sm-7 {
 margin-right : 30px!important;
 margin-left : 30px!important
}
.mx-sm-8 {
 margin-right : 10px!important;
 margin-left : 10px!important
}
.mx-sm-9 {
 margin-right : 20px!important;
 margin-left : 20px!important
}
.mx-sm-10 {
 margin-right : 18px!important;
 margin-left : 18px!important
}
.mx-sm-auto {
 margin-right : auto!important;
 margin-left : auto!important
}
.my-sm-0 {
 margin-top : 0!important;
 margin-bottom : 0!important
}
.my-sm-1 {
 margin-top : .25rem!important;
 margin-bottom : .25rem!important
}
.my-sm-2 {
 margin-top : .5rem!important;
 margin-bottom : .5rem!important
}
.my-sm-3 {
 margin-top : 1rem!important;
 margin-bottom : 1rem!important
}
.my-sm-4 {
 margin-top : 1.5rem!important;
 margin-bottom : 1.5rem!important
}
.my-sm-5 {
 margin-top : 3rem!important;
 margin-bottom : 3rem!important
}
.my-sm-6 {
 margin-top : 12px!important;
 margin-bottom : 12px!important
}
.my-sm-7 {
 margin-top : 30px!important;
 margin-bottom : 30px!important
}
.my-sm-8 {
 margin-top : 10px!important;
 margin-bottom : 10px!important
}
.my-sm-9 {
 margin-top : 20px!important;
 margin-bottom : 20px!important
}
.my-sm-10 {
 margin-top : 18px!important;
 margin-bottom : 18px!important
}
.my-sm-auto {
 margin-top : auto!important;
 margin-bottom : auto!important
}
.mt-sm-0 {
 margin-top : 0!important
}
.mt-sm-1 {
 margin-top : .25rem!important
}
.mt-sm-2 {
 margin-top : .5rem!important
}
.mt-sm-3 {
 margin-top : 1rem!important
}
.mt-sm-4 {
 margin-top : 1.5rem!important
}
.mt-sm-5 {
 margin-top : 3rem!important
}
.mt-sm-6 {
 margin-top : 12px!important
}
.mt-sm-7 {
 margin-top : 30px!important
}
.mt-sm-8 {
 margin-top : 10px!important
}
.mt-sm-9 {
 margin-top : 20px!important
}
.mt-sm-10 {
 margin-top : 18px!important
}
.mt-sm-auto {
 margin-top : auto!important
}
.me-sm-0 {
 margin-right : 0!important
}
.me-sm-1 {
 margin-right : .25rem!important
}
.me-sm-2 {
 margin-right : .5rem!important
}
.me-sm-3 {
 margin-right : 1rem!important
}
.me-sm-4 {
 margin-right : 1.5rem!important
}
.me-sm-5 {
 margin-right : 3rem!important
}
.me-sm-6 {
 margin-right : 12px!important
}
.me-sm-7 {
 margin-right : 30px!important
}
.me-sm-8 {
 margin-right : 10px!important
}
.me-sm-9 {
 margin-right : 20px!important
}
.me-sm-10 {
 margin-right : 18px!important
}
.me-sm-auto {
 margin-right : auto!important
}
.mb-sm-0 {
 margin-bottom : 0!important
}
.mb-sm-1 {
 margin-bottom : .25rem!important
}
.mb-sm-2 {
 margin-bottom : .5rem!important
}
.mb-sm-3 {
 margin-bottom : 1rem!important
}
.mb-sm-4 {
 margin-bottom : 1.5rem!important
}
.mb-sm-5 {
 margin-bottom : 3rem!important
}
.mb-sm-6 {
 margin-bottom : 12px!important
}
.mb-sm-7 {
 margin-bottom : 30px!important
}
.mb-sm-8 {
 margin-bottom : 10px!important
}
.mb-sm-9 {
 margin-bottom : 20px!important
}
.mb-sm-10 {
 margin-bottom : 18px!important
}
.mb-sm-auto {
 margin-bottom : auto!important
}
.ms-sm-0 {
 margin-left : 0!important
}
.ms-sm-1 {
 margin-left : .25rem!important
}
.ms-sm-2 {
 margin-left : .5rem!important
}
.ms-sm-3 {
 margin-left : 1rem!important
}
.ms-sm-4 {
 margin-left : 1.5rem!important
}
.ms-sm-5 {
 margin-left : 3rem!important
}
.ms-sm-6 {
 margin-left : 12px!important
}
.ms-sm-7 {
 margin-left : 30px!important
}
.ms-sm-8 {
 margin-left : 10px!important
}
.ms-sm-9 {
 margin-left : 20px!important
}
.ms-sm-10 {
 margin-left : 18px!important
}
.ms-sm-auto {
 margin-left : auto!important
}
.m-sm-n1 {
 margin : -.25rem!important
}
.m-sm-n2 {
 margin : -.5rem!important
}
.m-sm-n3 {
 margin : -1rem!important
}
.m-sm-n4 {
 margin : -1.5rem!important
}
.m-sm-n5 {
 margin : -3rem!important
}
.m-sm-n6 {
 margin : -12px!important
}
.m-sm-n7 {
 margin : -30px!important
}
.m-sm-n8 {
 margin : -10px!important
}
.m-sm-n9 {
 margin : -20px!important
}
.m-sm-n10 {
 margin : -18px!important
}
.mx-sm-n1 {
 margin-right : -.25rem!important;
 margin-left : -.25rem!important
}
.mx-sm-n2 {
 margin-right : -.5rem!important;
 margin-left : -.5rem!important
}
.mx-sm-n3 {
 margin-right : -1rem!important;
 margin-left : -1rem!important
}
.mx-sm-n4 {
 margin-right : -1.5rem!important;
 margin-left : -1.5rem!important
}
.mx-sm-n5 {
 margin-right : -3rem!important;
 margin-left : -3rem!important
}
.mx-sm-n6 {
 margin-right : -12px!important;
 margin-left : -12px!important
}
.mx-sm-n7 {
 margin-right : -30px!important;
 margin-left : -30px!important
}
.mx-sm-n8 {
 margin-right : -10px!important;
 margin-left : -10px!important
}
.mx-sm-n9 {
 margin-right : -20px!important;
 margin-left : -20px!important
}
.mx-sm-n10 {
 margin-right : -18px!important;
 margin-left : -18px!important
}
.my-sm-n1 {
 margin-top : -.25rem!important;
 margin-bottom : -.25rem!important
}
.my-sm-n2 {
 margin-top : -.5rem!important;
 margin-bottom : -.5rem!important
}
.my-sm-n3 {
 margin-top : -1rem!important;
 margin-bottom : -1rem!important
}
.my-sm-n4 {
 margin-top : -1.5rem!important;
 margin-bottom : -1.5rem!important
}
.my-sm-n5 {
 margin-top : -3rem!important;
 margin-bottom : -3rem!important
}
.my-sm-n6 {
 margin-top : -12px!important;
 margin-bottom : -12px!important
}
.my-sm-n7 {
 margin-top : -30px!important;
 margin-bottom : -30px!important
}
.my-sm-n8 {
 margin-top : -10px!important;
 margin-bottom : -10px!important
}
.my-sm-n9 {
 margin-top : -20px!important;
 margin-bottom : -20px!important
}
.my-sm-n10 {
 margin-top : -18px!important;
 margin-bottom : -18px!important
}
.mt-sm-n1 {
 margin-top : -.25rem!important
}
.mt-sm-n2 {
 margin-top : -.5rem!important
}
.mt-sm-n3 {
 margin-top : -1rem!important
}
.mt-sm-n4 {
 margin-top : -1.5rem!important
}
.mt-sm-n5 {
 margin-top : -3rem!important
}
.mt-sm-n6 {
 margin-top : -12px!important
}
.mt-sm-n7 {
 margin-top : -30px!important
}
.mt-sm-n8 {
 margin-top : -10px!important
}
.mt-sm-n9 {
 margin-top : -20px!important
}
.mt-sm-n10 {
 margin-top : -18px!important
}
.me-sm-n1 {
 margin-right : -.25rem!important
}
.me-sm-n2 {
 margin-right : -.5rem!important
}
.me-sm-n3 {
 margin-right : -1rem!important
}
.me-sm-n4 {
 margin-right : -1.5rem!important
}
.me-sm-n5 {
 margin-right : -3rem!important
}
.me-sm-n6 {
 margin-right : -12px!important
}
.me-sm-n7 {
 margin-right : -30px!important
}
.me-sm-n8 {
 margin-right : -10px!important
}
.me-sm-n9 {
 margin-right : -20px!important
}
.me-sm-n10 {
 margin-right : -18px!important
}
.mb-sm-n1 {
 margin-bottom : -.25rem!important
}
.mb-sm-n2 {
 margin-bottom : -.5rem!important
}
.mb-sm-n3 {
 margin-bottom : -1rem!important
}
.mb-sm-n4 {
 margin-bottom : -1.5rem!important
}
.mb-sm-n5 {
 margin-bottom : -3rem!important
}
.mb-sm-n6 {
 margin-bottom : -12px!important
}
.mb-sm-n7 {
 margin-bottom : -30px!important
}
.mb-sm-n8 {
 margin-bottom : -10px!important
}
.mb-sm-n9 {
 margin-bottom : -20px!important
}
.mb-sm-n10 {
 margin-bottom : -18px!important
}
.ms-sm-n1 {
 margin-left : -.25rem!important
}
.ms-sm-n2 {
 margin-left : -.5rem!important
}
.ms-sm-n3 {
 margin-left : -1rem!important
}
.ms-sm-n4 {
 margin-left : -1.5rem!important
}
.ms-sm-n5 {
 margin-left : -3rem!important
}
.ms-sm-n6 {
 margin-left : -12px!important
}
.ms-sm-n7 {
 margin-left : -30px!important
}
.ms-sm-n8 {
 margin-left : -10px!important
}
.ms-sm-n9 {
 margin-left : -20px!important
}
.ms-sm-n10 {
 margin-left : -18px!important
}
.p-sm-0 {
 padding : 0!important
}
.p-sm-1 {
 padding : .25rem!important
}
.p-sm-2 {
 padding : .5rem!important
}
.p-sm-3 {
 padding : 1rem!important
}
.p-sm-4 {
 padding : 1.5rem!important
}
.p-sm-5 {
 padding : 3rem!important
}
.p-sm-6 {
 padding : 12px!important
}
.p-sm-7 {
 padding : 30px!important
}
.p-sm-8 {
 padding : 10px!important
}
.p-sm-9 {
 padding : 20px!important
}
.p-sm-10 {
 padding : 18px!important
}
.px-sm-0 {
 padding-right : 0!important;
 padding-left : 0!important
}
.px-sm-1 {
 padding-right : .25rem!important;
 padding-left : .25rem!important
}
.px-sm-2 {
 padding-right : .5rem!important;
 padding-left : .5rem!important
}
.px-sm-3 {
 padding-right : 1rem!important;
 padding-left : 1rem!important
}
.px-sm-4 {
 padding-right : 1.5rem!important;
 padding-left : 1.5rem!important
}
.px-sm-5 {
 padding-right : 3rem!important;
 padding-left : 3rem!important
}
.px-sm-6 {
 padding-right : 12px!important;
 padding-left : 12px!important
}
.px-sm-7 {
 padding-right : 30px!important;
 padding-left : 30px!important
}
.px-sm-8 {
 padding-right : 10px!important;
 padding-left : 10px!important
}
.px-sm-9 {
 padding-right : 20px!important;
 padding-left : 20px!important
}
.px-sm-10 {
 padding-right : 18px!important;
 padding-left : 18px!important
}
.py-sm-0 {
 padding-top : 0!important;
 padding-bottom : 0!important
}
.py-sm-1 {
 padding-top : .25rem!important;
 padding-bottom : .25rem!important
}
.py-sm-2 {
 padding-top : .5rem!important;
 padding-bottom : .5rem!important
}
.py-sm-3 {
 padding-top : 1rem!important;
 padding-bottom : 1rem!important
}
.py-sm-4 {
 padding-top : 1.5rem!important;
 padding-bottom : 1.5rem!important
}
.py-sm-5 {
 padding-top : 3rem!important;
 padding-bottom : 3rem!important
}
.py-sm-6 {
 padding-top : 12px!important;
 padding-bottom : 12px!important
}
.py-sm-7 {
 padding-top : 30px!important;
 padding-bottom : 30px!important
}
.py-sm-8 {
 padding-top : 10px!important;
 padding-bottom : 10px!important
}
.py-sm-9 {
 padding-top : 20px!important;
 padding-bottom : 20px!important
}
.py-sm-10 {
 padding-top : 18px!important;
 padding-bottom : 18px!important
}
.pt-sm-0 {
 padding-top : 0!important
}
.pt-sm-1 {
 padding-top : .25rem!important
}
.pt-sm-2 {
 padding-top : .5rem!important
}
.pt-sm-3 {
 padding-top : 1rem!important
}
.pt-sm-4 {
 padding-top : 1.5rem!important
}
.pt-sm-5 {
 padding-top : 3rem!important
}
.pt-sm-6 {
 padding-top : 12px!important
}
.pt-sm-7 {
 padding-top : 30px!important
}
.pt-sm-8 {
 padding-top : 10px!important
}
.pt-sm-9 {
 padding-top : 20px!important
}
.pt-sm-10 {
 padding-top : 18px!important
}
.pe-sm-0 {
 padding-right : 0!important
}
.pe-sm-1 {
 padding-right : .25rem!important
}
.pe-sm-2 {
 padding-right : .5rem!important
}
.pe-sm-3 {
 padding-right : 1rem!important
}
.pe-sm-4 {
 padding-right : 1.5rem!important
}
.pe-sm-5 {
 padding-right : 3rem!important
}
.pe-sm-6 {
 padding-right : 12px!important
}
.pe-sm-7 {
 padding-right : 30px!important
}
.pe-sm-8 {
 padding-right : 10px!important
}
.pe-sm-9 {
 padding-right : 20px!important
}
.pe-sm-10 {
 padding-right : 18px!important
}
.pb-sm-0 {
 padding-bottom : 0!important
}
.pb-sm-1 {
 padding-bottom : .25rem!important
}
.pb-sm-2 {
 padding-bottom : .5rem!important
}
.pb-sm-3 {
 padding-bottom : 1rem!important
}
.pb-sm-4 {
 padding-bottom : 1.5rem!important
}
.pb-sm-5 {
 padding-bottom : 3rem!important
}
.pb-sm-6 {
 padding-bottom : 12px!important
}
.pb-sm-7 {
 padding-bottom : 30px!important
}
.pb-sm-8 {
 padding-bottom : 10px!important
}
.pb-sm-9 {
 padding-bottom : 20px!important
}
.pb-sm-10 {
 padding-bottom : 18px!important
}
.ps-sm-0 {
 padding-left : 0!important
}
.ps-sm-1 {
 padding-left : .25rem!important
}
.ps-sm-2 {
 padding-left : .5rem!important
}
.ps-sm-3 {
 padding-left : 1rem!important
}
.ps-sm-4 {
 padding-left : 1.5rem!important
}
.ps-sm-5 {
 padding-left : 3rem!important
}
.ps-sm-6 {
 padding-left : 12px!important
}
.ps-sm-7 {
 padding-left : 30px!important
}
.ps-sm-8 {
 padding-left : 10px!important
}
.ps-sm-9 {
 padding-left : 20px!important
}
.ps-sm-10 {
 padding-left : 18px!important
}
.gap-sm-0 {
 gap : 0!important
}
.gap-sm-1 {
 gap : .25rem!important
}
.gap-sm-2 {
 gap : .5rem!important
}
.gap-sm-3 {
 gap : 1rem!important
}
.gap-sm-4 {
 gap : 1.5rem!important
}
.gap-sm-5 {
 gap : 3rem!important
}
.gap-sm-6 {
 gap : 12px!important
}
.gap-sm-7 {
 gap : 30px!important
}
.gap-sm-8 {
 gap : 10px!important
}
.gap-sm-9 {
 gap : 20px!important
}
.gap-sm-10 {
 gap : 18px!important
}
.row-gap-sm-0 {
 row-gap : 0!important
}
.row-gap-sm-1 {
 row-gap : .25rem!important
}
.row-gap-sm-2 {
 row-gap : .5rem!important
}
.row-gap-sm-3 {
 row-gap : 1rem!important
}
.row-gap-sm-4 {
 row-gap : 1.5rem!important
}
.row-gap-sm-5 {
 row-gap : 3rem!important
}
.row-gap-sm-6 {
 row-gap : 12px!important
}
.row-gap-sm-7 {
 row-gap : 30px!important
}
.row-gap-sm-8 {
 row-gap : 10px!important
}
.row-gap-sm-9 {
 row-gap : 20px!important
}
.row-gap-sm-10 {
 row-gap : 18px!important
}
.column-gap-sm-0 {
 -moz-column-gap : 0!important;
 column-gap : 0!important
}
.column-gap-sm-1 {
 -moz-column-gap : .25rem!important;
 column-gap : .25rem!important
}
.column-gap-sm-2 {
 -moz-column-gap : .5rem!important;
 column-gap : .5rem!important
}
.column-gap-sm-3 {
 -moz-column-gap : 1rem!important;
 column-gap : 1rem!important
}
.column-gap-sm-4 {
 -moz-column-gap : 1.5rem!important;
 column-gap : 1.5rem!important
}
.column-gap-sm-5 {
 -moz-column-gap : 3rem!important;
 column-gap : 3rem!important
}
.column-gap-sm-6 {
 -moz-column-gap : 12px!important;
 column-gap : 12px!important
}
.column-gap-sm-7 {
 -moz-column-gap : 30px!important;
 column-gap : 30px!important
}
.column-gap-sm-8 {
 -moz-column-gap : 10px!important;
 column-gap : 10px!important
}
.column-gap-sm-9 {
 -moz-column-gap : 20px!important;
 column-gap : 20px!important
}
.column-gap-sm-10 {
 -moz-column-gap : 18px!important;
 column-gap : 18px!important
}
.text-sm-start {
 text-align : left!important
}
.text-sm-end {
 text-align : right!important
}
.text-sm-center {
 text-align : center!important
}
}
@media (min-width : 768px) {
 .float-md-start {
float : left!important
}
.float-md-end {
 float : right!important
}
.float-md-none {
 float : none!important
}
.object-fit-md-contain {
 -o-object-fit : contain!important;
 object-fit : contain!important
}
.object-fit-md-cover {
 -o-object-fit : cover!important;
 object-fit : cover!important
}
.object-fit-md-fill {
 -o-object-fit : fill!important;
 object-fit : fill!important
}
.object-fit-md-scale {
 -o-object-fit : scale-down!important;
 object-fit : scale-down!important
}
.object-fit-md-none {
 -o-object-fit : none!important;
 object-fit : none!important
}
.d-md-inline {
 display : inline!important
}
.d-md-inline-block {
 display : inline-block!important
}
.d-md-block {
 display : block!important
}
.d-md-grid {
 display : grid!important
}
.d-md-inline-grid {
 display : inline-grid!important
}
.d-md-table {
 display : table!important
}
.d-md-table-row {
 display : table-row!important
}
.d-md-table-cell {
 display : table-cell!important
}
.d-md-flex {
 display : flex!important
}
.d-md-inline-flex {
 display : inline-flex!important
}
.d-md-none {
 display : none!important
}
.flex-md-fill {
 flex : 1 1 auto!important
}
.flex-md-row {
 flex-direction : row!important
}
.flex-md-column {
 flex-direction : column!important
}
.flex-md-row-reverse {
 flex-direction : row-reverse!important
}
.flex-md-column-reverse {
 flex-direction : column-reverse!important
}
.flex-md-grow-0 {
 flex-grow : 0!important
}
.flex-md-grow-1 {
 flex-grow : 1!important
}
.flex-md-shrink-0 {
 flex-shrink : 0!important
}
.flex-md-shrink-1 {
 flex-shrink : 1!important
}
.flex-md-wrap {
 flex-wrap : wrap!important
}
.flex-md-nowrap {
 flex-wrap : nowrap!important
}
.flex-md-wrap-reverse {
 flex-wrap : wrap-reverse!important
}
.justify-content-md-start {
 justify-content : flex-start!important
}
.justify-content-md-end {
 justify-content : flex-end!important
}
.justify-content-md-center {
 justify-content : center!important
}
.justify-content-md-between {
 justify-content : space-between!important
}
.justify-content-md-around {
 justify-content : space-around!important
}
.justify-content-md-evenly {
 justify-content : space-evenly!important
}
.align-items-md-start {
 align-items : flex-start!important
}
.align-items-md-end {
 align-items : flex-end!important
}
.align-items-md-center {
 align-items : center!important
}
.align-items-md-baseline {
 align-items : baseline!important
}
.align-items-md-stretch {
 align-items : stretch!important
}
.align-content-md-start {
 align-content : flex-start!important
}
.align-content-md-end {
 align-content : flex-end!important
}
.align-content-md-center {
 align-content : center!important
}
.align-content-md-between {
 align-content : space-between!important
}
.align-content-md-around {
 align-content : space-around!important
}
.align-content-md-stretch {
 align-content : stretch!important
}
.align-self-md-auto {
 align-self : auto!important
}
.align-self-md-start {
 align-self : flex-start!important
}
.align-self-md-end {
 align-self : flex-end!important
}
.align-self-md-center {
 align-self : center!important
}
.align-self-md-baseline {
 align-self : baseline!important
}
.align-self-md-stretch {
 align-self : stretch!important
}
.order-md-first {
 order : -1!important
}
.order-md-0 {
 order : 0!important
}
.order-md-1 {
 order : 1!important
}
.order-md-2 {
 order : 2!important
}
.order-md-3 {
 order : 3!important
}
.order-md-4 {
 order : 4!important
}
.order-md-5 {
 order : 5!important
}
.order-md-last {
 order : 6!important
}
.m-md-0 {
 margin : 0!important
}
.m-md-1 {
 margin : .25rem!important
}
.m-md-2 {
 margin : .5rem!important
}
.m-md-3 {
 margin : 1rem!important
}
.m-md-4 {
 margin : 1.5rem!important
}
.m-md-5 {
 margin : 3rem!important
}
.m-md-6 {
 margin : 12px!important
}
.m-md-7 {
 margin : 30px!important
}
.m-md-8 {
 margin : 10px!important
}
.m-md-9 {
 margin : 20px!important
}
.m-md-10 {
 margin : 18px!important
}
.m-md-auto {
 margin : auto!important
}
.mx-md-0 {
 margin-right : 0!important;
 margin-left : 0!important
}
.mx-md-1 {
 margin-right : .25rem!important;
 margin-left : .25rem!important
}
.mx-md-2 {
 margin-right : .5rem!important;
 margin-left : .5rem!important
}
.mx-md-3 {
 margin-right : 1rem!important;
 margin-left : 1rem!important
}
.mx-md-4 {
 margin-right : 1.5rem!important;
 margin-left : 1.5rem!important
}
.mx-md-5 {
 margin-right : 3rem!important;
 margin-left : 3rem!important
}
.mx-md-6 {
 margin-right : 12px!important;
 margin-left : 12px!important
}
.mx-md-7 {
 margin-right : 30px!important;
 margin-left : 30px!important
}
.mx-md-8 {
 margin-right : 10px!important;
 margin-left : 10px!important
}
.mx-md-9 {
 margin-right : 20px!important;
 margin-left : 20px!important
}
.mx-md-10 {
 margin-right : 18px!important;
 margin-left : 18px!important
}
.mx-md-auto {
 margin-right : auto!important;
 margin-left : auto!important
}
.my-md-0 {
 margin-top : 0!important;
 margin-bottom : 0!important
}
.my-md-1 {
 margin-top : .25rem!important;
 margin-bottom : .25rem!important
}
.my-md-2 {
 margin-top : .5rem!important;
 margin-bottom : .5rem!important
}
.my-md-3 {
 margin-top : 1rem!important;
 margin-bottom : 1rem!important
}
.my-md-4 {
 margin-top : 1.5rem!important;
 margin-bottom : 1.5rem!important
}
.my-md-5 {
 margin-top : 3rem!important;
 margin-bottom : 3rem!important
}
.my-md-6 {
 margin-top : 12px!important;
 margin-bottom : 12px!important
}
.my-md-7 {
 margin-top : 30px!important;
 margin-bottom : 30px!important
}
.my-md-8 {
 margin-top : 10px!important;
 margin-bottom : 10px!important
}
.my-md-9 {
 margin-top : 20px!important;
 margin-bottom : 20px!important
}
.my-md-10 {
 margin-top : 18px!important;
 margin-bottom : 18px!important
}
.my-md-auto {
 margin-top : auto!important;
 margin-bottom : auto!important
}
.mt-md-0 {
 margin-top : 0!important
}
.mt-md-1 {
 margin-top : .25rem!important
}
.mt-md-2 {
 margin-top : .5rem!important
}
.mt-md-3 {
 margin-top : 1rem!important
}
.mt-md-4 {
 margin-top : 1.5rem!important
}
.mt-md-5 {
 margin-top : 3rem!important
}
.mt-md-6 {
 margin-top : 12px!important
}
.mt-md-7 {
 margin-top : 30px!important
}
.mt-md-8 {
 margin-top : 10px!important
}
.mt-md-9 {
 margin-top : 20px!important
}
.mt-md-10 {
 margin-top : 18px!important
}
.mt-md-auto {
 margin-top : auto!important
}
.me-md-0 {
 margin-right : 0!important
}
.me-md-1 {
 margin-right : .25rem!important
}
.me-md-2 {
 margin-right : .5rem!important
}
.me-md-3 {
 margin-right : 1rem!important
}
.me-md-4 {
 margin-right : 1.5rem!important
}
.me-md-5 {
 margin-right : 3rem!important
}
.me-md-6 {
 margin-right : 12px!important
}
.me-md-7 {
 margin-right : 30px!important
}
.me-md-8 {
 margin-right : 10px!important
}
.me-md-9 {
 margin-right : 20px!important
}
.me-md-10 {
 margin-right : 18px!important
}
.me-md-auto {
 margin-right : auto!important
}
.mb-md-0 {
 margin-bottom : 0!important
}
.mb-md-1 {
 margin-bottom : .25rem!important
}
.mb-md-2 {
 margin-bottom : .5rem!important
}
.mb-md-3 {
 margin-bottom : 1rem!important
}
.mb-md-4 {
 margin-bottom : 1.5rem!important
}
.mb-md-5 {
 margin-bottom : 3rem!important
}
.mb-md-6 {
 margin-bottom : 12px!important
}
.mb-md-7 {
 margin-bottom : 30px!important
}
.mb-md-8 {
 margin-bottom : 10px!important
}
.mb-md-9 {
 margin-bottom : 20px!important
}
.mb-md-10 {
 margin-bottom : 18px!important
}
.mb-md-auto {
 margin-bottom : auto!important
}
.ms-md-0 {
 margin-left : 0!important
}
.ms-md-1 {
 margin-left : .25rem!important
}
.ms-md-2 {
 margin-left : .5rem!important
}
.ms-md-3 {
 margin-left : 1rem!important
}
.ms-md-4 {
 margin-left : 1.5rem!important
}
.ms-md-5 {
 margin-left : 3rem!important
}
.ms-md-6 {
 margin-left : 12px!important
}
.ms-md-7 {
 margin-left : 30px!important
}
.ms-md-8 {
 margin-left : 10px!important
}
.ms-md-9 {
 margin-left : 20px!important
}
.ms-md-10 {
 margin-left : 18px!important
}
.ms-md-auto {
 margin-left : auto!important
}
.m-md-n1 {
 margin : -.25rem!important
}
.m-md-n2 {
 margin : -.5rem!important
}
.m-md-n3 {
 margin : -1rem!important
}
.m-md-n4 {
 margin : -1.5rem!important
}
.m-md-n5 {
 margin : -3rem!important
}
.m-md-n6 {
 margin : -12px!important
}
.m-md-n7 {
 margin : -30px!important
}
.m-md-n8 {
 margin : -10px!important
}
.m-md-n9 {
 margin : -20px!important
}
.m-md-n10 {
 margin : -18px!important
}
.mx-md-n1 {
 margin-right : -.25rem!important;
 margin-left : -.25rem!important
}
.mx-md-n2 {
 margin-right : -.5rem!important;
 margin-left : -.5rem!important
}
.mx-md-n3 {
 margin-right : -1rem!important;
 margin-left : -1rem!important
}
.mx-md-n4 {
 margin-right : -1.5rem!important;
 margin-left : -1.5rem!important
}
.mx-md-n5 {
 margin-right : -3rem!important;
 margin-left : -3rem!important
}
.mx-md-n6 {
 margin-right : -12px!important;
 margin-left : -12px!important
}
.mx-md-n7 {
 margin-right : -30px!important;
 margin-left : -30px!important
}
.mx-md-n8 {
 margin-right : -10px!important;
 margin-left : -10px!important
}
.mx-md-n9 {
 margin-right : -20px!important;
 margin-left : -20px!important
}
.mx-md-n10 {
 margin-right : -18px!important;
 margin-left : -18px!important
}
.my-md-n1 {
 margin-top : -.25rem!important;
 margin-bottom : -.25rem!important
}
.my-md-n2 {
 margin-top : -.5rem!important;
 margin-bottom : -.5rem!important
}
.my-md-n3 {
 margin-top : -1rem!important;
 margin-bottom : -1rem!important
}
.my-md-n4 {
 margin-top : -1.5rem!important;
 margin-bottom : -1.5rem!important
}
.my-md-n5 {
 margin-top : -3rem!important;
 margin-bottom : -3rem!important
}
.my-md-n6 {
 margin-top : -12px!important;
 margin-bottom : -12px!important
}
.my-md-n7 {
 margin-top : -30px!important;
 margin-bottom : -30px!important
}
.my-md-n8 {
 margin-top : -10px!important;
 margin-bottom : -10px!important
}
.my-md-n9 {
 margin-top : -20px!important;
 margin-bottom : -20px!important
}
.my-md-n10 {
 margin-top : -18px!important;
 margin-bottom : -18px!important
}
.mt-md-n1 {
 margin-top : -.25rem!important
}
.mt-md-n2 {
 margin-top : -.5rem!important
}
.mt-md-n3 {
 margin-top : -1rem!important
}
.mt-md-n4 {
 margin-top : -1.5rem!important
}
.mt-md-n5 {
 margin-top : -3rem!important
}
.mt-md-n6 {
 margin-top : -12px!important
}
.mt-md-n7 {
 margin-top : -30px!important
}
.mt-md-n8 {
 margin-top : -10px!important
}
.mt-md-n9 {
 margin-top : -20px!important
}
.mt-md-n10 {
 margin-top : -18px!important
}
.me-md-n1 {
 margin-right : -.25rem!important
}
.me-md-n2 {
 margin-right : -.5rem!important
}
.me-md-n3 {
 margin-right : -1rem!important
}
.me-md-n4 {
 margin-right : -1.5rem!important
}
.me-md-n5 {
 margin-right : -3rem!important
}
.me-md-n6 {
 margin-right : -12px!important
}
.me-md-n7 {
 margin-right : -30px!important
}
.me-md-n8 {
 margin-right : -10px!important
}
.me-md-n9 {
 margin-right : -20px!important
}
.me-md-n10 {
 margin-right : -18px!important
}
.mb-md-n1 {
 margin-bottom : -.25rem!important
}
.mb-md-n2 {
 margin-bottom : -.5rem!important
}
.mb-md-n3 {
 margin-bottom : -1rem!important
}
.mb-md-n4 {
 margin-bottom : -1.5rem!important
}
.mb-md-n5 {
 margin-bottom : -3rem!important
}
.mb-md-n6 {
 margin-bottom : -12px!important
}
.mb-md-n7 {
 margin-bottom : -30px!important
}
.mb-md-n8 {
 margin-bottom : -10px!important
}
.mb-md-n9 {
 margin-bottom : -20px!important
}
.mb-md-n10 {
 margin-bottom : -18px!important
}
.ms-md-n1 {
 margin-left : -.25rem!important
}
.ms-md-n2 {
 margin-left : -.5rem!important
}
.ms-md-n3 {
 margin-left : -1rem!important
}
.ms-md-n4 {
 margin-left : -1.5rem!important
}
.ms-md-n5 {
 margin-left : -3rem!important
}
.ms-md-n6 {
 margin-left : -12px!important
}
.ms-md-n7 {
 margin-left : -30px!important
}
.ms-md-n8 {
 margin-left : -10px!important
}
.ms-md-n9 {
 margin-left : -20px!important
}
.ms-md-n10 {
 margin-left : -18px!important
}
.p-md-0 {
 padding : 0!important
}
.p-md-1 {
 padding : .25rem!important
}
.p-md-2 {
 padding : .5rem!important
}
.p-md-3 {
 padding : 1rem!important
}
.p-md-4 {
 padding : 1.5rem!important
}
.p-md-5 {
 padding : 3rem!important
}
.p-md-6 {
 padding : 12px!important
}
.p-md-7 {
 padding : 30px!important
}
.p-md-8 {
 padding : 10px!important
}
.p-md-9 {
 padding : 20px!important
}
.p-md-10 {
 padding : 18px!important
}
.px-md-0 {
 padding-right : 0!important;
 padding-left : 0!important
}
.px-md-1 {
 padding-right : .25rem!important;
 padding-left : .25rem!important
}
.px-md-2 {
 padding-right : .5rem!important;
 padding-left : .5rem!important
}
.px-md-3 {
 padding-right : 1rem!important;
 padding-left : 1rem!important
}
.px-md-4 {
 padding-right : 1.5rem!important;
 padding-left : 1.5rem!important
}
.px-md-5 {
 padding-right : 3rem!important;
 padding-left : 3rem!important
}
.px-md-6 {
 padding-right : 12px!important;
 padding-left : 12px!important
}
.px-md-7 {
 padding-right : 30px!important;
 padding-left : 30px!important
}
.px-md-8 {
 padding-right : 10px!important;
 padding-left : 10px!important
}
.px-md-9 {
 padding-right : 20px!important;
 padding-left : 20px!important
}
.px-md-10 {
 padding-right : 18px!important;
 padding-left : 18px!important
}
.py-md-0 {
 padding-top : 0!important;
 padding-bottom : 0!important
}
.py-md-1 {
 padding-top : .25rem!important;
 padding-bottom : .25rem!important
}
.py-md-2 {
 padding-top : .5rem!important;
 padding-bottom : .5rem!important
}
.py-md-3 {
 padding-top : 1rem!important;
 padding-bottom : 1rem!important
}
.py-md-4 {
 padding-top : 1.5rem!important;
 padding-bottom : 1.5rem!important
}
.py-md-5 {
 padding-top : 3rem!important;
 padding-bottom : 3rem!important
}
.py-md-6 {
 padding-top : 12px!important;
 padding-bottom : 12px!important
}
.py-md-7 {
 padding-top : 30px!important;
 padding-bottom : 30px!important
}
.py-md-8 {
 padding-top : 10px!important;
 padding-bottom : 10px!important
}
.py-md-9 {
 padding-top : 20px!important;
 padding-bottom : 20px!important
}
.py-md-10 {
 padding-top : 18px!important;
 padding-bottom : 18px!important
}
.pt-md-0 {
 padding-top : 0!important
}
.pt-md-1 {
 padding-top : .25rem!important
}
.pt-md-2 {
 padding-top : .5rem!important
}
.pt-md-3 {
 padding-top : 1rem!important
}
.pt-md-4 {
 padding-top : 1.5rem!important
}
.pt-md-5 {
 padding-top : 3rem!important
}
.pt-md-6 {
 padding-top : 12px!important
}
.pt-md-7 {
 padding-top : 30px!important
}
.pt-md-8 {
 padding-top : 10px!important
}
.pt-md-9 {
 padding-top : 20px!important
}
.pt-md-10 {
 padding-top : 18px!important
}
.pe-md-0 {
 padding-right : 0!important
}
.pe-md-1 {
 padding-right : .25rem!important
}
.pe-md-2 {
 padding-right : .5rem!important
}
.pe-md-3 {
 padding-right : 1rem!important
}
.pe-md-4 {
 padding-right : 1.5rem!important
}
.pe-md-5 {
 padding-right : 3rem!important
}
.pe-md-6 {
 padding-right : 12px!important
}
.pe-md-7 {
 padding-right : 30px!important
}
.pe-md-8 {
 padding-right : 10px!important
}
.pe-md-9 {
 padding-right : 20px!important
}
.pe-md-10 {
 padding-right : 18px!important
}
.pb-md-0 {
 padding-bottom : 0!important
}
.pb-md-1 {
 padding-bottom : .25rem!important
}
.pb-md-2 {
 padding-bottom : .5rem!important
}
.pb-md-3 {
 padding-bottom : 1rem!important
}
.pb-md-4 {
 padding-bottom : 1.5rem!important
}
.pb-md-5 {
 padding-bottom : 3rem!important
}
.pb-md-6 {
 padding-bottom : 12px!important
}
.pb-md-7 {
 padding-bottom : 30px!important
}
.pb-md-8 {
 padding-bottom : 10px!important
}
.pb-md-9 {
 padding-bottom : 20px!important
}
.pb-md-10 {
 padding-bottom : 18px!important
}
.ps-md-0 {
 padding-left : 0!important
}
 .toast-error {
 background-color: #df0a0a !important;
}
.toast-success {
 background-color: #008500 !important;
}
.toast-warning {
 background-color: #f3b600 !important;
}
.toast-info {
 background-color: #0187af !important;
}
 #chat_details {
 height: 100%;
 overflow-y: overlay;
}
div#chat_response {
 width: 80%;
}
 div#chat_response > p {
width: 80% !important;
}
 span.text-danger, em.text-danger {
 color:red !important;
}
 #country-list li {
 padding: 6px;
 cursor: pointer;
 background-color: #fff;
 border-bottom: 1px solid #d4d4d4;
}
 ul#country-list {
 overflow-y: scroll;
 max-height: 150px;
}
}