html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}


pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}



textarea { overflow: auto }

optgroup {   font-weight: 700 }

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}



@media print {
    *,
    :after,
    :before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}


button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a { text-decoration: none }

a:focus, a:hover { text-decoration: underline }



figure {  margin: 0}

img {
    vertical-align: middle
}



[role=button] {
    cursor: pointer
}


h1, h2,h3, h4, h5, h6 { font-family: inherit;font-weight: 500; line-height: 1.1;color: inherit;  }


h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400;line-height: 1; color: #777; }


h1 small, h2 small, h3 small { font-size: 65%; }
h4 small, h5 small, h6 small { font-size: 75%; }


h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { margin:0px; }

small {  font-size: 85% }


.text-left { text-align: left !important; }
.text-right { text-align: right !important;  }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

.text-primary { color: #337ab7 !important;font-weight: 500; }
.text-success { color: #3c763d !important; font-weight: 500;}
.text-info {  color: #31708f  !important;font-weight: 500; }
.text-warning { color: #f0ad4e !important;font-weight: 500; }
.text-danger { color: #d9534f !important; font-weight: 500; }



.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container { width: 750px; }
}

@media (min-width:992px) {
    .container { width: 970px; }
}

@media (min-width:1200px) {
    .container { width:1270px; }
}


.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }


.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }




@media (min-width:992px) {

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; }

    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
   
    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
 
}


table { background-color: transparent; }
th { text-align: left;  }

label { display: inline-block; max-width: 100%;  }
select[multiple], select[size] { height: auto; }


textarea.form-control { height: auto }

input[type=search] { -webkit-appearance: none }


input[type=checkbox][disabled], input[type=radio][disabled] { cursor: not-allowed; }




.table { width: 100%; max-width: 100%; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; border-bottom: 1px solid #F9F9F9; }
.table>thead>tr>th { background:rgba(223,232,238,.5); color:#8DA0B1;font-weight: normal;padding:10px 20px;}
.table>tbody>tr>td { padding: 20px; color:#1F2430; }
.table>thead>tr>th:last-child , .table>tbody>tr>td:last-child { text-align: right; }



.form-group { margin-bottom: 30px; }
.form-group label { font-weight: 500;margin-bottom:5px;color:#5F6A73; }


.form-control { 
    display: block; 
    background: #fff;
    padding: 20px 15px;
    font-size: 14px;
    font-weight:400;
    color: #555;
    border: 2px solid #EDF0F5;
    -webkit-border-radius:10px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none;
    width: 100%;
}

.form-control:focus {  border-color: #DDD; outline: 0; }

.form-control::-moz-placeholder { color: #BBB; opacity: 1; }

.form-control:-ms-input-placeholder { color: #BBB; }

.form-control::-webkit-input-placeholder {color: #BBB; }

.form-control[disabled], .form-control[readonly] { background-color: #eee; opacity: 1; cursor: not-allowed;  }



.input-group { position:relative; }
.input-group .input-addon { position:absolute;top:7px;left:7px;bottom:7px;display:flex;align-items:center;justify-content:center;background:rgba(134,83,246,.1);color:#8653F6;border-radius:10px;width:50px;font-size:16px; }
.input-group .input-addon-orange { background:#FFEBE4;color:#F7931A; }
.input-group .form-control { padding-left:70px; }



.btn {
    display: inline-block;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border:none;
    padding:15px;
    font-size: 14px;
    border-radius: 10px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.btn-default { background: rgba(40, 44, 56, .1);color: #282C38; }

.btn-primary { background: #4d83ff; }

.btn-success { background: #30E076;  }

.btn-info { background: #5bc0de; }

.btn-warning {  background: #ffc100;  }

.btn-danger { background: #ff4747;   }

.btn-purple { background:rgba(134, 83, 246, .2);color:#8653F6; }

.btn-sm { padding: 10px 15px;font-size: 13px;border-radius: 4px;font-weight: 300; }
.btn-xs { padding: 5px 10px;font-size: 12px;font-weight: 300; }
.btn-block { display: block;width: 100%; }


.btn-radius { border-radius:50px; }




.dropdown { position: relative; }

.dropdown-toggle:focus {  outline: 0 }

.dropdown-menu {
position: absolute;
    min-width: 200px;
    margin-top:40px;
    left: calc(50% - 100px);
    -webkit-box-shadow: 0 0 5px rgba(15,34,58,.15);
    box-shadow: 0 0 5px rgba(15,34,58,.15);
    z-index: 1000;
    background-color: #FFF;
    background-clip: padding-box;
    border: 0 solid #e9ebec;
    border-radius: 0.3rem;
    display: none;
}


.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size:13px;
}
.dropdown-menu>li+li>a { border-top:1px solid #EEE; }

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FFC107;
    outline: 0
}



.open>.dropdown-menu { display: block; }
.open>a { outline: 0; }




.nav { padding:0;margin:0; list-style: none; }
.nav>li {position: relative; display: block; }
.nav>li>a { position: relative; display: block; padding: 10px 15px; }


.nav-tabs { display:flex;align-items:center;justify-content:center;flex-direction:row;background:#FFF;box-shadow:rgba(0, 0, 0, 0.05) -4px 9px 25px -6px; border-radius:10px;margin-bottom:30px;padding:15px; }

.nav-tabs>li { position:relative;padding:0px 20px; }
.nav-tabs>li:first-child { padding-left:0px; }
.nav-tabs>li:last-child { padding-right:0px; }
.nav-tabs>li:last-child:after { display:none; }
.nav-tabs>li:after { content:'';position:absolute;top:10px;bottom:10px;right:0px;background:#eeeeee;width:1px; }
.nav-tabs>li.active:after { display:none; }
.nav-tabs>li>a { display: block;position:relative; background: none; color: #081839;font-size:16px;padding: 15px;border-radius:10px; }


.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {background:rgba(134,83,246,.20);color:#8653F6;font-weight: 500;  }



.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }



.breadcrumb { background: none;padding:20px 0;margin:0;  list-style: none; color: #111;font-size: 12px;font-weight: 300; z-index: 1; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { 
    content:"\f054";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: 0 5px; 
    font-size:10px;
    color: #111;
}

.breadcrumb > .active { color: #e1e1e1; }


.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;  }
.pagination>li { display: inline; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #23527c; background-color: #eee; border-color: #ddd;z-index: 3;  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { olor: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; z-index: 2; }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }


.label { display: inline-block;background:#F7F6F9;padding:5px 10px 5px 8px;vertical-align: middle; font-size:13px; color: #1F2430;border-radius:50px; }
.label .fa { width:25px;height:25px;line-height:25px;border-radius:100%;color:#FFFFFF;text-align:center;margin-right:5px; }
.label-default .fa {  color: #777; }
.label-primary .fa { background: #337ab7; }
.label-success .fa { background: #5cb85c; }
.label-info .fa { background: #5bc0de; }
.label-warning .fa {background: #f0ad4e; }
.label-danger .fa{ background: #d9534f; }
.label-block { width:100%; }


.alert { padding: 15px;text-align: center; }
.alert-success, .bg-success {  background: #dff0d8; color: #3c763d; border-color: #d6e9c6; }
.alert-info, .bg-info { background: #d9edf7;color: #31708f;border-color: #bce8f1; }
.alert-warning , .bg-warning{ background: #fcf8e3;color: #8a6d3b;border-color: #faebcc; }
.alert-danger, .bg-danger {  background: #f2dede;color: #a94442; border-color: #ebccd1; }


.card { background: #FFFFFF;border-radius:10px; box-shadow:rgba(0, 0, 0, 0.05) -4px 9px 25px -6px; }
.card .heading { position:relative;display:flex;align-items:center;padding:20px;border-bottom:1px solid #EEEEEE;font-weight:500;font-size:16px; }
.card .heading .fa-icon { width:35px;height:35px;line-height:35px;text-align:center;background:#8653F6;border-radius:5px;margin-right:10px;color:#FFF; }
.card .card-title { font-size:16px; }
.card .card-actions:not(.card-right) { margin-left:15px; }
.card .body { padding:20px; }
.card .body + .heading { border-top:1px solid #EEE; }
.card-right { margin-left:auto; }



.nav-card { display:flex;align-items:center;justify-content:center; border:1px solid #C8D7E0; border-radius: 50px;padding:2px; }
.nav-card>li>a { display:block;padding:7px 15px;text-align:center;color:#A9BCC9;border-radius: 50px;font-size:14px;}
.nav-card>li.active>a{ background:rgba(169, 188, 201, .3);color:#424E5A; }




.modal {  display: none;position: fixed;  background: rgba(0,0,0,0.7);overflow: hidden;top: 0;bottom: 0;right: 0;left: 0;text-align:center;  z-index: 99999999999; }
.modal:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; }
.modal.active { display: block; }
.modal-dialog { position: relative; width: auto;  display: inline-block;  text-align: left;vertical-align: middle; }


@media (min-width:768px) {
    .modal-dialog { width: 600px;  }
    .modal-sm {  width: 300px;  }
}

@media (min-width:992px) {
    .modal-lg { width: 900px; }
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.clearfix:after,
.container:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.panel-body:after,
.row:after {
    clear: both
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide, .hidden {
    display: none!important
}

.show {
    display: block!important
}



@-ms-viewport {
    width: device-width
}

.visible-md, .visible-xs { display: none!important }


@media (max-width:767px) {
    .visible-xs { display: block!important; } 
    .hidden-xs { display: none!important; }
}



@media (min-width:992px) and (max-width:1199px) {
    .visible-md { display: block!important;  }
    .hidden-md { display: none!important;  }
}