.skin-blue .main-header .navbar {
    background: #c6d0fd;
    background: linear-gradient(0deg, #add6fb 0%, #6fbbff 75%);
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #484848;
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}


.skin-blue .main-header .navbar .sidebar-toggle {
    color: #145c9d;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color:#eee;
    color: #145c9d;
}

.home-dash12{
    background: rgb(250,234,245); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(250,234,245,1) 0%, rgba(218,229,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(250,234,245,1) 0%,rgba(218,229,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(250,234,245,1) 0%,rgba(218,229,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faeaf5', endColorstr='#dae5fd',GradientType=1 ); /* IE6-9 */
}
.ad-na-dh12{
    float: left;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.ad-na-dh12 .ad-na-dh13{
    color: #145c9d !important;    
}

.dash-ca-ad12{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 20px 0;
}
.dash-ca-ad12 .dash-ca-ad13{
    width: 25%;
    margin-bottom: 23px;
}
.dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14{
    display: flex;
    color:#fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 16px;
    height: 192px;
    line-height: 30px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14:hover{
    opacity:0.8;
    color:#fff;
}



.dash-ca-ad12 .dash-ca-ad13 .dropdown-menu {
    margin: 0 14px 0 14px !important;
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    background:#cee4eb !important;
    border-radius: 16px !important;
}

.dash-ca-ad12 .dash-ca-ad13 .dropdown-menu li:last-child a{
    border-bottom: none !important;
}
.dash-ca-ad12 .dash-ca-ad13 .dropdown-menu>li>a {
    font-size: 15px !important;
    color: #11566a !important;
    font-weight: 600 !important;
    border-bottom: 1px #c1d8df solid !important;
}
.dash-ca-ad12 .dash-ca-ad13 .dropdown-menu::after{
    position: absolute;
    top: -33px;
    content: "";
    color: #cee4eb;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-bottom: 14px dashed;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    padding: 10px 0 !important;
}
.dash-ca-ad12 .dash-ca-ad13 .dropdown-menu>li>a:hover {
    background-color:#bad8e1 !important;
}




.wrapper-wallet{
    background: #ddf8fb !important;
    background: linear-gradient(to right, #eaf6f7 0%,#f7f4e7 100%) !important;
}
.wadm-12-2 .wadm-12-2-1{
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px;
    border-radius: 7px;
    background: #fbf3da;
    border:1px #d5cdb3 solid;     
}
.wadm-12 .wadm-12-2 .wadm-12-2-1::placeholder{
    color:#000;
}
.wadm-12-3{
    display: grid;
    gap: 15px 15px;
    grid-template-columns: repeat(6, 1fr);
    margin: 20px 0 0;
}
.wadm-12-3 .wadm-12-3-1{
    display: flex;
    flex-direction: column;
    background: #fff;
    font-size: 15px;
    color: #484848;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    box-shadow: 0px 0px 4px #b0b3a1e3;
    border: 1px #fff solid;
    transition:all 0.2s ease-in-out;
}
.wadm-12-3 .wadm-12-3-1:hover {
    border: 1px #79b2ef solid;
    box-shadow: 0px 0px 0px #b0b3a1e3;
}
.wadm-12-3 .wadm-12-3-1 .wadm-12-3-1-1{
    padding: 15px 10px 15px 10px;
}
.wadm-12-3 .wadm-12-3-1 .wadm-12-3-1-2{
    display: flex;
    align-items: center;
    margin: auto 0 0 0;
    background: #66798d;
    padding: 3px;
    border-radius: 18px;
}
.wadm-12-3 .wadm-12-3-1 .wadm-12-3-1-2 .wadm-12-3-1-2-1{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #428ad7;
    color: #fff;
    font-weight: 400;
    margin-right: 5px;
}
.wadm-12-3 .wadm-12-3-1 .wadm-12-3-1-2 .wadm-12-3-1-2-2{
    font-size: 16px;
    line-height: 11px;
    color: #fff;
}
.ord-fmsu12{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 29px 0 0;
    box-shadow: 0px 0px 5px #c6c9c6;
}
.ord-fmsu12 .ord-fmsu12-1{
    margin:0px 20px 25px 20px;
}
.ord-fmsu12 .ord-fmsu12-2{
    margin:0 20px;
}
.ord-fmsu12-2 .ord-fmsu12-2-1{
    display:flex;
    margin-bottom: 15px;
    align-items: center;
}
.ord-fmsu12-2 .ord-fmsu12-2-1 .ord-fmsu12-2-0{
    width:40%;
    font-size:15px;
}
.ord-fmsu12-2 .ord-fmsu12-2-1 .ord-fmsu12-2-2{
    margin-left:auto;
    font-size:15px;
}
.ord-fmsu12-2 .ord-fmsu12-2-1 .ord-fmsu12-2-3{
    margin-left:auto;
    font-size:15px;
}
.ord-fmsu12-2 .ord-fmsu12-2-1 .ord-fmsu12-2-4{
    display: block;
    align-self: center;
    margin-left: auto;
    line-height: 10px;
    background: #1c6ec5;
    padding: 4px 6px 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 3px;
    transition:all 0.2s ease-in-out;
}
.ord-fmsu12-2 .ord-fmsu12-2-1 .ord-fmsu12-2-4:hover{
    background: #cf4646;
}
.ord-fmsu12-3out{
    display: grid;
    gap: 10px 0;
    margin: 20px 20px 20px;
    padding: 20px 0 20px;
    border-top: 1px #D9D9D9 solid;
    border-bottom: 1px #D9D9D9 solid;
}
.ord-fmsu12-3out .ord-fmsu12-3{
    display:flex;
}
.ord-fmsu12-3out .ord-fmsu12-3{
    display:flex;
}
.ord-fmsu12-3out .ord-fmsu12-3 .ord-fmsu12-3-1{
    color:#808080;
    font-size:17px;
}
.ord-fmsu12-3out .ord-fmsu12-3 .ord-fmsu12-3-2{
    font-size:17px;
    margin-left:auto;
}
.ord-fmsu12-4{
    display:flex;
    margin: 0 20px;
}
.ord-fmsu12-4 .ord-fmsu12-4-1{
    font-size:17px;
    color: #808080;
}
.ord-fmsu12-4 .ord-fmsu12-4-2{
    font-size:17px;
    margin-left:auto;
}
.ord-fmsu12-5{
    display: block;
    font-size: 17px;
    text-align: center;
    background: #2ba0c5;
    color: #fff;
    padding: 10px 10px 10px;
    border-radius: 6px;
    margin: 40px 0 0 0;
    transition:all 0.2s ease-in-out;
}
.ord-fmsu12-5:hover{
    color:#fff;
    opacity:0.6;
}
.wadm-12-1{
    background:#fff;
    border-radius:16px;
    margin: 0 0 15px 0;
}

.btn-group-drp .dropdown-menu{
    position: relative !important;
}
.btn-group-drp .dropdown-menu .btn{
    line-height: 20px;
    padding: 8px 12px 6px;
}

.wadm-12-1 .radio_group{
  position: relative;
  text-align: center;
  line-height: 50px;
  transition:all 0.2s ease-in-out;
}
.wadm-12-1 .radio_group:hover label{
    background: #4a90db;
    border-radius:0;
}
.wadm-12-1 .radio_group input[type="radio"]{
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}
.wadm-12-1 .radio_group input[type="radio"] + label{
  font-size: 16px;
  color: #ffffff;
  font-weight:600;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin-bottom: 0;
  padding: 0 10px;
}


.wadm-12-1 .radio_group input[type="radio"]:checked + label{
    color: #fff;
    background: #4a90db;
    border-radius: 0;
}
.wadm-12-1 nav#menu-container {
    background:#586e75;
    position:relative;
    width:100%;
    padding: 0 40px 0 0;
}
.wadm-12-1 #btn-nav-previous {
    display: flex;
    align-items: center;
    color: white;
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    left: 0px;
    height: 100%;
    background: #242424;
    fill: #FFF;
    z-index: 9;
    transition:all 0.2 ease-in-out;
}
.wadm-12-1 #btn-nav-next {
    display: flex;
    align-items: center;
    height: 100%;
    color: white;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 0px;
    background: #242424;
    fill: #FFF;
    z-index: 9;
    transition:all 0.2 ease-in-out;
}
.wadm-12-1 #btn-nav-previous:hover,
.wadm-12-1 #btn-nav-next:hover {
    background: #4c4c4c;
}
.wadm-12-1 .menu-inner-box
{ 
    width: 100%;
    white-space: nowrap;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 54px;
    box-sizing: border-box;
}
.wadm-12-1 .menu
{  
    padding:0;
    margin: 0;
    list-style-type: none;
    display:flex;
    text-align: center;
}
.wadm-12-1 .menu-item{
    height:100%;
    padding: 0px 5px;
    color:#fff;
    display:inline;
    margin:0 auto;
    line-height:57px;
    text-decoration:none;
    text-align:center;
    white-space:no-wrap;
}
.wadm-12-1 .menu-item:hover {
    text-decoration:underline;
}
.wadm-12-1 .last-item{
  margin-right: 50px;
}
.waletitmad12 .modal-dialog{
    width: 100% !important;
    margin: auto auto auto !important;
    position: absolute !important;
    bottom: 0 !important;    
}


.waletitmad12-1-4  .input-number {
  width: 80px;
  padding: 0 12px;
  vertical-align: top;
  text-align: center;
  outline: none;
}

.waletitmad12-1-4  .input-number,
.waletitmad12-1-4  .input-number-decrement,
.waletitmad12-1-4  .input-number-increment {
  border: 1px solid #ccc;
  height: 40px;
  user-select: none;
}

.waletitmad12-1-4  .input-number-decrement,
.waletitmad12-1-4  .input-number-increment {
  display: inline-block;
  width: 30px;
  line-height: 38px;
  background: #f1f1f1;
  color: #444;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.waletitmad12-1-4  .input-number-decrement:active,
.waletitmad12-1-4  .input-number-increment:active {
  background: #ddd;
}

.waletitmad12-1-4  .input-number-decrement {
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.waletitmad12-1-4 .input-number-increment {
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.waletitmad12-1{
    display: flex;
    align-items: center;
}
.waletitmad12-1 .waletitmad12-1-5{
    margin-left:auto;
}
.waletitmad12-1 .waletitmad12-1-2{
    margin-left:auto;    
}
.waletitmad12-1 .waletitmad12-1-2 .waletitmad12-1-2-1{
    display:flex;
    align-items: center;
}
.waletitmad12-1 .waletitmad12-1-2 .waletitmad12-1-2-1 .waletitmad12-1-2-1-1{
    margin-right: 10px;
}
.waletitmad12-1 .waletitmad12-1-2 .waletitmad12-1-2-1 .waletitmad12-1-2-1-2{
    width: 170px;
    padding: 7px;
}
.waletitmad12-1 .waletitmad12-1-3{
    display:flex;
    align-items: center;
    margin: 0 20px;
}
.waletitmad12-1 .waletitmad12-1-3 .waletitmad12-1-3-1{
    margin-right: 10px;
}
.waletitmad12-1 .waletitmad12-1-3 .waletitmad12-1-3-2 .waletitmad12-1-3-2-1{
    width: 170px;
    padding: 7px;
}
.waletitmad12-1 .waletitmad12-1-4{
    display:flex;
    align-items: center;    
}
.waletitmad12-1 .waletitmad12-1-4 .waletitmad12-1-4-1{
    margin-right: 10px;    
}
.waletitmad12-1-6{
    margin-right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    right: -10px;
    top: -55px;
    z-index: 999;
    background: #1c6ec5 !important;
    color: #fff;
}
.waletitmad12-1-6 span{
    text-shadow: none;
}
.waletitmad12-1-5 .waletitmad12-1-5-1{
    padding: 10px 55px 10px;
    background: #1c7fd7;
    border: 1px #1c7fd7 solid;
    color: #fff;
    transition:all 0.2s ease-in-out;
}
.waletitmad12-1-5 .waletitmad12-1-5-1:hover{
    opacity:0.7;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-1 img{
    width:100%;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-2{
    text-align:center;
    margin: 40px 0 0 0;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-2 .pf-amtw12-1-2-1 img{
    width: 100px;
    border-radius: 12px;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-3{
    display: flex;
    justify-content: center;
    margin: 10px 0 20px 0;
    font-weight: 600;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-3 .pf-amtw12-1-3-1{
    color: #2a0cc3;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-3 .pf-amtw12-1-3-2{
    margin-left:5px;
    color: #2a0cc3;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-4{
    display: block;
    text-align: center;
    background: #0d954b;
    padding: 8px 10px 8px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    line-height: 19px;
    border-radius: 4px;
    border: none;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-42{
    display: block;
    text-align: center;
    background: #6240a3;
    padding: 8px 10px 8px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    line-height: 19px;
    border-radius: 4px;
    border: none;
}
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-43{
    display: block;
    text-align: center;
    background: #49524d;
    padding: 8px 10px 10px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    line-height: 19px;
    border-radius: 4px;
    border: none;
}

.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-4:focus,
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-42:focus,
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-43:focus{
    outline:0;
    border: none;
}

.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-4:hover,
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-42:hover,
.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-43:hover{
    opacity:0.6;
}
.pf-amtw12 .pf-amtw12close{
    position: absolute;
    background: #fff;
    z-index: 99;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.pf-amtw12 .modal-body{
    padding:2px !important;
}

.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-2 .pf-amtw12-1-2-2{
    margin: 12px 0 0 0;
    font-weight: 600;
}

.pf-amtw12 .pf-amtw12-1 .pf-amtw12-1-2 .pf-amtw12-1-2-3{
    color: #939393;
}

.stjwau12{
    background: #8496dd;
    padding: 55px 20px 25px;
    text-align: center;
    border-radius: 20px;
}
.stjwau12-1 .stjwau12-1-1 .bootstrap-select{
    width:100% !important;
}
.stjwau12-1 .stjwau12-1-1 .bootstrap-select .dropdown-toggle{
    outline:0 !important;
}
.pf-amtw12 .modal-content{
    border-radius: 20px;
}
.rf-idck12{
    width: 100%;
    border-radius: 3px;
    padding: 6px 12px;
    margin-bottom: 5px;
    border:1px #fff solid;
}
.rf-idck12:focus{
    outline:0;
    border:1px #fff solid;
}
.stjwau13{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 6px;
    margin: 10px 10px 35px;
}





.ord-fmsu12 .number-input {
    display: inline-flex;
    align-items: center;
}
.ord-fmsu12 .number-input,
.ord-fmsu12 .number-input * {
  box-sizing: border-box;
}
.ord-fmsu12 .number-input input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: sans-serif;
  max-width: 4.5rem;
  padding: 0.5rem;
  border: 0;
  text-align: center;
  outline: none;
}
.ord-fmsu12 .number-input input[type=number]::-webkit-inner-spin-button, .number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.ord-fmsu12 .number-input button {
    outline: none;
    -webkit-appearance: none;
    background-color: #eda113;
    border: none;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    cursor: pointer;
    margin: 0;
    position: relative;
    padding: 0;
    transition:all 0.2s ease-in-out;
}
.ord-fmsu12 .number-input button:hover{
    background-color: #d3d3d3;
}
.ord-fmsu12 .number-input button:before,
.ord-fmsu12 .number-input button:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 1px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}









.cate-bg1{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9385f5+0,cb60f8+100 */
background: rgb(147,133,245); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(147,133,245,1) 0%, rgba(203,96,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(147,133,245,1) 0%,rgba(203,96,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(147,133,245,1) 0%,rgba(203,96,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9385f5', endColorstr='#cb60f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f69c5f+0,ec1860+100 */
background: rgb(246,156,95); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(246,156,95,1) 0%, rgba(236,24,96,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(246,156,95,1) 0%,rgba(236,24,96,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(246,156,95,1) 0%,rgba(236,24,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69c5f', endColorstr='#ec1860',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg3{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#617ef1+0,8c7fe9+100 */
background: rgb(97,126,241); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(97,126,241,1) 0%, rgba(140,127,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(97,126,241,1) 0%,rgba(140,127,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(97,126,241,1) 0%,rgba(140,127,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617ef1', endColorstr='#8c7fe9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg4{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5da8e9+0,6560f8+100 */
background: rgb(93,168,233); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(93,168,233,1) 0%, rgba(101,96,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(93,168,233,1) 0%,rgba(101,96,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(93,168,233,1) 0%,rgba(101,96,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da8e9', endColorstr='#6560f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg5{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#20cf8e+0,3382f9+100 */
background: rgb(32,207,142); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(32,207,142,1) 0%, rgba(51,130,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(32,207,142,1) 0%,rgba(51,130,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(32,207,142,1) 0%,rgba(51,130,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20cf8e', endColorstr='#3382f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg6{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#249824+0,f6c53c+100 */
background: rgb(36,152,36); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(36,152,36,1) 0%, rgba(246,197,60,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(36,152,36,1) 0%,rgba(246,197,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(36,152,36,1) 0%,rgba(246,197,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249824', endColorstr='#f6c53c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg7{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e83304+0,efad27+100 */
background: rgb(232,51,4); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(232,51,4,1) 0%, rgba(239,173,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(232,51,4,1) 0%,rgba(239,173,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(232,51,4,1) 0%,rgba(239,173,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83304', endColorstr='#efad27',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg8{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#823ff8+0,f2822c+100 */
background: rgb(130,63,248); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(130,63,248,1) 0%, rgba(242,130,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(130,63,248,1) 0%,rgba(242,130,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(130,63,248,1) 0%,rgba(242,130,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#823ff8', endColorstr='#f2822c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg9{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f11398+0,8c7fe9+100 */
background: rgb(241,19,152); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(241,19,152,1) 0%, rgba(140,127,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(241,19,152,1) 0%,rgba(140,127,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(241,19,152,1) 0%,rgba(140,127,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f11398', endColorstr='#8c7fe9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg10{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0bbe76+0,7a31f8+100 */
background: rgb(11,190,118); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(11,190,118,1) 0%, rgba(122,49,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(11,190,118,1) 0%,rgba(122,49,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(11,190,118,1) 0%,rgba(122,49,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bbe76', endColorstr='#7a31f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg11{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1722b8+0,f31a8e+100 */
background: rgb(23,34,184); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(23,34,184,1) 0%, rgba(243,26,142,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(23,34,184,1) 0%,rgba(243,26,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(23,34,184,1) 0%,rgba(243,26,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1722b8', endColorstr='#f31a8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cate-bg12{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#139dd1+0,5c05cf+100 */
background: rgb(19,157,209); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(19,157,209,1) 0%, rgba(92,5,207,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(19,157,209,1) 0%,rgba(92,5,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(19,157,209,1) 0%,rgba(92,5,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#139dd1', endColorstr='#5c05cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}
.ad-grads12-out{
    margin: 21px 36px 0 0;    
}
.ad-grads12{
    background: #fff;
    box-shadow: 0px 0px 6px #00000021;
    padding: 36px 20px;
    border-radius: 30px;
    margin: 21px 0 0 0;
}
.chat-grads13{
    background: #fff;
    box-shadow: 0px 0px 6px #00000021;
    padding: 36px 30px;
    border-radius: 30px;
    margin: 21px 0 0 0;    
}
.chat-grads14{
    border-bottom: 1px #eaeaea solid;
    padding-bottom: 9px;
    margin-bottom: 9px;
}
.chat-grads15{
    display:block;
}
.chat-grads15 .chat-grads16{
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px #1BA89F solid;
    overflow: hidden;
    float: left;
    margin-right:10px;
}
.chat-grads20{
    float: left;
    width: 55%;
    line-height: 18px;
}
.chat-grads17, .chat-grads18{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.chat-grads18{
    color:#a0a0a0;
}
.chat-grads19{
    float:right;
    color:#a0a0a0;
}
.chat-grads15 .chat-grads16 img{
    max-width:100%;
}
.chat-grads24{
    display: flex;
    justify-content: flex-end;
}
.mail-12das:hover,.mail-12das:focus{
    outline:0;
    color: #484848 !important;
}
.dash-regi12{
    background: #fff;
    box-shadow: 0px 0px 6px #00000021;
    padding: 36px 30px;
    border-radius: 30px;
    margin: 20px 27px 19px 32px;
}
.dash-regi13{
    display: flex;
    align-items: center;
    border-bottom: 1px #e6e7fa solid;
    padding: 10px;
    margin-bottom: 1px;
    word-break: break-all;
}
.dash-regi19{
    display: flex;
    align-items: center;
    background: #e6e7fa;
    padding: 10px;
    margin-bottom: 2px;
    word-break: break-all;   
}
.dash-regi15{
    float: left;
    line-height: 18px;
}
.dash-regi16,.dash-regi17{
    display: inline-block;
    width: 100%;
    padding: 0 6px 0 0;
}
.dash-regi17{
    color: #a0a0a0;
}
.dash-regi18{
    color: #a0a0a0;
}
.dash-regi14{
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px #1BA89F solid;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.dash-regi14 img{
    max-width:100%;
}
.reg-asfb12{
    display: flex;
    justify-content: space-between;
}
.reg-asfb13{
    margin-top: 2px;
}

.ex-dt-w1{
    width: 30%;
}
.ex-dt-w2{
    width: 30%;
}
.ex-dt-w3{
    width: 20%;
}
.ex-dt-w4{
    width: 20%;
}
.dash-ac21{
    text-align:right;
}
.dash-ac21btn{
    color: #484848;
    border: 1px #565656 solid;
    border-radius: 3px;
    background: #ffff;
    transition:all 0.2s ease-in-out;
}
.dash-ac21btn:hover{
    color:#1BA89F;
    border: 1px #1BA89F solid;
}
.dash-ac21btn:focus{
    outline:0;
}
.pa47-hv{
    transition:all 0.2s ease-in-out;
}
.pa47-hv:hover{
    opacity: 0.7; 
}
.pa47-hv:focus{
    outline:0 !important;
}



.all-ek12{
    width: 100%;
    margin:20px 0 0 0;
}
.pie-fk12{
    margin: 25px 0 25px; 
}
.per-tbldr12 thead{
    background: #4f83a1;
    color: #fff;
}
.dicor-13{
    margin:108px 0 0 0;
}
.ov-allfj12{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 20px;
    padding: 20px 15px 20px;
}
.ov-allfj12 .ov-allfj12-1{
    text-align: center;
    padding: 10px;
    background: #daefee;
}
.ov-allfj12 .ov-allfj12-4:hover {
    background: #559595;
}
.ov-allfj12 .ov-allfj12-3{
                margin: 5px 0 5px;
}
.ov-allfj12 .ov-allfj12-4{
    display: block;
    color: #fff;
    background: #517676;
    transition:all 0.2s ease-in-out;
}
.ov-allfj12 .ov-allfj12-4:hover {
    background: #559595;
}
.bot-attdk12{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 20px;
    padding: 20px 15px 20px;
}
.bot-attdk12 .bot-attdk12-1{
    color: #fff;
    text-align: center;
    background: #447c4c;
    background: linear-gradient(0deg, #447c4c 0%, rgba(124,206,129,1) 75%);
    padding: 10px 10px 10px;
    border-radius: 3px;
    transition:all 0.2s ease-in-out;
}
.bot-attdk12 .bot-attdk12-1:hover{
    opacity:0.7;
}
.bot-attdk12 .bot-attdk12-1:nth-child(2) {
    background: #7c4545;
    background: linear-gradient(0deg, #7c4545 0%, rgb(206 132 124) 75%);
}
.bot-attdk12 .bot-attdk12-1:nth-child(3) {
    background: #42767e;
    background: linear-gradient(0deg, #42767e 0%, rgb(124 191 206) 75%);
}
.dicor-12 .dicor-12-1{
    display:flex;
    align-items: center;
}
.dicor-12 .dicor-12-1 .dicor-12-2{
    width:10px;
    height:10px;
    border-radius:100%;
    margin-right: 5px;
}
.rg-su12{
    display: grid;
    gap: 5px 0;
    margin: 40px 0 0 0;
}
.rg-su12 .rg-su12-1{
    display: grid;
    grid-template-columns: 100px 100px 100px;
    justify-content: space-around;
    align-items: center;
}

.rg-su12 .rg-su12-1 .rg-su12-2{
    margin-right:10px;
}
.rg-su12 .rg-su12-1 .rg-su12-6{
    margin-left:10px;
}




@media (max-width:767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
}

.skin-blue .main-header .logo {
    background-color: #ffffff;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue .main-header .logo:hover {
   
}

.skin-blue .main-header li.user-header {
    background-color: #d1e8e3;  
}

.skin-blue .content-header {
    background: transparent
}
.label-note-ab{
    background-color: #f15922;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #fff;
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
    color: #fff
}

.skin-blue .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    background: #deeaf9;
    border-left-color: #1ba99e;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-blue .sidebar a {
    color: #484848;
}

.skin-blue .sidebar a:hover {
    text-decoration: none
}

.skin-blue .treeview-menu>li>a {
    color: #8aa4af
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
    color: #fff
}

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    margin: 10px 10px
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #f3f3f3;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-blue .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-blue .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-blue.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc
}

.skin-blue-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-blue-light .main-header .navbar .nav>li>a:hover,
.skin-blue-light .main-header .navbar .nav>li>a:active,
.skin-blue-light .main-header .navbar .nav>li>a:focus,
.skin-blue-light .main-header .navbar .nav .open>a,
.skin-blue-light .main-header .navbar .nav .open>a:hover,
.skin-blue-light .main-header .navbar .nav .open>a:focus,
.skin-blue-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9
}
.to-ehs12{
    padding: 10px 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #00000026;
}
.to-ehs13{
    min-height: 172px;
    max-height: 248px;
    overflow-y: auto;
    overflow-x: auto;
}
.to-qwe15{
    padding: 10px 10px;
    background: #fff;
    margin: 20px 0 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #00000026;
}
@media (max-width:767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
}

.skin-blue-light .main-header .logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue-light .main-header .logo:hover {
    background-color: #3b8ab8
}

.skin-blue-light .main-header li.user-header {
    background-color: #3c8dbc
}

.skin-blue-light .content-header {
    background: transparent
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
    background-color: #f9fafc
}

.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-blue-light .user-panel>.info,
.skin-blue-light .user-panel>.info>a {
    color: #444
}

.skin-blue-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-blue-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-blue-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-blue-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}

.skin-blue-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-blue-light .sidebar a {
    color: #444
}

.skin-blue-light .sidebar a:hover {
    text-decoration: none
}

.skin-blue-light .treeview-menu>li>a {
    color: #777
}

.skin-blue-light .treeview-menu>li.active>a,
.skin-blue-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-blue-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-blue-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-blue-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

/* My Style */
.ques-cou15{
    margin-bottom: 20px;
}
.ques-cou12{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 3px 13px;
    border-radius: 6px;  
}
.ques-cou15 .col-md-2:nth-child(5n+1) .ques-cou12{
    background: #19b7a1;
    border: 1px #19b7a1 solid;
}
.ques-cou15 .col-md-2:nth-child(5n+2) .ques-cou12{
    background: #4e3fc7; 
    border: 1px #4e3fc7 solid; 
}
.ques-cou15 .col-md-2:nth-child(5n+3) .ques-cou12{
    background: #3f6fc7; 
    border: 1px #3f6fc7 solid; 
}
.ques-cou15 .col-md-2:nth-child(5n+4) .ques-cou12{
    background: #3fa8c7; 
    border: 1px #3fa8c7 solid; 
}
.ques-cou15 .col-md-2:nth-child(5n+5) .ques-cou12{
    background: #ffffff00;
    border: 1px #484848 solid;   
}
.ques-cou12 .ques-cou13{
    
}
.ques-cou12 .ques-cou14{
    margin-left: 2px;   
}
.que-dh12{
    display: block;
    background: #fff;
    padding: 20px 15px;
    border-radius: 8px;
    box-shadow: 0px 0px 6px #00000026;
}

@media (min-width:768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}



.skin-blue-light .main-footer {
    border-top-color: #d2d6de
}

.skin-blue.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}

.skin-black .main-header {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.skin-black .main-header .navbar-toggle {
    color: #333
}

.skin-black .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #eee
}

.skin-black .main-header>.navbar {
    background-color: #fff
}

.skin-black .main-header>.navbar .nav>li>a {
    color: #333
}

.skin-black .main-header>.navbar .nav>li>a:hover,
.skin-black .main-header>.navbar .nav>li>a:active,
.skin-black .main-header>.navbar .nav>li>a:focus,
.skin-black .main-header>.navbar .nav .open>a,
.skin-black .main-header>.navbar .nav .open>a:hover,
.skin-black .main-header>.navbar .nav .open>a:focus,
.skin-black .main-header>.navbar .nav>.active>a {
    background: #fff;
    color: #999
}

.skin-black .main-header>.navbar .sidebar-toggle {
    color: #333
}

.skin-black .main-header>.navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}

.skin-black .main-header>.navbar>.sidebar-toggle {
    color: #333;
    border-right: 1px solid #eee
}

.skin-black .main-header>.navbar .navbar-nav>li>a {
    border-right: 1px solid #eee
}

.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,
.skin-black .main-header>.navbar .navbar-right>li>a {
    border-left: 1px solid #eee;
    border-right-width: 0
}

.skin-black .main-header>.logo {
    background-color: #fff;
    color: #333;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #eee
}

.skin-black .main-header>.logo:hover {
    background-color: #fcfcfc
}

@media (max-width:767px) {
    .skin-black .main-header>.logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none
    }
    .skin-black .main-header>.logo:hover {
        background-color: #1f1f1f
    }
}

.skin-black .main-header li.user-header {
    background-color: #222
}

.skin-black .content-header {
    background: transparent;
    box-shadow: none
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #222d32
}

.skin-black .user-panel>.info,
.skin-black .user-panel>.info>a {
    color: #fff
}

.skin-black .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-black .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #fff
}

.skin-black .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-black .sidebar a {
    color: #b8c7ce
}

.skin-black .sidebar a:hover {
    text-decoration: none
}

.skin-black .treeview-menu>li>a {
    color: #8aa4af
}

.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
    color: #fff
}

.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-black .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-black .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-black-light .main-header {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.skin-black-light .main-header .navbar-toggle {
    color: #333
}

.skin-black-light .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #eee
}

.skin-black-light .main-header>.navbar {
    background-color: #fff
}

.skin-black-light .main-header>.navbar .nav>li>a {
    color: #333
}

.skin-black-light .main-header>.navbar .nav>li>a:hover,
.skin-black-light .main-header>.navbar .nav>li>a:active,
.skin-black-light .main-header>.navbar .nav>li>a:focus,
.skin-black-light .main-header>.navbar .nav .open>a,
.skin-black-light .main-header>.navbar .nav .open>a:hover,
.skin-black-light .main-header>.navbar .nav .open>a:focus,
.skin-black-light .main-header>.navbar .nav>.active>a {
    background: #fff;
    color: #999
}

.skin-black-light .main-header>.navbar .sidebar-toggle {
    color: #333
}

.skin-black-light .main-header>.navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}

.skin-black-light .main-header>.navbar>.sidebar-toggle {
    color: #333;
    border-right: 1px solid #eee
}

.skin-black-light .main-header>.navbar .navbar-nav>li>a {
    border-right: 1px solid #eee
}

.skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,
.skin-black-light .main-header>.navbar .navbar-right>li>a {
    border-left: 1px solid #eee;
    border-right-width: 0
}

.skin-black-light .main-header>.logo {
    background-color: #fff;
    color: #333;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #eee
}

.skin-black-light .main-header>.logo:hover {
    background-color: #fcfcfc
}

@media (max-width:767px) {
    .skin-black-light .main-header>.logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none
    }
    .skin-black-light .main-header>.logo:hover {
        background-color: #1f1f1f
    }
}

.skin-black-light .main-header li.user-header {
    background-color: #222
}

.skin-black-light .content-header {
    background: transparent;
    box-shadow: none
}

.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
    background-color: #f9fafc
}

.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-black-light .user-panel>.info,
.skin-black-light .user-panel>.info>a {
    color: #444
}

.skin-black-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-black-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-black-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-black-light .sidebar-menu>li:hover>a,
.skin-black-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-black-light .sidebar-menu>li.active {
    border-left-color: #fff
}

.skin-black-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-black-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-black-light .sidebar a {
    color: #444
}

.skin-black-light .sidebar a:hover {
    text-decoration: none
}

.skin-black-light .treeview-menu>li>a {
    color: #777
}

.skin-black-light .treeview-menu>li.active>a,
.skin-black-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-black-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-black-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-black-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-green .main-header .navbar {
    background-color: #00a65a
}

.skin-green .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-green .main-header .navbar .nav>li>a:hover,
.skin-green .main-header .navbar .nav>li>a:active,
.skin-green .main-header .navbar .nav>li>a:focus,
.skin-green .main-header .navbar .nav .open>a,
.skin-green .main-header .navbar .nav .open>a:hover,
.skin-green .main-header .navbar .nav .open>a:focus,
.skin-green .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}

@media (max-width:767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-green .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}

.skin-green .main-header .logo {
    background-color: #008d4c;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green .main-header .logo:hover {
    background-color: #008749
}

.skin-green .main-header li.user-header {
    background-color: #00a65a
}

.skin-green .content-header {
    background: transparent
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #222d32
}

.skin-green .user-panel>.info,
.skin-green .user-panel>.info>a {
    color: #fff
}

.skin-green .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-green .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-green .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #00a65a
}

.skin-green .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-green .sidebar a {
    color: #b8c7ce
}

.skin-green .sidebar a:hover {
    text-decoration: none
}

.skin-green .treeview-menu>li>a {
    color: #8aa4af
}

.skin-green .treeview-menu>li.active>a,
.skin-green .treeview-menu>li>a:hover {
    color: #fff
}

.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-green .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-green .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-green-light .main-header .navbar {
    background-color: #00a65a
}

.skin-green-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-green-light .main-header .navbar .nav>li>a:hover,
.skin-green-light .main-header .navbar .nav>li>a:active,
.skin-green-light .main-header .navbar .nav>li>a:focus,
.skin-green-light .main-header .navbar .nav .open>a,
.skin-green-light .main-header .navbar .nav .open>a:hover,
.skin-green-light .main-header .navbar .nav .open>a:focus,
.skin-green-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}

@media (max-width:767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}

.skin-green-light .main-header .logo {
    background-color: #00a65a;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-green-light .main-header .logo:hover {
    background-color: #00a157
}

.skin-green-light .main-header li.user-header {
    background-color: #00a65a
}

.skin-green-light .content-header {
    background: transparent
}

.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
    background-color: #f9fafc
}

.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-green-light .user-panel>.info,
.skin-green-light .user-panel>.info>a {
    color: #444
}

.skin-green-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-green-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-green-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-green-light .sidebar-menu>li:hover>a,
.skin-green-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-green-light .sidebar-menu>li.active {
    border-left-color: #00a65a
}

.skin-green-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-green-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-green-light .sidebar a {
    color: #444
}

.skin-green-light .sidebar a:hover {
    text-decoration: none
}

.skin-green-light .treeview-menu>li>a {
    color: #777
}

.skin-green-light .treeview-menu>li.active>a,
.skin-green-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-green-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-green-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-green-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-red .main-header .navbar {
    background-color: #dd4b39
}

.skin-red .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-red .main-header .navbar .nav>li>a:hover,
.skin-red .main-header .navbar .nav>li>a:active,
.skin-red .main-header .navbar .nav>li>a:focus,
.skin-red .main-header .navbar .nav .open>a,
.skin-red .main-header .navbar .nav .open>a:hover,
.skin-red .main-header .navbar .nav .open>a:focus,
.skin-red .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-red .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-red .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}

@media (max-width:767px) {
    .skin-red .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-red .main-header .navbar .dropdown-menu li a:hover {
        background: #d73925
    }
}

.skin-red .main-header .logo {
    background-color: #d73925;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-red .main-header .logo:hover {
    background-color: #d33724
}

.skin-red .main-header li.user-header {
    background-color: #dd4b39
}

.skin-red .content-header {
    background: transparent
}

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
    background-color: #222d32
}

.skin-red .user-panel>.info,
.skin-red .user-panel>.info>a {
    color: #fff
}

.skin-red .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-red .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-red .sidebar-menu>li:hover>a,
.skin-red .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #dd4b39
}

.skin-red .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-red .sidebar a {
    color: #b8c7ce
}

.skin-red .sidebar a:hover {
    text-decoration: none
}

.skin-red .treeview-menu>li>a {
    color: #8aa4af
}

.skin-red .treeview-menu>li.active>a,
.skin-red .treeview-menu>li>a:hover {
    color: #fff
}

.skin-red .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-red .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-red .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-red-light .main-header .navbar {
    background-color: #dd4b39
}

.skin-red-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-red-light .main-header .navbar .nav>li>a:hover,
.skin-red-light .main-header .navbar .nav>li>a:active,
.skin-red-light .main-header .navbar .nav>li>a:focus,
.skin-red-light .main-header .navbar .nav .open>a,
.skin-red-light .main-header .navbar .nav .open>a:hover,
.skin-red-light .main-header .navbar .nav .open>a:focus,
.skin-red-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}

@media (max-width:767px) {
    .skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
        background: #d73925
    }
}

.skin-red-light .main-header .logo {
    background-color: #dd4b39;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-red-light .main-header .logo:hover {
    background-color: #dc4735
}

.skin-red-light .main-header li.user-header {
    background-color: #dd4b39
}

.skin-red-light .content-header {
    background: transparent
}

.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
    background-color: #f9fafc
}

.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-red-light .user-panel>.info,
.skin-red-light .user-panel>.info>a {
    color: #444
}

.skin-red-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-red-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-red-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-red-light .sidebar-menu>li:hover>a,
.skin-red-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-red-light .sidebar-menu>li.active {
    border-left-color: #dd4b39
}

.skin-red-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-red-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-red-light .sidebar a {
    color: #444
}

.skin-red-light .sidebar a:hover {
    text-decoration: none
}

.skin-red-light .treeview-menu>li>a {
    color: #777
}

.skin-red-light .treeview-menu>li.active>a,
.skin-red-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-red-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-red-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-red-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-yellow .main-header .navbar {
    background-color: #f39c12
}

.skin-yellow .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-yellow .main-header .navbar .nav>li>a:hover,
.skin-yellow .main-header .navbar .nav>li>a:active,
.skin-yellow .main-header .navbar .nav>li>a:focus,
.skin-yellow .main-header .navbar .nav .open>a,
.skin-yellow .main-header .navbar .nav .open>a:hover,
.skin-yellow .main-header .navbar .nav .open>a:focus,
.skin-yellow .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}

@media (max-width:767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.skin-yellow .main-header .logo {
    background-color: #e08e0b;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-yellow .main-header .logo:hover {
    background-color: #db8b0b
}

.skin-yellow .main-header li.user-header {
    background-color: #f39c12
}

.skin-yellow .content-header {
    background: transparent
}

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
    background-color: #222d32
}

.skin-yellow .user-panel>.info,
.skin-yellow .user-panel>.info>a {
    color: #fff
}

.skin-yellow .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-yellow .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-yellow .sidebar-menu>li:hover>a,
.skin-yellow .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #f39c12
}

.skin-yellow .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-yellow .sidebar a {
    color: #b8c7ce
}

.skin-yellow .sidebar a:hover {
    text-decoration: none
}

.skin-yellow .treeview-menu>li>a {
    color: #8aa4af
}

.skin-yellow .treeview-menu>li.active>a,
.skin-yellow .treeview-menu>li>a:hover {
    color: #fff
}

.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-yellow .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-yellow .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-yellow-light .main-header .navbar {
    background-color: #f39c12
}

.skin-yellow-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-yellow-light .main-header .navbar .nav>li>a:hover,
.skin-yellow-light .main-header .navbar .nav>li>a:active,
.skin-yellow-light .main-header .navbar .nav>li>a:focus,
.skin-yellow-light .main-header .navbar .nav .open>a,
.skin-yellow-light .main-header .navbar .nav .open>a:hover,
.skin-yellow-light .main-header .navbar .nav .open>a:focus,
.skin-yellow-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}

@media (max-width:767px) {
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}

.skin-yellow-light .main-header .logo {
    background-color: #f39c12;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-yellow-light .main-header .logo:hover {
    background-color: #f39a0d
}

.skin-yellow-light .main-header li.user-header {
    background-color: #f39c12
}

.skin-yellow-light .content-header {
    background: transparent
}

.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #f9fafc
}

.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-yellow-light .user-panel>.info,
.skin-yellow-light .user-panel>.info>a {
    color: #444
}

.skin-yellow-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-yellow-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-yellow-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-yellow-light .sidebar-menu>li:hover>a,
.skin-yellow-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-yellow-light .sidebar-menu>li.active {
    border-left-color: #f39c12
}

.skin-yellow-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-yellow-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-yellow-light .sidebar a {
    color: #444
}

.skin-yellow-light .sidebar a:hover {
    text-decoration: none
}

.skin-yellow-light .treeview-menu>li>a {
    color: #777
}

.skin-yellow-light .treeview-menu>li.active>a,
.skin-yellow-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-yellow-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-yellow-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-yellow-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

.skin-purple .main-header .navbar {
    background-color: #605ca8
}

.skin-purple .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-purple .main-header .navbar .nav>li>a:hover,
.skin-purple .main-header .navbar .nav>li>a:active,
.skin-purple .main-header .navbar .nav>li>a:focus,
.skin-purple .main-header .navbar .nav .open>a,
.skin-purple .main-header .navbar .nav .open>a:hover,
.skin-purple .main-header .navbar .nav .open>a:focus,
.skin-purple .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}

@media (max-width:767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-purple .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}

.skin-purple .main-header .logo {
    background-color: #555299;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple .main-header .logo:hover {
    background-color: #545096
}

.skin-purple .main-header li.user-header {
    background-color: #605ca8
}

.skin-purple .content-header {
    background: transparent
}

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background-color: #222d32
}

.skin-purple .user-panel>.info,
.skin-purple .user-panel>.info>a {
    color: #fff
}

.skin-purple .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}

.skin-purple .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #605ca8
}

.skin-purple .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}

.skin-purple .sidebar a {
    color: #b8c7ce
}

.skin-purple .sidebar a:hover {
    text-decoration: none
}

.skin-purple .treeview-menu>li>a {
    color: #8aa4af
}

.skin-purple .treeview-menu>li.active>a,
.skin-purple .treeview-menu>li>a:hover {
    color: #fff
}

.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-purple .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-purple .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-purple-light .main-header .navbar {
    background-color: #605ca8
}

.skin-purple-light .main-header .navbar .nav>li>a {
    color: #fff
}

.skin-purple-light .main-header .navbar .nav>li>a:hover,
.skin-purple-light .main-header .navbar .nav>li>a:active,
.skin-purple-light .main-header .navbar .nav>li>a:focus,
.skin-purple-light .main-header .navbar .nav .open>a,
.skin-purple-light .main-header .navbar .nav .open>a:hover,
.skin-purple-light .main-header .navbar .nav .open>a:focus,
.skin-purple-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}

@media (max-width:767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}

.skin-purple-light .main-header .logo {
    background-color: #605ca8;
    color: #fff;
    border-bottom: 0 solid transparent
}

.skin-purple-light .main-header .logo:hover {
    background-color: #5d59a6
}

.skin-purple-light .main-header li.user-header {
    background-color: #605ca8
}

.skin-purple-light .content-header {
    background: transparent
}

.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
    background-color: #f9fafc
}

.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
    border-left: 1px solid #d2d6de
}

.skin-purple-light .user-panel>.info,
.skin-purple-light .user-panel>.info>a {
    color: #444
}

.skin-purple-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}

.skin-purple-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}

.skin-purple-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}

.skin-purple-light .sidebar-menu>li:hover>a,
.skin-purple-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}

.skin-purple-light .sidebar-menu>li.active {
    border-left-color: #605ca8
}

.skin-purple-light .sidebar-menu>li.active>a {
    font-weight: 600
}

.skin-purple-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}

.skin-purple-light .sidebar a {
    color: #444
}

.skin-purple-light .sidebar a:hover {
    text-decoration: none
}

.skin-purple-light .treeview-menu>li>a {
    color: #777
}

.skin-purple-light .treeview-menu>li.active>a,
.skin-purple-light .treeview-menu>li>a:hover {
    color: #000
}

.skin-purple-light .treeview-menu>li.active>a {
    font-weight: 600
}

.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}

.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.skin-purple-light .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-purple-light .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}


.ad-grads12-out .rfid-out12{
  padding: 19px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 5px #b9b9b9;
}
.ad-grads12-out .rfid-out14{
  font-size: 16px;
  margin: 0 0 16px 0;
  font-weight: 600;
}
.ad-grads12-out .rfid-out12 .rfid-out15 .rfid-out16{
      width: 100%;
      font-size: 16px;
      padding: 9px 10px;
      border-radius: 6px;
      background: #dbf3f3;
      border: 1px #dbf3f3 solid;
}
.ad-grads12-out .rfid-out12 .rfid-out15 .rfid-out16::placeholder{
      color:#367e7e;
}
.ad-grads12-out .rfid-out12 .rfid-out15 .rfid-out16:focus{
      font-weight: 600;
      outline: 0;
      box-shadow: 0px 0px 7px #18838363;
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out17{
      font-size: 16px;
      color: #0fbd5d;
      margin: 10px 0 0 0;
      font-weight: 600;
      text-align: center;
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out18{
      font-size: 15px;
      text-align: center;
      margin: 12px 0 0 0;
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out19{
      width: 50px;
      height: 50px;
      margin: 0 auto;
      border-radius: 100%;
      background-size: cover;
      background-position: center;
      margin-bottom: 5px;                    
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out20{
      font-weight: 700;
      color: #414141;                    
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out21{
  
}
.ad-grads12-out .rfid-out12 .rfid-out13 .rfid-out22{
      color: #939393;                    
}

@media (max-width:1024px) {
    .dash-ca-ad12 .dash-ca-ad13 {
        width: 50%;
    }
    .dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14 {
        height: 192px;
    }
    .dash-ca-ad12 {
        justify-content: center;
    }
}
@media (max-width:991px) {
    .ad-gra-rf{
        margin: 21px 0px 0 0 !important;
    }
}
@media (max-width:767px) {
    .ad-na-dh12 .ad-na-dh13 {
        font-size: 16px;
    }
}

@media (max-width:670px) {
    .ad-grads12-out {
        margin: 21px 0 0 0;
    }
    .dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14 {
        height: 170px;
        font-size: 20px;
        line-height: 24px;
    }
    .dash-ca-ad12{
        width: 100%;
        justify-content: left;
        margin: 20px 0 20px 0;
    }
    .dash-regi12 {
        margin: 20px 0 19px 0;
    }
    .dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14 {
        margin: 0 5px;
    }

}



@media (max-width:560px) {
    .dash-ca-ad12 .dash-ca-ad13 .dash-ca-ad14 {
        height: 100px;
        margin: 0 5px;
        border-radius: 16px;
        font-size: 14px;
        line-height: 17px;
    }
    .dash-ca-ad12 .dash-ca-ad13 {
        margin-bottom: 9px;
    }
}

@media (min-width:768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}