/*!
 * Milligram v1.3.0
 * https://milligram.io
 *
 * Copyright (c) 2019 CJ Patoilo
 * Licensed under the MIT license
 */
*,*:after,*:before{box-sizing:inherit}
html{box-sizing:border-box;
    font-size:62.5%
}
body{color:#606c76;font-family: Tahoma, Arial, sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6;}
blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}
blockquote *:last-child{margin-bottom:0}
.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#005eb8;border:0.1rem solid #005eb8;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}
.button:focus,
.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:#005eb8;border-color:#005eb8}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#005eb8}
.button.button-outline:focus,
.button.button-outline:hover,button
.button-outline:focus,button
.button-outline:hover,input[type='button']
.button-outline:focus,input[type='button']
.button-outline:hover,input[type='reset']
.button-outline:focus,input[type='reset']
.button-outline:hover,input[type='submit']
.button-outline:focus,input[type='submit']
.button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}
.button
.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,button
.button-outline[disabled]:focus,button
.button-outline[disabled]:hover,input[type='button']
.button-outline[disabled]:focus,input[type='button']
.button-outline[disabled]:hover,input[type='reset']
.button-outline[disabled]:focus,input[type='reset']
.button-outline[disabled]:hover,input[type='submit']
.button-outline[disabled]:focus,input[type='submit']
.button-outline[disabled]:hover{border-color:inherit;color:#005eb8}
.button
.button-clear,button
.button-clear,input[type='button']
.button-clear,input[type='reset']
.button-clear,input[type='submit']
.button-clear{background-color:transparent;border-color:transparent;color:#005eb8}
.button
.button-clear:focus,
.button
.button-clear:hover,button
.button-clear:focus,button
.button-clear:hover,input[type='button']
.button-clear:focus,input[type='button']
.button-clear:hover,input[type='reset']
.button-clear:focus,input[type='reset']
.button-clear:hover,input[type='submit']
.button-clear:focus,input[type='submit']
.button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}
.button
.button-clear[disabled]:focus,
.button
.button-clear[disabled]:hover,button
.button-clear[disabled]:focus,button
.button-clear[disabled]:hover,input[type='button']
.button-clear[disabled]:focus,input[type='button']
.button-clear[disabled]:hover,input[type='reset']
.button-clear[disabled]:focus,input[type='reset']
.button-clear[disabled]:hover,input[type='submit']
.button-clear[disabled]:focus,input[type='submit']
.button-clear[disabled]:hover{color:#005eb8}
code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}
pre{background:#f4f5f6;border-left:0.3rem solid #005eb8;overflow-y:hidden}
pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}
hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}
input[type='email'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],input[type='color'],input[type='date'],input[type='month'],input[type='week'],input[type='datetime'],input[type='datetime-local'],input:not([type]),textarea,select{background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,input[type='color']:focus,input[type='date']:focus,input[type='month']:focus,input[type='week']:focus,input[type='datetime']:focus,input[type='datetime-local']:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#606c76;outline:0}select{padding-right:3.0rem}textarea{min-height:6.5rem}label,legend{display:block;font-size:2.0rem;font-weight:700;margin-bottom:2.0rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.container{margin:0 auto;max-width:112.0rem;padding:0 2.0rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%;background-color:#d0e8f5}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{-ms-grid-row-align:center;align-self:center}.row .column-responsive{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}@media (min-width: 1280px){.row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding-left:2.0rem;padding-top:31px
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }.row .column-responsive{margin-bottom:inherit;padding:0 1.0rem}.row .column-responsive.column-10{flex:0 0 10%;max-width:10%}.row .column-responsive.column-20{flex:0 0 20%;max-width:20%}.row .column-responsive.column-25{flex:0 0 25%;max-width:25%}.row .column-responsive.column-33,.row .column-responsive.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column-responsive.column-40{flex:0 0 40%;max-width:40%}.row .column-responsive.column-50{flex:0 0 50%;max-width:50%}.row .column-responsive.column-60{flex:0 0 60%;max-width:60%}.row .column-responsive.column-66,.row .column-responsive.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column-responsive.column-75{flex:0 0 75%;max-width:75%}.row .column-responsive.column-80{flex:0 0 80%;max-width:80%}.row .column-responsive.column-90{flex:0 0 90%;max-width:90%}}a{color:#005eb8;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal outside}ul{list-style:circle outside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:0}
table{border-spacing:0;width:100%}
td,th{border-bottom:0.1rem solid #74afec;padding:1.2rem 1.5rem;text-align:left}
tr:hover {background-color: #B0DAEEBF;},
td:first-child,
th:first-child{padding-left:1%}
td:last-child,
th:last-child{padding-right:0}/*@media screen and (max-width: 1280px)
{table{border-spacing:0;display:flex;width:100%}
    table thead{border-right:solid 0.1rem #B3E0F6FF}
    table thead td,
    table thead th{padding-left:0}
    table thead td:first-child,
    table thead th:first-child{padding-left:0}
    table thead td:last-child,
    table thead th:last-child{padding-right:1.2rem}
    table tbody{display:flex;overflow-x:auto;white-space:nowrap}
    table tbody tr{border-right:solid 0.1rem #005eb8;}
    table tbody tr:last-child{border-right:none}
    table td,
    table th{display:block}
    table tr:hover{background-color:#B0DAEEFF}
    table td:first-child,
    table th:first-child{padding-left:1.2rem}
    table td:last-child,
    table th:last-child{padding-right:1.2rem}}*/b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3; padding-top: 50px;}h4{font-size:3.0rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: Tahoma, Arial, sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #005eb8;
    color: #f0ead6;
    text-align: left;
}

.styled-table th,
.styled-table td {

}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #005EB8FF;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #005EB8FF;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #005EB8FF;
}

body{
    color: #6F8BA4;
    /*margin-top:20px;*/
}
.section {
    padding: 100px 0;
    position: relative;
}
.gray-bg {
    background-color: #f5f5f5;
}
img {
    max-width: 100%;
}
img {
    vertical-align: baseline;
    border-style: none;
}
/* About Me
---------------------*/
.about-text h3 {
    font-family: Tahoma, Arial, sans-serif;
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 6px;
}
@media (max-width: 1500px) {
    .about-text h3 {
        font-family: Tahoma, Arial, sans-serif;
        font-size: 35px;
        text-transform: capitalize;
    }
}
.about-text h6 {
    font-family: Tahoma, Arial, sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
}
@media (max-width: 1500px) {
    .about-text h6 {
        font-size: 18px;
        font-family: Tahoma, Arial, sans-serif;
        text-transform: capitalize;
    }
}
.about-text p {
    font-family: Tahoma, Arial, sans-serif;
    /*text-transform: capitalize;*/
    font-size: 18px;
    max-width: 450px;
}
.about-text p mark {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 600;
    color: #20247b;
}

.about-list {
    padding-top: 10px;
}
.about-list .media {
    padding: 10px 10px;
}
.about-list label {
    font-family: Tahoma, Arial, sans-serif;
    text-transform: capitalize;
    color: #005eb8;
    font-weight: bold;
    width: 300px;
    margin: 0;
    position: relative;
}
.about-list p {
    margin: 0;
    font-size: 20px;
    font-family: Tahoma, Arial, sans-serif;
    /*text-transform: capitalize;*/
}

@media (max-width: 991px) {
    .user-profile {
        margin-top: 30px;
    }
}

.about-section .counter {

    padding: 22px 20px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
}
.about-section .counter .count-data {
    margin-top: 10px;
    margin-bottom: 10px;
}
.about-section .counter .count {
    font-weight: 700;
    color: #20247b;
    margin: 0 0 5px;
}
.about-section .counter p {
    font-weight: 600;
    margin: 0;
}
mark {
    background-image: linear-gradient(rgba(252, 83, 86, 0.6), rgba(252, 83, 86, 0.6));
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-color: transparent;
    padding: 0;
    color: currentColor;
}
.theme-color {
    color: #fc5356;
}
.dark-color {
    color: #20247b;
}
.blue-table {
    border-collapse: collapse;
    width: 100%;
}

.blue-table th, .blue-table td {
    font-family: Tahoma, Arial, sans-serif;
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #8A8282;
    font-size: 17px;
}

.blue-table th {
    font-family: Tahoma, Arial, sans-serif;
    text-transform: capitalize;
    background-color: #011836;
    font-weight: bold;
}

.blue-table tbody tr:nth-child(even) {
    background-color: #ecf3fb;
}

.blue-table tbody tr:hover {
    background-color: #B0DAEE;
}
.capitalize-text {
    text-transform: capitalize;
}

form {
    padding: 10px 30px 20px 30px;
    background: #fefefe;
}

/*
* {
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", Helvetica, Arial, sans-serif;
    font-weight:  300;
    margin:  0;
}
$primary: rgb(182,157,230);
html, body {
    height:  100vh;
    width:  100vw;
    margin:  0 0;
    display:  flex;
    align-items:  flex-start;
    justify-content:  flex-start;
    background:  #f3f2f2;
}
h4 {
    font-size:  24px;
    font-weight:  600;
    color:  #000;
    opacity:  .85;
}
label {
    font-size:  24px;
    color:  #000;
    opacity:  .8;
    font-weight:  400;
}
form {
    padding:  40px 30px;
    background:  #fefefe;
    display:  flex;
    flex-direction:  column;
    align-items:  flex-start;
    padding-bottom:  20px;
    width:  300px;
h4 {
    margin-bottom:  20px;
    color:  rgba(#000, .5);
span {
    color:  rgba(#000, 1);
    font-weight:  700;
}
}
p {
    line-height:  155%;
    margin-bottom:  5px;
    font-size:  14px;
    color:  #000;
    opacity:  .65;
    font-weight:  400;
    max-width:  200px;
    margin-bottom:  40px;
}
}
a.discrete {
    color:  rgba(#000, .4);
    font-size:  14px;
    border-bottom:  solid 1px rgba(#000, .0);
    padding-bottom:  4px;
    margin-left:  auto;
    font-weight:  300;
    transition:  all .3s ease;
    margin-top:  40px;
&:hover {
     border-bottom:  solid 1px rgba(#000, .2);
 }
}
button {
    -webkit-appearance:  none;
    width:  auto;
    min-width:  100px;
    border-radius:  24px;
    text-align:  center;
    padding:  15px 40px;
    margin-top:  5px;
    background-color:  saturate($primary, 30%);
    color:  #fff;
    font-size:  14px;
    margin-left:  auto;
    font-weight:  500;
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.13);
    border:  none;
    transition:  all .3s ease;
    outline: 0;
&:hover {
     transform:  translateY(-3px);
     box-shadow:  0 2px 6px -1px rgba($primary, .65);
&:active {
     transform:  scale(.99);
 }
}
}
input {
    font-size:  16px;
    padding:  20px 0px;
    height:  56px;
    border:  none;
    border-bottom:  solid 1px rgba(0,0,0,.1);
    background:  #fff;
    width:  280px;
    box-sizing:  border-box;
    transition:  all .3s linear;
    color:  #000;
    font-weight:  400;
    -webkit-appearance:  none;
&:focus {
     border-bottom:  solid 1px $primary;
     outline: 0;
     box-shadow:  0 2px 6px -8px rgba($primary, .45);
 }
}
.floating-label {
    position:  relative;
    margin-bottom:  10px;
    width:  100%;
label {
    position:  absolute;
    top: calc(50% - 7px);
    left:  0;
    opacity:  0;
    transition:  all .3s ease;
    padding-left:  44px;
}
input {
    width:  calc(100% - 44px);
    margin-left:  auto;
    display:  flex;
}
.icon {
    position:  absolute;
    top:  0;
    left:  0;
    height:  56px;
    width:  44px;
    display:  flex;
svg {
    height:  30px;
    width:  30px;
    margin:  auto;
    opacity:  .15;
    transition:  all .3s ease;
path {
    transition:  all .3s ease;
}
}
}
input:not(:placeholder-shown) {
    padding:  28px 0px 12px 0px;
}
input:not(:placeholder-shown) + label {
    transform:  translateY(-10px);
    opacity:  .7;
}
input:valid:not(:placeholder-shown) + label + .icon {
svg {
    opacity:  1;
path {
    fill:  $primary;
}
}
}
input:not(:valid):not(:focus) + label + .icon {
    animation-name: shake-shake;
    animation-duration: .3s;
}
}
$displacement:  3px;
@keyframes shake-shake {
    0% { transform: translateX(-$displacement);}
    20% { transform: translateX($displacement); }
    40% { transform: translateX(-$displacement);}
    60% { transform: translateX($displacement);}
    80% { transform: translateX(-$displacement);}
    100% { transform: translateX(0px);}
}
.session {
    display:  flex;
    flex-direction:  row;
    width:  auto;
    height:  auto;
    margin:  auto auto;
    background:  #ffffff;
    border-radius:  4px;
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.12);
}
.left {
    width:  220px;
    height:  auto;
    min-height:  100%;
    position:  relative;
    background-image: url("https://images.pexels.com/photos/114979/pexels-photo-114979.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
    background-size:  cover;
    border-top-left-radius:  4px;
    border-bottom-left-radius:  4px;
svg {
    height:  40px;
    width:  auto;
    margin:  20px;
}

*/