a {
    background-color: transparent;
    color: #eb1c74;
    text-decoration: none;
}
img{
    max-width: 100%;
}
.w-full{
    width: 100%;
}
.btn-success, .btn-success:focus {
    background-color: #44bd32;
    border-color: #44bd32;
    color: #fff;
}
.btn {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    cursor: pointer;
    font-family: Arial, sans-serif;
    letter-spacing: .01em;
    position: relative;
    transition: color .1s linear 0s, background-color .1s linear 0s, opacity .2s linear 0s !important;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-group-sm>.btn, .btn-sm {
    border-radius: .75rem;
    font-size: .875rem;
    line-height: 1.429;
    padding: .375rem 1rem;
}

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

.btn.focus,.btn:focus {
    box-shadow: 0 0 0 0 rgba(235,28,116,.25);
    outline: 0
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: #eb1c74;
    border-color: #eb1c74;
    color: #fff
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
    background-color: #cf1262;
    border-color: #c3115d;
    color: #fff
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 0 rgba(238,62,137,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    background-color: #eb1c74;
    border-color: #eb1c74;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    background-color: #c3115d;
    border-color: #b71057;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(238,62,137,.5)
}

.btn-secondary {
    background-color: #1f2346;
    border-color: #1f2346;
    color: #fff
}

.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {
    background-color: #13162b;
    border-color: #0f1123;
    color: #fff
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 0 rgba(65,68,98,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    background-color: #1f2346;
    border-color: #1f2346;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    background-color: #0f1123;
    border-color: #0b0d1a;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(65,68,98,.5)
}


.btn-success.focus,.btn-success:focus,.btn-success:hover {
    background-color: #399f2a;
    border-color: #359527;
    color: #fff
}

.btn-success.focus,.btn-success:focus {
    box-shadow: 0 0 0 0 rgba(96,199,81,.5)
}

.btn-success.disabled,.btn-success:disabled {
    background-color: #44bd32;
    border-color: #44bd32;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    background-color: #359527;
    border-color: #328b25;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(96,199,81,.5)
}


.btn-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

.btn-info.focus,.btn-info:focus,.btn-info:hover {
    background-color: #2384c6;
    border-color: #217dbb;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 0 rgba(82,167,224,.5)
}

.btn-info.disabled,.btn-info:disabled {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    background-color: #217dbb;
    border-color: #1f76b0;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82,167,224,.5)
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning.focus,.btn-warning:focus,.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: 0 0 0 0 rgba(222,170,12,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

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

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(222,170,12,.5)
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus,.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 0 0 0 rgba(225,83,97,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(225,83,97,.5)
}

.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light.focus,.btn-light:focus,.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529
}

.btn-light.focus,.btn-light:focus {
    box-shadow: 0 0 0 0 hsla(220,4%,85%,.5)
}

.btn-light.disabled,.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

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

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 hsla(220,4%,85%,.5)
}

.btn-dark {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.btn-dark.focus,.btn-dark:focus,.btn-dark:hover {
    background-color: #0f0f0f;
    border-color: #090909;
    color: #fff
}

.btn-dark.focus,.btn-dark:focus {
    box-shadow: 0 0 0 0 rgba(67,67,67,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    background-color: #090909;
    border-color: #020202;
    color: #fff
}

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

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

.btn-white.focus,.btn-white:focus,.btn-white:hover {
    background-color: #ececec;
    border-color: #e6e6e6;
    color: #212529
}

.btn-white.focus,.btn-white:focus {
    box-shadow: 0 0 0 0 hsla(240,2%,87%,.5)
}

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

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

.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 hsla(240,2%,87%,.5)
}

.btn-outline-primary {
    border-color: #eb1c74;
    color: #eb1c74
}

.btn-outline-primary:hover {
    background-color: #eb1c74;
    border-color: #eb1c74;
    color: #fff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(235,28,116,.5)
}

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

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

.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(235,28,116,.5)
}

.btn-outline-secondary {
    border-color: #1f2346;
    color: #1f2346
}

.btn-outline-secondary:hover {
    background-color: #1f2346;
    border-color: #1f2346;
    color: #fff
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(31,35,70,.5)
}

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

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

.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(31,35,70,.5)
}

.btn-outline-success {
    border-color: #44bd32;
    color: #44bd32
}

.btn-outline-success:hover {
    background-color: #44bd32;
    border-color: #44bd32;
    color: #fff
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(68,189,50,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    background-color: transparent;
    color: #44bd32
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    background-color: #44bd32;
    border-color: #44bd32;
    color: #fff
}

.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(68,189,50,.5)
}

.btn-outline-info {
    border-color: #3498db;
    color: #3498db
}

.btn-outline-info:hover {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(52,152,219,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    background-color: transparent;
    color: #3498db
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff
}

.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(52,152,219,.5)
}

.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107
}

.btn-outline-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(255,193,7,.5)
}

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

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

.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(255,193,7,.5)
}

.btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(220,53,69,.5)
}

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

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

.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(220,53,69,.5)
}

.btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 0 rgba(248,249,250,.5)
}

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

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

.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(248,249,250,.5)
}

.btn-outline-dark {
    border-color: #222;
    color: #222
}

.btn-outline-dark:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

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

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

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

.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(34,34,34,.5)
}

.btn-outline-white {
    border-color: #fff;
    color: #fff
}

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

.btn-outline-white.focus,.btn-outline-white:focus {
    box-shadow: 0 0 0 0 hsla(0,0%,100%,.5)
}

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

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

.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 hsla(0,0%,100%,.5)
}

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

.btn-link:hover {
    color: #ab0f52
}

.btn-link.focus,.btn-link:focus,.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

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

.btn-primary, .btn-primary:focus {
    background-color: #eb1c74;
    border-color: #eb1c74;
    color: #fff;
}
.page-container {
    height: 100%;
    padding-left: 70px;
    width: 100%;
}
.header {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 800;
}
body.fixed-header .header {
    left: 0;
    position: fixed;
    top: 0;
}
.header .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    width: 100%;
}
.has-sidebar .header .container {
    max-width: 100%;
}
.header .brand {
    margin-left: 85px;
    vertical-align: middle;
}
@media only screen and (min-width: 980px) {
    .header .brand {
        position: relative;
    }
}
.header .dropdown, .header ul li {
    line-height: 12px;
}
.profile-dropdown-toggle {
    background: transparent;
    border: none;
}

.header .container .user-menu {
    align-items: center;
    display: flex;
    gap: 12px;
}

.thumbnail-wrapper {
    display: inline-block;
    float: left;
    overflow: hidden;
}
.thumbnail-wrapper.circular {
    border-radius: 50%;
}
.thumbnail-wrapper.d44 {
    height: 44px;
    width: 44px;
}
.thumbnail-wrapper>* {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.thumbnail-wrapper.d44>* {
    line-height: 44px;
}

.dropdown-menu {
    background: #fafafa;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px hsla(0, 0%, 40%, .2);
    box-shadow: 0 0 5px hsla(0, 0%, 40%, .2);
    display: none;
    float: left;
    font-size: 13px;
    list-style: none;
    margin: 0;
    min-width: 50px;
    position: absolute;
    text-shadow: none;

    z-index: 700;
}

.profile-dropdown {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
    padding: 0;
}
.profile-dropdown .dropdown-item {
    color: #334155;
    font-size: 14px !important;
    line-height: 22px !important;
    min-width: 144px;
    padding: 12px 16px !important;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.page-container .page-content-wrapper {
    min-height: 100%;
    position: relative;
}
.page-container .page-content-wrapper .content {
    height: 100%;
    padding-bottom: 68px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 10;
}
.fixed-header .page-container .page-content-wrapper .content {
    padding-top: 60px;
}
.font-heading {
    font-family: Poppins, Helvetica, Arial, sans-serif;
}

.lh-16 {
    line-height: 16px;
}
.fs-10 {
    font-size: 10px !important;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative;
    top: -1px
}

.navbar-nav>li>a {
    display: block;
    padding: 20px 15px;
    position: relative
}

.navbar-default {
    background-color: #fff
}

.navbar-default .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a {
    background-color: transparent
}

.navbar-toggle {
    background-color: transparent!important;
    border-radius: 0
}

.navbar-default .navbar-nav>li>a {
    color: #666
}

.page-sidebar {
    -webkit-backface-visibility: hidden;
    background-color: #1f2346;
    bottom: 0;
    left: -210px;
    overflow: hidden;
    -webkit-perspective: 1000;
    position: fixed;
    right: auto;
    top: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05,.74,.27,.99);
    -moz-transition: -moz-transform .4s cubic-bezier(.05,.74,.27,.99);
    -o-transition: -o-transform .4s cubic-bezier(.05,.74,.27,.99);
    transition: transform .4s cubic-bezier(.05,.74,.27,.99);
    width: 280px;
    z-index: 1000
}

.page-sidebar a,.page-sidebar button {
    color: hsla(0,0%,100%,.5)
}

.page-sidebar a:active,.page-sidebar a:hover,.page-sidebar button:active,.page-sidebar button:hover {
    color: #fff
}

.page-sidebar a:focus,.page-sidebar a:visited,.page-sidebar button:focus,.page-sidebar button:visited {
    color: hsla(0,0%,100%,.5)
}

.page-sidebar .scroll-element {
    visibility: hidden
}

.page-sidebar .sidebar-header {
    background-color: #1c203f;
    clear: both;
    color: #fff;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 30px;
    position: relative;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-backface-visibility: hidden;
    display: inline-block;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05,.74,.27,.99);
    transition: transform .4s cubic-bezier(.05,.74,.27,.99)
}

.page-sidebar .sidebar-header .sidebar-slide-toggle i {
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-header .sidebar-slide-toggle.active i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.page-sidebar .close-sidebar {
    padding: 9px;
    position: absolute;
    right: 19px;
    top: 14px;
    z-index: 1
}

.page-sidebar .close-sidebar>i {
    color: hsla(0,0%,100%,.57)
}

.page-sidebar .sidebar-overlay-slide {
    background-color: #1c203f;
    display: block;
    height: 100%;
    padding: 80px 20px 20px;
    width: 100%;
    z-index: 9
}

.page-sidebar .sidebar-overlay-slide.from-top {
    position: absolute;
    top: -100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.page-sidebar .sidebar-overlay-slide.from-top.show {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.page-sidebar .sidebar-menu {
    height: calc(100% - 50px);
    position: relative;
    width: 100%
}

.page-sidebar .sidebar-menu .outer-tab-nav-section {
    background-color: #0aa699!important;
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 45px
}

.page-sidebar .sidebar-menu .menu-items {
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 10px);
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%
}

.page-sidebar .sidebar-menu .menu-items li.separator {
    color: hsla(0,0%,100%,.8);
    font-size: 12px;
    font-weight: 700;
    padding: 8px 32px;
    text-transform: uppercase
}

.page-sidebar .sidebar-menu .menu-items li.active>.icon-thumbnail,.page-sidebar .sidebar-menu .menu-items li.active>a,.page-sidebar .sidebar-menu .menu-items li.open>.icon-thumbnail,.page-sidebar .sidebar-menu .menu-items li.open>a,.page-sidebar .sidebar-menu .menu-items li:hover>.icon-thumbnail,.page-sidebar .sidebar-menu .menu-items li:hover>a {
    color: #fff
}

.page-sidebar .sidebar-menu .menu-items li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65%
}

.page-sidebar .sidebar-menu .menu-items>li {
    clear: right;
    display: block;
    padding: 0
}

.page-sidebar .sidebar-menu .menu-items>li:after,.page-sidebar .sidebar-menu .menu-items>li:before {
    clear: both;
    content: " ";
    display: table
}

.page-sidebar .sidebar-menu .menu-items>li>a {
    clear: both;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 40px;
    min-height: 40px;
    padding-left: 32px
}

.page-sidebar .sidebar-menu .menu-items>li>a.open {
    background: #313131
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow {
    float: right;
    padding-right: 30px
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow:before {
    content: "\f104";
    display: inline;
    float: right;
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 900;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow.open:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.page-sidebar .sidebar-menu .menu-items>li>a>.badge {
    margin-top: 12px
}

.page-sidebar .sidebar-menu .menu-items>li>a>.title {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.page-sidebar .sidebar-menu .menu-items>li>a>.details {
    clear: both;
    display: block;
    font-size: 12px;
    opacity: .8
}

.page-sidebar .sidebar-menu .menu-items>li>a.detailed>.title {
    line-height: 28px
}

.page-sidebar .sidebar-menu .menu-items>li>a.detailed>.details {
    line-height: 16px
}

.page-sidebar .sidebar-menu .menu-items>li.active>ul.sub-menu {
    display: block
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu li {
    padding-left: 10px;
    padding-right: 3px
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .icon-thumbnail {
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    width: 25px
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow:before {
    content: "\f104";
    display: inline;
    float: right;
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 900;
    font-weight: 300;
    height: auto;
    margin-right: 20px;
    margin-top: 1px;
    text-shadow: none;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow.open:before {
    display: inline;
    float: right;
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 900;
    font-weight: 300;
    height: auto;
    margin-right: 18px;
    margin-top: 1px;
    text-shadow: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu {
    background-color: #181b36;
    clear: both;
    display: none;
    list-style: none;
    margin: 0 0 10px;
    padding: 18px 0 10px
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
    background: none;
    margin-top: 1px;
    padding: 0 20px 0 40px
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover>.icon-thumbnail {
    color: #fff
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a {
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 13px;
    padding: 5px 0;
    white-space: normal
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a:hover {
    text-decoration: none
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li .icon-thumbnail {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    width: 30px
}

.page-sidebar .sidebar-menu .muted {
    color: #576775;
    opacity: .45
}

.page-sidebar .icon-thumbnail [class^=bg-],.page-sidebar [class*=bg-] {
    color: #fff
}

[data-toggle-pin=sidebar]>i:before {
    content: "\f111"
}

.icon-thumbnail {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    border-radius: 3px;
    color: hsla(0,0%,100%,.5);
    display: inline-block;
    float: right;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin-right: 14px;
    -webkit-perspective: 1000;
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05,.74,.27,.99);
    transition: transform .4s cubic-bezier(.05,.74,.27,.99);
    vertical-align: middle;
    width: 40px
}

.icon-thumbnail>i {
    font-size: 14px
}

.icon-thumbnail>svg {
    display: inline;
    height: auto;
    width: auto
}

.nav-collapse.collapse {
    height: 100%!important
}

.toggle-secondary-sidebar {
    display: none
}

.secondary-sidebar {
    background: #999;
    float: left;
    height: 100%;
    padding-left: 47px;
    position: fixed;
    width: 250px
}

.secondary-sidebar.not-fixed {
    position: inherit
}

.secondary-sidebar.open {
    display: block;
    position: fixed;
    visibility: hidden
}

.secondary-sidebar .btn-compose {
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: uppercase
}

.secondary-sidebar .menu-title {
    color: hsla(0,0%,100%,.7);
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 10.8px;
    font-weight: 400;
    letter-spacing: .03em
}

.secondary-sidebar .main-menu {
    padding-left: 0
}

.secondary-sidebar .main-menu>li {
    list-style: none
}

.secondary-sidebar .main-menu>li.active>a,.secondary-sidebar .main-menu>li.active>a:hover {
    color: #48b0f7
}

.secondary-sidebar .main-menu>li.active>a>.title {
    position: relative
}

.secondary-sidebar .main-menu>li.active>a>.title:after {
    background: #48b0f7;
    border-radius: 50%;
    content: "";
    height: 7px;
    position: absolute;
    right: -14px;
    top: 6.5px;
    width: 7px
}

.secondary-sidebar .main-menu>li a {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    line-height: 37px
}

.secondary-sidebar .main-menu>li a:hover {
    color: #fff
}

.secondary-sidebar .main-menu>li a>.title i {
    margin-right: 6px;
    opacity: .9
}

.secondary-sidebar .sub-menu {
    margin-left: 23px
}

.secondary-sidebar .sub-menu li {
    list-style: none;
    padding: 0
}

.secondary-sidebar .sub-menu li.active a {
    color: #fff!important
}

.secondary-sidebar .sub-menu li a {
    color: hsla(0,0%,100%,.89);
    line-height: 25px
}

.secondary-sidebar .sub-menu li a:hover {
    color: #fff
}

.secondary-sidebar .main-menu li a .badge,.secondary-sidebar .sub-menu li a .badge {
    background: transparent;
    color: hsla(0,0%,100%,.5);
    font-size: 13px;
    line-height: 25px
}

.secondary-sidebar.light {
    background-color: #fff;
    border-right: 1px solid #e2e8f0
}

.secondary-sidebar.light .menu-title {
    color: #fff;
    opacity: 1
}

.secondary-sidebar.light .icon-thumbnail {
    background-color: transparent
}

.secondary-sidebar.light .main-menu li a:hover,.secondary-sidebar.light .main-menu li.active>a {
    color: #2e2e2e
}

.secondary-sidebar.light .sub-menu {
    margin-top: 5px
}

.secondary-sidebar.light .sub-menu li.active a {
    color: #2e2e2e!important
}

.secondary-sidebar.light .sub-menu li a {
    color: #fff
}

.secondary-sidebar.light .sub-menu li a:hover {
    color: #2e2e2e
}


.card {
    background-color: #fff;
    border-color: #e2e8f0;
    border-radius: 1rem;
    margin-bottom: 24px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
}
.badge-success {
    background-color: #44bd32;
    color: #fff;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 24px;
    padding-right: 24px;
}
.card.card-transparent {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.card .card-header {
    background: transparent;
    border-bottom: 0;
    border-radius: 0;
    min-height: 48px;
    padding: 20px 20px 10px;
    position: relative;
    z-index: 3;
}
.card .card-header .card-title {
    -webkit-text-stroke: 0;
    display: inline-block;
    filter: alpha(opacity = 40);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.form-group-default .form-control {
    background: none;
    border: none;
    font-size: 14px;
    height: 25px;
    margin-top: -4px;
    min-height: 25px;
    padding: 0;
}

.form-group-default label {
    display: block;
    font-size: 12px;
    margin: 0;
    opacity: 1;
    text-transform: uppercase;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.form-group-default {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 7px 12px 4px;
    position: relative;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 100%;
}
.form-group-default.input-group .input-group-container {
    flex: 1 1 auto;
    position: relative;
    width: 1%;
}
.form-group-default.input-group .form-control {
    margin-bottom: 3px;
    margin-top: -2px;
    padding-left: 12px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: flex;
}
.form-group-default.input-group .input-group-text {
    border-radius: 0 !important;
    border-width: 0 !important;
    justify-content: center;
    min-width: 52px;
    text-align: center;
}
.form-group-default.input-group .input-group-append .input-group-text {
    border-left-width: 1px !important;
}
.form-group-default.input-group {
    padding: 0;
}
.form-group-default.input-group label {
    margin-top: 6px;
    padding-left: 12px;
}

.form-group-default.form-group-default-select2>label {
    padding: 7px 12px 0;
    position: absolute;
    z-index: 10;
}
.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    height: 52px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 26px;
}
.form-group-default .select2-container .select2-selection, .select2-container-multi .select2-choices {
    border-color: transparent !important;
}
.breadcrumb {
    align-items: center;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
}
.breadcrumb .breadcrumb-item {
    align-items: center;
    display: flex;
    margin-right: 5px;
    padding-left: 0;
}
.breadcrumb a {
    color: #7b7d82;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .06em;
}
.breadcrumb {
    align-items: center;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
}

.page-title span {
    color: #eb1c74;
    font-weight: 700;
}
.page-title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
}

.card .card-block {
    padding: 20px;
}
.card .card-header+.card-block {
    padding-top: 0;
}
.card.card-transparent .card-block {
    background: transparent;
}

.btn-secondary {
    background-color: #1f2346;
    border-color: #1f2346;
    color: #fff;
}
.m-t-20 {
    margin-top: 20px;
}


.label {
    background-color: #e7e7e7;
    border-radius: .25em;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    padding: 3px 9px;
    text-shadow: none;
    text-transform: uppercase;
}

.label-success {
    background-color: #44bd32;
    color: #fff
}

.label-warning {
    background-color: #f8d053;
    color: #fff
}

.label-danger,.label-important {
    background-color: #f55753;
    color: #fff
}

.label-info {
    background-color: #48b0f7;
    color: #fff
}

.label-inverse {
    background-color: #3a8fc8;
    color: #fff
}

.label-dark-grey {
    background-color: #888;
    color: #fff
}

.label-white {
    background-color: #fff;
    color: #666
}

.form-preview {
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    margin: 5px 0;
    padding: 10px 0;
    font-size: .875rem;
    color: #515151;
}
.form-preview b {
    font-weight: 400;
}



.nav-tabs>li>a {
    border-color: transparent;
    border-radius: 0;
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    margin-right: 0;
    min-width: 70px;
    padding: 14px 20px;
    position: relative;
    text-transform: uppercase;
}

.nav-tabs>li {
    padding-left: 0;
    padding-right: 0;
}
.nav-tabs-simple>li {
    margin-bottom: 0;
}
.nav-tabs.nav-tabs-left>li, .nav-tabs.nav-tabs-right>li {
    float: none;
}
.nav-tabs {
 position: relative;
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs-simple {
    border-bottom: 0;
}
.nav-tabs.nav-tabs-left, .nav-tabs.nav-tabs-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-negative: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.nav-tabs.nav-tabs-left {
    flex: 0 0 220px;
    float: none;
    padding-right: 0;
}

.panel-table {
    display: flex;
    flex-direction: row;
}

.m-b-20 {
    margin-bottom: 20px;
}
.m-t-20 {
    margin-top: 20px;
}

.nav-tabs.nav-tabs-left~.tab-content {
    -ms-flex-negative: 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    -ms-flex: 1;
}
.nav-tabs~.tab-content {
    flex: 1;
    padding: 30px;
}


.nav-tabs-simple>li>a:after {
    -webkit-backface-visibility: hidden;
    background-color: #eb1c74;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    width: 100%;
    z-index: 125;
}
.nav-tabs-simple>li>a.active:after, .nav-tabs-simple>li>a:hover:after {
    height: 3px;
}
.nav-tabs-simple.nav-tabs-left>li>a:after, .nav-tabs-simple.nav-tabs-right>li>a:after {
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.nav-tabs-simple.nav-tabs-left>li>a:after {
    left: auto;
    right: 0;
}
.nav-tabs-simple.nav-tabs-left>li>a.active:after, .nav-tabs-simple.nav-tabs-left>li>a:hover:after, .nav-tabs-simple.nav-tabs-right>li>a.active:after, .nav-tabs-simple.nav-tabs-right>li>a:hover:after {
    width: 3px;
}


.page-actions {
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
    position: sticky;
    top: 48px;
    z-index: 700
}

.page-actions-title {
    margin-right: 24px
}

.page-actions-summary {
    align-items: center;
    display: flex;
    padding: 15px 30px
}

.summary-item {
    margin-right: 1rem
}

.summary-item-title {
    color: #666;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase
}

.page-actions-buttons {
    margin-left: auto
}

.page-actions-bar {
    align-items: stretch;
    border-top: 1px solid #dee2e6;
    display: flex;
    min-height: 38px;
    padding: 0 30px
}

.page-actions-bar-title {
    align-items: center;
    border-right: 1px solid #dee2e6;
    display: flex;
    flex: 0 0 120px;
    padding-right: 20px
}

.page-actions-bar-title--130 {
    flex: 0 0 130px
}

.page-actions-bar-buttons {
    display: flex
}

.page-actions-bar-button {
    background-color: #fff;
    border: solid #dee2e6;
    border-width: 0 1px 0 0;
    color: #1f2346;
    padding: .5rem 1.5rem
}

.page-actions-bar-button:hover {
    text-decoration: none
}

.page-actions-bar-button.active {
    background-color: #eb1c74;
    color: #fff
}

.page-actions--fixed-buttons-210 .page-actions-bar-button {
    min-width: 210px!important;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .page-actions {
        top:60px
    }
}

.text-gray {
    color: #666
}


.modal .modal-dialog {
    transition: all .2s!important
}

.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px);
    display: flex;
    justify-content: space-between;
    padding: 1rem
}
.modal .modal-header {
    border-color: #e2e8f0;
    padding: 20px 25px
}
button.close {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.close {
    color: #000;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal .modal-title {
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 500
}

.modal .modal-title span {
    color: #eb1c74;
    font-weight: 700
}

.modal .modal-body {
    box-shadow: none;
    padding: 20px 25px;
    white-space: normal;
    z-index: 1
}

.modal .modal-footer {
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0 25px 25px
}

.modal .modal-actions {
    border-top: 1px solid #e2e8f0;
    padding: 20px 25px
}

.modal .modal-close {
    padding: 20px 0;
    text-align: center
}

.modal .drop-shadow {
    box-shadow: 0 0 9px hsla(0,0%,75%,.36)!important
}

.modal.fade {
    opacity: 1!important
}

.modal.fade.stick-up .modal-dialog {
    margin-top: -5px;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -ms-transform: translateY(-100%)
}

.modal.fade.stick-up.show .modal-dialog {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -ms-transform: translate(0)
}

.modal.fade.slide-up {
    height: 100%;
    top: auto
}

.modal.fade.slide-up.show .modal-dialog {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -ms-transform: translate(0)
}

.modal.fade.slide-up.disable-scroll {
    overflow: hidden
}

.modal.fade.slide-up .modal-dialog {
    display: table;
    height: 100%;
    -webkit-transform: translate3d(0,75%,0);
    transform: translate3d(0,75%,0);
    -ms-transform: translateY(75%)
}

.modal.fade.slide-up .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle
}

.modal.fade.center-scale .modal-dialog {
    display: table;
    height: 100%
}

.modal.fade.center-scale .modal-content {
    background: transparent;
    border: 0;
    display: table-cell;
    vertical-align: middle
}

.modal.fade.center-scale .modal-content .modal-header {
    border-bottom: 0
}

.modal.fade.center-scale.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal.fade.center-scale .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.modal.fade.fill-in {
    background-color: hsla(0,0%,100%,0);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.modal.fade.fill-in>.close {
    opacity: .6;
    z-index: 9999
}

.modal.fade.fill-in>.close>i {
    font-size: 16px
}

.modal.fade.fill-in .modal-dialog {
    display: table;
    height: 100%
}

.modal.fade.fill-in .modal-content {
    background: transparent;
    border: 0;
    display: table-cell;
    vertical-align: middle
}

.modal.fade.fill-in .modal-content .modal-header {
    border-bottom: 0
}

.modal.fade.fill-in.show {
    background-color: hsla(0,0%,100%,.85)
}

.modal.fade.fill-in.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal.fade.fill-in .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.modal.fade.slide-right .close {
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.modal.fade.slide-right.show .modal-dialog {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -ms-transform: translate(0)
}

.modal.fade.slide-right .modal-dialog {
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -ms-transform: translate(100%)
}

.modal.fade.slide-right .modal-dialog .modal-content,.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
    height: 100%
}

.modal.fade.slide-right .modal-content {
    border-radius: 0
}

.fill-in-modal .modal-backdrop {
    background-color: transparent
}

.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.modal-backdrop.show {
    opacity: .3
}

@media (max-width: 768px) {
    .modal.fill-in .modal-dialog,.modal.slide-up .modal-dialog {
        width:calc(100% - 20px)
    }
}

@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin:-5px auto
    }

    .modal.fill-in .modal-dialog,.modal.slide-up .modal-dialog {
        margin: 0 auto
    }

    .modal .modal-content {
        box-shadow: none
    }
}

.table-responsive{
    width:100%;
}