@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300,100);
/* CSS Document */
.alert-fixed {
    position:fixed;
    top:70px;
    right:10px;
    z-index:9999;
    min-width:400px;
    min-height:100px;
    border-radius: 20pt;
}
.alert-fixed p {
    white-space:nowrap;
}
@media (max-width: 767px) {
    .alert-fixed {
        min-width:300px;
        min-height:75px;
    }
    .nav > li > a {
        padding: 13px 10px 12px;
    }
}

/* BOOTSTRAP */
body {
    color: #4e4e4e;
    background-color: #f7f7f7;
}
a {
    color: #4E4C4E;
}
a:hover,
a:focus {
    color: #F3Bf00;
}
.alert > p + p {
    margin-top: 0px;
}
.btn-primary {
    color: #F3Bf00;
    background-color: #4E4C4E;
    border-color: #4E4C4E;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #4E4C4E;
    background-color: #F3Bf00;
    border-color: #F3Bf00;
}
.btn-primary:hover {
    color: #4E4C4E;
    background-color: #F3Bf00;
    border-color: #F3Bf00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #4E4C4E;
    background-color: #F3Bf00;
    border-color: #F3Bf00;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #4E4C4E;
    background-color: #F3Bf00;
    border-color: #F3Bf00;
}
.btn-primary.disabled.focus, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled].focus, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary.focus, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover {
    background-color: #F3Bf00;
    border-color: #F3Bf00;
}
.btn-blue {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-blue:focus,
.btn-blue.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-blue:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
    background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-blue .badge {
    color: #337ab7;
    background-color: #fff;
}
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
    opacity: .50;
}
.checkbox label, .radio label {
    padding-left: 0;
}
dropdown-menu {
    font-size: 13px;
    line-height: 1.471;
}
.dropdown-menu > li > a {
    color: #4E4C4E;
    padding: 6px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #F3Bf00;
    background-color: #4E4C4E;
}
.dropdown-toggle:disabled,
.dropdown-toggle:disabled:hover{
    background-color: #eee;
    opacity: 1;
}
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled.active:hover, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active.active:hover, 
.datepicker table tr td span.active:hover:active {
    background-color: #F3Bf00;
    border-color: #F3Bf00;
    color: #4E4C4E;
}
.datepicker table tr td span.active.active.focus, 
.datepicker table tr td span.active.active:focus, 
.datepicker table tr td span.active.active:hover, 
.datepicker table tr td span.active.disabled.active.focus, 
.datepicker table tr td span.active.disabled.active:focus, 
.datepicker table tr td span.active.disabled.active:hover, 
.datepicker table tr td span.active.disabled.focus:active, 
.datepicker table tr td span.active.disabled:active:focus, 
.datepicker table tr td span.active.disabled:active:hover, 
.datepicker table tr td span.active.disabled.active.focus:hover, 
.datepicker table tr td span.active.disabled.active:hover:focus, 
.datepicker table tr td span.active.disabled.active:hover:hover, 
.datepicker table tr td span.active.disabled.focus:hover:active, 
.datepicker table tr td span.active.disabled:hover:active:focus, 
.datepicker table tr td span.active.disabled:hover:active:hover, 
.datepicker table tr td span.active.focus:active, 
.datepicker table tr td span.active:active:focus, 
.datepicker table tr td span.active:active:hover, 
.datepicker table tr td span.active.active.focus:hover, 
.datepicker table tr td span.active.active:hover:focus, 
.datepicker table tr td span.active.active:hover:hover, 
.datepicker table tr td span.active.focus:hover:active, 
.datepicker table tr td span.active:hover:active:focus, 
.datepicker table tr td span.active:hover:active:hover {
    background-color: #F3Bf00;
    border-color: #F3Bf00;
    color: #4E4C4E;
}
.dataTables_paginate a {
    background: #4E4C4E !important;
    border-color: #4E4C4E !important;
}
.dataTables_processing {
    border: none;
    background-color: transparent;
    z-index: 30000 !important;
}
a:hover .label-default,
a:focus .label-default {
    background-color: #5e5e5e;
}
a:hover .label-primary,
a:focus .label-primary {
    background-color: #286090;
}
a:hover .label-success,
a:focus .label-success {
    background-color: #449d44;
}
a:hover .label-info,
a:focus .label-info {
    background-color: #31b0d5;
}
a:hover .label-warning,
a:focus .label-warning {
    background-color: #ec971f;
}
a:hover .label-danger,
a:focus .label-danger {
    background-color: #c9302c;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #4E4C4E !important;
    background-color: #F3Bf00 !important;
    border-color: #F3Bf00 !important;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #F3Bf00 !important;
    border-color: #F3Bf00 !important;
    color: #4E4C4E !important;
}
.pagination > li > a,
.pagination > li > span {
    color: #F3Bf00;
}
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    background-color: #4E4C4E !important;
    border-color: #4E4C4E !important;
    color: #777 !important;
}
.h3, h3 {
    font-size: 22px;
}
.input-group{
    margin-bottom: 0px;
}
.input-group-addon {
    border-radius: 0px;
}



/* DataTables */
table.dataTable tbody th,
table.dataTable tbody td {
    vertical-align: middle;
}
table.dataTable tbody th.dt-body-top,
table.dataTable tbody td.dt-body-top {
    vertical-align: top;
}
table.dataTable tbody th.dt-body-middle,
table.dataTable tbody td.dt-body-middle {
    vertical-align: middle;
}
table.dataTable tbody th.dt-body-bottom,
table.dataTable tbody td.dt-body-bottom {
    vertical-align: bottom;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}
table.dataTable thead th.dt-body-center,
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #4E4C4E;
    color: #F3Bf00;
    top: auto;
    margin-top: unset;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: auto;
    background-color: #4E4C4E;
    color: #F3Bf00;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #4E4C4E;
    color: #F3Bf00;
}
table.dataTable .btn {
    margin: 0;
}
table.dataTable .label {
    display: block;
    width: 60px;
    padding: 0.6em 0.2em;
}
.dt-print-view {
    background-color: #FFF;
}
table.dataTable > tbody > tr > td, 
table.dataTable > tbody > tr > th, 
table.dataTable > tfoot > tr > td, 
table.dataTable > tfoot > tr > th, 
table.dataTable > thead > tr > td, 
table.dataTable > thead > tr > th {
    padding: 5px 2px;
}


/*Gentelella*/
body {
    font-family: "Helvetica Neue", 'Roboto', Arial, "Droid Sans", sans-serif;
}
.buttons, button, .btn {
    margin-bottom: 0px;
}
.active a span.fa {
    margin-right: 0px;
}
a.user-profile {
    font-size: 11px;
}
a.user-profile span.fa{
    display: inline-block;
}
.bg-green {
    background: #5cb85c none repeat scroll 0 0 !important;
    border: none !important;
}
.bg-red {
    border: none !important;
}
.green {
    color: #5cb85c;
}
.yellow {
    color: #F3Bf00;
}
.nav-sm .nav.side-menu li a {
    padding: 8px 2px;
}
.nav_title {
    background: #F3Bf00;
}
.left_col {
    background: #f7f7f7;
    width: 100%;
}
.menu_section > ul {
    margin-top: 0px;
}
.nav-md .container.body .col-md-3.left_col {
    z-index: 1040;
}
.nav-md ul.nav.child_menu li::before {
    background: #616161 none repeat scroll 0 0;
}
.nav-md ul.nav.child_menu li:hover::before,
.nav-md ul.nav.child_menu li.current-page::before {
    background: #F3Bf00 none repeat scroll 0 0;
}
/* .nav-md ul.nav.child_menu li::after {
    border-left: 1px solid #afafaf;
} */
.nav-sm .container.body .col-md-3.left_col {
    z-index: 1040;
}
.nav-sm ul.nav.child_menu {
    background: linear-gradient(#c9c9c9, #dddddd),#cecece;
    border: 2px #a2b4c5;
    border-top-right-radius: 15px;
}
.nav-sm .container.body .col-md-3.left_col .navbar.nav_title a img{
    max-width: 100%;
    max-height: 100%;
}
.nav.side-menu>li>a {
    margin-bottom: 0px;
}
.nav.side-menu>li>a,.nav.child_menu>li>a{color: #4e4e4e; font-weight: bolder;}
.nav.child_menu>li>ul {
    border-radius: 15pt;
    li {
        color: #4e4e4e;
        font-weight: bolder;
        a:hover {
            color: rgb(5, 5, 5);
            border-radius: 15pt;
            background: #9e9e9e45;
        }
    }
}
.nav.side-menu>li>a:hover{
    i{
    color: #F3Bf00 !important;
    text-shadow: 1px 1px 2px #181818;
    }
        color: #202020 !important;
        text-shadow: none;
}
.nav.side-menu>li>.active{
    color: #F3Bf00 !important;
    text-shadow: 1px 1px 2px #181818 !important;
}
.nav.child_menu>li:hover{
    color: #141414 !important;
    font-weight: 900;
    background: #9e9e9e85; border-bottom-right-radius: 20pt; border-top-right-radius: 20pt ;color: #4e4e4e; margin-right: 5px;
}
.nav.child_menu>li>.active{
    color: #F3Bf00 !important;
    text-shadow: 1px 1px 2px #252525;
}
.nav.side-menu>li.active>a { background: #858585; color: #292929; margin-right: 5px; text-shadow: 1px 1px 2px #F3Bf00; i{color: #F3Bf00; text-shadow: 1px 1px 2px #252525;} }
.nav.side-menu>li.active>a:hover{text-shadow: none !important;}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    border-right: none;
}
.nav.child_menu_open{
    display: block;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: none;
}
.x_title {
    border-bottom: 2px solid #F3Bf00;
}
.panel_toolbox {
    min-width: 20px;
}
.ln_solid {
    border-top: 1px solid #F3Bf00;
}
a.btn-primary {
    color: #F3Bf00;
}
.panel_toolbox>li>a {
    color: #F3Bf00;
}
.form-control {
    padding: 6px;
}
.form-control:focus {
    border-color: #F3Bf00;
}
.alert-danger, .alert-error {
    color: #fff;
}
.tile_count .tile_stats_count .count {
    font-size: 26px;
}
@media (min-width: 768px) {
    .tile_count .tile_stats_count .count {
        font-size: 36px; 
    }
}
@media (min-width: 990px) {
    .menu_toggle2{ display:none}
}
@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 26px; 
    }
}
.tile_count .tile_stats_count::before {
    border-left: 2px solid #F3Bf00;
}
/* .tile-stats {
    height: 100px;
    background-color: #F3Bf00;
} */
.tile-stats-mini {
    height: 60px;
    background-color: #F3Bf00;
    text-align: center;
}
/* 
.tile-stats .count,
.tile-stats h3,
.tile-stats p {
    margin-left: 34%;
    color: #4E4C4E;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
} */
.tile-stats-mini h3 {
    margin-left: 0%;
    color: #4E4C4E;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}
.tile-stats-mini .label {
    float: right;
    font-size: 100%;
}
/* .tile-stats .icon {
    color: #4e4c4e;
    font-size: 56px;
    padding: 22px 0;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 34%;
    left: 0;
    top: 0;
} */
/* .tile-stats:hover .icon
{
    color: #F3Bf00;
}
.tile-stats:hover h3
{
    color: #F3Bf00;
}
.tile-stats:hover {
    cursor: pointer;
    color: #F3Bf00;
    background-color: #4E4C4E;
} */
ul.bar_tabs {
    background: none;
}
ul.bar_tabs > li.active {
    border-right: 6px solid #F3Bf00;
}
ul.msg_list li {
    padding: 4px;
}
ul.msg_list li i {
    width: 24px;
}
ul.msg_list li:last-child {
    margin-bottom: 4px;
    padding: 4px;
}
.toggle {
    width: 55px;
}
.thumbnail {
    height: 240px;
}
.thumbnail .image {
    height: 170px;
}
.view .tools {
    margin: 73px 0 0 0;
}
.mask {
    line-height: 2.2;
}
.view .tools a {
    padding: 0 8px;
}
.view .tools a:hover {
    color: #F3Bf00;
}
@media (max-width: 1200px) {
    .x_title h2 {
        width: auto;
        font-size: 15pt; 
        font-weight: 500;
    }
}
.pricing .title {
    background: #F3Bf00;
    color: #4E4C4E;
    height: 90px;
}
.pricing .x_content {
    float: none;
}
.pricing_features {
    min-height: 200px;
    font-size: 14px;
}

/* iCheck */
.icheckbox_flat-blue, .iradio_flat-blue {
    width: 22px;
    height: 22px;
}

/*EXTRAS*/
.alert-input {
    margin-bottom: 0;
    margin-top: 10px;
}
.btn {
    padding: 6px;
}
.btn-xs {
    padding: 1px 5px;
}
.btn-sm{
    text-transform: uppercase;
}
#crop-avatar {
    min-height: 180px;
}
.img-responsive-avatar {
    display: block;
    width: 140px;
    height: auto;
    margin: 0 auto;
}
.input-xs {
    height: 22px;
    padding: 2px 4px;
    font-size: 12px;
}
.bg-loader-ajax {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:9999;
    background-color:rgba(0, 0, 0, 0.2);
}
.loader-ajax {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:9999;
    animation: loading 1s linear infinite;
}
.no-current > a{
    color: #fff;
}
@keyframes loading {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
}
.x_title_collapse:hover{
    cursor: pointer;
    background: #f5f7fa none repeat scroll 0 0;
}
.x_title .btn-sm{
    margin: 0 10px;
}
@media (max-width: 767px) {
    .navbar-all{
        height: 100px;
    }
    body {
        font-size: 12px;
    }
    .h3, h3 {
        font-size: 20px;
    }
}
/* @media (max-width: 767px) {
    .tile-stats {
        height: 80px;
    }
    .tile-stats .icon {
        font-size: 50px;
        padding: 15px 0;
        height: 80px;
        width: 34%;
    }
    .tile-stats .count, 
    .tile-stats h3, 
    .tile-stats p {
        font-size: 18px;
    }
} */
.datepicker table {
    background-color: #fff;
}
.fa {
    min-width: 15px;
}
.table-condensed td span {
    line-height: 1;
}

/* SELECT 2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 22px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4E4C4E;
    color: #F3Bf00;
}

/* Lightbox */
.ekko-lightbox-nav-overlay a {
    color: #4E4C4E;
}
.ekko-lightbox-nav-overlay a:hover {
    color: #F3Bf00;
}
.ekko-lightbox .modal-header {
    border-bottom: 2px solid #F3Bf00;
    margin: 0 15px;
    padding: 15px 0
}
.carousel-inner > .carousel-item > a > img,
.carousel-inner > .carousel-item > img,
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
}

/* DATETIMEPICKER */
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #F3Bf00;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #F3Bf00;
    color: #4E4C4E;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #F3Bf00;
    color: #4E4C4E;
}

/* Bootstrap Select */
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    background-color: #eee;
}

/* FullCalendar */
.fc-event{
    font-size: 1em !important;
    font-weight: bold !important;
}

/* Smart Wizard */
.sw-toolbar{
    text-align: center;
    padding-bottom: 20px;
}
.sw-btn-group,
.sw-btn-group-extra {
    float: none !important
}

/* SweetAlert */
.swal2-popup .swal2-actions {
    z-index: 0;
}
.swal2-popup .swal2-content {
    font-size: 1.5em;
}
.swal2-popup .swal2-title {
    font-size: 2em;
}
.sweetalert-lg { 
    width: 48em; 
}
.sweetalert-xlg { 
    width: 64em; 
}
.logo-lg {
    margin-left: 40px;
    font-size: 20px;
    }


.container-progress{
    margin-left: 40%;
    display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	height: 100%;
    padding: 30px;
    border-radius: 10px;
    background: #faf8f8;
    box-shadow:  8px 8px 16px #e7e7e7,
                 -1px -1px 16px #f3f3f3;
}

.container-progress strong {
    font-size: 110%;
}

/* Progress bar */

@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

#progressbar {
  --percentage: var(--value);
  --primary: #F3Bf00;
  --secondary: #feffca;
  --size: 180px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

#progressbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 55%, #000 0);
  -webkit-mask-mode: alpha;
}

#progressbar::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}

/*tramite anulado*/
#Anulado {
    font-family: Arial, Helvetica, sans-serif;
    color: red;
    position: relative;
    font-size: 25px;
}

@media (max-width: 1300px){
.container-progress{
    margin-left: auto;
    width: auto;
    height: auto;
}
}


@media (min-width: 440px){.dami-toggle2 { display: none !important; }}
@media (max-width: 440px){.dami-toggle1 ,.desaparece{ display: none !important; }}
.nav.child_menu>li:hover>ul { padding-right: 0px; margin-right: 5px;}
.dami-toggle2,.dami-toggle3 {font-size: 20pt!important; font-weight: 400!important; border-radius: 20pt!important; border:4px ;border-color: #122b40!important; background-color: #ec860098; padding: 10px 7px 9px;}
.menu_toggle2{ position: fixed; top: 17pt;  left: 10px;  z-index: 1000; }
.btn-sm{ border-radius: 20px; padding: 8pt 11pt 8pt 11pt; font-weight: 700; font-size: 10pt;}
.bootstrap-select>.dropdown-toggle{ border-radius: 7pt;}
.nav-md .container.body .col-md-3.left_col .navbar.nav_title a img{ width: auto; max-height: 60pt; }
.menu_section
.active>div>div{ border-color: #F3Bf00 !important;}
.nav.toggle{ float: right; margin-right: 10pt; margin-top: 2pt; width: 70px; background: #e6e6e6; border-radius: 20pt; padding: 5pt 1pt 4pt 6pt;}
.main_menu_side {background-color: #e6e6e6; margin: 20pt 10pt 0pt 0pt; border-top-right-radius: 20px; border-bottom-right-radius:20px; padding:2px 2px 2px 0px;} 
.tile-stats .count, .tile-stats h3, .tile-stats p {color: #4E4C4E;font-weight: bold;font-size: 22px;position: absolute;top: 70%;transform: translate(0, -50%);}
.tile-stats .icon {font-size: 56px;padding: 8pt 37pt 8pt 5pt;text-align: center;vertical-align: middle; height: 20pt; color: #BAB8B8; position: absolute; top: 5pt; z-index: 1;}
.nav li li.current-page > a, .nav.side-menu>li .current-page{background: #9e9e9e; border-bottom-right-radius: 20pt; border-top-right-radius: 20pt ;color: #4e4e4e; margin-right: 5px;}
.dropdown-usermenu li a i { padding-top: 0pt;}
.navbar-right ul{border-radius: 15px !important; }
.dropdown-usermenu li { border-radius: 15px !important}
.tile-stats:hover .icon i {animation-name: tansformAnimation;animation-duration: .5s;animation-iteration-count: 1;
    color: rgba(58, 58, 58, 0.41);animation-timing-function: ease;animation-fill-mode: forwards;
    -webkit-animation-name: tansformAnimation;-webkit-animation-duration: .5s;-webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;-webkit-animation-fill-mode: forwards;-moz-animation-name: tansformAnimation;
    -moz-animation-duration: .5s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease;-moz-animation-fill-mode: forwards; }
.tile-stats:hover .icon{color: #F3Bf00; text-shadow: 1px 1px 2px #252525;}
.tile-stats:hover h3{color: #666666;}
.tile-stats:hover {cursor: pointer;color: #B7B7B7; border-color:#F3Bf00 ;}
.tile-stats .icon i {margin: 0;font-size: 60px;line-height: 0;vertical-align: bottom;padding: 0; }

@media (max-width: 767px) {.tile-stats {    height: 80px;}.tile-stats .icon {    font-size: 50px;    padding: 15px 0;    height: 80px;    width: 34%;}
.tile-stats .count, .tile-stats h3, .tile-stats p { font-size: 18px;}}

.tile-stats.sparkline {padding: 10px;text-align: center;}
.tile-stats {height: 100pt; background-color: #ffffff; position: relative; display: flex; border: 2px solid #E4E4E4; -webkit-border-radius: 10px;
    overflow: hidden; padding-bottom: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 10px; -moz-background-clip: padding;
    margin:15px 0px 15px 0px; border-radius: 20pt; background-clip: padding-box; transition: all 300ms ease-in-out;  flex-direction: column; align-items: center; justify-content: center; }

.tile-stats .count {font-size: 38px;font-weight: bold;line-height: 1.65857; }
.tile-stats .count, .tile-stats h3, .tile-stats p {z-index: 5;padding: 0;display:block; text-align: center; margin-top: 7px;}

.tile-stats p {margin-top: 5px;font-size: 12px; }
.tile-stats > .dash-box-footer {position: relative;text-align: center;margin-top: 5px;padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);display: block;z-index: 10;background: rgba(0, 0, 0, 0.1);text-decoration: none; }
.tile-stats > .dash-box-footer:hover {color: #fff;background: rgba(0, 0, 0, 0.15); }