@charset "UTF-8";
/**
* Papermint
*
* Papermint is a clean & modern HTML5 admin template based on Bootstrap 4. 
* Papermint will make it easier for you to create your own admin interface.
* 
*/
/**
* TABLE OF CONTENTS
*
* 1. Variable
* 2. Mixin
* 3. Bootstrap Override
* 	  3.1 Misc
* 	  3.2 Form
* 	  3.3 List
* 	  3.4 Alert
* 	  3.5 Card
* 	  3.6 Table
* 	  3.7 Tooltip
* 	  3.8 Modal
* 	  3.9 Nav
* 	  3.10 Pagination
* 	  3.11 Badge
* 	  3.12 Button
* 	  3.13 Media
* 	  3.14 Breadcrumb
* 	  3.15 Accordion
* 	  3.16 Popover
* 	  3.17 Grid
* 	  3.18 Navbar
* 	  3.19 Dropdown
* 	  3.20 Tab
* 	  3.21 Progressbar
* 	  3.22 Jumbotron
* 	  3.23 Carousel
* 4. Theme Style
* 	  4.1 Misc
* 	  4.2 Section
* 	  4.3 Page
* 	  4.4 Layout
* 	  4.5 Animation
* 5. Responsive
*
*/
/* 1. Variable */
/* 2. Mixin */
/* 3. Bootstrap Override */
/* 3.1 Misc */

/* latin */

@font-face {  font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url('XRXV3I6Li01BKofIOOaBXso.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url('XRXV3I6Li01BKofIMeaBXso.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url('XRXV3I6Li01BKofIOuaBXso.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url('XRXV3I6Li01BKofIO-aBXso.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: local('Nunito Regular'), local('Nunito-Regular'), url('XRXV3I6Li01BKofINeaB.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.btn:focus,
.btn:active,
.btn:active:focus,
.custom-select:focus,
.form-control:focus {
box-shadow: none !important;
outline: none; 
}

a {
color: rgb(44, 75, 255) ;
font-weight: 500;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s; 
}

a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
margin-left: 4px; 
}

.text-primary, .text-primary-all *, .text-primary-all *:before, .text-primary-all *:after {
color: rgb(44, 75, 255)  !important; 
}

.text-secondary, .text-secondary-all *, .text-secondary-all *:before, .text-secondary-all *:after {
color: #cdd3d8 !important; 
}

.text-success, .text-success-all *, .text-success-all *:before, .text-success-all *:after {
color: #63ed7a !important; 
}

.text-info, .text-info-all *, .text-info-all *:before, .text-info-all *:after {
color: #3abaf4 !important; 
}

.text-warning, .text-warning-all *, .text-warning-all *:before, .text-warning-all *:after {
color: #ffa426 !important; 
}

.text-danger, .text-danger-all *, .text-danger-all *:before, .text-danger-all *:after {
color: #fc544b !important; 
}

.text-light, .text-light-all *, .text-light-all *:before, .text-light-all *:after {
color: #e3eaef !important; 
}

.text-white, .text-white-all *, .text-white-all *:before, .text-white-all *:after {
color: #f9f9f9fff !important; 
}

.text-dark, .text-dark-all *, .text-dark-all *:before, .text-dark-all *:after {
color: #191d21 !important; 
}

.font-weight-normal {
font-weight: 500 !important; 
}

.lead {
line-height: 34px; 
}

@media (max-width: 575.98px) {
.lead {
font-size: 17px;
line-height: 30px; 
} 
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700; 
}

p, ul:not(.list-unstyled), ol {
line-height: 28px; 
}

.shadow {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); 
}

.text-muted {
color: #98a6ad !important; 
}

/* 3.2 Form */
.form-control,
.input-group-text,
.custom-select,
.custom-file-label {
background-color: #fdfdff;
border-color: #e4e6fc; 
}
.form-control:focus,
.input-group-text:focus,
.custom-select:focus,
.custom-file-label:focus {
background-color: #fefeff;
border-color: #95a0f4; 
}

.input-group-text,
select.form-control:not([size]):not([multiple]),
.form-control:not(.form-control-sm):not(.form-control-lg) {
font-size: 14px;
padding: 10px 15px;
height: 42px; 
}

textarea.form-control {
height: 64px !important; 
}

.custom-control {
line-height: 1.6rem; 
}

.custom-file,
.custom-file-label,
.custom-select,
.custom-file-label:after,
.form-control[type="color"],
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 6px); 
}

.form-control.creditcard {
background-position: 98%;
background-repeat: no-repeat;
background-size: 40px;
padding-right: 60px; 
}
.form-control.creditcard.visa {
background-image: url("../img/visa.png"); 
}
.form-control.creditcard.americanexpress {
background-image: url("../img/americanexpress.png"); 
}
.form-control.creditcard.dinersclub {
background-image: url("../img/dinersclub.png"); 
}
.form-control.creditcard.discover {
background-image: url("../img/discover.png"); 
}
.form-control.creditcard.jcb {
background-image: url("../img/jcb.png"); 
}
.form-control.creditcard.mastercard {
background-image: url("../img/mastercard.png"); 
}
.form-control.creditcard.visa {
background-image: url("../img/visa.png"); 
}

.form-group {
margin-bottom: 25px; 
}
.form-group .control-label,
.form-group > label {
font-weight: 600;
color: #34395e;
font-size: 12px;
letter-spacing: .5px; 
}
.form-group.floating-addon {
position: relative; 
}
.form-group.floating-addon .input-group-prepend {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 5; 
}
.form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
position: absolute;
top: 0;
left: 0;
z-index: 5;
left: initial;
right: 0; 
}
.form-group.floating-addon .input-group-prepend .input-group-text, .form-group.floating-addon .input-group-append .input-group-text {
border-color: transparent;
background-color: transparent;
font-size: 20px; 
}
.form-group.floating-addon .form-control {
border-radius: 3px;
padding-left: 40px; 
}
.form-group.floating-addon .form-control + .form-control {
border-radius: 0 3px 3px 0;
padding-left: 15px; 
}

.input-group-append [class*="btn-outline-"] {
background-color: #fdfdff; 
}

.form-text {
font-size: 12px;
line-height: 22px; 
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
background-color: rgb(44, 75, 255)  !important; 
}

.custom-file-label {
line-height: 2.2; 
}
.custom-file-label:after {
height: calc(2.25rem + 4px);
line-height: 2.2;
border-color: transparent; 
}
.custom-file-label:focus, .custom-file-label:active {
box-shadow: none;
outline: none; 
}

.custom-file-input:focus + .custom-file-label {
box-shadow: none;
border-color: rgb(44, 75, 255) ; 
}
.custom-file-input:focus + .custom-file-label:after {
border-color: transparent; 
}

.selectgroup {
display: -ms-inline-flexbox;
display: inline-flex; 
}

.selectgroup-item {
-ms-flex-positive: 1;
flex-grow: 1;
position: relative; 
}
.selectgroup-item + .selectgroup-item {
margin-left: -1px; 
}
.selectgroup-item:not(:first-child) .selectgroup-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0; 
}
.selectgroup-item:not(:last-child) .selectgroup-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0; 
}

.selectgroup-input {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0; 
}

.selectgroup-button {
background-color: #fdfdff;
border-color: #e4e6fc;
border-width: 1px;
border-style: solid;
display: block;
text-align: center;
padding: 0 1rem;
height: 35px;
position: relative;
cursor: pointer;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 13px;
min-width: 2.375rem;
line-height: 36px; 
}

.selectgroup-button-icon {
padding-left: .5rem;
padding-right: .5rem; 
}
.selectgroup-button-icon i {
font-size: 14px; 
}

.selectgroup-input:focus + .selectgroup-button, .selectgroup-input:checked + .selectgroup-button {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9;
z-index: 1; 
}

.selectgroup-pills {
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start; 
}
.selectgroup-pills .selectgroup-item {
margin-right: .5rem;
-ms-flex-positive: 0;
flex-grow: 0; 
}
.selectgroup-pills .selectgroup-button {
border-radius: 50px !important; 
}

.custom-switch {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin: 0; 
}

.custom-switch-input {
position: absolute;
z-index: -1;
opacity: 0; 
}

.custom-switches-stacked {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; 
}
.custom-switches-stacked .custom-switch {
margin-bottom: .5rem; 
}

.custom-switch-indicator {
display: inline-block;
height: 1.25rem;
width: 2.25rem;
background: #e9ecef;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid rgba(0, 40, 100, 0.12);
transition: .3s border-color, .3s background-color; 
}
.custom-switch-indicator:before {
content: '';
position: absolute;
height: calc(1.25rem - 4px);
width: calc(1.25rem - 4px);
top: 1px;
left: 1px;
background: #f9f9f9;
border-radius: 50%;
transition: .3s left; 
}

.custom-switch-input:checked ~ .custom-switch-indicator {
background: rgb(44, 75, 255) ; 
}
.custom-switch-input:checked ~ .custom-switch-indicator:before {
left: calc(1rem + 1px); 
}
.custom-switch-input:focus ~ .custom-switch-indicator {
border-color: rgb(44, 75, 255) ; 
}

.custom-switch-description {
margin-left: .5rem;
color: #6e7687;
transition: .3s color; 
}

.custom-switch-input:checked ~ .custom-switch-description {
color: #495057; 
}

.imagecheck {
margin: 0;
position: relative;
cursor: pointer; 
}

.imagecheck-input {
position: absolute;
z-index: -1;
opacity: 0; 
}

.imagecheck-figure {
background-color: #fdfdff;
border-color: #e4e6fc;
border-width: 1px;
border-style: solid;
border-radius: 3px;
margin: 0;
position: relative; 
}

.imagecheck-input:focus ~ .imagecheck-figure {
border-color: rgb(44, 75, 255) ; 
}
.imagecheck-input:checked ~ .imagecheck-figure {
border-color: rgba(0, 40, 100, 0.24); 
}

.imagecheck-figure:before {
content: '';
position: absolute;
top: .25rem;
left: .25rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: rgb(44, 75, 255)  url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
color: #f9f9f9;
z-index: 1;
border-radius: 3px;
opacity: 0;
transition: .3s opacity; 
}

.imagecheck-input:checked ~ .imagecheck-figure:before {
opacity: 1; 
}

.imagecheck-image {
max-width: 100%;
opacity: .64;
transition: .3s opacity; 
}
.imagecheck-image:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; 
}
.imagecheck-image:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; 
}

.imagecheck:hover .imagecheck-image {
opacity: 1; 
}

.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
opacity: 1; 
}

.imagecheck-caption {
text-align: center;
padding: .25rem .25rem;
color: #9aa0ac;
font-size: 0.875rem;
transition: .3s color; 
}

.imagecheck:hover .imagecheck-caption {
color: #495057; 
}
.fw-300{
font-weight:300!Important;
}
.fw-400{
font-weight:400!Important;
}
.fw-500{
font-weight:500!Important;
}
.fw-600{
font-weight:600!Important;
}
.fw-700{
font-weight:700!Important;
}
.fw-800{
font-weight:800!Important;
}

.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
color: #495057; 
}
.text-white{
color:white!Important;
}
.text-black{
color:#6c757d!Important;
}
.colorinput {
margin: 0;
position: relative;
cursor: pointer; 
}

.colorinput-input {
position: absolute;
z-index: -1;
opacity: 0; 
}

.colorinput-color {
background-color: #fdfdff;
border-color: #e4e6fc;
border-width: 1px;
border-style: solid;
display: inline-block;
width: 1.75rem;
height: 1.75rem;
border-radius: 3px;
color: #f9f9f9;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 
}
.colorinput-color:before {
content: '';
opacity: 0;
position: absolute;
top: .25rem;
left: .25rem;
height: 1.25rem;
width: 1.25rem;
transition: .3s opacity;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; 
}

.colorinput-input:checked ~ .colorinput-color:before {
opacity: 1; 
}

/* 3.3 List */
.list-unstyled-border li {
border-bottom: 1px solid #f9f9f9;
padding-bottom: 15px;
margin-bottom: 15px; 
}
.list-unstyled-border li .custom-checkbox {
margin-right: 15px; 
}
.list-unstyled-border li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; 
}

.list-unstyled-noborder li:last-child {
border-bottom: none; 
}

.list-group-item.active {
background-color: rgb(44, 75, 255) ; 
}
.list-group-item.disabled {
color: #c9d7e0; 
}

.list-group-item-primary {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}

.list-group-item-secondary {
background-color: #cdd3d8;
color: #f9f9f9; 
}

.list-group-item-success {
background-color: #63ed7a;
color: #f9f9f9; 
}

.list-group-item-danger {
background-color: #fc544b;
color: #f9f9f9; 
}

.list-group-item-warning {
background-color: #ffa426;
color: #f9f9f9; 
}

.list-group-item-info {
background-color: #3abaf4;
color: #f9f9f9; 
}

.list-group-item-light {
background-color: #e3eaef;
color: #191d21; 
}

.list-group-item-dark {
background-color: #191d21;
color: #f9f9f9; 
}

/* 3.4 Alert */
.alert {
color: #f9f9f9;
border: none;
padding: 15px 20px; 
}
.alert .alert-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px; 
}
.alert code {
background-color: #f9f9f9;
border-radius: 3px;
padding: 1px 4px; 
}
.alert p {
margin-bottom: 0; 
}
.alert.alert-has-icon {
display: flex; 
}
.alert.alert-has-icon .alert-icon {
margin-top: 4px;
width: 30px; 
}
.alert.alert-has-icon .alert-icon .ion, .alert.alert-has-icon .alert-icon .fas, .alert.alert-has-icon .alert-icon .far, .alert.alert-has-icon .alert-icon .fab, .alert.alert-has-icon .alert-icon .fal {
font-size: 20px; 
}
.alert.alert-has-icon .alert-body {
flex: 1; 
}
.alert:not(.alert-light) a {
color: #f9f9f9; 
}
.alert.alert-primary {
background-color: rgb(44, 75, 255) ; 
}
.alert.alert-secondary {
background-color: #cdd3d8; 
}
.alert.alert-success {
background-color: #63ed7a; 
}
.alert.alert-info {
background-color: #3abaf4; 
}
.alert.alert-warning {
background-color: #ffa426; 
}
.alert.alert-danger {
background-color: #fc544b; 
}
.alert.alert-light {
background-color: #e3eaef;
color: #191d21; 
}
.alert.alert-dark {
background-color: #191d21; 
}
.alert-secondary,.btn-light,.btn-secondary,.bg-white{
color:black!important
}


/* 3.5 Card */
.card {

background-color: #f9f9f9;
border-radius: 3px;
overflow:hidden;
border: none;
position: relative;
color:#191d21;
margin-bottom: 30px; 
}
.card .card-header, .card .card-body, .card .card-footer {
background-color: transparent;
padding: 20px 25px; 
}
.card .navbar {
position: static; 
}
.card .card-body {
padding-top: 20px;
padding-bottom: 20px; 
}
.card .card-body .section-title {
margin: 30px 0 10px 0;
font-size: 16px; 
}
.card .card-body .section-title:before {
margin-top: 8px; 
}
.card .card-body .section-title + .section-lead {
margin-top: -5px; 
}
.card .card-body p {
font-weight: 500; 
}
.card .card-header {
border-bottom:1px solid white!important; 
background: #f7f5ff!important;
line-height: 30px;
-ms-grid-row-align: center;
align-self: center;
width: 100%;
min-height: 70px;
padding: 15px 25px;
display: flex;
align-items: center; 
}
.card .card-header .btn {
margin-top: 1px;
padding: 2px 15px; 
}
.card .card-header .btn:not(.note-btn) {
border-radius: 30px; 
}
.card .card-header .btn:hover {
box-shadow: none; 
}
.card .card-header .form-control {
height: 31px;
font-size: 13px;
border-radius: 30px; 
}
.card .card-header .form-control + .input-group-btn .btn {
margin-top: -1px; 
}
.card .card-header h4 {
font-size: 16px;
line-height: 28px;
padding-right: 10px;
margin-bottom: 0; 
}
.card .card-header h4 + .card-header-action,
.card .card-header h4 + .card-header-form {
margin-left: auto; 
}
.card .card-header h4 + .card-header-action .btn,
.card .card-header h4 + .card-header-form .btn {
font-size: 12px;
border-radius: 30px !important;
padding-left: 13px !important;
padding-right: 13px !important; 
}
.card .card-header h4 + .card-header-action .btn.active,
.card .card-header h4 + .card-header-form .btn.active {
box-shadow: 0 2px 6px #acb5f6;
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
.card .card-header h4 + .card-header-action .dropdown,
.card .card-header h4 + .card-header-form .dropdown {
display: inline; 
}
.card .card-header h4 + .card-header-action .btn-group .btn,
.card .card-header h4 + .card-header-form .btn-group .btn {
border-radius: 0 !important; 
}
.card .card-header h4 + .card-header-action .btn-group .btn:first-child,
.card .card-header h4 + .card-header-form .btn-group .btn:first-child {
border-radius: 30px 0 0 30px !important; 
}
.card .card-header h4 + .card-header-action .btn-group .btn:last-child,
.card .card-header h4 + .card-header-form .btn-group .btn:last-child {
border-radius: 0 30px 30px 0 !important; 
}
.card .card-header h4 + .card-header-action .input-group .form-control,
.card .card-header h4 + .card-header-form .input-group .form-control {
border-radius: 30px 0 0 30px !important; 
}
.card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn,
.card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn {
border-radius: 0 30px 30px 0 !important; 
}
.card .card-header h4 + .card-header-action .input-group .input-group-btn + .form-control,
.card .card-header h4 + .card-header-form .input-group .input-group-btn + .form-control {
border-radius: 0 30px 30px 0 !important; 
}
.card .card-header h4 + .card-header-action .input-group .input-group-btn .btn,
.card .card-header h4 + .card-header-form .input-group .input-group-btn .btn {
margin-top: -1px;
border-radius: 30px 0 0 30px !important; 
}
.card .card-footer {
background-color: transparent;
border: none; 
}
.card.card-mt {
margin-top: 30px; 
}
.card.card-progress:after {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 99;
z-index: 99; 
}
.card.card-progress .card-progress-dismiss {
position: absolute;
top: 66%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999;
color: #f9f9f9 !important;
padding: 5px 13px; 
}
.card.card-progress.remove-spinner .card-progress-dismiss {
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); 
}
.card.card-progress:not(.remove-spinner):after {
background-image: url("../img/spinner.svg");
background-size: 80px;
background-repeat: no-repeat;
background-position: center; 
}
.card.card-primary {
border-top: 2px solid rgb(44, 75, 255) ; 
}
.card.card-secondary {
border-top: 2px solid #34395e; 
}
.card.card-success {
border-top: 2px solid #63ed7a; 
}
.card.card-danger {
border-top: 2px solid #fc544b; 
}
.card.card-warning {
border-top: 2px solid #ffa426; 
}
.card.card-info {
border-top: 2px solid #3abaf4; 
}
.card.card-dark {
border-top: 2px solid #191d21; 
}
.card.card-hero .card-header {
padding: 40px;
background-image: linear-gradient(to bottom, #ef677b, #f94982)!important;
color: #f9f9f9;
overflow: hidden;
height: auto;
min-height: auto;
display: block; 
}
.card.card-hero .card-header h4 {
font-size: 40px;
line-height: 1; 
}
.card.card-hero .card-header .card-description {
margin-top: 5px;
font-size: 16px; 
}
.card.card-hero .card-header .card-icon {
float: right;
color: white;
margin: -60px; 
}
.card.card-hero .card-header .card-icon .ion, .card.card-hero .card-header .card-icon .fas, .card.card-hero .card-header .card-icon .far, .card.card-hero .card-header .card-icon .fab, .card.card-hero .card-header .card-icon .fal {
font-size: 140px; 
}
.card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
border-color: transparent;
padding-bottom: 0;
height: auto;
min-height: auto;
display: block; 
}
.card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
line-height: 1.2;
color: #98a6ad; 
}
.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
padding-top: 0; 
}
.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
font-size: 26px;
font-weight: 700;
color: #34395e;
padding-bottom: 0; 
}
.card.card-statistic-1, .card.card-statistic-2 {
display: inline-block;
width: 100%; 
}
.card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon {
width: 80px;
height: 80px;
margin: 10px;
border-radius: 3px;
line-height: 94px;
text-align: center;
float: left;
margin-right: 15px; 
}
.card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal {
font-size: 22px;
color: #f9f9f9; 
}
.card.card-statistic-1 .card-icon {
line-height: 90px; 
}
.card.card-statistic-2 .card-icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 22px;
margin: 25px; 
}
.card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
padding-bottom: 0;
padding-top: 25px; 
}
.card.card-statistic-2 .card-body {
padding-top: 20px; 
}
.card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header {
padding-top: 0; 
}
.card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
font-weight: 600;
font-size: 13px;
letter-spacing: .5px; 
}
.card.card-statistic-1 .card-header h4 {
margin-bottom: 0; 
}
.card.card-statistic-2 .card-header h4 {
text-transform: none;
margin-bottom: 0; 
}
.card.card-statistic-1 .card-body {
font-size: 20px; 
}
.card.card-statistic-2 .card-chart {
padding-top: 20px;
margin-left: -9px;
margin-right: -1px;
margin-bottom: -15px; 
}
.card.card-statistic-2 .card-chart canvas {
height: 90px !important; 
}
.card .card-stats {
width: 100%;
display: inline-block;
margin-top: 2px;
margin-bottom: -6px; 
}
.card .card-stats .card-stats-title {
padding: 15px 25px;
background-color: #f9f9f9;
font-size: 13px;
font-weight: 600;
letter-spacing: .3px; 
}
.card .card-stats .card-stats-items {
display: flex;
height: 50px;
align-items: center; 
}
.card .card-stats .card-stats-item {
width: calc(100% / 3);
text-align: center;
padding: 5px 20px; 
}
.card .card-stats .card-stats-item .card-stats-item-label {
font-size: 12px;
letter-spacing: .5px;
margin-top: 4px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; 
}
.card .card-stats .card-stats-item .card-stats-item-count {
line-height: 1;
margin-bottom: 8px;
font-size: 20px;
font-weight: 700; 
}
.card.card-large-icons {
display: flex;
flex-direction: row; 
}
.card.card-large-icons .card-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 150px;
border-radius: 3px 0 0 3px; 
}
.card.card-large-icons .card-icon .ion, .card.card-large-icons .card-icon .fas, .card.card-large-icons .card-icon .far, .card.card-large-icons .card-icon .fab, .card.card-large-icons .card-icon .fal {
font-size: 60px; 
}
.card.card-large-icons .card-body {
padding: 25px 30px; 
}
.card.card-large-icons .card-body h4 {
font-size: 18px; 
}
.card.card-large-icons .card-body p {
opacity: .6;
font-weight: 500; 
}
.card.card-large-icons .card-body a.card-cta {
text-decoration: none; 
}
.card.card-large-icons .card-body a.card-cta i {
margin-left: 7px; 
}
.card.bg-primary, .card.bg-danger, .card.bg-success, .card.bg-info, .card.bg-dark, .card.bg-warning {
color: #f9f9f9; 
}
.card.bg-primary .card-header, .card.bg-danger .card-header, .card.bg-success .card-header, .card.bg-info .card-header, .card.bg-dark .card-header, .card.bg-warning .card-header {
color: #f9f9f9;
opacity: .9; 
}

.bg-primary,
.bg-danger,
.bg-success,
.bg-info,.bg-dark{
color:white!important;
}
.bg-white{
color:#6c757d!important;
}



@media (max-width: 575.98px) {
.card.card-large-icons {
display: inline-block; 
}
.card.card-large-icons .card-icon {
width: 100%;
height: 200px; 
} 
}
@media (max-width: 767.98px) {
.card .card-header {
height: auto;
flex-wrap: wrap; 
}
.card .card-header h4 + .card-header-action,
.card .card-header h4 + .card-header-form {
flex-grow: 0;
width: 100%;
margin-top: 10px; 
} 
}
@media (min-width: 768px) and (max-width: 991.98px) {
.card .card-stats .card-stats-items {
height: 49px; 
}
.card .card-stats .card-stats-items .card-stats-item {
padding: 5px 7px; 
}
.card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
font-size: 16px; 
}
.card.card-sm-6 .card-chart canvas {
height: 85px !important; 
}
.card.card-hero .card-header {
padding: 25px; 
} 
}
/* 3.6 Table */
.table td, .table:not(.table-bordered) th {
border-top: none; 
}
.table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
padding: 0 25px;
height: 60px;
vertical-align: middle; 
}
.table:not(.table-sm) thead th {
border-bottom: none;
background-color: rgba(0, 0, 0, 0.04);
color: inherit;
padding-top: 15px;
padding-bottom: 15px; 
}
.table.table-md th, .table.table-md td {
padding: 10px 15px; 
}
.table.table-bordered td, .table.table-bordered th {
border-color: #f6f6f6; 
}

.table-links {
color: #34395e;
font-size: 12px;
margin-top: 5px;
opacity: 0;
transition: all .3s; 
}
.table-links a {
color: #666; 
}

table tr:hover .table-links {
opacity: 1; 
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.02); 
}

@media (max-width: 575.98px) {
.table-responsive table {
min-width: 800px; 
} 
}
/* 3.7 Tooltip */
.tooltip {
font-size: 12px; 
}

.tooltip-inner {
padding: 7px 13px; 
}

/* 3.8 Modal */
.modal-header,
.modal-body,
.modal-footer {
padding: 25px; 
}

.modal-body {
padding-top: 15px; 
}

.modal-footer {
padding-top: 15px;
padding-bottom: 15px; 
}

.modal-header {
border-bottom: none;
padding-bottom: 5px; 
}
.modal-header h5 {
font-size: 18px; 
}

.modal-footer {
border-top: none;
border-radius: 0 0 3px 3px; 
}

.modal-content {
max-width: 100%;
border: none;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); 
}

.modal.show .modal-content {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
}

.modal-progress .modal-content {
position: relative; 
}
.modal-progress .modal-content:after {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 999;
background-image: url("../img/spinner.svg");
background-size: 80px;
background-repeat: no-repeat;
background-position: center;
border-radius: 3px; 
}

.modal-part {
display: none; 
}

/* 3.9 Nav */
.nav-justified {
width: 100%;
border-bottom: 0; 
}
.nav-justified .nav-item {
float: none; 
}
.nav-justified .nav-link {
text-align: center;
margin-bottom: 5px; 
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; 
}
@media (min-width: 544px) {
.nav-justified .nav-item {
display: table-cell;
width: 1%; 
}
.nav-justified .nav-link {
margin-bottom: 0; 
} 
}
.nav-justified .nav-link {
margin-right: 0;
border-radius: 0.25rem; 
}
.nav-justified .nav-link.active,
.nav-justified .nav-link.active:hover,
.nav-justified .nav-link.active:focus {
border: 1px solid #ddd; 
}
@media (min-width: 544px) {
.nav-justified .nav-link {
border-bottom: 1px solid #ddd;
border-radius: 0.25rem 0.25rem 0 0; 
}
.nav-justified .nav-link.active,
.nav-justified .nav-link.active:hover,
.nav-justified .nav-link.active:focus {
border-bottom-color: #f9f9f9; 
} 
}


.nav-tabs .nav-item .nav-link {
color: rgb(44, 75, 255) ; 
}
.nav-tabs .nav-item .nav-link.active {
color: #000; 
}

.tab-content > .tab-pane {
padding: 10px 0;
line-height: 24px; 
}

.tab-bordered .tab-pane {
padding: 15px;
border: 1px solid #ededed;
margin-top: -1px; 
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #f9f9f9;
background-color: rgb(44, 75, 255) ; 
}
.nav-pills .nav-item .nav-link {
color: rgb(44, 75, 255) ;
padding-left: 15px !important;
padding-right: 15px !important; 
}
.nav-pills .nav-item .nav-link:hover {
background-color: #f6f7fe; 
}
.nav-pills .nav-item .nav-link.active {
box-shadow: 0 2px 6px #acb5f6;
color: #f9f9f9;
background-color: rgb(44, 75, 255) ; 
}
.nav-pills .nav-item .nav-link .badge {
padding: 5px 8px;
margin-left: 5px; 
}

.nav .nav-item .nav-link .ion, .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal {
margin-right: 3px;
font-size: 12px; 
}

/* 3.10 Pagination */
.page-item .page-link {
color: rgb(44, 75, 255) ;
border-radius: 3px;
margin: 0 3px; 
}
.page-item.active .page-link {
background-color: rgb(44, 75, 255) ;
border-color: rgb(44, 75, 255) ; 
}
.page-item.disabled .page-link {
border-color: transparent;
background-color: #f9fafe;
color: rgb(44, 75, 255) ;
opacity: .6; 
}

.page-link {
border-color: transparent;
background-color: #f9fafe;
font-weight: 600; 
}
.page-link:hover {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9;
border-color: transparent; 
}
.page-link:focus {
box-shadow: none; 
}

/* 3.11 Badge */
.badges .badge {
margin: 0 8px 10px 0; 
}

.badge {
vertical-align: middle;
padding: 7px 12px;
font-weight: 600;
letter-spacing: .3px;
border-radius: 30px;
font-size: 12px; 
}
.badge.badge-warning {
color: #f9f9f9; 
}
.badge.badge-primary {
background-color: rgb(44, 75, 255) ; 
}
.badge.badge-secondary {
background-color: #34395e; 
}
.badge.badge-success {
background-color: #63ed7a; 
}
.badge.badge-info {
background-color: #3abaf4; 
}
.badge.badge-danger {
background-color: #fc544b; 
}
.badge.badge-light {
background-color: #e3eaef;
color: #191d21; 
}
.badge.badge-white {
background-color: #f9f9f9fff;
color: #191d21; 
}
.badge.badge-dark {
background-color: #191d21; 
}

h1 .badge {
font-size: 24px;
padding: 16px 21px; 
}

h2 .badge {
font-size: 22px;
padding: 14px 19px; 
}

h3 .badge {
font-size: 18px;
padding: 11px 16px; 
}

h4 .badge {
font-size: 16px;
padding: 8px 13px; 
}

h5 .badge {
font-size: 14px;
padding: 5px 10px; 
}

h6 .badge {
font-size: 11px;
padding: 3px 8px; 
}

.btn .badge {
margin-left: 5px;
padding: 4px 7px; 
}
.btn .badge.badge-transparent {
background-color: rgba(255, 255, 255, 0.25);
color: #f9f9f9; 
}

/* 3.12 Button */
.buttons .btn {
margin: 0 8px 10px 0; 
}


@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;

}
}

.btn:hover {
text-decoration: none;
color: #525f7f;
}

.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn.disabled, .btn:disabled {
opacity: .65;
box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary,.btn-danger,.btn-warning,.btn-info,.btn-success,.btn-dark{
color:white!important;
}

.btn-primary {
color: #f9f9f9;
border-color: rgb(44, 75, 255);
background: rgb(44, 75, 255);
rgb(44, 75, 255);: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-primary:hover {
color: #f9f9f9;
border-color: #5e72e4;
background-color: #5e72e4;
}

.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}

.btn-primary.disabled, .btn-primary:disabled {
color: #f9f9f9;
border-color: #5e72e4;
background-color: #5e72e4;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #f9f9f9;
border-color: rgb(44, 75, 255);
background: rgb(44, 75, 255) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}

.btn-secondary {
color: #212529;
border-color: #f4f5f7;
background-color: #f4f5f7;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-secondary:hover {
color: #212529;
border-color: #f4f5f7;
background-color: #f4f5f7;
}

.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(244, 245, 247, .5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
color: #212529;
border-color: #f4f5f7;
background-color: #f4f5f7;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #212529;
border-color: #f4f5f7;
background-color: #d6dae2;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(244, 245, 247, .5);
}

.btn-success {
color: #f9f9f9;
border-color: #2dce89;
background-color: #2dce89;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-success:hover {
color: #f9f9f9;
border-color: #2dce89;
background-color: #2dce89;
}

.btn-success:focus, .btn-success.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(45, 206, 137, .5);
}

.btn-success.disabled, .btn-success:disabled {
color: #f9f9f9;
border-color: #2dce89;
background-color: #2dce89;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #f9f9f9;
border-color: #2dce89;
background-color: #24a46d;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(45, 206, 137, .5);
}

.btn-info {
color: #f9f9f9;
border-color: #11cdef;
background-color: #11cdef;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-info:hover {
color: #f9f9f9;
border-color: #11cdef;
background-color: #11cdef;
}

.btn-info:focus, .btn-info.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5);
}

.btn-info.disabled, .btn-info:disabled {
color: #f9f9f9;
border-color: #11cdef;
background-color: #11cdef;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #f9f9f9;
border-color: #11cdef;
background-color: #0da5c0;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5);
}

.btn-warning {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fb6340;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-warning:hover {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fb6340;
}

.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(251, 99, 64, .5);
}

.btn-warning.disabled, .btn-warning:disabled {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fb6340;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fa3a0e;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(251, 99, 64, .5);
}

.btn-danger {
color: #f9f9f9;
border-color: #f5365c;
background-color: #f5365c;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-danger:hover {
color: #f9f9f9;
border-color: #f5365c;
background-color: #f5365c;
}

.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(245, 54, 92, .5);
}

.btn-danger.disabled, .btn-danger:disabled {
color: #f9f9f9;
border-color: #f5365c;
background-color: #f5365c;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #f9f9f9;
border-color: #f5365c;
background-color: #ec0c38;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(245, 54, 92, .5);
}

.btn-light {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #adb5bd;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-light:hover {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #adb5bd;
}

.btn-light:focus, .btn-light.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(173, 181, 189, .5);
}

.btn-light.disabled, .btn-light:disabled {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #adb5bd;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #919ca6;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(173, 181, 189, .5);
}

.btn-dark {
color: #f9f9f9;
border-color: #212529;
background-color: #212529;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-dark:hover {
color: #f9f9f9;
border-color: #212529;
background-color: #212529;
}

.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(33, 37, 41, .5);
}

.btn-dark.disabled, .btn-dark:disabled {
color: #f9f9f9;
border-color: #212529;
background-color: #212529;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #f9f9f9;
border-color: #212529;
background-color: #0a0c0d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(33, 37, 41, .5);
}

.btn-default {
color: #f9f9f9;
border-color: #172b4d;
background-color: #172b4d;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-default:hover {
color: #f9f9f9;
border-color: #172b4d;
background-color: #172b4d;
}

.btn-default:focus, .btn-default.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-default.disabled, .btn-default:disabled {
color: #f9f9f9;
border-color: #172b4d;
background-color: #172b4d;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
color: #f9f9f9;
border-color: #172b4d;
background-color: #0b1526;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-white {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-white:hover {
color: #212529;
border-color: white;
background-color: white;
}

.btn-white:focus, .btn-white.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-white.disabled, .btn-white:disabled {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
color: #212529;
border-color: white;
background-color: #e6e6e6;
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-neutral {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-neutral:hover {
color: #212529;
border-color: white;
background-color: white;
}

.btn-neutral:focus, .btn-neutral.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-neutral.disabled, .btn-neutral:disabled {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral:not(:disabled):not(.disabled).active, .show > .btn-neutral.dropdown-toggle {
color: #212529;
border-color: white;
background-color: #e6e6e6;
}

.btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-neutral.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-darker {
color: #f9f9f9;
border-color: black;
background-color: black;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-darker:hover {
color: #f9f9f9;
border-color: black;
background-color: black;
}

.btn-darker:focus, .btn-darker.focus {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-darker.disabled, .btn-darker:disabled {
color: #f9f9f9;
border-color: black;
background-color: black;
}

.btn-darker:not(:disabled):not(.disabled):active, .btn-darker:not(:disabled):not(.disabled).active, .show > .btn-darker.dropdown-toggle {
color: #f9f9f9;
border-color: black;
background-color: black;
}

.btn-darker:not(:disabled):not(.disabled):active:focus, .btn-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-darker.dropdown-toggle:focus {
box-shadow: none, 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-outline-primary {
color: #5e72e4;
border-color: #5e72e4;
background-color: transparent;
background-image: none;
}

.btn-outline-primary:hover {
color: #f9f9f9;
border-color: #5e72e4;
background-color: #5e72e4;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #5e72e4;
background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #f9f9f9;
border-color: #5e72e4;
background-color: #5e72e4;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}

.btn-outline-secondary {
color: #f4f5f7;
border-color: #f4f5f7;
background-color: transparent;
background-image: none;
}

.btn-outline-secondary:hover {
color: #212529;
border-color: #f4f5f7;
background-color: #f4f5f7;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0 rgba(244, 245, 247, .5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #f4f5f7;
background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #212529;
border-color: #f4f5f7;
background-color: #f4f5f7;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(244, 245, 247, .5);
}

.btn-outline-success {
color: #2dce89;
border-color: #2dce89;
background-color: transparent;
background-image: none;
}

.btn-outline-success:hover {
color: #f9f9f9;
border-color: #2dce89;
background-color: #2dce89;
}

.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0 rgba(45, 206, 137, .5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #2dce89;
background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #f9f9f9;
border-color: #2dce89;
background-color: #2dce89;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(45, 206, 137, .5);
}

.btn-outline-info {
color: #11cdef;
border-color: #11cdef;
background-color: transparent;
background-image: none;
}

.btn-outline-info:hover {
color: #f9f9f9;
border-color: #11cdef;
background-color: #11cdef;
}

.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0 rgba(17, 205, 239, .5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #11cdef;
background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #f9f9f9;
border-color: #11cdef;
background-color: #11cdef;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(17, 205, 239, .5);
}

.btn-outline-warning {
color: #fb6340;
border-color: #fb6340;
background-color: transparent;
background-image: none;
}

.btn-outline-warning:hover {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fb6340;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0 rgba(251, 99, 64, .5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #fb6340;
background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #f9f9f9;
border-color: #fb6340;
background-color: #fb6340;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(251, 99, 64, .5);
}

.btn-outline-danger {
color: #f5365c;
border-color: #f5365c;
background-color: transparent;
background-image: none;
}

.btn-outline-danger:hover {
color: #f9f9f9;
border-color: #f5365c;
background-color: #f5365c;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0 rgba(245, 54, 92, .5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #f5365c;
background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #f9f9f9;
border-color: #f5365c;
background-color: #f5365c;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(245, 54, 92, .5);
}

.btn-outline-light {
color: #adb5bd;
border-color: #adb5bd;
background-color: transparent;
background-image: none;
}

.btn-outline-light:hover {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #adb5bd;
}

.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0 rgba(173, 181, 189, .5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #adb5bd;
background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #f9f9f9;
border-color: #adb5bd;
background-color: #adb5bd;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(173, 181, 189, .5);
}

.btn-outline-dark {
color: #212529;
border-color: #212529;
background-color: transparent;
background-image: none;
}

.btn-outline-dark:hover {
color: #f9f9f9;
border-color: #212529;
background-color: #212529;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0 rgba(33, 37, 41, .5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #212529;
background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #f9f9f9;
border-color: #212529;
background-color: #212529;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(33, 37, 41, .5);
}

.btn-outline-default {
color: #172b4d;
border-color: #172b4d;
background-color: transparent;
background-image: none;
}

.btn-outline-default:hover {
color: #f9f9f9;
border-color: #172b4d;
background-color: #172b4d;
}

.btn-outline-default:focus, .btn-outline-default.focus {
box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-outline-default.disabled, .btn-outline-default:disabled {
color: #172b4d;
background-color: transparent;
}

.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle {
color: #f9f9f9;
border-color: #172b4d;
background-color: #172b4d;
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}

.btn-outline-white {
color: #f9f9f9;
border-color: #f9f9f9;
background-color: transparent;
background-image: none;
}

.btn-outline-white:hover {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-outline-white:focus, .btn-outline-white.focus {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
color: #f9f9f9;
background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-neutral {
color: #f9f9f9;
border-color: #f9f9f9;
background-color: transparent;
background-image: none;
}

.btn-outline-neutral:hover {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-outline-neutral:focus, .btn-outline-neutral.focus {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-neutral.disabled, .btn-outline-neutral:disabled {
color: #f9f9f9;
background-color: transparent;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active, .btn-outline-neutral:not(:disabled):not(.disabled).active, .show > .btn-outline-neutral.dropdown-toggle {
color: #212529;
border-color: #f9f9f9;
background-color: #f9f9f9;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-neutral.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}

.btn-outline-darker {
color: black;
border-color: black;
background-color: transparent;
background-image: none;
}

.btn-outline-darker:hover {
color: #f9f9f9;
border-color: black;
background-color: black;
}

.btn-outline-darker:focus, .btn-outline-darker.focus {
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-outline-darker.disabled, .btn-outline-darker:disabled {
color: black;
background-color: transparent;
}

.btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker:not(:disabled):not(.disabled).active, .show > .btn-outline-darker.dropdown-toggle {
color: #f9f9f9;
border-color: black;
background-color: black;
}

.btn-outline-darker:not(:disabled):not(.disabled):active:focus, .btn-outline-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darker.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}

.btn-link {
font-weight: 400;
text-decoration: none;
color: #5e72e4;
}

.btn-link:hover {
text-decoration: none;
color: #233dd2;
}

.btn-link:focus, .btn-link.focus {
text-decoration: none;
box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
pointer-events: none;
color: #8898aa;
}

.btn-lg, .btn-group-lg > .btn {
font-size: .875rem;
line-height: 1.5;
padding: .875rem 1rem;
border-radius: .3rem;
}

.btn-sm, .btn-group-sm > .btn {
font-size: .75rem;
line-height: 1.5;
padding: .25rem .5rem;
border-radius: .25rem;
}


.btn-block {
display: block;
width: 100%;
}

.btn-block + .btn-block {
margin-top: .5rem;
}
.btn-round {
border-radius: 30px;
padding-left: 34px;
padding-right: 34px; 
}

.btn-social-icon, .btn-social {
border: none;
border-radius: 3px; 
}

.btn-social-icon {
color: #f9f9f9 !important;
padding-left: 18px;
padding-right: 18px; 
}
.btn-social-icon > :first-child {
font-size: 16px; 
}

.btn-social {
padding: 12px 12px 12px 50px;
color: #f9f9f9 !important;
font-weight: 500; 
}
.btn-social > :first-child {
width: 55px;
line-height: 50px;
border-right: none; 
}

.btn-reddit {
color: #000 !important; 
}

.btn-group .btn.active {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}

.btn-progress {
position: relative;
background-image: url("../img/spinner-white.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
color: transparent !important;
pointer-events: none; 
}

/* 3.13 Media */
.media .media-right {
float: right;
color: rgb(44, 75, 255) ;
font-weight: 600;
font-size: 16px; 
}
.media .media-icon {
font-size: 20px;
margin-right: 15px;
line-height: 1; 
}
.media .media-title {
margin-top: 0;
margin-bottom: 5px;
font-weight: 600;
font-size: 15px;
color: #34395e; 
}
.media .media-title a {
font-weight: inherit;
color: #000; 
}
.media .media-description {
line-height: 24px;
color: #34395e; 
}
.media .media-links {
margin-top: 10px; 
}
.media .media-links a {
font-size: 12px;
color: #999; 
}
.media .media-progressbar {
flex: 1; 
}
.media .media-progressbar .progress-text {
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
color: #34395e; 
}
.media .media-cta {
margin-left: 40px; 
}
.media .media-cta .btn {
padding: 5px 15px;
border-radius: 30px;
font-size: 12px; 
}
.media .media-items {
display: flex; 
}
.media .media-items .media-item {
flex: 1;
text-align: center;
padding: 0 15px; 
}
.media .media-items .media-item .media-label {
font-weight: 600;
font-size: 12px;
color: #34395e;
letter-spacing: .5px; 
}
.media .media-items .media-item .media-value {
font-weight: 700;
font-size: 18px; 
}

/* 3.14 Breadcrumb */
.breadcrumb {
background-color: #f9f9f9; 
}
.breadcrumb .breadcrumb-item {
line-height: 1; 
}
.breadcrumb .breadcrumb-item i {
margin-right: 5px; 
}

/* 3.15 Accordion */
.accordion {
display: inline-block;
width: 100%;
margin-bottom: 10px; 
}
.accordion .accordion-header, .accordion .accordion-body {
padding: 10px 15px; 
}
.accordion .accordion-header {
background-color: #f9f9f9;
border-radius: 3px;
cursor: pointer;
transition: all .5s; 
}
.accordion .accordion-header h4 {
line-height: 1;
margin: 0;
font-size: 14px;
font-weight: 700; 
}
.accordion .accordion-header:hover {
background-color: #f2f2f2; 
}
.accordion .accordion-header[aria-expanded="true"] {
box-shadow: 0 2px 6px #acb5f6;
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
.accordion .accordion-body {
line-height: 24px; 
}

/* 3.16 Popover */
.popover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
border-color: transparent; 
}
.popover .manual-arrow {
position: absolute;
bottom: -15px;
font-size: 26px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #f9f9f9; 
}

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
border-left-color: #f2f2f2; 
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
border-bottom-color: #f2f2f2; 
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
border-top-color: #f2f2f2; 
}

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
border-right-color: #f2f2f2; 
}

.popover .popover-header {
background-color: transparent;
border: none;
padding-bottom: 0;
padding-top: 10px; 
}
.popover .popover-body {
padding: 15px;
line-height: 24px; 
}

/* 3.17 Grid */
.sm-gutters {
margin-left: -5px;
margin-right: -5px; 
}
.sm-gutters > .col, .sm-gutters > [class*=col-] {
padding-left: 5px;
padding-right: 5px; 
}

/* 3.18 Navbar */
.navbar {
height: 70px;
left: 250px;
right:0px; 
position: absolute;
z-index: 890;
background-color: transparent; 
}
.navbar i{
font-size : 18px!important;
}
.navbar.active {
background-color: rgb(44, 75, 255) ;
box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03); 
}
.navbar .dropdown-item .fa,
.navbar .dropdown-item i{
width : 30px;margin:0px !important; 
}

.navbar-bg {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 115px;
background-color: rgb(44, 75, 255) ;
z-index: -1; 
}

.navbar {
align-items: center; 
}
.navbar .navbar-brand {
color: #f9f9f9; 
letter-spacing: 3px;
font-weight: 700; 
}
.navbar .form-inline .form-control {
background-color: #f9f9f9;
border-color: transparent;
padding-left: 20px;
padding-right: 0;
margin-right: -6px;
min-height: 46px;
font-weight: 500;
border-radius: 3px 0 0 3px;
transition: all 1s; 
}
.navbar .form-inline .form-control:focus, .navbar .form-inline .form-control:focus + .btn {
position: relative;
z-index: 9001; 
}
.navbar .form-inline .form-control:focus + .btn + .search-backdrop {
opacity: .6;
visibility: visible; 
}
.navbar .form-inline .form-control:focus + .btn + .search-backdrop + .search-result {
opacity: 1;
visibility: visible;
top: 80px; 
}
.navbar .form-inline .btn {
border-radius: 0 3px 3px 0;
background-color: #f9f9f9;
padding: 9px 15px 9px 15px;
border-color: transparent; 
}
.navbar .form-inline .search-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9000;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all .5s; 
}
.navbar .form-inline .search-result {
position: absolute;
z-index: 9002;
top: 100px;
background-color: #f9f9f9;
border-radius: 3px;
width: 300px;
max-width:100%;
opacity: 0;
visibility: hidden;
transition: all .5s; 
}
.navbar .form-inline .search-result:before {
position: absolute;
top: -26px;
left: 34px;
content: '\f0d8';
font-weight: 600;
font-family: 'Font Awesome 5 Free';
color: #f9f9f9;
font-size: 30px; 
}
.navbar .form-inline .search-result .search-header {
padding: 13px 18px 2px 18px;
text-transform: uppercase;
letter-spacing: 1.3px;
font-weight: 600;
font-size: 10px;
color: #bcc1c6; 
}
.navbar .form-inline .search-result .search-item {
display: flex; 
}
.navbar .form-inline .search-result .search-item a {
display: block;
padding: 13px 18px;
text-decoration: none;
color: #34395e;
font-weight: 600;
display: flex;
align-items: center; 
}
.navbar .form-inline .search-result .search-item a:hover {
background-color: #fbfbff; 
}
.navbar .form-inline .search-result .search-item a:not(.search-close) {
width: 100%; 
}
.navbar .form-inline .search-result .search-item a i {
margin-left: 0 !important; 
}
.navbar .form-inline .search-result .search-item .search-icon {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 50%; 
}
.navbar .active .nav-link {
color: #f9f9f9;
font-weight: 700; 
}
.navbar .navbar-text {
color: #f9f9f9; 
}
.navbar .nav-link {

padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 100%; 
}
.navbar .nav-link.nav-link-lg div {
margin-top: 3px; 
}
.navbar .nav-link.nav-link-lg i {
margin-left: 0 !important;
font-size: 18px;
line-height: 32px; 
}
.navbar .nav-link.nav-link-user {

padding-top: 4px;
padding-bottom: 4px;  
}
.navbar .nav-link.nav-link-user img {
width: 30px; 
}
.navbar .nav-link.nav-link-img {
padding-top: 4px;
padding-bottom: 4px;
border-radius: 50%;
overflow: hidden; 
}
.navbar .nav-link.nav-link-img .flag-icon {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
border-radius: 50%;
line-height: 18px;
height: 22px;
width: 22px;
background-size: cover; 
}

.remove-caret:after {
display: none; 
}

.navbar .search-element{
box-shadow:0px 0px 3px 0px rgba(220, 220, 220, 0.61); border-radius: 3px; overflow:hidden; 
}

.navbar .nav-link.disabled {

opacity: .6; 
}

.nav-collapse {
display: flex; 
}

@media (max-width: 575.98px) {
body.search-show .navbar .form-inline .search-element {
display: block; 
}

.navbar .form-inline .search-element {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
z-index: 892;
display: none; 
}
.navbar .form-inline .search-element .form-control {
float: left;
border-radius: 3px 0 0 3px;
width: calc(100% - 43px) !important; 
}
.navbar .form-inline .search-element .btn {
margin-top: 1px;
border-radius: 0 3px 3px 0; 
}
.navbar .form-inline .search-result {
width: 100%; 
}
.navbar .form-inline .search-backdrop {
display: none; 
}
.navbar .nav-link.nav-link-lg div {
display: none; 
} 
}
@media (min-width: 576px) and (max-width: 767.98px) {
.navbar .form-inline .search-element {
display: block; 
} 
}
@media (min-width: 768px) and (max-width: 991.98px) {
.collapse {
position: relative; 
}
.collapse .navbar-nav {
position: absolute; 
} 
}
@media (max-width: 1024px) {
.nav-collapse {
position: relative; 
}
.nav-collapse .navbar-nav {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
position: absolute;
top: 40px;
left: 0;
width: 200px;
display: none; 
}
.nav-collapse .navbar-nav.show {
display: block; 
}
.nav-collapse .navbar-nav .nav-item:first-child {
border-radius: 3px 3px 0 0; 
}
.nav-collapse .navbar-nav .nav-item:last-child {
border-radius: 0 0 3px 3px; 
}
.nav-collapse .navbar-nav .nav-item .nav-link {
background-color: #f9f9f9;
color: #6c757d; 
}
.nav-collapse .navbar-nav .nav-item .nav-link:hover {
background-color: #fcfcfd;
color: rgb(44, 75, 255) ; 
}
.nav-collapse .navbar-nav .nav-item:focus > a, .nav-collapse .navbar-nav .nav-item.active > a {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}

.navbar {
left: 5px;
right: 0; 
}
.navbar .dropdown-menu {
position: absolute; 
}
.navbar .navbar-nav {
flex-direction: row; 
}

.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; 
} 
}
/* 3.19 Dropdown */
.dropdown-item.has-icon i {
margin-top: -1px;
font-size: 13px; 
}

.dropdown-menu {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
border: none;
width: 200px; 
}
.dropdown-menu.show {
display: block !important; 
}
.dropdown-menu a {
font-size: 13px; 
}
.dropdown-menu .dropdown-title {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1.5px;
font-weight: 700;
color: #191d21 !important;
padding: 10px 20px;
line-height: 20px;
color: #98a6ad; 
}
.dropdown-menu.dropdown-menu-sm a {
font-size: 14px;
letter-spacing: normal;
padding: 10px 20px;
color: #6c757d; 
}

a.dropdown-item {
padding: 10px 20px;
font-weight: 500;
line-height: 1.2; 
}
a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9 !important; 
}

.dropdown-divider {
border-top-color: #f9f9f9; 
}

.dropdown-list {
width: 350px;
padding: 0; 
}
.dropdown-list .dropdown-item {
display: inline-block;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
border-bottom: 1px solid #f9f9f9; 
}
.dropdown-list .dropdown-item.dropdown-item-header:hover {
background-color: transparent; 
}
.dropdown-list .dropdown-item .time {
margin-top: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: .5px; 
}
.dropdown-list .dropdown-item .dropdown-item-avatar {
float: left;
width: 40px;
text-align: right;
position: relative; 
}
.dropdown-list .dropdown-item .dropdown-item-avatar img {
width: 100%; 
}
.dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
position: absolute;
bottom: 0;
right: 0; 
}
.dropdown-list .dropdown-item .dropdown-item-desc {
line-height: 24px;
white-space: normal;
color: #34395e;
margin-left: 60px; 
}
.dropdown-list .dropdown-item .dropdown-item-desc b {
font-weight: 600;
color: #666; 
}
.dropdown-list .dropdown-item .dropdown-item-desc p {
margin-bottom: 0; 
}
.dropdown-list .dropdown-item:focus {
background-color: rgb(44, 75, 255) ; 
}
.dropdown-list .dropdown-item:focus .dropdown-item-desc {
color: #f9f9f9 !important; 
}
.dropdown-list .dropdown-item:focus .dropdown-item-desc b {
color: #f9f9f9 !important; 
}
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
color: #6c757d; 
}
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
color: #6c757d; 
}
.dropdown-list .dropdown-item:active .dropdown-item-desc {
color: #f9f9f9; 
}
.dropdown-list .dropdown-item:active .dropdown-item-desc b {
color: #f9f9f9; 
}
.dropdown-list .dropdown-item.dropdown-item-unread {
background-color: #fbfbfb;
border-bottom-color: #f2f2f2; 
}
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
color: #6c757d !important; 
}
.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
color: #6c757d !important; 
}
.dropdown-list .dropdown-footer,
.dropdown-list .dropdown-header {
letter-spacing: .5px;
font-weight: 600;
padding: 15px; 
}
.dropdown-list .dropdown-footer a,
.dropdown-list .dropdown-header a {
font-weight: 600; 
}
.dropdown-list .dropdown-list-content {
height: 350px;
overflow: hidden; 
}
.dropdown-list .dropdown-list-content:not(.is-end):after {
content: ' ';
position: absolute;
bottom: 46px;
left: 0;
width: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
height: 60px; 
}
.dropdown-list .dropdown-list-icons .dropdown-item {
display: flex; 
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
flex-shrink: 0;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 42px;
text-align: center; 
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
margin: 0; 
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
margin-left: 15px;
line-height: 20px; 
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
margin-top: 5px; 
}

.dropdown-flag .dropdown-item {
font-weight: 600; 
}
.dropdown-flag .dropdown-item .flag-icon {
width: 20px;
height: 13px;
margin-right: 7px;
margin-top: -6px; 
}
.dropdown-flag .dropdown-item.active {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}

@media (max-width: 575.98px) {
.dropdown-list-toggle {
position: static; 
}
.dropdown-list-toggle .dropdown-list {
left: 10px !important;
width: calc(100% - 20px); 
} 
}
/* 3.20 Dropdown */
.tab-content.no-padding > .tab-pane {
padding: 0; 
}
.tab-content > .tab-pane {
line-height: 28px; 
}

/* 3.21 Progress Bar */
.progress-bar {
background-color: rgb(44, 75, 255) ; 
}

/* 3.22 Jumbotron */
.jumbotron {
background-color: #e3eaef; 
}

/* 3.23 Carousel */
.carousel .carousel-caption p {
font-size: 13px;
line-height: 24px; 
}


:root {
/* Colors */
--primary: color(primary);
--secondary: color(fontdark);
--success: color(success);
--info: color(info);
--warning: color(warning);
--danger: color(danger);
--light: color(light);
--dark: color(dark); 
}

body {
background-color: white;
font-size: 15px;
font-weight: 400;
font-family: 'nunito',Open Sans, sans-serif !important;
color: #6c757d; 
}


a.bb {
text-decoration: none;
border-bottom: 1px solid rgb(44, 75, 255) ;
padding-bottom: 1px; 
}

.form-divider {
display: inline-block;
width: 100%;
margin: 10px 0;
font-size: 16px;
font-weight: 600; 
}

.ui-sortable-handle,
.sort-handler {
cursor: move; 
}

.text-job {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
color: #34395e; 
}

.text-time {
font-size: 12px;
color: #666;
font-weight: 500;
margin-bottom: 10px; 
}

.bullet, .slash {
display: inline;
margin: 0 4px; 
}

.bullet:after {
content: '\2022'; 
}

.slash:after {
content: '/'; 
}

.login-brand {
margin: 20px 0;
margin-bottom: 40px;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 4px;
color: #666;
text-align: center; 
}
.login-brand img{
height : 50px!important; width : auto!important;
}
.font-weight-600 {
font-weight: 600 !important; 
}

.budget-price {
display: inline-block;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 3px; 
}
.budget-price .budget-price-square {
width: 15px;
height: 3px;
background-color: #f9f9f9; 
}
.budget-price .budget-price-label {
font-size: 12px;
font-weight: 600;
margin-left: 5px; 
}

.gradient-bottom {
position: relative; 
}
.gradient-bottom:after {
content: ' ';
position: absolute;
bottom: 41px;
left: 0;
width: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
height: 60px; 
}

.text-small {
font-size: 12px;
line-height: 20px; 
}

.text-title {
font-size: 14px;
color: #34395e;
font-weight: 600; 
}

.img-shadow {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); 
}

.colors {
display: flex;
flex-wrap: wrap;
margin: 0 -5px; 
}
.colors .color {
border-radius: 3px;
width: calc((100% / 4) - 10px);
padding: 10px;
height: 60px;
line-height: 40px;
text-align: center;
margin: 5px; 
}

blockquote {
padding: 20px;
padding-left: 40px;
font-style: oblique;
background-color: #f9f9f9;
border-radius: 3px;
position: relative;
font-family: 'Time new Romans';
font-size: 16px;
letter-spacing: .3px; 
}
blockquote:before {
content: '"';
font-size: 30px;
position: absolute;
top: 10px;
left: 20px;
opacity: .2; 
}
blockquote .blockquote-footer {
margin-top: 10px; 
}

.bg-whitesmoke {
background-color: #f7f9f9 !important; 
}

.ion {
font-size: 15px; 
}

.fas, .far, .fab, .fal {
font-size: 13px; 
}

#visitorMap {
height: 210px; 
}

.sidebar-gone-show {
display: none !important; 
}

pre {
border-radius: 3px; 
}

.circle-step {
display: flex;
margin-bottom: 10px; 
}
.circle-step .circle-content {
margin-top: 3px;
margin-left: 13px; 
}
.circle-step .circle {
border-width: 2px;
border-style: solid;
border-radius: 50%;
display: inline-block;
width: 32px;
height: 32px;
line-height: 30px;
font-size: 11px;
text-align: center; 
}
.circle-step .circle.circle-primary {
border-color: rgb(44, 75, 255) ;
color: rgb(44, 75, 255) ; 
}

.pe-none {
pointer-events: none; 
}

.contact-map {
width: 100%;
height: 100%;
min-height: 400px; 
}

#visitorMap2,
#visitorMap3 {
height: 350px; 
}

.shadow-primary {
box-shadow: 0 2px 6px #acb5f6; 
}

.shadow-secondary {
box-shadow: 0 2px 6px #e1e5e8; 
}

.shadow-success {
box-shadow: 0 2px 6px #a8f5b4; 
}

.shadow-warning {
box-shadow: 0 2px 6px #ffc473; 
}

.shadow-danger {
box-shadow: 0 2px 6px #fd9b96; 
}

.shadow-info {
box-shadow: 0 2px 6px #82d3f8; 
}

.shadow-light {
box-shadow: 0 2px 6px #e6ecf1; 
}

.shadow-dark {
box-shadow: 0 2px 6px #728394; 
}

.is-online {
width: 10px;
height: 10px;
background-color: #63ed7a;
border-radius: 50%;
display: inline-block; 
}

.gutters-xs {
margin-right: -0.25rem;
margin-left: -0.25rem; 
}

.gutters-xs > .col,
.gutters-xs > [class*="col-"] {
padding-right: 0.25rem;
padding-left: 0.25rem; 
}

.card-home-1{
padding:2em; text-align:center;
}
.card-home-1 h1,
.card-home-1 h2,
.card-home-1 h3,
.card-home-1 h4,
.card-home-1 h5 {
font-weight:100!important; 
margin-top: 20px;

}

.sidebar-menu i{
font-size : 18px!important;margin-bottom: 0px!Important; margin-left: 4px;
}


.card-home-1 i{
font-size : 45px;font-weight : 100;
}
.card-home-1 .card-body{
padding-top:0px;padding-bottom:10px;
}



.beep {
position: relative; 
}

.beep-danger:after{
background: var(--red)!important; 
}
.beep-primary:after{
background: var(--blue)!important; 
}
.beep-success:after{
background: var(--success)!important; 
}
.beep-info:after{
background: var(--lightblue)!important; 
}
.beep-dark:after{
background: var(--black)!important; 
}
.beep-warning:after{
background: var(--orange)!important; 
}



.beep:after {
content: '';
position: absolute;
top: 2px;
right: 8px;
width: 7px;
height: 7px;
background-color: var(--blue);
border-radius: 50%;
animation: pulsate 1s ease-out;
animation-iteration-count: infinite;
opacity: 1; 
}
.beep.beep-sidebar:after {
position: static;
margin-left: 10px; 
}



@media (max-width: 575.98px) {
.fc-overflow {
width: 100%;
overflow: auto; 
}
.fc-overflow #myEvent {
width: 800px; 
}

.ionicons li {
width: calc(100% / 4); 
}

.icon-wrap {
width: 100%; 
} 
}
/* 4.2 Section */
.section {
position: relative;
z-index: 1; 
}
.section > *:first-child {
margin-top: -7px; 
}
.section .section-header {
color:white!important;
border-radius: 3px;
border: none;
position: relative;
margin-bottom: 30px;
padding: 20px;
display: flex;
align-items: center; 
}
.section .section-header h1 {
margin-bottom: 0;
font-weight: 700;
display: inline-block;
font-size: 24px;
margin-top: 3px;
color: #34395e; 
}
.section .section-header .section-header-back {
margin-right: 15px; 
}
.section .section-header .section-header-back .btn:hover {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
.section .section-header .section-header-button {
margin-left: 20px; 
}
.section .section-header .section-header-breadcrumb {
margin-left: auto;
display: flex;
align-items: center; 
}
.section .section-header .section-header-breadcrumb .breadcrumb-item {
font-size: 12px; 
}
.section .section-header .btn {
font-size: 12px; 
}
.section .section-title {
font-size: 18px;
color: white;
font-weight: 600;
position: relative;
margin: 30px 0 25px 0; 
}
.section .section-title:before {
content: ' ';
border-radius: 5px;
height: 8px;
width: 30px;
background-color: rgba(255,255,255,0.9) ;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 15px; 
}
.section .section-title + .section-lead {
margin-top: -20px;  color:white!important;
}
.section .section-lead {
margin-left: 45px; 
}

.main-wrapper-1 .section .section-header {
margin-left: -30px;
margin-right: -30px;
margin-top: -10px;
border-radius: 0;
border-top: 1px solid #f9f9f9;
padding-left: 35px;
padding-right: 35px; 
}

@media (max-width: 575.98px) {
.section .section-title {
font-size: 14px; 
}
.section .section-header {
flex-wrap: wrap;
margin-bottom: 20px !important; 
}
.section .section-header h1 {
font-size: 18px;color:white; 
}
.section .section-header .float-right {
display: inline-block;
width: 100%;
margin-top: 15px; 
}
.section .section-header .section-header-breadcrumb {
flex-basis: 100%;
margin-top: 10px; 
} 
}
/* 4.3 Page */
.page-error {
height: 100%;
width: 100%;
padding-top: 60px;
text-align: center;
display: table; 
}
.page-error .page-inner {
display: table-cell;
width: 100%;
vertical-align: middle; 
}
.page-error h1 {
font-size: 10em;
font-weight: 700; 
}
.page-error .page-description {
font-size: 18px;
font-weight: 400;
color: #34395e; 
}
.page-error .page-search {
margin: 40px auto;
max-width: 100%;
width: 350px; 
}
.page-error .page-search .form-control {
border-radius: 30px; 
}
.page-error .page-search .btn {
border-radius: 30px;
margin-left: 10px; 
}

@media (max-width: 575.98px) {
.page-error .page-search {
width: 100%; 
} 
}
/* 4.4 Layout */
.main-sidebar {

position: fixed;
top: 0;
height: 100%;
width: 250px; 
z-index: 1;
left: 0; 
}

.main-sidebar,
.navbar,
.main-content,
.main-footer {
transition: all .5s; 
}

.layout-2 .main-sidebar .sidebar-brand{
display:none!important;
}

body.sidebar-gone .main-sidebar {
left: -250px; 
}

body.sidebar-mini .hide-sidebar-mini {
display: none !important; 
}
body.sidebar-mini .main-sidebar {
width: 65px;
overflow: initial !important;
position: absolute;
box-shadow: none; 
}
body.sidebar-mini .main-sidebar:after {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
content: ' ';
position: fixed;
background-color: #f9f9f9;
width: 65px;
height: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0;
animation-name: mini-sidebar;
animation-duration: 1.5s;
animation-fill-mode: forwards; 
}
@keyframes mini-sidebar {
from {
opacity: 0; 
}
to {
opacity: 1; 
} 
}
body.sidebar-mini .main-sidebar .sidebar-brand {
display: none; 
}
body.sidebar-mini .main-sidebar .sidebar-brand-sm {
display: block; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li {
padding: 10px; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li.menu-header {
padding: 0;
font-size: 0;
height: 2px; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
border-radius: 3px;
height: 45px;
padding: 0;
justify-content: center; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .ion, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fas, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .far, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fab, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fal {
margin: 0;
font-size: 20px; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a span {
display: none; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a .badge {
padding: 5px;
position: absolute;
top: 4px;
right: 4px;
font-size: 10px; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li > a.has-dropdown:after {
content: initial; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
box-shadow: 0 4px 8px #acb5f6;
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
position: absolute;
background-color: #f9f9f9;
left: 65px;
top: 10px;
width: 200px;
display: none;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
color: #f9f9f9;
background-color: rgb(44, 75, 255)  !important; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
height: 40px;
padding: 0 20px;
background-color: #f9f9f9; 
}
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a.has-dropdown:after {
content: "";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px; 
}
body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu {
display: block !important; 
}
body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
background-color: #fcfcfd; 
}
body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
left: 200px;
padding: 0; 
}
body.sidebar-mini .navbar {
left: 65px; 
}
body.sidebar-mini .main-content, body.sidebar-mini .main-footer {
padding-left: 90px; 
}

body.layout-2 .navbar-bg {
z-index: 889;
height: 70px; 
}
body.layout-2 .navbar {
left: 0;
z-index: 890; 
}
body.layout-2 .main-wrapper {
display: flex;
flex-wrap: wrap;
padding: 0 50px; 
}
body.layout-2 .main-sidebar,
body.layout-2 .main-content,
body.layout-2 .main-footer {
flex-shrink: 0;
flex-grow: 0; 
}
body.layout-2 .main-sidebar {
background-color: transparent;
box-shadow: none;
position: static;
margin-top: 100px;
width: 200px; 
}
body.layout-2 .main-sidebar .sidebar-menu li.menu-header {
padding: 0; 
}
body.layout-2 .main-sidebar .sidebar-menu li a {
padding: 0; 
} 
body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
right: 0; 
}
body.layout-2 .main-sidebar .sidebar-menu li a:hover {

background-color: transparent; 
}
body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
padding-left: 34px; 
}
body.layout-2 .main-content {
padding-top: 107px;
padding-left: 30px;
padding-right: 0;
width: calc(100% - 200px); 
}
body.layout-2 .main-footer {
margin-left: 230px;
width: calc(100% - 230px);
padding-left: 0;
padding-right: 0; 
}

body.layout-3 .navbar {
left: 0;
right: 0; 
}
body.layout-3 .navbar.navbar-secondary {

background-color: #f9f9f9;
top: 70px;
padding: 0;
z-index: 889; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
color: rgb(44, 75, 255) ; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link:before {
left: 35px;
right: 0; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:first-child .nav-link {
margin-left: 0; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:last-child .nav-link {
margin-right: 0; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link {
color: #868e96;
font-size: 13px;
letter-spacing: .3px;
height: 70px;
padding: 0;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 15px;
margin-right: 15px;
position: relative; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown {
margin-right: 35px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown:after {
content: "";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px;
right: -20px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
content: ' ';
position: absolute;
left: initial;
right: initial;
bottom: 0;
height: 2px;
background-color: rgb(44, 75, 255) ;
transition: all .5s; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link span {
line-height: 74px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link i {
width: 30px;
font-size: 16px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:hover {
color: #191d21 !important; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
padding: 0; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link {
color: #6c757d;
font-weight: 600;
letter-spacing: .3px;
padding: 7px !important;
padding-left: 20px !important;
padding-right: 20px !important; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after {
content: "";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px;
right: 15px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .nav-link {
background-color: #fcfcfd;
color: #191d21; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .dropdown-menu {
display: block !important;
top: -5px;
left: 200px; 
}
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}

@media(max-width:600px){
.navbar .nav-link{
height: auto!Important;
}

}

body{
overflow-x:hidden!important;  
}


body.layout-3 .main-content {
padding-left: 0;
padding-right: 0;
padding-top: 170px; 
}
body.layout-3 .main-footer {
padding-left: 0;
padding-right: 0; 
}

.main-sidebar .sidebar-brand a{
color:inherit!important; 
font-size : 18px;
}

.main-sidebar .sidebar-brand {
display: inline-block;
width: 100%;
text-align: center;
height: 70px;
line-height: 70px; 
}

.main-sidebar .sidebar-brand.sidebar-brand-sm {
display: none; 
}
.main-sidebar .sidebar-brand a {
text-decoration: none; 
letter-spacing: 1.5px;
font-weight: 700;
color: #000; 
}
.main-sidebar .sidebar-user {
display: inline-block;
width: 100%;
padding: 10px;
margin-bottom: 10px; 
}
.main-sidebar .sidebar-user .sidebar-user-picture {
float: left;
margin-right: 10px; 
}
.main-sidebar .sidebar-user .sidebar-user-picture img {
width: 50px;
border-radius: 50%; 
}
.main-sidebar .sidebar-menu {
padding: 0;
padding-left:8px!important;
padding-right:8px!Important;

margin: 0; 
}
.sidebar-menu{
padding-bottom:5px!Important;
}

.main-sidebar .sidebar-menu li {
display: block; 
}
.main-sidebar .sidebar-menu li.menu-header {
padding: 3px 15px;
color: var(--blue);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.3px;
font-weight: 600; 
}
.main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
margin-top: 10px; 
}
.main-sidebar .sidebar-menu li a {
position: relative;
display: flex;
align-items: center;
height: 50px;
padding: 0 20px;
width: 100%;
letter-spacing: .3px; 
text-decoration: none; 
}
.main-sidebar .sidebar-menu li a .badge {
float: right;
padding: 5px 10px;
margin-top: 2px; 
}
.main-sidebar .sidebar-menu li a i {
width: 25px;
margin-right: 10px;
text-align: center; 
}
.main-sidebar .sidebar-menu li a span {

width: 100%; 
}

.main-sidebar .sidebar-menu li.active a {
color: rgb(44, 75, 255) ;
font-weight: 600;
background-color: #fcfcfd; 
}
.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
background-color: #fcfcfd; 
}
.main-sidebar .sidebar-menu li a.has-dropdown:after {
content: "";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px; 
}
.main-sidebar .sidebar-menu li.active > ul.dropdown-menu {
display: block; 
}
.main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
background-color: #fcfcfd; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu {
padding: 0;
margin: 0;
display: none;
position: static;
float: none;
width: 100%;
box-shadow: none;
background-color: transparent; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
color: #868e96;
height: 35px;
padding-left: 65px;
font-weight: 400; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
color: rgb(44, 75, 255) ;
background-color: inherit; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
color: rgb(44, 75, 255) ;
font-weight: 600; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
margin-top: 1px;
text-align: center; 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
padding-left: 10px; 
}

.main-content {
padding-left: 280px;
padding-right: 30px;
padding-top: 80px;
width: 100%;
position: relative; 
}

.main-footer {
padding: 20px 30px 20px 280px;
margin-top: 40px;
color: #98a6ad;
border-top: 1px solid #e3eaef;
display: inline-block;
width: 100%; 
}
.main-footer .footer-left {
float: left; 
}
.main-footer .footer-right {
float: right; 
}

.simple-footer {
text-align: center;
margin-top: 40px;
margin-bottom: 40px; 
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
color: #e8ebfd; 
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
background-color: rgb(44, 75, 255) ;
color: #f9f9f9; 
}
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
color: #f9f9f9; 
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
padding-left: 16px;
background-color: transparent;
position: relative; 
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 25px;
width: 4px;
background-color: rgb(44, 75, 255) ; 
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
padding-left: 61px;
background-color: #f9f9f9; 
}

@media (max-width: 1024px) {
.sidebar-gone-hide {
display: none !important; 
}

.sidebar-gone-show {
display: block !important; 
}

.main-sidebar {
position: fixed !important;
margin-top: 0 !important;
z-index: 891; 
}

body.layout-2 .main-wrapper,
body.layout-3 .main-wrapper {
width: 100%;
padding: 0;
display: block; 
}

.main-content {
padding-left: 30px;
padding-right: 30px;
width: 100% !important; 
}

.main-footer {
padding-left: 30px; 
}

body.search-show {
overflow: hidden; 
}
body.search-show .navbar {
z-index: 892; 
}
body.sidebar-show {
overflow: hidden; 
}
body.search-show:before, body.sidebar-show:before {
content: '';
position: fixed;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
z-index: 891;
-webkit-animation-name: fadeinbackdrop;
animation-name: fadeinbackdrop;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; 
}
@-webkit-keyframes fadeinbackdrop {
to {
opacity: .6; 
} 
}
@keyframes fadeinbackdrop {
to {
opacity: .6; 
} 
} 
}
/* 4.5 Animation */
.pulsate {
animation: pulsate 1s ease-out;
animation-iteration-count: infinite;
opacity: 1; 
}

@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
opacity: 0.0; 
}
50% {
opacity: 1.0; 
}
100% {
-webkit-transform: scale(1.2, 1.2);
opacity: 0.0; 
} 
}

/*
* Background
* --------------
*/


.bg-primary {
background-color: #5e72e4 !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #324cdd !important;
}

.bg-secondary {
background-color: #f4f5f7 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #d6dae2 !important;
}

.bg-success {
background-color: #2dce89 !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #24a46d !important;
}

.bg-info {
background-color: #11cdef !important;
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #0da5c0 !important;
}

.bg-warning {
background-color: #fb6340 !important;color:white;
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #fa3a0e !important;
}

.bg-danger {
background-color: #f5365c !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #ec0c38 !important;
}

.bg-light {
background-color: #adb5bd !important;
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #919ca6 !important;
}

.bg-dark {
background-color: #212529 !important;
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #0a0c0d !important;
}

.bg-default {
background-color: #172b4d !important;
}

a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus {
background-color: #0b1526 !important;
}

.bg-white {
background-color: white !important;
}

a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus {
background-color: #e6e6e6 !important;
}

.bg-neutral {
background-color: #f9f9f9 !important;
}

a.bg-neutral:hover, a.bg-neutral:focus, button.bg-neutral:hover, button.bg-neutral:focus {
background-color: #e6e6e6 !important;
}

.bg-darker {
background-color: black !important;
}

a.bg-darker:hover, a.bg-darker:focus, button.bg-darker:hover, button.bg-darker:focus {
background-color: black !important;
}

.bg-white {
background-color: white !important;
}

.sidebar-brand.bg-white{background: #f9f9f9!important;}

.bg-transparent {
background-color: transparent !important;
}

.he-50-vh{
height: 50vh!important;
}
.he-60-vh{
height: 60vh!important;
}
.he-70-vh{
height: 70vh!important;
}
.he-80-vh{
height: 80vh!important;
}
.he-90-vh{
height: 90vh!important;
}
.he-100-vh{
height: 100vh!important;
}

.w-10p{
width : 10px
}
.w-20p{
width : 20px
}
.w-30p{
width : 30px
}
.w-40p{
width : 40px
}
.w-50p{
width : 50px
}
.w-60p{
width : 60px
}
.w-70p{
width : 70px
}
.w-80p{
width : 80px
}
.w-90p{
width : 90px
}
.w-100p{
width : 100px
}

.top-0{
top:0px!important;
}
.left-0{
left:0px!important;
}
.right-0{
right:0px!important;
}
.bottom-0{
bottom:0px!important;
}
.top-auto{
top:auto!Important;
}
.left-auto{
left:auto!Important;
}
.right-auto{
right:auto!Important;
}
.bottom-auto{
bottom:auto!Important;
}


.article-more{
margin-bottom: 15px!Important; margin-left: 0px!Important; margin-right: 0px!Important;
}
.article.article-product .article-header{
height: auto!important;
}
.article-more a{
font-size : 16px!important;color:inherit!important;text-decoration:none!important;
}
.article-title-white{
background: rgba(255,255,255,0.8)!important; color:#6c757d!Important; box-shadow:none!Important;
}
.article-title-white *:not(i){
color:#6c757d!Important; 
}
.section-lg{
background: white; padding-top:30px; 
}
.btn i{
margin:0px !important; 
}
iframe{
width : 100%;
}
.img-width-all img{
width : 100%;
}
.overflow-hidden{
overflow:hidden
}


.card-icon img {
width: 120px;
margin-left: auto;
margin-right: auto;
max-width: 50%;
}

.shadow-md {
box-shadow: 3px 3px 15px gainsboro;
}

.card-icon img {
margin-top: 20px;
margin-bottom: 10px;
}


.bg-gradient-primary {
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-secondary {
background: linear-gradient(87deg, #f4f5f7 0, #f4f4f7 100%) !important;
}

.bg-gradient-success {
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-info {
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-warning {
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-light {
background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

.bg-gradient-dark {
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

.bg-gradient-default {
background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

.bg-gradient-white {
background: linear-gradient(87deg, #f9f9f9 0, white 100%) !important;
}

.bg-gradient-neutral {
background: linear-gradient(87deg, #f9f9f9 0, white 100%) !important;
}

.bg-gradient-darker {
background: linear-gradient(87deg, black 0, black 100%) !important;
}

.bg-gradient-blue {
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-indigo {
background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

.bg-gradient-purple {
background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}

.bg-gradient-pink {
background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}

.bg-gradient-red {
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-orange {
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-yellow {
background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
}

.bg-gradient-green {
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-teal {
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-cyan {
background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}

.bg-gradient-white {
background: linear-gradient(87deg, #f9f9f9 0, white 100%) !important;
}

.bg-gradient-gray {
background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}

.bg-gradient-gray-dark {
background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}

.bg-gradient-light {
background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}

.bg-gradient-lighter {
background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}



.list-none {
margin: 0px!important;
padding: 0px!important;
}

.list-none li {
list-style: none!important;
padding-left: 0px;
font-size: 15px;
line-height: 30px;
}

.uppercase{
text-transform:uppercase
}
/*
* More CSS
* --------------
*/



.mc {
margin-left: auto;
margin-right: auto;
}

.bg-style-2 {
background-color: #00071a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='672' height='672' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23000c2e' stroke-width='1.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23000c2e'%3E%3Ccircle cx='769' cy='229' r='7'/%3E%3Ccircle cx='539' cy='269' r='7'/%3E%3Ccircle cx='603' cy='493' r='7'/%3E%3Ccircle cx='731' cy='737' r='7'/%3E%3Ccircle cx='520' cy='660' r='7'/%3E%3Ccircle cx='309' cy='538' r='7'/%3E%3Ccircle cx='295' cy='764' r='7'/%3E%3Ccircle cx='40' cy='599' r='7'/%3E%3Ccircle cx='102' cy='382' r='7'/%3E%3Ccircle cx='127' cy='80' r='7'/%3E%3Ccircle cx='370' cy='105' r='7'/%3E%3Ccircle cx='578' cy='42' r='7'/%3E%3Ccircle cx='237' cy='261' r='7'/%3E%3Ccircle cx='390' cy='382' r='7'/%3E%3C/g%3E%3C/svg%3E");
color: white!important;
}

.bg-style-3 {
background-color: #f9f9f9fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1099' height='915.8' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.06'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.line-30 {
line-height: 30px;
}

.line-46 {
line-height: 46px;
}

.max-w-100 {
max-width: 100%;
}


.h-10p {
height: 10px; 
}
.h-20p {
height: 20px; 
}
.h-30p {
height: 30px; 
}
.h-40p {
height: 40px; 
}
.h-50p {
height: 50px; 
}
.h-60p {
height: 60px; 
}
.h-70p {
height: 70px; 
}
.h-80p {
height: 80px; 
}
.h-90p {
height: 90px; 
}
.h-100p {
height: 100px; 
}

.style-card{
height: 50px; display:block;  border-radius:3px; cursor:pointer; 
}
.h-120p {
height: 120px;
}

.collapse-danger .btn:not(.collapsed) {
background: #ec0c38 !important;
color: white;
}

.collapse-warning .btn:not(.collapsed) {
background: #fa3a0e !important;
color: white;
}

.collapse-info .btn:not(.collapsed) {
background: #0da5c0 !important;
color: white;
}

.collapse-success .btn:not(.collapsed) {
background: #24a46d !important;
color: white;
}

.collapse-primary .btn:not(.collapsed) {
background: #324cdd !important;
color: white;
}

.bg-transparent-white {
background: rgba(255,255,255,0.8);
}

.bg-style-4 {
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.39'%3E%3Cpolygon fill='%235a5a5a' points='800 100 0 200 0 800 1600 800 1600 200'/%3E%3Cpolygon fill='%237f7f7f' points='800 200 0 400 0 800 1600 800 1600 400'/%3E%3Cpolygon fill='%239c9c9c' points='800 300 0 600 0 800 1600 800 1600 600'/%3E%3Cpolygon fill='%23b4b4b4' points='1600 800 800 400 0 800'/%3E%3Cpolygon fill='%23c9c9c9' points='1280 800 800 500 320 800'/%3E%3Cpolygon fill='%23dcdcdc' points='533.3 800 1066.7 800 800 600'/%3E%3Cpolygon fill='%23EEE' points='684.1 800 914.3 800 800 700'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}


@media (min-width: 760px) {
.max-vh-100 {
max-height: 100vh;
overflow: hidden;

}
}

.min-w-100 {
min-width: 100%;
}

.min-h-100 {
min-height: 100%;
}

.input-group-style > .custom-select:not(:first-child), .input-group-style > .form-control:not(:first-child) {
padding-top: 0px;
padding-bottom: 0px;
height: 100%;
}

.btn-light, .btn-secondary {
color: black!important;
}

.input-group.input-group-style {
display: flex;
align-items: center;
}

.input-group.input-group-style input {
font-size: 16px!important;
}

@media (min-width: 768px) {
.w-md-50 {
width: 50%!important;

}
}

@media (min-width: 768px) {
.w-md-75 {
width: 75%!important;

}
}

.shadow-md {
box-shadow: 3px 3px 15px gainsboro;
}

.card-icon img {
margin-top: 20px;
margin-bottom: 10px;
}

.h-200p {
height: 200px;
}

.absolute-top {
position: absolute;
top: 0px;
}

.pointer {
cursor: pointer;
}

.h-180p {
height: 180px;
}

.h-130p {
height: 130px;
}

.h-140p {
height: 140px;
}

.h-400p {
height: 400px;
}

.card-hover:hover .bg-transparent-hover {
background: transparent!important;
transition: 0.5s;
}

.transition *, .transition {
transition: 0.8s!important;
}

.card-hover:hover .bg-transparent-white-hover {
background: rgba(255,255,255,.5);
}

.card-hover:hover .bg-transparent-black-hover {
background: rgba(0,0,0,0.3);
}

.cover-hover:hover {
background-size: cover!important;
background-position: center center!important;
}

.col-pb .col {
padding-bottom: 10px;
}

.cover {
background-size: cover!important;
}

.h-0 {
height: 0px;
overflow: hidden;
}


.card-hover:hover .mb-0-hover {
margin-bottom: 0px!important;
}

.border-4 {
border-width: 4px!important;
}

.border-2 {
border-width: 2px!important;
}

.border-3 {
border-width: 3px!important;
}

.border-5 {
border-width: 5px!important;
}

.list-none[align="center"] li {
padding-left: 0px!important;
}

.min-h-120p {
min-height: 120px;
}

@media (max-width: 768px) {
.h-auto-sm {
height: auto!important;
width: 100%;

}
}


.bottom-0 {
bottom: 0px;
}

.card-hover:hover .h-auto-hover {
height: auto!important;
}

.mb-min-200 {
margin-bottom: -200px;
}

.rotate-on-hover-2:hover img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.rotate-on-hover-2 img {
transition: 1s;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}

.clipped-border {
-webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
background: linear-gradient(grey,lightgrey);
width: 100%;
height: auto;
transition: transform 0.2s;
cursor: pointer;
}

.clipped-border:before {
content: '';
position: absolute;
opacity: 0.5;
width: 350px;
height: 70px;
background: white;
top: 0;
left: 0;
z-index: 1;
transform: rotate(45deg);
transition: transform 0.5s;
}

.clipped-border:hover:before {
transform: translate(-100px,400%) rotate(45deg);
transition: transform 0.5s;
}

#clipped {
-webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}

.clipped-border:hover {
transform: scale(1.05);
transition: transform 0.2s;
z-index: 10;
}

@media screen and (max-width:500px) {
.clipped-border {
width: 100%;
height: auto;

}
}

@media screen and (max-width:500px) {
.clipped-border:nth-child(2) {
top: 0;
left: 100px;

}
}

@media screen and (max-width:500px) {
.clipped-border:nth-child(3) {
left: 200px;

}
}

@media screen and (max-width:500px) {
.clipped-border:nth-child(4) {
top: 82px;
left: 50px;

}
}

@media screen and (max-width:500px) {
.clipped-border:nth-child(5) {
top: 82px;
left: 150px;

}
}

.full-mansory {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.full-mansory .content {
background-color: rgba(0,0,0,0.75) !important;
height: 100%;
width: 100%;
display: grid;
}

.full-mansory .content img {
left: 50%;
transform: translate3d(0, 0, 0);
animation: zoomin 1s ease;
max-width: 100%;
max-height: 100%;
margin: auto;
}

.byebye {
opacity: 0;
}

.byebye:hover {
transform: scale(0.2) !important;
}

.gallery-mansory img:hover {
box-shadow: 0 0 32px #333;
}

@keyframes zoomin {
0% {
max-width: 50%;
transform: rotate(-30deg);
filter: blur(4px);

}
30% {
filter: blur(4px);
transform: rotate(-80deg);

}
70% {
max-width: 50%;
transform: rotate(45deg);

}
100% {
max-width: 100%;
transform: rotate(0deg);

}
}

.col-p1 > .col {
padding: 10px!important;
}

.col-p1 {
margin: -10px;
}

.scale-on-hover-all *:hover img {
transform: scale(1.3);
transition: 0.5s;
}

.scale-on-hover-all * {
transition: 1s;
}

#gallery-light {
display: grid;
height: calc(100vh - 10px);
grid-template: repeat(6, 1fr)/repeat(6, 1fr);
grid-gap: 0.5em;
}

@media (max-width: 800px) {
#gallery-light {
display: flex;
align-items: flex-start;
flex-wrap: wrap;

}
}

@media (max-width: 800px) {
#gallery-light > div {
width: 48%;
margin: 1%;

}
}

@media (max-width: 800px) and (max-width: 350px) {
#gallery-light > div {
width: 98%;

}
}

#gallery-light > div:nth-child(6n + 1) {
grid-column: span 2;
grid-row: span 2;
}

#gallery-light > div:nth-child(2) {
grid-column: span 3;
grid-row: span 3;
}

#gallery-light > div:nth-child(4) {
grid-column: span 1;
grid-row: span 2;
}

#gallery-light > div > a {
opacity: 0;
position: absolute;
color: #000;
background-color: #000;
font-size: 18px;
padding: 2rem;
mix-blend-mode: difference;
width: 100%;
height: 100%;
transition: all ease 1s;
}

#gallery-light > div > img {
width: 100%;
min-height: 100%;
transition: all ease 1s;
}

#gallery-light > div:hover img {
filter: blur(4px);
}

#gallery-light > div:hover a {
opacity: 1;
}

#gallery-light > div {
overflow: hidden;
position: relative;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}

#gallery-light div, #gallery-light a {
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}

[id^="lightbox-"] {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
z-index:999;
opacity: 0;
transition: opacity 450ms ease-in-out;
align-items: center;
justify-content: center;
pointer-events: none;
}

[id^="lightbox-"]:target {
opacity: 1;
pointer-events: inherit;
}

[id^="lightbox-"]:target img {
filter: blur(0);
}

[id^="lightbox-"] .content {
max-width: 90%;
position: relative;
color: #f9f9f9;
}

[id^="lightbox-"] .content:hover > a.close {
opacity: 1;
transform: scale(1, 1);
}

[id^="lightbox-"] .content:hover > .title {
opacity: 1;
transform: translateY(-3px);
}

[id^="lightbox-"] .content:hover > .title::after {
opacity: 1;
}

[id^="lightbox-"] .content > * {
transition: all 450ms ease-in-out;
}

[id^="lightbox-"] .title {
display: block;
margin: 0;
padding: 1em;
position: absolute;
bottom: 0;
width: 100%;
transform: translateY(50%);
font-size: 1.5em;
opacity: 0;
}

[id^="lightbox-"] .title::after {
content: ' ';
background-color: rgba(0, 0, 0, 0.4);
bottom: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
transition: all 350ms ease-in-out 250ms;
opacity: 0;
transform-origin: bottom;
mix-blend-mode: soft-light;
}

[id^="lightbox-"] img {
max-height: 90vh;
max-width: 100%;
margin: 0;
padding: 0;
filter: blur(50px);
}

[id^="lightbox-"] a.close {
width: 2em;
height: 2em;
position: absolute;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
transform: scale(0, 0);
opacity: 0;
transform-origin: right top;
text-decoration: none;
color: #f9f9f9;
}

[id^="lightbox-"] a.close::after {
content: "X";
}

#gallery-light > div > a {
opacity: 0;
position: absolute;
color: #000;
background-color: #000;
font: bold 30px "Helvetica"!important;
text-shadow: 0 -1px 5px #f9f9f9, -1px 0px 5px #f9f9f9, 0 1px 5px #f9f9f9, 1px 0px 5px #f9f9f9;
padding: 2rem;
mix-blend-mode: difference;
width: 100%;
height: 100%;
transition: all ease 1s;
}

.min-vh-50 {
min-height: 50vh;
}

.min-vh-40 {
min-height: 40vh;
}

.table {
margin-bottom: 0px!important;
}

.table * {
border-collapse: collapse!important;
}

.hw-30 {
height: 30px;
width: 30px;
}

.d-flextd td, .d-flextd tr {
align-items: center;
}

.radius-0 {
border-radius: 0px!important;
}

.no-border tr, .no-border td, .no-border th, .no-border, .no-border .table, .no-border, .no-border tbody {
border: 0px!important;
}

.table-responsive {
padding-bottom: 20px;
}

.border-0-all * {
border: 0px!important;
}

body.invert {
background: black;
}

body.invert>* {
filter: invert(1);
}

body.invert img {
filter: invert(1);
}

.hue-10>* {
filter: hue-rotate(10deg);
}

.hue-10 img {
filter: hue-rotate(-10deg);
}

.hue-20>* {
filter: hue-rotate(20deg);
}

.hue-20 img {
filter: hue-rotate(-20deg);
}

.hue-30>* {
filter: hue-rotate(30deg);
}

.hue-30 img {
filter: hue-rotate(-30deg);
}

.hue-40>* {
filter: hue-rotate(40deg);
}

.hue-40 img {
filter: hue-rotate(-40deg);
}

.hue-50>* {
filter: hue-rotate(50deg);
}

.hue-50 img {
filter: hue-rotate(-50deg);
}

.hue-60>* {
filter: hue-rotate(60deg);
}

.hue-60 img {
filter: hue-rotate(-60deg);
}

.hue-70>* {
filter: hue-rotate(70deg);
}

.hue-70 img {
filter: hue-rotate(-70deg);
}

.hue-80>* {
filter: hue-rotate(80deg);
}

.hue-80 img {
filter: hue-rotate(-80deg);
}

.hue-90>* {
filter: hue-rotate(90deg);
}

.hue-90 img {
filter: hue-rotate(-90deg);
}

.hue-100>* {
filter: hue-rotate(100deg);
}

.hue-100 img {
filter: hue-rotate(-100deg);
}

.hue-110>* {
filter: hue-rotate(110deg);
}

.hue-110 img {
filter: hue-rotate(-110deg);
}

.hue-120>* {
filter: hue-rotate(120deg);
}

.hue-120 img {
filter: hue-rotate(-120deg);
}

.hue-130>* {
filter: hue-rotate(130deg);
}

.hue-130 img {
filter: hue-rotate(-130deg);
}

.hue-140>* {
filter: hue-rotate(140deg);
}

.hue-140 img {
filter: hue-rotate(-140deg);
}

.hue-150>* {
filter: hue-rotate(150deg);
}

.hue-150 img {
filter: hue-rotate(-150deg);
}

.hue-160>* {
filter: hue-rotate(160deg);
}

.hue-160 img {
filter: hue-rotate(-160deg);
}

.hue-170>* {
filter: hue-rotate(170deg);
}

.hue-170 img {
filter: hue-rotate(-170deg);
}

.hue-180>* {
filter: hue-rotate(180deg);
}

.hue-180 img {
filter: hue-rotate(-180deg);
}
.hue-180>* {
filter: hue-rotate(180deg);
}

.hue-190 img {
filter: hue-rotate(-190deg);
}
.hue-190>* {
filter: hue-rotate(190deg);
}

.hue-200 img {
filter: hue-rotate(-200deg);
}

.hue-200>* {
filter: hue-rotate(200deg);
}

.hue-240 img {
filter: hue-rotate(-240deg);
}

.hue-300>* {
filter: hue-rotate(300deg);
}

.hue-300 img {
filter: hue-rotate(-300deg);
}


.saturation {
filter: saturate(300);
}

.bg-transparent-white2 {
background: rgba(255,255,255,0.2);
border: 0px!important;
box-shadow: none!important;
}

.mb-min-300 {
margin-bottom: -300px;
}


/*  3.3 List  */

.list-unstyled-border li {
border-bottom: 1px solid #f9f9f9;
padding-bottom: 15px;
margin-bottom: 15px;
}

.list-unstyled-border li .custom-checkbox {
margin-right: 15px;
}

.list-unstyled-border li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}

.list-unstyled-noborder li:last-child {
border-bottom: none;
}

.list-group-item.active {
background-color: #a93ae4;
}

.list-group-item.disabled {
color: #c9d7e0;
}

.list-group-item-primary {
background-color: #a93ae4;
color: #f9f9f9;
}

.list-group-item-secondary {
background-color: #cdd3d8;
color: #f9f9f9;
}

.list-group-item-success {
background-color: #63ed7a;
color: #f9f9f9;
}

.list-group-item-danger {
background-color: #fc544b;
color: #f9f9f9;
}

.list-group-item-warning {
background-color: #ffa426;
color: #f9f9f9;
}

.list-group-item-info {
background-color: #3abaf4;
color: #f9f9f9;
}

.list-group-item-light {
background-color: #e3eaef;
color: #191d21;
}

.list-group-item-dark {
background-color: #191d21;
color: #f9f9f9;
}



.footer-navigation h3 {
margin: 0;
font: normal 36px Cookie, cursive;
margin-bottom: 20px;
color: #f9f9f9;
}

.footer-navigation h3 a {
text-decoration: none;
color: #f9f9f9;
}

.footer-navigation h3 span {
color: #5383d3;
}

.footer-navigation p.links a {
color: #f9f9f9;
text-decoration: none;
margin-right: 5px;
margin-left: 5px;
}

.footer-navigation p.company-name {
color: #8f9296;
font-size: 14px;
font-weight: normal;
margin-top: 20px;
}

@media (max-width:767px) {
.footer-contacts {
margin: 30px 0;

}
}

.footer-contacts p {
display: inline-block;
color: #f9f9f9fff;
vertical-align: middle;
}

.footer-contacts p a {
color: #5383d3;
text-decoration: none;
}

.fa.footer-contacts-icon {
background-color: #33383b;
color: #f9f9f9;
font-size: 18px;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
line-height: 38px;
margin: 10px 15px 10px 0;
}

span.new-line-span {
display: block;
font-weight: normal;
display: block;
font-weight: normal;
font-size: 14px;
line-height: 2;
}

.footer-about h4 {
display: block;
color: #f9f9f9;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}

.footer-about p {
line-height: 20px;
font-weight: normal;
margin: 0;
}

div.social-links {
margin-top: 20px;
color: #f9f9f9;
}

.social-links a {
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
background-color: #33383b;
border-radius: 2px;
font-size: 20px;
color: #f9f9f9fff;
text-align: center;
line-height: 35px;
margin-right: 5px;
margin-bottom: 5px;
}


.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}

.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}


.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}

.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}

.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
display: block;
width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}

.owl-carousel.owl-loading {
opacity: 0;
display: block;
}

.owl-carousel.owl-hidden {
opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}

.owl-carousel.owl-rtl {
direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
float: right;
}

.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
z-index: 0;
}

.owl-carousel .owl-animated-out {
z-index: 1;
}

.owl-carousel .fadeOut {
animation-name: fadeOut;
}

@keyframes fadeOut {
0% {
opacity: 1;

}
100% {
opacity: 0;

}
}

.owl-height {
transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../../dist/img/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}

.bg-dark-transparent {
background: rgba(0,0,0,0.3);
}

.bg-dark-transparent2 {
background: rgba(0,0,0,0.5);
}


.btn-icon-label {
position: relative;
}

.btn-icon-label .btn-inner--icon {
line-height: 1;
position: absolute;
width: 3em;

height: 100%;
margin: 0;
text-align: center;
border-radius: 0;
background-color: rgba(0, 0, 0, .1);
}

.btn-icon-label .btn-inner--icon:not(:first-child) {
top: 0;
right: 0;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}

.btn-icon-label .btn-inner--icon:not(:last-child) {
top: 0;
left: 0;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}

.btn-icon-label .btn-inner--icon svg {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.btn-icon-label .btn-inner--text:not(:first-child) {
padding-left: 3em;
}

.btn-icon-label .btn-inner--text:not(:last-child) {
padding-right: 3em;
}

.btn-icon .btn-inner--icon img {
width: 20px;
}

.btn-icon .btn-inner--text:not(:first-child) {
margin-left: .75em;
}

.btn-icon .btn-inner--text:not(:last-child) {
margin-right: .75em;
}

.btn-icon-only {
width: 2.375rem;
height: 2.375rem;
padding: 0;
}

a.btn-icon-only {
line-height: 2.5;
}

.btn-icon-only.btn-sm, .btn-group-sm > .btn-icon-only.btn {
width: 2rem;
height: 2rem;
}

.weight-300{
font-weight:300!important;
}
.btn-icon i{
font-size : 16px!Important;
}
.btn-icon .btn, .btn-icon.btn {
border-radius: 100%;
width: 50px;
display:inline-flex;  
text-align:center;
justify-content:center;
padding:0px!important;
align-items:center!important;
height: 50px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 20px;
}


.border-lg {
border-width: 3px!important;
}


.absolute-btn-card {
position: absolute;
margin-top: -40px;
}


.border-white {
border-color: #f9f9f9 !important;
}

.border-neutral {
border-color: #f9f9f9 !important;
}

.border-darker {
border-color: black !important;
}

.border-white {
border-color: #f9f9f9 !important;
}

.radius-sm {
border-radius: 5px;
overflow: hidden;
}
.radius-lg {
border-radius: 20px;
}


a {
text-decoration: none; 
background-color: transparent;
color:inherit;
}

a:hover {
text-decoration: none; 
color:inherit;
}

.m-n1 {
margin: -.25rem !important;
}

.mt-n1, .my-n1 {
margin-top: -.25rem !important;
}

.mr-n1, .mx-n1 {
margin-right: -.25rem !important;
}

.mb-n1, .my-n1 {
margin-bottom: -.25rem !important;
}

.ml-n1, .mx-n1 {
margin-left: -.25rem !important;
}

.m-n2 {
margin: -.5rem !important;
}

.mt-n2, .my-n2 {
margin-top: -.5rem !important;
}

.mr-n2, .mx-n2 {
margin-right: -.5rem !important;
}

.mb-n2, .my-n2 {
margin-bottom: -.5rem !important;
}

.ml-n2, .mx-n2 {
margin-left: -.5rem !important;
}

.m-n3 {
margin: -1rem !important;
}

.mt-n3, .my-n3 {
margin-top: -1rem !important;
}

.mr-n3, .mx-n3 {
margin-right: -1rem !important;
}

.mb-n3, .my-n3 {
margin-bottom: -1rem !important;
}

.ml-n3, .mx-n3 {
margin-left: -1rem !important;
}

.m-n4 {
margin: -1.5rem !important;
}

.mt-n4, .my-n4 {
margin-top: -1.5rem !important;
}

.mr-n4, .mx-n4 {
margin-right: -1.5rem !important;
}

.mb-n4, .my-n4 {
margin-bottom: -1.5rem !important;
}

.ml-n4, .mx-n4 {
margin-left: -1.5rem !important;
}

.m-n5 {
margin: -3rem !important;
}

.mt-n5, .my-n5 {
margin-top: -3rem !important;
}

.mr-n5, .mx-n5 {
margin-right: -3rem !important;
}

.mb-n5, .my-n5 {
margin-bottom: -3rem !important;
}

.ml-n5, .mx-n5 {
margin-left: -3rem !important;
}
.absolute {
position: absolute !important;
}

.top-0 {
top: 0px;
}

.left-0 {
left: 0px;
}

.right-0 {
right: 0px;
}

.bottom-0 {
bottom: 0px;
}

.fixed {
position: fixed!important;
}

.input-group-text{
height: 100%;
}

.radius-md {
border-radius: 3px;
}



.input-group-style {
background: white!important;
border: 1px solid gainsboro;
overflow: hidden;
border-radius: 30px;
}

.input-group-style input {
border: 0px!important;
background: transparent!important;
box-shadow: none!important;
padding-left: 20px!important;
padding-right: 20px!important;
}

.input-group-style input {
padding-top: 13px;
font-size: 18px!important;
}

.input-group-style > .custom-select:not(:first-child), .input-group-style > .form-control:not(:first-child) {
padding-top: 0px;
padding-bottom: 0px;
height: 100%;
}

h1 i,
h2 i,
h3 i,
h4 i,
h5 i{
font-size : inherit!important;
}

.input-group.input-group-style {
display: flex;
align-items: center;
}

.input-group.input-group-style input {
font-size: 16px!important;
}

.bg-dark2 {
background: #14171d!important;
}
.f-left {
float: left;
}

.f-right {
float: right;
}


.footer-style{
background-color: #15212a;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
width: 100%;
text-align: left;
font: bold 16px inherit;
padding-top: 50px;
padding-bottom: 50px;
color: #f9f9f9;
bottom: 0px;
}

.logo-height {
height: 40px;
max-width: 100%;
}

.hw-50 {
width: 50px;
height: 50px;
padding: 0px!important;
text-align: center;
}
.footer-style i{
font-size : 18px;
}
.btn-wrapper .btn{
margin-left: 1px; margin-right: 1px;
}

.w-30p {
width: 30px;
}

.w-40p {
width: 40px;
}

.w-20p {
width: 20px;
}

.he-auto {
height: auto;
}

.w-120p {
width: 120px;
}

.w-110p {
width: 110px;
}

.w-130p {
width: 130px;
}

.w-140p {
width: 140px;
}

.w-150p {
width: 150px;
}

.display-1 {
font-size: 3.3rem;
font-weight: 600;
line-height: 1.5;
}

.display-2 {
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
}

.display-3 {
font-size: 2.1875rem;
font-weight: 600;
line-height: 1.5;
}

.display-4 {
font-size: 1.6275rem;
font-weight: 600;
line-height: 1.5;
}

.mw-100 {
max-width: 100% !important;
}

.mh-100 {
max-height: 100% !important;
}

.min-vw-100 {
min-width: 100vw !important;
}

.min-vh-100 {
min-height: 100vh !important;
}
.fs-14, .fs-14 * {
font-size: 14px!important;
}

.fs-20, .fs-20 * {
font-size: 20px!important;
}

.fs-16, .fs-16 *:not(.btn) {
font-size: 16px;
}


.d-flextd td, .d-flextd tr {
align-items: center;
}


@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;

}
}

@media (max-width: 575.98px) {
.table-responsive-sm > .table-bordered {
border: 0;

}
}

@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;

}
}

@media (max-width: 767.98px) {
.table-responsive-md > .table-bordered {
border: 0;

}
}

@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;

}
}

@media (max-width: 991.98px) {
.table-responsive-lg > .table-bordered {
border: 0;

}
}

@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;

}
}

@media (max-width: 1199.98px) {
.table-responsive-xl > .table-bordered {
border: 0;

}
}

.table-responsive {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
border: 0;
}


.table-responsive {
padding-bottom: 20px;
}

.form-control-sm {
border:1px solid gainsboro;
}

.text-overflow {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%!Important;
}

.border-0-all * {
border: 0px!important;
}

.sidebar-mini .sidebar-menu i{
margin-left: 0px!Important;
margin-right: 0px!Important;
}

.main-content{
z-index:0;
}
.brand-left{
text-align:left!important;
padding-left:1rem!important;
padding-right:1rem!important;
}
.wx-60{
width : 60px; height: 60px;
}

.side-right:not(.active){
right:-250px!important;
}
.side-right{
position:fixed; width : 250px; transition:0.5s; right:0px; height: 100%; background: #f9f9f9;border-left:1px solid gainsboro; z-index:999999999!important;right:0px;top:0px;
}
.side-right-absolute-left{
position:absolute; top:0px; left:0px; height: 100vh; padding-top:70px;  
}
.side-right-left{
margin-left: -60px;
}
.side-right-header{
height: 70px; background: white; display:flex; align-items:center; padding-left:15px; padding-right:15px; 
}
.side-right-body{
height: calc(100% - 70px)!important;overflow:auto; 
}

.fs-14{
font-size : 14px!Important;
}
.logo-brand{
height: 30px;
}

.fs-16{
font-size : 16px!Important;
}
.fs-18{
font-size : 18px!Important;
}
.fs-20{
font-size : 20px!Important;
}

.line-16{
line-height:16px!important;
}
.line-18{
line-height:18px!important;
}
.line-20{
line-height:20px!important;
}
.line-22{
line-height:22px!important;
}
.line-24{
line-height:24px!important;
}
.line-26{
line-height:26px!important;
}
.line-28{
line-height:28px!important;
}
.line-30{
line-height:30px!important;
}
.bg-transparent{
background: transparent!Important;
}
.navbar-dark .nav-link{
color:white!Important;
}
.navbar-bg{
height:60vh; position:absolute; top:0px; width : 100%; left:0px;
}

.sidebar-menu li span{
font-size : 14px!Important;
}
.sidebar-menu li:nth-child(1) i{
color:var(--blue)!important
}
.sidebar-menu li:nth-child(2) i{
color:var(--red)!important
}
.sidebar-menu li:nth-child(3) i{
color:var(--green)!important
}
.sidebar-menu li:nth-child(4) i{
color:var(--indigo)!important
}
.sidebar-menu li:nth-child(5) i{
color:var(--orange)!important
}
.sidebar-menu li:nth-child(6) i{
color:var(--pink)!important
}
.sidebar-menu li:nth-child(7) i{
color:var(--purple)!important
}
.sidebar-menu li:nth-child(8) i{
color:var(--teal)!important
}
.sidebar-menu li:nth-child(9) i{
color:var(--danger)!important
}
.sidebar-menu li:nth-child(10) i{
color:var(--yellow)!important
}
.sidebar-menu li:nth-child(11) i{
color:var(--primary)!important
}
.sidebar-menu li:nth-child(12) i{
color:var(--cyan)!important
}
.sidebar-menu li:nth-child(13) i{
color:var(--success)!important
} 
.sidebar-menu li:nth-child(14) i{
color:var(--info)!important
} 
.sidebar-menu li:nth-child(15) i{
color:var(--warning)!important
} 
.sidebar-menu li:nth-child(16) i{
color:var(--blue)!important
}
.sidebar-menu li:nth-child(17) i{
color:var(--red)!important
}
.sidebar-menu li:nth-child(18) i{
color:var(--green)!important
}
.sidebar-menu li:nth-child(19) i{
color:var(--indigo)!important
}
.sidebar-menu li:nth-child(20) i{
color:var(--orange)!important
}
.sidebar-menu li:nth-child(21) i{
color:var(--pink)!important
}
.sidebar-menu li:nth-child(22) i{
color:var(--purple)!important
}
.sidebar-menu li:nth-child(23) i{
color:var(--teal)!important
}
.sidebar-menu li:nth-child(24) i{
color:var(--danger)!important
}
.sidebar-menu li:nth-child(25) i{
color:var(--yellow)!important
}
.sidebar-menu li:nth-child(26) i{
color:var(--primary)!important
}
.sidebar-menu li:nth-child(27) i{
color:var(--cyan)!important
}
.sidebar-menu li:nth-child(28) i{
color:var(--success)!important
} 
.sidebar-menu li:nth-child(29) i{
color:var(--info)!important
} 
.sidebar-menu li:nth-child(30) i{
color:var(--warning)!important
} 
.section{
border-radius:3px; 
}
.navbar{
border-bottom:1px solid rgba(255,255,255,.1)
}
.sidebar-mini .sidebar-menu{
padding-left:3px!Important; padding-right:3px!important;
}
.layout-2 .section-lead *,
.layout-3 .section-lead,
.layout-2 .section-lead,
.layout-2 .section-title,
.layout-2 .section-header *,
.layout-3 .section-header *{
color:#6c757d!important
}
body.layout-3{
background: #f9f9f9
}
.layout-2 .section-title:before{
background:var(--blue)!important;
}
.layout-3 .section-title:before{
background:var(--blue)!important;
}
.layout-3 .section-title{
color:black!important;
}
.layout-3 .section-header{
background: white!important
}
.main-sidebar{
background: #f9f9f9
}
.logo-brand{
border-radius:5px!important; 
}

.card-home-2 .card-home-2-info span{
margin-right: 5px;
} 
.card-home-2 .card-home-2-info{
margin-top: 1em; font-size : 14px;font-weight:100!Important;
} 
.card-home-2 .card-home-2-header a{
color:gray
} 

.sidebar-brand:not(.sidebar-brand-sm) img{
margin-right: 10px;
}
.sidebar-brand:not(.sidebar-brand-sm) a{
align-items:center!Important;
display: flex!important;width : 100%;  
}


.card-home-2 .card-home-2-header{

display: flex;
align-items: center;
justify-content: space-between;width : 100%;  
}


.paper img,
.paper span,
.paper label,
.paper a,
.paper input,
.paper button,
.paper .sidebar-wrapper,
.paper .browser,
.paper .badge,
.paper .alert,
.paper .btn,
.paper .navbar-bg,
.paper .text-primary,
.paper .text-danger,
.paper .text-success,
.paper .text-info,
.paper .text-light,
.paper .text-secondary,
.paper .text-warning

.paper .sidebar-brand,
.paper .bg-primary,
.paper .bg-danger,
.paper .bg-success,
.paper .bg-info,
.paper .bg-light,
.paper .bg-secondary,
.paper .bg-warning
{
filter:saturate(0.7);
} 


.main-sidebar .sidebar-menu li a:hover {
background: white; border-radius:5px ; 
}
.main-sidebar.main-bg .sidebar-menu li a.active,
.main-sidebar.main-bg .sidebar-menu li a:hover {
background-color: rgba(0,0,0,0.3)!important; border-radius:5px ; 
}

.main-sidebar.main-bg .sidebar-menu li ul.dropdown-menu{
background:rgba(0,0,0,0.3)!important; 
}
.main-sidebar.main-bg {

}
.main-sidebar.main-bg .sidebar-brand{
background: transparent!important; color:white!Important;
}
.main-sidebar.main-bg #sidebar-wrapper *:not(i){
color:#f1f1f1!important;
}

.main-bg-image,
.main-sidebar.main-bg{
background:url('background.jpg')!important; background-size:cover!important;
}


.transparent-dark, .main-sidebar.main-bg.tr-dark #sidebar-wrapper{
background: rgba(0,0,0,0.6)!important;
}
.transparent-primary, .main-sidebar.main-bg.tr-primary #sidebar-wrapper{
background: rgba(1, 0, 56, 0.6)!important;
}
.transparent-success, .main-sidebar.main-bg.tr-success #sidebar-wrapper{
background: rgba(0, 56, 25, 0.6)!important;
}
.transparent-info, .main-sidebar.main-bg.tr-info #sidebar-wrapper{
background: rgba(1, 72, 72, 0.6)!important;
}
.transparent-danger, .main-sidebar.main-bg.tr-danger #sidebar-wrapper{
background: rgba(72, 1, 1, 0.6)!important
}
.transparent-warning, .main-sidebar.main-bg.tr-warning #sidebar-wrapper{
background: rgba(72, 24, 1, 0.6)!important;
}


body.navbarbg-white  .section .section-title:before{
background: var(--primary)!important 
}
body.navbarbg-white  .section .section-title{
color:#6c757d!important; 
}
body.navbarbg-white  .section .section-title + .section-lead{
color:#6c757d!important; 
}
body.navbarbg-white .navbar-bg{
background: transparent!important; color:#6c757d; 
}
body.navbarbg-primary .navbar-bg{
background: var(--primary)!important; color:#f9f9f9; 
}
body.navbarbg-success .navbar-bg{
background: var(--success)!important; color:#f9f9f9; 
}
body.navbarbg-info .navbar-bg{
background: var(--info)!important; color:#f9f9f9; 
}
body.navbarbg-warning .navbar-bg{
background: var(--warning)!important; color:#f9f9f9; 
}
body.navbarbg-danger .navbar-bg{
background: var(--danger)!important; color:#f9f9f9; 
}
body.navbarbg-dark .navbar-bg{
background: var(--dark)!important; color:#f9f9f9; 
}

.navbar:not(.navbar-dark) .search-element{
box-shadow:none!important;
}
.navbar:not(.navbar-dark){
border-bottom:1px solid #f1f1f1!important;
}
.navbar:not(.navbar-dark) .nav-link{
color:#6c757d!important;
}

.card.profile-widget{
overflow:unset!important;
}
:root{
--primary: #5e72e4; 
--success: #2dce89;
--info: #11cdef;
--warning: #fb6340;
--danger: #f5365c; 
--dark: #212529;
}

article{background: white;}
/*# sourceMappingURL=style.css.map */