.container { max-width:100%; padding:0px;}

.x_title h2,
table.tile_info td p {
    white-space: nowrap;
    text-overflow: ellipsis
}

.site_title,
.x_title h2,
table.tile_info td p {
    text-overflow: ellipsis
}

.detail a,
.expand,
.jqstooltip,
.paging_full_numbers a:hover,
.site_title:focus,
.site_title:hover,
a,
a:focus,
a:hover {
    text-decoration: none
}

.byline,
.main_menu .fa {
    -webkit-font-smoothing: antialiased
}

.daterangepicker .ranges li {
    color: #73879C
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #536A7F;
    border: 1px solid #536A7F;
    color: #fff
}

.daterangepicker .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: none!important
}

.daterangepicker .input-mini.active {
    border: 1px solid #ccc
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.monthselect,
.daterangepicker select.secondselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    
    cursor: default;
    height: 30px;
    border: 1px solid #ADB2B5;
    line-height: 30px;
    border-radius: 0!important
}

.daterangepicker select.monthselect {
    margin-right: 2%
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    color: #73879C
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff
}

.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E
}

.daterangepicker:after,
.daterangepicker:before {
    content: none
}

.daterangepicker .calendar.single {
    margin: 0 0 4px
}

.daterangepicker .calendar.single .calendar-table {
    width: 224px;
    padding: 0 0 4px!important
}

.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
    padding: 8px 5px
}

.daterangepicker .calendar.single .calendar-table thead th {
    border-radius: 0
}

.daterangepicker.picker_1 {
    color: #fff;
    background: #34495E
}

.daterangepicker.picker_1 .calendar-table {
    background: #34495E
}

.daterangepicker.picker_1 .calendar-table thead tr {
    background: #213345
}

.daterangepicker.picker_1 .calendar-table thead tr:first-child {
    background: #1ABB9C
}

.daterangepicker.picker_1 .calendar-table td.off {
    background: #34495E;
    color: #999
}

.daterangepicker.picker_1 .calendar-table td.available:hover {
    color: #34495E
}

.daterangepicker.picker_2 .calendar-table thead tr {
    color: #1ABB9C
}

.daterangepicker.picker_2 .calendar-table thead tr:first-child {
    color: #73879C
}

.daterangepicker.picker_3 .calendar-table thead tr:first-child {
    color: #fff;
    background: #1ABB9C
}

.daterangepicker.picker_4 .calendar-table thead tr:first-child {
    color: #fff;
    background: #34495E
}

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
    background: #ECF0F1;
    border: 1px solid #fff;
    border-radius: 0
}

.daterangepicker.picker_4 .calendar-table td.active {
    background: #34495E
}

.calendar-exibit .show-calendar {
    float: none;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    overflow: hidden
}

.calendar-exibit .show-calendar .calendar {
    margin: 0 0 4px
}

.calendar-exibit .show-calendar.picker_1 {
    background: #34495E
}

.calendar-exibit .calendar-table {
    padding: 0 0 4px
}

.left_col {
    background: #ffffff
}

.nav-sm .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 94px;
    padding: 0;
    z-index: 9999;
    position: absolute;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
    position: fixed;
    height: 100%
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
    overflow: visible
}

.overflow_hidden,
.sidebar-widget,
.site_title,
.tile,
.weather-days .col-sm-2,
.x_title h2,
table.tile_info td p {
    overflow: hidden
}

.nav-sm .hidden-small {
    visibility: hidden
}

.nav-sm .container.body .right_col {padding: 10px 20px;width:calc(100% - 94px);float:right}

.nav-sm .navbar.nav_title {
    width: 94px;
	text-align: center;
}

.nav-sm .navbar.nav_title a span {
    display: none
}

.nav-sm .navbar.nav_title a i {
    font-size: 27px;
   /* margin: 13px 0 0 3px*/
}

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 0px 0px;
    border-radius: 50%
}

.nav-sm .main_container .top_nav {
    display: block;
    margin-left: 94px;
    z-index: 2
}

.nav-sm .nav.side-menu li a {
    text-align: center!important;
    font-weight: 400;
    font-size: 10px;background-position:center center;
    padding: 25px 0px; height:80px;
}
.nav-sm .nav.side-menu li li a { padding:15px 0px; height:auto;}


.nav-sm .nav.side-menu li.active-sm ul ul,
.nav-sm ul.nav.child_menu ul {
    position: static;
    width: 200px;
    background: 0 0
}

.nav-sm>.nav.side-menu>li.active-sm>a {
    color: #1ABB9C!important
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none!important
}

.nav-sm .menu_section h3,
.nav-sm .profile,
.nav-sm .menu_section span.fa {
    display: none
}

.nav-sm .nav.side-menu li a i {
    font-size: 25px!important;
    text-align: center;
    width: 100%!important;
    margin-bottom: 0px
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    background-color:rgba(235, 237, 238, 1);
    display: none; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page { background-color:rgba(189, 195, 199, 0.30);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); }




.nav-sm ul.nav.child_menu li {
    padding: 0 10px
}

.nav-sm ul.nav.child_menu li a {  text-align: left!important;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.nav-sm ul.nav.child_menu li:last-child a{border-bottom:0px} 
.menu_section {
    margin-bottom: 0px
}

.menu_section h3 {
    padding-left: 15px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    /*text-shadow: 1px 1px #000*/
}

.menu_section>ul {
    margin-top: 0px
}

.profile_pic {
    width: 35%;
    float: left
}

.img-circle.profile_img {
    width: 70%;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 20px;
    border: 1px solid rgba(52, 73, 94, .44);
    padding: 4px
}

.profile_info {
    padding: 25px 10px 10px;
    width: 65%;
    float: left
}

.profile_info span {
    font-size: 13px;
    line-height: 30px;
    color: #BAB8B8
}

.profile_info h2 {
    font-size: 14px;
    color: #333333;
    
    font-weight: 300
}

.profile.img_2 {
    text-align: center
}

.profile.img_2 .profile_pic {
    width: 100%
}

.profile.img_2 .profile_pic .img-circle.profile_img {
    width: 50%;
    margin: 10px 0 0
}

.profile.img_2 .profile_info {
    padding: 15px 10px 0;
    width: 100%;
    margin-bottom: 10px;
    float: left
}

.main_menu span.fa {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #7a8496;
}

.active a span.fa {
    text-align: right!important;
    margin-right: 4px
}

.nav-sm .menu_section {
    margin: 0
}

.nav-sm li li span.fa {
    display: inline-block
}

.nav_menu {
    float: left;
    background:  #eaeef1;
    /*border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;*/
    width: 100%;
    position: relative
}

@media (min-width:480px) {
    .nav_menu {
        position: static
    }
}

.nav-md .container.body .col-md-3.left_col {
    min-height: 100%;
    max-width: 294px;
    padding: 0;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
}

.nav-md .container.body .col-md-3.left_col.menu_fixed {
    height: 100%;
    position: fixed
}

body .container.body .right_col {
    background:  #eaeef1;
}

.nav-md .container.body .right_col { padding: 0px 20px 0; width:calc(100% - 294px); float:right}
.nav_title { width: 294px;
    float: left;
    background: #ffffff;
    border-radius: 0;
  
}

@media (max-width:991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0
    }
    .nav-md .container.body .col-md-3.left_col {
        display: none
    }
    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px!important
    }
}

@media (max-width:1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px
    }
    .graph,
    .tile {
        zoom: 85%;
        height: inherit
    }
}

@media (max-width:1270px) and (min-width:192px) {
    .x_title h2 small {
        display: none
    }
}

.left_col .mCSB_scrollTools {
    width: 6px
}

.left_col .mCSB_dragger {
    max-height: 400px!important
}

.blue {
    color: #3498DB
}

.purple {
    color: #9B59B6
}

.green {
    color: #1ABB9C
}

.aero {
    color: #9CC2CB
}

.red {
    color: #E74C3C
}

.dark {
    color: #34495E
}

.border-blue {
    border-color: #3498DB!important
}

.border-purple {
    border-color: #9B59B6!important
}

.border-green {
    border-color: #1ABB9C!important
}

.border-aero {
    border-color: #9CC2CB!important
}

.border-red {
    border-color: #E74C3C!important
}

.border-dark {
    border-color: #34495E!important
}


.bg-green {
    background: #1ABB9C!important;
    border: 1px solid #1ABB9C!important;
    color: #fff
}

.bg-red {
    background: #E74C3C!important;
    border: 1px solid #E74C3C!important;
    color: #fff
}

.bg-blue {
    background: #3498DB!important;
    border: 1px solid #3498DB!important;
    color: #fff
}

.bg-orange {
    background: #F39C12!important;
    border: 1px solid #F39C12!important;
    color: #fff
}

.bg-purple {
    background: #9B59B6!important;
    border: 1px solid #9B59B6!important;
    color: #fff
}

.bg-blue-sky {
    background: #50C1CF!important;
    border: 1px solid #50C1CF!important;
    color: #fff
}


 



.main_container .top_nav {
    display: block;
    margin-left: 294px
}

.no-padding {
    padding: 0!important
}

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0
}

.page-title .title_left {
    width: 45%;
    float: left;
    display: block
}

.page-title .title_left h3 {
    margin: 9px 0
}

.page-title .title_right {
    width: 55%;
    float: left;
    display: block
}

.page-title .title_right .pull-right {
    margin: 10px 0
}

.fixed_height_320 {
    height: 320px
}

.fixed_height_390 {
    height: 390px
}

.fixed_height_200 {
    height: 200px
}
.progress.progress_sm, .progress.progress_sm .progress-bar { height: 10px!important;}
.dashboard_graph h2{ font-weight:500;color: #71737d;}
 .dashboard_graph p{color: #999999;}
table.no-margin .progress {
    margin-bottom: 0
}

.main_content {
    padding: 10px 20px
}

.col-md-55 {
    width: 50%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width:992px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width:1200px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width:192px) and (max-width:1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left
    }
}


.navbar {
    margin-bottom: 0
}

.navbar-header {
    background: #34495E
}

.navbar-right {
    margin-right: 0
}

.top_nav .navbar-right {width: calc(100% - 70px); float: right; padding-right:20px; display:inline-block; text-align:right; padding-top:13px}
.top_nav .navbar-right li {display: inline-block; position: static;padding: 13px 0px 12px;}
.top_nav .navbar-right li a{font-size: 12px;}
.nav-sm .navbar-right  .nav-item a span{ display:inline-block;padding-left: 3px;}

@media (min-width:480px) {
    .top_nav .navbar-right li {
        position: relative
    }
	
}

.top_nav .dropdown-menu li {
    width: 100%; padding:0px;
}

.top_nav .dropdown-menu li a {
    width: 100%; padding:10px 15px; display:block}

.top_nav li a i {
    font-size: 15px
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px
}

.sidebar-header:first-of-type {
    margin-top: 0
}

.nav.side-menu>li {
    position: relative;
    display: block;
    cursor: pointer;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}


/*.nav.side-menu>li>a:hover {color: #4a4a4a!important; font-weight:500;}*/

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;

}

.nav.child_menu {
    display: none
}

.nav.child_menu li.active,
.nav.child_menu li:hover {
    background-color: rgba(255, 255, 255, .06)
}

.nav.child_menu li {
    padding-left: 34px;
}
.nav-md .nav.child_menu:after {
    border-left: 1px solid rgba(122, 132, 150, 0.19);
    bottom: 0;
    content: "";
    left: 45px;
    position: absolute;
    top: 0; z-index:1
}

.nav-md ul.nav.child_menu li:before {
   background-color: rgba(125, 134, 151, 0.34);
    bottom: auto;
    content: "";
    height: 12px;
    left: 40px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 12px;
    z-index:999;
    border-radius: 50%
}


.nav.top_menu>li>a,
.nav>li>a {
    position: relative;
    display: block
}

.nav.child_menu>li>a,.nav.side-menu>li>a { color: #4a4a4a; font-size:13px;}
.nav li li.current-page a,.nav.child_menu li li a.active,.nav.child_menu li li a:hover {    color: #333333;}

.nav.child_menu li li.active,
.nav.child_menu li li:hover {
    background: 0 0
}

.nav>li>a {
    /*padding: 13px 15px 12px*/
	
}

.nav li.current-page { background: rgba(255, 255, 255, .05)}
.nav li.current-page a{ font-weight:bold;}
.nav.side-menu>li.active>a {
   /* text-shadow: rgba(0, 0, 0, .25) 0 -1px 0;
      box-shadow: rgba(0, 0, 0, .25) 0 1px 0, inset rgba(255, 255, 255, .16) 0 1px 0*/
}

.site_title { width: 100%;display: block;  padding:20px 0px 19px;}

.nav.navbar-nav>li>a {color: #515356!important;padding: 0px 0px;}
.nav.top_menu>li>a {
    padding: 10px 15px;
    color: #34495E!important
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent
}

.top_search {
    padding: 0
}

.top_search .form-control {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    border-radius: 25px 0 0 25px;
    padding-left: 20px;
    border: 1px solid rgba(221, 226, 232, .49)
}


.top_search .form-control:focus {
    border: 1px solid rgba(221, 226, 232, .49);
    border-right: 0
}

.top_search .input-group-btn button {
    border-radius: 0 25px 25px 0;
    border: 1px solid rgba(221, 226, 232, .49);
    border-left: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #93A2B2;
    margin-bottom: 0!important
}

.tiles,
.top_tiles {
    margin-bottom: 0
}

.toggle {
    float: left;
    
    /*padding-top: 16px;*/
    width: 70px
}

.toggle a {
    padding: 15px 20px 0px;
    
    cursor: pointer
}

.toggle a i {
    font-size: 26px
}

.nav.child_menu>li>a {
    color: #333333;
    font-size: 12px;
    padding: 9px
}

.panel_toolbox {
    float: right;
    min-width: 70px
}

.panel_toolbox>li {
    float: left;
    cursor: pointer
}

.panel_toolbox>li>a {
    padding: 5px;
    color: #C5C7CB;
    font-size: 14px
}

.panel_toolbox>li>a:hover {
    background: #F5F7FA
}

.line_30 {
    line-height: 30px
}

.main_menu_side {
    padding: 0
}

.bs-docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 6px
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block
}

.nav-sm footer {
    margin-left: 70px
}

.footer_fixed footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.degrees:after,
.x_content,
.x_panel {
    position: relative
}

@media (min-width:768px) {
    .footer_fixed .nav-sm footer,
    .footer_fixed footer {
        margin-left: 0
    }
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center
}

.jqstooltip {
    background: #34495E!important;
    width: 30px!important;
    height: 22px!important
}

.tooltip {
    display: block!important
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px
}

.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: 700
}

article.media {
    width: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

#integration-list {
    width: 100%;
    margin: 0 auto;
    display: table
}

#integration-list ul {
    padding: 0;
    margin: 20px 0;
    color: #555
}

#integration-list ul>li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px;
    overflow: hidden
}

#integration-list ul:last-child {
    border-bottom: 1px solid #ddd
}

#integration-list ul>li:hover {
    background: #efefef
}

.expand {
    display: block;
    color: #555;
    cursor: pointer
}

.expand h2 {
    width: 85%;
    float: left
}

h2 {
    font-size: 18px;
    font-weight: 400
}

#left,
#right {
    display: table
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%
}

.detail a {
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 13px;
    margin-right: 7px
}

.detail {
    margin: 10px 0;
    display: none;
    line-height: 22px;
    height: 150px
}

.detail span {
    margin: 0
}

.right-arrow {
    width: 10px;
    float: right;
    font-weight: 700;
    font-size: 20px
}

.accordion .panel {
    margin-bottom: 5px;
    border-radius: 0;
    border-bottom: 1px solid #efefef
}


.accordion .panel-heading {
    background: #F2F5F7;
    padding: 13px;
    width: 100%;
    display: block
}

.accordion .panel:hover {
    background: #F2F5F7
}

.x_panel {width: 100%; padding: 10px 17px; display: inline-block; background: #fff; border: 1px solid #E6E9ED;    -webkit-column-break-inside: avoid;    -moz-column-break-inside: avoid;    column-break-inside: avoid;    opacity: 1;    transition: all .2s ease;	 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px 0px;
}

.x_title .filter {
    width: 40%;
    float: right
}

.x_content,
table.tile td ul li a,
table.tile_info {
    width: 100%
}

.x_title h2 {float: left; padding-top:5px; display: block;  font-size: 16px;font-weight: 500;color: #717380;
}

.x_title h2 small {
    margin-left: 10px
}

.x_title span {
    color: #BDBDBD
}

.x_content {
    padding: 0 5px 0px;
    float: left;
    clear: both;
    margin-top: 5px
}

.x_content h4 {
    font-size: 16px;
    font-weight: 500
}

legend {
    padding-bottom: 7px
}

.demo-placeholder {
   max-height: 280px
}

.profile_details:nth-child(3n) {
    clear: both
}

.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 0;
    background: #fff
}

.profile_details .profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px
}

.profile_details .profile_view .ratings {
    margin-bottom: 0;
    text-align: left;
    font-size: 16px
}


.profile_details .profile_view .bottom {
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED
}

.profile_details .profile_view .left {
    margin-top: 20px
}

.profile_details .profile_view .left p {
    margin-bottom: 3px
}

.profile_details .profile_view .right {
    margin-top: 0;
    padding: 10px
}

.profile_details .profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px
}

.profile_details .profile_view h2 {
    margin: 5px 0
}

.profile_details .profile_view .brief {
    
    font-weight: 300
}

.profile_details .profile_left {
    background: #fff
}

.pagination.pagination-split li {
    display: inline-block;
    margin-right: 3px
}

.pagination.pagination-split li a {
    border-radius: 4px;
    color: #768399;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

table.tile h3,
table.tile h4,
table.tile span {
    font-weight: 700;
    vertical-align: middle!important
}

table.tile td,
table.tile th {
    text-align: center
}

table.tile th {
    border-bottom: 1px solid #E6ECEE
}

table.tile td {
    padding: 5px 0
}

table.tile td ul {
    text-align: left;
    padding-left: 0
}

table.tile td ul li {
    list-style: none;
    width: 100%
}

table.tile td ul li a big {
    right: 0;
    float: right;
    margin-right: 13px
}

table.tile_info td {
    text-align: left;
    padding: 1px;
    font-size: 14px;
	line-height:29px;
}

table.tile_info td p {
    
    line-height: 28px
}

table.tile_info td i {
    margin-right: 8px;
    font-size: 17px;
    float: left;
    width: 18px;
    line-height: 28px
}

table.tile_info td:first-child {
    width: 83%
}

td span {
    line-height: 28px
}

.error-number {
    font-size: 90px;
    line-height: 90px;
    margin: 20px 0
}

.col-middle {
    margin-top: 5%
}

.mid_center {
    width: 370px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px
}

h3.degrees {
    font-size: 22px;
    font-weight: 400;
    text-align: center
}

.degrees:after {
    content: "o";
    top: -12px;
    font-size: 13px;
    font-weight: 300
}

.daily-weather .day {
    font-size: 14px;
    border-top: 2px solid rgba(115, 135, 156, .36);
    text-align: center;
    border-bottom: 2px solid rgba(115, 135, 156, .36);
    padding: 5px 0
}

.weather-days .col-sm-2 {
    width: 16.66666667%
}

.weather .row {
    margin-bottom: 0
}

.bulk-actions {
    display: none
}

table.countries_list {
    width: 100%
}

table.countries_list td {
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #eee
}

.dataTables_paginate a { padding: 6px 9px!important;  font-size: 12px;font-weight: 500;color: #4f4f4f;}
.paging_full_numbers a.paginate_active {
    background-color: rgba(38, 185, 154, .59)!important;
    border-color: rgba(38, 185, 154, .59)!important
}
.dataTables_paginate span a.paginate_button{width: 24px;height: 24px;  border-radius:50%; border:1px solid rgba(0, 0, 0, 0.08); background-color:white; padding:0px!important; display:inline-block; text-align:center; line-height:22px; margin:0px 5px;}
.dataTables_paginate span a.paginate_button.current{  background-color:#77b823; border-color:#77b823; color:#fff}
.dataTables_paginate a.disabled{ opacity: 0.5;}
a.DTTT_button,
button.DTTT_button,
div.DTTT_button {
    border: 1px solid #E7E7E7!important;
    background: #E7E7E7!important;
    box-shadow: none!important
}

table.jambo_table {
    border: 1px solid rgba(221, 221, 221, .78)
}

table.jambo_table thead {
    background: rgba(52, 73, 94, .94);
    color: #ECF0F1
}

table.jambo_table tbody tr:hover td {
    background: rgba(38, 185, 154, .07);
    border-top: 1px solid rgba(38, 185, 154, .11);
    border-bottom: 1px solid rgba(38, 185, 154, .11)
}

table.jambo_table tbody tr.selected {
    background: rgba(38, 185, 154, .16)
}

table.jambo_table tbody tr.selected td {
    border-top: 1px solid rgba(38, 185, 154, .4);
    border-bottom: 1px solid rgba(38, 185, 154, .4)
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: #fff
}

td.details,
td.group {
    background-color: #d1cfd0
}

.dataTables_length {
    width: 40%;
    float: left
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}

.dataTables_info {
    width: 60%;
    float: left
}

.dataTables_paginate {
    float: right;
    text-align: right
}

.dataTables_empty,
table.display td.center {
    text-align: center
}

table.dataTable td.focus,
table.dataTable th.focus {
    outline: #1ABB9C solid 2px!important;
    outline-offset: -1px
}

.paging_full_numbers a:active,
table.display thead td:active,
table.display thead th:active {
    outline: 0
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%
}

table.display thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid #000;
    font-weight: 700;
    cursor: pointer
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid #000;
    font-weight: 700
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa
}

table.display td {
    padding: 3px 10px
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.top .dataTables_info {
    float: none
}

.clear {
    clear: both
}

tfoot input {
    margin: .5em 0;
    width: 100%;
    color: #444
}

tfoot input.search_init {
    color: #999
}

td.group {
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E
}

td.details {
    border: 2px solid #A19B9E
}

.example_alt_pagination div.dataTables_info {
    width: 40%
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px
}

.paging_full_numbers a.paginate_active,
.paging_full_numbers a.paginate_button {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none!important
}

.login_content .btn-default:hover,
.login_content a,
.tagsinput span.tag a,
.tile-stats>.dash-box-footer,
.tile:hover,
.view a.info,
span.tag {
    text-decoration: none
}

table.display tr.even.row_selected td {
    background-color: #B0BED9
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF
}

ul.msg_list li {
    background: #f7f7f7;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 6px 0;
    width: 96%!important
}

ul.msg_list li:last-child {
    margin-bottom: 6px;
    padding: 10px
}

ul.msg_list li a {
    padding: 3px 5px!important
}

ul.msg_list li a .image img {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    margin-right: 10px;
    width: 11%
}

ul.msg_list li a .time {
    font-size: 11px;
    font-style: italic;
    font-weight: 700;
    position: absolute;
    right: 35px
}

ul.msg_list li a .message {
    display: block!important;
    font-size: 11px
}

.dropdown-menu.msg_list span {
    white-space: normal
}

.tile_count .tile_stats_count,
ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-menu {
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left:0;
    list-style: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 9998;
    border: 1px solid #D9DEE4;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}



.dropdown-menu>li>a {
    color: #5A738E
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
    right: 0;
    left: auto;
    width: 220px
}

.navbar-nav .open .dropdown-menu.msg_list {
    width: 300px
}

.info-number >  .badge {
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute;
    right:8px;
    top:-12px;
    display: inline-block;
    min-width: 12px;
    
    border-radius: 10px;
}

ul.to_do {
    padding: 0
}

ul.to_do li {
    background: #f3f3f3;
    border-radius: 3px;
    position: relative;
    padding: 7px;
    margin-bottom: 5px;
    list-style: none
}

ul.to_do p {
    margin: 0
}

.dashboard-widget {
    background: #f6f6f6;
    border-top: 5px solid #79C3DF;
    border-radius: 3px;
    padding: 5px 10px 10px
}

.dashboard-widget .dashboard-widget-title {
    font-weight: 400;
    border-bottom: 1px solid #c1cdcd;
    margin: 0 0 10px;
    padding-bottom: 5px;
    padding-left: 40px;
    line-height: 30px
}

.dashboard-widget .dashboard-widget-title i {
    font-size: 100%;
    margin-left: -35px;
    margin-right: 10px;
    color: #33a1c9;
    padding: 3px 6px;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    background: #fff
}

ul.quick-list {
    width: 45%;
    padding-left: 0;
    display: inline-block
}

ul.quick-list li {
    padding-left: 10px;
    list-style: none;
    
    padding-bottom: 6px;
    padding-top: 4px
}

ul.quick-list li i {
    padding-right: 10px;
    color: #757679
}

.dashboard-widget-content {
    padding-top: 9px
}

.dashboard-widget-content .sidebar-widget {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    text-align: center;
    float: right;
    padding: 2px;
    margin-top: 10px
}

.widget_summary {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.widget_summary .w_left {
    float: left;
    text-align: left
}

.widget_summary .w_center {
    float: left
}

.widget_summary .w_right {
    float: left;
    text-align: right
}

.widget_summary .w_right span {
    font-size: 20px
}

.w_20 {
    width: 20%
}

.w_25 {
    width: 25%
}

.w_55 {
    width: 55%
}

h5.graph_title {
    text-align: left;
    margin-left: 10px
}

h5.graph_title i {
    margin-right: 10px;
    font-size: 17px
}

span.right {
    float: right;
    font-size: 14px!important
}

.tile_info a {
    text-overflow: ellipsis
}

.sidebar-footer {
    bottom: 0;
    clear: both;
    display: block;
    padding: 5px 0 0;
    position: fixed;
    width: 230px;
    background: #2A3F54;
    z-index: 999
}

.sidebar-footer a {
    padding: 7px 0 3px;
    text-align: center;
    width: 25%;
    font-size: 17px;
    display: block;
    float: left;
    background: #172D44;
    cursor: pointer
}

.sidebar-footer a:hover {
    background: #425567
}

.tile_count { margin-bottom: 20px;padding:23px 26px; display:block;  border-radius: 4px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);}
.tile_count .tile_stats_count {padding: 0 10px 0 20px; position: relative}
.tile_count .tile_stats_count .count_top{  font-size: 13px;color: #717380;}
.tile_count .tile_stats_count .count_top .fa{font-size:16px;color: rgba(0, 0, 0, 0.40); padding-right:5px;}
.tile_count .tile_stats_count:before { content: "";position: absolute;right:10%; height:100%; border-left: 2px solid rgba(0, 0, 0, 0.08);top:0px}
.tile_count .tile_stats_count:last-child:before { border-left:0px }
.tile_count .count_bottom{  font-size: 11px;color: #717380; font-weight: 500;}


.tile_count .tile_stats_count .count {  font-size: 36px; font-weight: 500;color: #71737d; line-height:35px;}
.tile_count .tile_stats_count .count_bottom i { width: 12px;}
.tile_count .tile_stats_count .count_bottom i.fa {font-size:14px; font-weight:400;}
.tile_count .tile_stats_count .count_bottom i.red .fa{ vertical-align:top;}
.dashboard_graph {background: #fff;padding: 7px 10px}

.dashboard_graph .col-md-3,
.dashboard_graph .col-md-9 {
    padding: 0
}

a.user-profile {
    color: #5E6974!important
}

.user-profile img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px
}

ul.top_profiles {
    height: 330px;
    width: 100%
}

ul.top_profiles li {
    
    padding: 3px 5px
}

ul.top_profiles li:nth-child(odd) {
    background-color: #eee
}

.media .profile_thumb {
    border: 1px solid;
    width: 50px;
    height: 50px;
    margin: 5px 10px 5px 0;
    border-radius: 50%;
    padding: 9px 12px
}

.media .profile_thumb i {
    font-size: 30px
}

.media .date {
    background: #ccc;
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px
}

.media .date .day,
.media .date .month {
    
    text-align: center;
    color: #fff
}

.media .date .day {
    font-size: 27px;
    line-height: 27px;
    font-weight: 700
}

.event .media-body a.title {
    font-weight: 700
}

.event .media-body p {
    margin-bottom: 0
}

h4.graph_title {
    margin: 7px;
    text-align: center
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none
}

.fontawesome-icon-list .fa-hover a {
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.main_menu .fa {
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background: #FFF;
    transition: all .3s ease-in-out
}

.tile-stats:hover .icon i {
    animation-name: transformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    color: rgba(58, 58, 58, .41);
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: transformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: transformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards
}

.tile-stats .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 22px;
    z-index: 1
}

.tile-stats .icon i {
    
    font-size: 60px;
    line-height: 0;
    vertical-align: bottom;
    padding: 0
}

.tile-stats .count {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.65857
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
    position: relative;
    margin: 0 0 0 10px;
    z-index: 5;
    padding: 0
}

.tile-stats h3 {
    color: #BAB8B8
}

.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: #fff;
    color: rgba(255, 255, 255, .8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, .1)
}

.tile-stats>.dash-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

table.tile_info {
    padding: 10px 15px
}
table.tile_info tr td{ padding:5px 15px;}
table.tile_info tr td strong{ float:right}
table.tile_info span.right {
    margin-right: 0;
    float: right;
    position: absolute;
    right: 4%
}

.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7
}

.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, .3);
    text-align: left
}

a.star {
    color: #428bca!important
}

.mail_content {
    background: #FFF;
    border-radius: 4px;
    margin-top: 20px;
    min-height: 500px;
    padding: 10px 11px;
    width: 100%
}

.list-btn-mail {
    margin-bottom: 15px
}

.list-btn-mail.active {
    border-bottom: 1px solid #39B3D7;
    padding: 0 0 14px
}

.list-btn-mail>i {
    float: left;
    font-size: 18px;
    font-style: normal;
    width: 33px
}

.list-btn-mail>.cn {
    background: #39B3D7;
    border-radius: 12px;
    color: #FFF;
    float: right;
    font-style: normal;
    padding: 0 5px
}

.byline,
.view p {
    font-style: italic
}

.button-mail {
    margin: 0 0 15px!important;
    text-align: left;
    width: 100%
}

.btn,
.buttons,
.modal-footer .btn+.btn,
button {
    margin-bottom: 5px;
    margin-right: 5px
}

.btn-group .btn,
.btn-group-vertical .btn {
    margin-bottom: 0;
    margin-right: 0
}

.mail_list_column,
.mail_view {
    border-left: 1px solid #DBDBDB
}

.mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2px;
    display: inline-block
}

.mail_list .left {
    width: 5%;
    float: left;
    margin-right: 3%
}

.mail_list .right {
    width: 90%;
    float: left
}

.mail_list h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 6px
}

.mail_list h3 small {
    float: right;
    color: #ADABAB;
    font-size: 11px;
    line-height: 20px
}

.mail_list .badge {
    padding: 3px 6px;
    font-size: 8px;
    background: #BAB7B7
}



.mail_heading h4 {
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px
}

.attachment {
    margin-top: 30px
}

.attachment ul {
    width: 100%;
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 30px
}

.attachment ul li {
    float: left;
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px
}

.attachment ul li img {
    height: 150px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px
}

.attachment ul li span {
    float: right
}

.attachment .file-name {
    float: left
}

.attachment .links {
    width: 100%;
    display: inline-block
}

.compose {
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    border: 1px solid #D9DEE4;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 5px;
    z-index: 9999;
    display: none
}

.compose .compose-header {
    padding: 5px;
    background: #169F85;
    color: #fff;
    border-top-left-radius: 5px
}

.compose .compose-header .close {
    text-shadow: 0 1px 0 #fff;
    line-height: .8
}

.compose .compose-body .editor.btn-toolbar {
    margin: 0
}

.compose .compose-body .editor-wrapper {
    height: 100%;
    min-height: 50px;
    max-height: 180px;
    border-radius: 0;
    border-left: none;
    border-right: none;
    overflow: auto
}

.compose .compose-footer {
    padding: 10px
}

.editor.btn-toolbar {
    zoom: 1;
    background: #F7F7F7;
    margin: 5px 2px;
    padding: 3px 0;
    border: 1px solid #EFEFEF
}

.input-group {
    margin-bottom: 10px
}

.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}

span.section {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.form-control {
    border-radius: 0;
    width: 100%
}

.form-horizontal .control-label {
    padding-top: 8px
}

.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none!important
}

legend {
    font-size: 18px;
    color: inherit
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.form-control-feedback {
    margin-top: 8px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 15px
}

.form-control-feedback.left {
    border-right: 1px solid #ccc;
    left: 13px
}

.form-control-feedback.right {
    border-left: 1px solid #ccc;
    right: 13px
}

.form-control.has-feedback-left {
    padding-left: 45px
}

.form-control.has-feedback-right {
    padding-right: 45px
}

.form-group {
    margin-bottom: 10px
}

.validate {
    margin-top: 10px
}

.invalid-form-error-message {
    margin-top: 10px;
    padding: 5px
}

.invalid-form-error-message.filled {
    border-left: 2px solid #E74C3C
}

p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6
}

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7
}

ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445
}

.btn-group .parsley-errors-list {
    display: none
}

.bad input,
.bad select,
.bad textarea {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: .7s 1 shake linear
}

.item input,
.item textarea {
    transition: .42s
}

.item .alert {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 3px 4px 4px 3px;
    background-color: #CE5454;
    max-width: 170px;
    white-space: pre;
    position: relative;
    left: -15px;
    opacity: 0;
    z-index: 1;
    transition: .15s ease-out
}

.item .alert::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #CE5454 transparent transparent;
    border-style: solid;
    border-width: 11px 7px;
    position: absolute;
    left: -13px;
    top: 1px
}

.item.bad .alert {
    left: 0;
    opacity: 1
}

.inl-bl {
    display: inline-block
}

.well .markup {
    background: #fff;
    color: #777;
    position: relative;
    padding: 45px 15px 15px;
    margin: 15px 0 0;
    border-radius: 0 0 4px 4px;
    box-shadow: none
}

.well .markup::after {
    content: "Example";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px
}

.autocomplete-suggestions {
    border: 1px solid #e4e4e4;
    background: #F4F4F4;
    cursor: default;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    color: #39f;
    font-weight: bolder
}

.btn {
    border-radius: 3px
}

a.btn-danger,
a.btn-primary,
a.btn-success,
a.btn-warning {
    color: #fff
}

.btn-success {
    background: #26B99A;
    border: 1px solid #169F85
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background: #169F85
}

.btn-dark {
    color: #E9EDEF;
    background-color: #4B5F71;
    border-color: #364B5F
}

.btn-dark.active,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.open .dropdown-toggle.btn-dark {
    color: #FFF;
    background-color: #394D5F;
    border-color: #394D5F
}

.btn-round {
    border-radius: 30px
}

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px
}

.btn.btn-app>.fa,
.btn.btn-app>.glyphicon,
.btn.btn-app>.ion {
    font-size: 20px;
    display: block
}

.btn.btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa
}

.btn.btn-app:active,
.btn.btn-app:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400
}

textarea {
    padding: 10px;
    vertical-align: top;
    width: 200px
}

textarea:focus {
    outline-style: solid;
    outline-width: 2px
}

.btn_ {
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ABB9C
}


.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 6px 6px 0;
    width: 300px;
    overflow-y: auto
}

span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px 9px;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica
}

span.tag a {
    color: #F1F6F7!important
}

.tagsinput span.tag a {
    font-weight: 700;
    color: #82ad2b;
    font-size: 11px
}

.tagsinput input {
    width: 80px;
    
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 3px;
    background: 0 0;
    color: #000;
    outline: 0
}

.tagsinput div {
    display: block;
    float: left
}

.social-body,
.social-sidebar,
ul.bar_tabs.right li {
    float: right
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0
}

.not_valid {
    background: #FBD8DB!important;
    color: #90111A!important
}

ul.bar_tabs {
    overflow: visible;
    background: #F5F7FA;
    height: 25px;
    margin: 21px 0 14px;
    padding-left: 14px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #E6E9ED
}

ul.bar_tabs>li {
    border: 1px solid #E6E9ED;
    color: #333!important;
    margin-top: -17px;
    margin-left: 8px;
    background: #fff;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

ul.bar_tabs>li.active {
    border-right: 6px solid #D3D6DA;
    border-top: 0;
    margin-top: -15px
}

ul.bar_tabs>li a {
    padding: 10px 17px;
    background: #F5F7FA;
    
    border-top-right-radius: 0
}

ul.bar_tabs>li a:hover {
    border: 1px solid transparent
}

ul.bar_tabs>li.active a {
    border-bottom: none
}

ul.bar_tabs.right {
    padding-right: 14px
}

a:focus {
    outline: 0
}

ul.timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both
}

.timeline .block {
    margin: 0 0 0 105px;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px
}

.timeline.widget {
    min-width: 0;
    max-width: inherit
}

.timeline.widget .block {
    margin-left: 5px
}

.timeline .tags {
    position: absolute;
    top: 15px;
    left: 0;
    width: 84px
}

.timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px
}

.timeline .tag span {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tag {
    line-height: 1;
    background: #1ABB9C;
    color: #fff!important
}

.tag:after {
    content: " ";
    height: 30px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    
    pointer-events: none;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 11px solid #1ABB9C
}

.timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0
}

.timeline h2.title:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d2d3d2;
    border-radius: 14px;
    background: #f9f9f9
}

.timeline .byline {
    padding: .25em 0
}

.byline {
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa
}

ul.social li {
    border: 0
}

.social-sidebar {
    background: #EDEDED;
    width: 22%
}

.social-body {
    border: 1px solid #ccc;
    width: 78%
}

.thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.chat .thumb img {
    width: 27px;
    height: 27px;
    border-radius: 50%
}

.chat .status {
    float: left;
    margin: 16px 0 0 -16px;
    font-size: 14px;
    font-weight: 700;
    width: 12px;
    height: 12px;
    display: block;
    border: 2px solid #FFF;
    z-index: 12312;
    border-radius: 50%
}

.chart,
.percent {
    display: inline-block
}

.chat .status.online {
    background: #1ABB9C
}

.chat .status.away {
    background: #F39C12
}

.chat .status.offline {
    background: #ccc
}

.chat .media-body {
    padding-top: 5px
}

.dashboard_graph .x_title {
    padding: 5px 5px 7px
}

.dashboard_graph .x_title h3 {
    
    font-weight: 400
}

.chart {
    position: relative;
    width: 110px;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.percent {
    line-height: 110px;
    z-index: 2;
    font-size: 18px
}

.percent:after {
    content: '%';
    margin-left: .1em;
    font-size: .8em
}

.angular {
    margin-top: 100px
}

.angular .chart {
    margin-top: 0
}

.widget {
    min-width: 250px;
    max-width: 310px
}

.widget_tally_box .btn-group button {
    text-align: center;
    color: inherit;
    font-weight: 500;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7
}

ul.widget_tally,
ul.widget_tally li {
    width: 100%
}

ul.widget_tally li {
    padding: 2px 10px 4px;
    border-bottom: 1px solid #ECECEC
}

ul.widget_tally .month {
    width: 70%;
    float: left
}

ul.widget_tally .count {
    width: 30%;
    float: left;
    text-align: right
}

.pie_bg {
    border-bottom: 1px solid rgba(101, 204, 182, .16);
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding-bottom: 10px;
    box-shadow: 0 4px 6px -6px #222
}

.widget_tally_box .flex {
    display: -ms-flexbox;
    display: flex
}

ul.widget_profile_box {
    width: 100%;
    height: 42px;
    padding: 3px;
    background: #ececec;
    margin-top: 40px;
    margin-left: 1px
}

ul.widget_profile_box li:first-child {
    width: 25%;
    float: left
}

ul.widget_profile_box li:first-child a {
    float: left
}

ul.widget_profile_box li:last-child {
    width: 25%;
    float: right
}

ul.widget_profile_box li:last-child a {
    float: right
}

ul.widget_profile_box li a {
    font-size: 22px;
    text-align: center;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(52, 73, 94, .44);
    display: block;
    border-radius: 50%;
    padding: 0
}

ul.widget_profile_box li a:hover {
    color: #1ABB9C!important;
    border: 1px solid #26b99a
}

ul.widget_profile_box li .profile_img {
    width: 85px;
    height: 85px;
    margin: -28px 0 0
}

.widget_tally_box p,
.widget_tally_box span {
    text-align: center
}

.widget_tally_box .name {
    text-align: center;
    margin: 25px
}

.widget_tally_box .name_title {
    text-align: center;
    margin: 5px
}

.widget_tally_box ul.legend {
    margin: 0
}

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
    text-align: left
}

.widget_tally_box ul.legend li .icon {
    font-size: 20px;
    float: left;
    width: 14px
}

.widget_tally_box ul.legend li .name {
    font-size: 14px;
    margin: 5px 0 0 14px;
    text-overflow: ellipsis;
    float: left
}

.widget_tally_box ul.legend p {
    display: inline-block;
    margin: 0
}

.widget_tally_box ul.verticle_bars li {
    height: 140px;
    width: 23%
}

.widget .verticle_bars li .progress.vertical.progress_wide {
    width: 65%
}

ul.count2 {
    width: 100%;
    margin-left: 1px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 10px 0
}

ul.count2 li {
    width: 30%;
    text-align: center
}

ul.count2 li h3 {
    font-weight: 400;
    margin: 0
}

ul.count2 li span {
    font-weight: 300
}

.divider {
    border-bottom: 1px solid #ddd;
    margin: 10px
}

.divider-dashed {
    border-top: 1px dashed #e7eaec;
    background-color: #fff;
    height: 1px;
    margin: 10px 0
}

ul.messages {
    padding: 0;
    list-style: none
}

.tasks li,
ul.messages li {
    border-bottom: 1px dotted #e6e6e6;
    padding: 8px 0
}

img.avatar,
ul.messages li img.avatar {
    height: 32px;
    width: 32px;
    float: left;
    display: inline-block;
    border-radius: 2px;
    padding: 2px;
    background: #f7f7f7;
    border: 1px solid #e6e6e6
}

ul.messages li .message_date {
    float: right;
    text-align: right
}

ul.messages li .message_wrapper {
    margin-left: 50px;
    margin-right: 40px
}

ul.messages li .message_wrapper h4.heading {
    font-weight: 600;
    margin: 0 0 10px;
    cursor: pointer;
    line-height: 100%
}

ul.messages li .message_wrapper blockquote {
    padding: 0 10px;
    
    border-left: 5px solid #eee
}

ul.user_data li {
    margin-bottom: 6px
}

ul.user_data li p {
    margin-bottom: 0
}

ul.user_data li .progress {
    width: 90%
}

.project_progress .progress {
    margin-bottom: 3px!important;
    margin-top: 5px
}

.projects .list-inline {
    margin: 0
}

.profile_title {
    background: #F5F7FA;
    border: 0;
    padding: 7px 0;
    display: -ms-flexbox;
    display: flex
}

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px
}

ul.stats-overview li {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    width: 30%;
    font-size: 14px;
    border-right: 1px solid #e8e8e8
}

ul.stats-overview li:last-child {
    border-right: 0
}

ul.stats-overview li .name {
    font-size: 12px
}

ul.stats-overview li .value {
    font-size: 14px;
    font-weight: 700;
    display: block
}

ul.stats-overview li:first-child {
    padding-left: 0
}

ul.project_files li {
    margin-bottom: 5px
}

ul.project_files li a i {
    width: 20px
}

.project_detail p {
    margin-bottom: 10px
}

.project_detail p.title {
    font-weight: 700;
    margin-bottom: 0
}

.avatar img {
    border-radius: 50%;
    max-width: 45px
}

.pricing {
    background: #fff
}

.pricing .title {
    background: #1ABB9C;
    height: 110px;
    color: #fff;
    padding: 15px 0 0;
    text-align: center
}

.pricing .title h2 {
    text-transform: capitalize;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
    
    font-weight: 400
}

.notifications a,
.tabbed_notifications h2,
.view .tools,
.view a.info {
    text-transform: uppercase
}

.pricing .title h1 {
    font-size: 30px;
    margin: 12px
}

.pricing .title span {
    background: rgba(51, 51, 51, .28);
    padding: 2px 5px
}

.pricing_features {
    background: #FAFAFA;
    padding: 20px 15px;
    min-height: 230px;
    font-size: 13.5px
}

.pricing_features ul li {
    margin-top: 10px
}

.pricing_footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: center;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.pricing_footer p {
    font-size: 13px;
    padding: 10px 0 2px;
    display: block
}

.ui-ribbon-container {
    position: relative
}

.ui-ribbon-container .ui-ribbon-wrapper {
    position: absolute;
    overflow: hidden;
    width: 85px;
    height: 88px;
    top: -3px;
    right: -3px
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
    background-color: #5b90bf
}

.ui-ribbon-container .ui-ribbon {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
    border-top: 2px solid #5b90bf
}

.ui-ribbon-container .ui-ribbon:before {
    left: 0;
    bottom: -1px;
    right: 0
}

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
    position: absolute;
    content: " ";
    line-height: 0;
    border-top: 2px solid #555;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent
}

.thumbnail .image {
    height: 120px;
    overflow: hidden
}

.caption {
    padding: 9px 5px;
    background: #F7F7F7
}

.caption p {
    margin-bottom: 5px
}

.thumbnail {
    height: 190px;
    overflow: hidden
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default
}

.dropdown-menu a,
.voiceBtn {
    cursor: pointer
}

.view .content,
.view .mask {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0
}

.sideways,
.view .tools,
.view img,
.view p {
    position: relative
}

.view img {
    display: block
}

.view .tools {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, .35);
    margin: 43px 0 0
}

.mask.no-caption .tools {
    margin: 90px 0 0
}

.view .tools a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px
}

.view p {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.view a.info {
    display: inline-block;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    box-shadow: 0 0 1px #000
}

.view-first img {
    transition: all .2s linear
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: all .4s ease-in-out
}

.view-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all .2s ease-in-out
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all .2s linear
}

.view-first:hover img {
    transform: scale(1.1)
}

.view-first:hover .mask {
    opacity: 1
}

.view-first:hover .tools,
.view-first:hover p {
    opacity: 1;
    transform: translateY(0)
}

.view-first:hover p {
    transition-delay: .1s
}

.form-group.has-feedback span {
    display: block!important
}

.form-group .btn {
    margin-bottom: -6px
}

.input-group-btn .btn {
    margin-bottom: 0
}

.input-group.date .input-group-addon {
    border-radius: 0px!important;
    background-color: #ffff!important
}




/**/
*{padding:0;margin:0;box-sizing:border-box;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
body{ font-weight:400; font-family: 'Montserrat', sans-serif; font-size:14px; color:#4a4a4a }
.myEffect .bgColor {background: #ffffff;margin-left: 0px;margin-right: 0px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.08); border-radius: 5px;}
.myEffect .green{color:#77b823;}
.myEffect .count{color: #666666;}
.myEffect .profile_pic .profile_img {width: 70%; background: #fff;margin-left: 15%;z-index: 1000;position: inherit;margin-top: 20px; 
border: 1px solid rgba(52,73,94,.44);padding: 4px;}
.myEffect .profile_pic .rounded-circle {border-radius: 50%;}
.nav.navbar-nav>li:first-child > a {border-right: 1px solid rgba(153, 153, 153, 0.63); position:relative; padding-right:20px;}
.myEffect .navbar {padding: 0rem;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.myEffect .open>.dropdown-menu{display:block;}

.myEffect .dropdown-toggle::after {display: none;}
.nav.navbar-nav > li:first-child > a.dropdown-toggle{ padding-right:0px; border:0px;  }

.myEffect .dropdown-toggle .fa-angle-down::before{ margin-left: 10px;}
.nav-sm .nav-item a span { display: none;}
.nav-md .navbar.nav_title .smImg, .nav-sm .navbar.nav_title .lgImg {display: none;}
.nav-md .navbar.nav_title a {padding:15px 34px; display:block}
.nav-md .nav.side-menu>li>a>img {padding-right: 20px;}
.nav-md .nav.child_menu {background-color: rgba(122, 132, 150, 0.1 );padding:15px 15px 15px 38px; position:relative}
.nav-md .nav li li.current-page a, .nav.child_menu li li a.active, .nav.child_menu li li a:hover {color: #4a4a4a;}
.menu_section > ul > li > a{ background-image:url(../svg/dashboard.svg); background-repeat:no-repeat; background-position:32px center;padding: 29px 26px 30px 80px; position:relative; }

.menu_section > ul > li:nth-of-type(2) > a{background-image:url(../svg/services-2.svg);}
.menu_section > ul > li:nth-of-type(3) > a{background-image:url(../svg/visitors.svg);}
.menu_section > ul > li:nth-of-type(4) > a{background-image:url(../svg/track-your-meter.svg);}
.menu_section > ul > li:nth-of-type(5) > a{background-image:url(../svg/eshop.svg);}
.menu_section > ul > li:nth-of-type(6) > a{background-image:url(../svg/smart-forms.svg);}
.menu_section > ul > li:nth-of-type(7) > a{background-image:url(../svg/support.svg);}
.menu_section > ul > li:nth-of-type(8) > a{background-image:url(../svg/service-partners.svg);}
.menu_section > ul > li:nth-of-type(9) > a{background-image:url(../svg/newspaper.svg);}
.menu_section > ul > li:nth-of-type(10) > a{background-image:url(../svg/bell.svg);}
.menu_section > ul > li > a::before { content: "\f078";font-size: 10px;color: #7a8496;font-weight: 400;width: 26px;opacity: .99;display: inline-block;font-family: FontAwesome;font-style: normal; position:absolute; right:-2px;}
.menu_section > ul > li > a.iNav::before{ display:none }

.table-striped thead th{ border:0px;font-size: 12px;font-weight: 500;color: #717380;border-bottom:1px solid rgba(0, 0, 0, 0.08);}
.table-striped  td{font-size: 12px;color: #717380;border-top:0px;border-bottom:1px solid rgba(0, 0, 0, 0.08);}
.table-striped  tr.bodTopbottom td hr{ border:0px;border-top:1px solid rgba(0, 0, 0, 0.08);}
.table-striped  tr:nth-of-type(2n+1){ background-color:transparent!important}
.table-striped.borNon thead th{ border:0px;}
.table-striped.borNon td{border:0px;}


.userLogOut img {margin-right: 10px;}
.nav.side-menu > li.active > a{font-weight:500;}
.nav-sm .menu_section > ul > li > a::before {display:none}
.borRadiShad{  border-radius: 4px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);}
.bg-success{ background-color: #83e0c7!important;}
.bg-warning{background-color: #d1bd21!important;}
.btn-success{background: #77b823;border: 1px solid #77b823;}
.btn-success:hover{ background:#68a716; border:1px solid #68a716;}
.text-success{color: #83e0c7!important;}
.text-warning{color: #d1bd21!important;}
.size-30{ font-size:30px!important;}
.size-24{ font-size:24px!important;}
.size-20{ font-size:20px!important;}
.size-18{ font-size:18px!important;}
.size-16{ font-size:16px!important;}
.size-14{ font-size:14px!important;}
.size-12{ font-size:12px!important;}
.size-11{ font-size:11px!important;}
.size-10{ font-size:10px!important;}
.fw-500{font-weight:500;}
.straRating{color:#fac917; font-size:20px;}
.straBlack{color: rgba(0, 0, 0, 0.15 ); font-size:20px;}

.btn-outline-secondary{border-radius: 2px; border-color: rgba(0, 0, 0, 0.35);  font-size: 14px;font-weight: 500;color: #4f4f4f;}
.proj310{ position:relative;text-align: center;}
.proj310 samp{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-size: 14px;font-weight: 500;color: #717380;  font-family: 'Montserrat', sans-serif;  line-height:25px;}
.proj310 samp strong{  font-size:28px;  line-height:28px; display:block}
.dataTables_length{ padding:0px .75rem;}
.dataTables_filter label{ width:100%; display:block; text-align:left}  
.dataTables_filter input[type="search"]{ width: calc(100% - 100px); float:right;  border-radius: 2px;box-shadow: inset 1px 1px 0 0 #d4d4d4;background-color: #f0f0f0; border:1px solid #d4d4d4; height:38px; padding:5px 15px; margin-top:-5px;}  
.dataTables_length select{ min-width:100px; height:35px; padding:5px; margin-top:-5px;}
.newRequestForm{ display:block}  
.newRequestForm label{font-size: 13px; font-weight: 400;   color: #000000;}
.newRequestForm .smctfrm label{  font-size: 12px;font-weight: 600;color: #666666;}

.newRequestForm .custom-control.custom-radio label{padding-top:2px !important; line-height:20px;}
.newRequestForm .custom-radio label{padding-top:2px !important; line-height:20px;}
.newRequestForm  .custom-control.custom-checkbox label{padding-top:3px !important;}  
.newRequestForm input[type="radio"], .newRequestForm input[type="checkbox"]{ height:10px !important; }
.newRequestForm input,.newRequestForm  optgroup, .newRequestForm select, .newRequestForm textarea{  border-radius: 4px; border:1px solid rgba(0, 0, 0, 0.4);height:43px;  font-size: 13px;color: #6d6d6d; padding:5px 15px; }

.newRequestForm .smctfrm input,.newRequestForm .smctfrm  optgroup, .newRequestForm .smctfrm select, .newRequestForm .smctfrm textarea{  border-radius: 4px; border:1px solid rgba(0, 0, 0, 0.4);background-color:white; height:43px;  font-size: 13px;color: #000000; padding:5px 10px; font-weight:600;}

.form-control.ml-3.mr-3{ width:auto }

.steady li{ list-style:none; position:relative;z-index:1}
.steady li span{width: 22px;height: 22px; display:inline-block;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.08); position:static; z-index:99; background-color:#FFF}
.steady li p{  font-size: 12px;color: #717380; padding-top:10px;}
.steady li::before { content: ""; position:absolute; width:50%; left:0; height:3px; top:10px; background-color:#eeeeee;z-index:-1}
.steady li::after { content: ""; position:absolute; width:50%; right:0; height:3px;  top:10px; background-color:#eeeeee;z-index:-1}
.steady li.select span{ background-color:#77b823; border-color:#77b823; background-image:url(../svg/select.svg); background-repeat:no-repeat; background-position:center}
.steady li.select p{color:#77b823;  font-weight: 500;}
.steady li.select::before, .steady li.select::after {background-color:#77b823}
.steady li.open::before{background-color:#77b823} 
.steady li.open span{border-color:#77b823;}
.steady li.open p{ font-weight: 500;color: #717380;}
.steady li.cancelled  p{color: #e44747; position:relative}
.steady li.cancelled span{border-color:#e44747; background-color:#e44747; background-image:url(../svg/cancelled.svg); background-repeat:no-repeat; background-position:center}
.steady li.cancelled  p::before { content: "( Cancelled )"; position:absolute;color: #e44747;  font-size: 11px;color: #e44747; bottom:-20px; height:20px; width:100%; text-align:center; left:0; right:0; font-weight:400}
select.form-control.select {background-image: url(../svg/arrowdown.svg); appearance: none; -moz-appearance: none; -webkit-appearance: none; background-position: calc(100% - 15px) center;  background-repeat: no-repeat;outline: none; font-weight: 500;font-family: 'Montserrat', sans-serif;}
select.form-control {-webkit-appearance: none;}
.dataTables_length select {-webkit-appearance: none; background-image: url(../svg/arrowdown.svg); appearance: none; -moz-appearance: none; -webkit-appearance: none; background-position: calc(100% - 5px) center;  background-repeat: no-repeat;outline: none; font-weight: 500;font-family: 'Montserrat', sans-serif; background-size:10%; border:1px solid rgba(0, 0, 0, 0.1);}
select.form-control.select2_multiple option{font-size:12px; line-height:26px; color:#6d6d6d; padding:4px 0px;}
.lightGreen{ color:#49c4b1;}
#canvasDoughnut{ max-width:230px;}
.table-responsive-md.collRquest.collRquest1.pb-4.col-12{padding-left:0px; padding-right:0px;}
.form-control:disabled, .form-control[readonly]{background-color: #eeeeee; border:1px solid rgba(0, 0, 0, 0.1);}
.btn-secondary {background-color: #6d6d6d !important; border-color: #6d6d6d !important;}
.btn-outline-secondary.adbutton{white-space:nowrap;}
.custom-control-input:checked ~ .custom-control-label::before {color:#4a4a4a; border-color: #4a4a4a;background-color:#4a4a4a;}
.newRequestForm label img{width:25%; margin-top:-8px;}
.br-2{border-bottom: 2px solid #E6E9ED;}
.hist_bx a p{color:#4a4a4a; padding-top:7px;}

/*prodSale*/
.prodSale .boxNav span {    width: 100%;    display: block;    max-width: 80px;    overflow: hidden;}
.prodSale .boxNav span img {    width: 100%;    height: auto;    vertical-align: top;}
.prodSale .boxNav h2 {    color: #333333;    font-weight: 500;    font-size: 16px;}
.prodSale .boxNav p {    color: #333;    line-height: 16px;    font-size: 13px;  }
.prodSale .card-body a span.img {    width:35px;    height: auto;    overflow: hidden;    float: left;    margin-right: 10px;    max-height: 35px;}
.prodSale .card-body a span.img img {    width: 100%;    height: auto; }
.prodSale .card-body a span {display: inline-block;    line-height: 30px;}
.prodSale .card-body a {padding: 10px 0px;color: #4c4c4c;font-weight: 400;font-size: 14px;display: block;vertical-align: middle;height: 50px;}
.prodSale .card-body .col-6 a{border-bottom: 1px solid #ccc;}
.prodSale #collapseOne .card-body .col-6 a{border-bottom:0px solid #ccc;}
.prodSale .card-body .col-6 a { border-bottom: 0px solid #ccc;}
.cartBut a { padding-left:35px; background-image:url(../svg/cart.svg); background-repeat: no-repeat; background-position:10px 8px;max-width: 150px;}
.addcart{padding-left:35px; background-image:url(../svg/cart2.svg); background-repeat: no-repeat; background-position:8px 6px; font-size:10px; text-transform:uppercase; padding-top:8px; font-weight:600; }
.addcart:hover  { background-image: url(../svg/cart2.svg)} 
.cartBut a:hover  { background-image: url(../svg/cart2.svg)}    
.shopRow{ border:1px solid #6d6d6d ; float:left}
.shopRow.shopRow2{ display:inline-block; float:none}
.shopRow .incBut{width:35px; height:29px; border:0px; text-align:center;font-size:16px; color:#2b2b2b; border-right:1px solid #6d6d6d; border-left:1px solid #6d6d6d; font-weight:600;  vertical-align:top; float:left; background:#FFF}
.shopRow .button {cursor: pointer; font-size:0px;  float:left;text-align:center;  background:url(../svg/rembut.svg) no-repeat center; width:35px   }
.shopRow .button.dec { background-color:#6d6d6d ;  float:right;color:#fff; vertical-align:top; background:url(../svg/addbut.svg)#6d6d6d  no-repeat center}
/*products*/
 .but2 a{ font-size:18px; color:#fff; padding:10px 20px; border-radius: 6px;font-weight:500; font-family:'gotham', Arial, Helvetica, sans-serif; line-height:30px;  display:inline-block; background-color:#a1c649 }
.table td.prodBg{ vertical-align:middle;white-space: nowrap;}
.carttable table tr td.prodBg p, .carttable table tr td.prodBg p a {    display: inline-block;    vertical-align: top;    font-size: 12px;    line-height: 16px;    font-weight: 400;color: #7f7f7f;}.carttable table tr td.totPri {    text-align: right;}
.sbtable.carttable table tr th, .sbtable.carttable table tr td {    border-bottom: 1px solid #e5e5e5;    padding: 12px 20px;    vertical-align: top;}
.carttable table tr td.totPri h3 {color: #2b2b2b;font-size: 34px;padding-top: 10px;}
.carttable table tr.valuTtlInline td.totPri h6 {    display: inline-block;    font-size: 90%;    width: 50%;    margin: 0px 10px;}
.carttable table tr.valuTtlInline td.totPri h4 {    display: inline-block;}
.carttable table tr td.totPri h4 {color: #2b2b2b;font-size: 16px;padding-bottom: 20px;font-weight: 500;}
.btn-success { background:#9ac23b ; border: 1px solid #9ac23b ;}
.rm_prd { max-width: 15px;}
.prodAd{white-space: normal;}
.max-w15{ max-width:120px;}
.max-w200{ max-width:250px;}
.newRequestForm input.custom-file-input.imgload{height:0px !important;}
.prodSale .card-body a.addchildInform{ height:inherit; padding:10px 30px; color:#ffffff; border-radius:4px; text-transform:uppercase; font-weight:600; }
.addLi{ position:relative}
.addLi{counter-increment: step-counter; position:relative;margin-left:0px!important;}
.addLi > .row{position:relative;margin-left:0px!important;}
.addLi::before { content: counter(step-counter);color: #717380;font-weight: bold; position: absolute; left:-2px; top:1px;}
.subAd{color:#ffffff !important; text-transform:uppercase; background-color:#007bff !important;border: 1px solid #007bff !important; font-size:16px !important; font-weight:500;}
.subAd2{color:#ffffff !important; text-transform:uppercase; font-size:16px !important; font-weight:500;}
.custom-control-label::before{left:2px;}
.custom-control-label::after{left:2px;}
.newRequestForm label.custom-file-label.form-control.mt-22{margin-top:28px; border-radius:4px; height:45px; padding-top:13px;}
.custom-file-label::after{height:43px;  padding-top:14px;}
.card-header{padding-bottom:8px; padding-top:15px;}

.newRequestForm input.btn.btn-secondary {font-size: 1rem;color: #fff;}


a{color:#000;}
.cartLink a img{width:4%;}
.uperLayer{position:relative; width:100%;}
.uperLayer:before{background-color: rgba(0, 0, 0, 0.5); top:0px; left:0px; right:0px; position:absolute; z-index:9999; content:''; bottom:0;}
.uperLayer .content{top:40%; left:0px; right:0px; position:absolute; z-index:99999; content:''; color:#fff; text-align:center; font-size: 24px;
color: #ffc000;padding-bottom: 20px;text-transform: inherit;font-weight: 500; }
.uperLayer .content a{background:#000; border-radius:5px; color:#ffffff; font-size:14px; display:inline-block; padding:8px 20px;}
.shippingAddres{font-size:14px; font-weight:500; line-height:24px  }
.disabled{pointer-events: none;opacity: .4;}

.table-striped.clientHistory thead th{white-space: nowrap; color:#000000; font-size:13px; }
.table-striped.clientHistory thead th strong{ font-weight:500; }
.table-striped.clientHistory thead{ background-color:rgba(189, 195, 199, 0.50);}
.table-striped.clientHistory tbody tr:nth-child(even) {background-color:#EBEDEE}
.table-striped.clientHistory tr td{white-space: nowrap; color:#333333; font-size: 12px;}

.InProgress{border:1px solid #17a2b8  !important;  color: #17a2b8  !important; padding: 5px;padding:3px 8px; font-weight: 500;font-size: 13px;}
.Pending{border:1px solid #ffc107  !important;  color: #ffc107  !important;padding: 5px;padding:3px 8px; font-weight: 500;font-size: 13px;}
.Completed{border:1px solid #28a745  !important;  color: #28a745  !important;padding:3px 8px; font-weight: 500;font-size: 13px;}
.Canceled{border:1px solid #dc3545  !important;  color: #dc3545  !important;padding:3px 8px; font-weight: 500;font-size: 13px;}
.Confirmed{border:1px solid #28a745  !important;  color: #28a745  !important;padding:3px 8px; font-weight: 500;font-size: 13px;}

.re_web {background-color: #666666;color: #fff;    display: inline-block;    font-weight: 500;    padding: 3px 7px;}
.re_web:hover {background-color: #666666; color: #fff; opacity:0.8 }
.ac_web {background-color: #007bff;    color: #fff;    display: inline-block;    font-weight: 500;    padding: 3px 7px;}
.ac_web:hover {background-color: #77b823; color: #fff; opacity:0.8 }


           /*code for paging*/
.pagination{float:right;font-weight:bold;margin: 1em 0;padding-right:5px;}
.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}
.pagination li{
float:left;
list-style-type: none;
padding-bottom: 1px;
}
*:first-child+html .pagination li{ /*IE7 only CSS hack*/
margin-right: 4px;
 /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}
.pagination a{
padding: 5px 9px;
line-height:14px;
border: solid 1px #333333;
text-decoration: none; 
color:#ffffff;
display: block;
margin-right: 4px;
background-color: #333333; font-weight:400;
}
.pagination a.disabled{pointer-events: none;opacity: .65;color: #a5a3a4;background-color: #f0efec; border: solid 1px #f0efec}
.pagination a:hover{
padding: 5px 9px;
border: 1px solid rgba(0, 0, 0, 0.6);
color: #ffffff!important;
background-color:rgba(0, 0, 0, 0.6);
}
.pagination .currentpage{ /*Style for currently selected page link*/
background-color:#588010;
margin-right:4px;
line-height:14px;
padding:5px 9px;
border: solid 1px #588010;
text-decoration: none; 
color: #fff;
display: block;
}
/*code for paging*/
.newRequestForm input.payNowSubit{ color:#fff;}
.ic_web{ background-color:#b6c26e; color:#000; font-size:11px; padding:3px 5px; line-height:none; text-align:center}
.ic_mob{ background-color:#68c29d; color:#000; font-size:11px; padding:3px 5px; line-height:none; text-align:center}

.loginPg{background: #ededed; background: -moz-linear-gradient(left, #ededed 0%, #ededed 50%, #ededed 40.8%, #ededed 40.8%, #ededed 40.8%, #ededed 40.8%, #ffffff 40.8%, #ffffff 100%);background: -webkit-linear-gradient(left, #ededed 0%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ffffff 40.8%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ededed 0%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ededed 40.8%,#ffffff 40.8%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 ); }
.loginPg .main_container{padding-left:92px; padding-right:92px;max-width:1400px;}
.loginPg .headTop{padding-bottom:62px;}
.loginPg .h1, .loginPg h1{font-size: 26px;font-weight:300;letter-spacing: -0.2px;color: #444e5d;padding-bottom:30px;}
.loginPg .h1  strong, .loginPg h1 strong{font-weight:600;}
.loginPg .resiCom a {border-radius: 4px; background-color:#ffffff; padding:20px;}
.loginPg .resiCom .col-6{ max-width:205px; text-align:center; padding-bottom:40px;}
.loginPg .resiCom .col-6 span{font-size: 18px;color: #575757; padding-top:11px;}
.loginPg .resiComText p{ font-size: 12px;letter-spacing: -0.1px; color: #444e5d; padding-bottom:30px; margin-bottom:0px;}
.loginPg .resiComText p strong{font-size: 14px; font-weight: 500; letter-spacing:-0.1px; color: #444e5d; padding-bottom:5px}
.loginPg .resiComText a{color: #444e5d; text-decoration:underline}
.loginPg .login { max-width:350px;}
.loginPg .login .form-control{ border-radius: 4px; border-color:#444e5d;font-size: 12px;letter-spacing: -0.1px;color: #444e5d; height:50px;}
.loginPg .login .form-control.sbmt_btn{ background-color:#007bff; border-color:#007bff;  font-size: 20px; font-weight: 500; letter-spacing: -0.1px;text-align: center; text-transform:uppercase; color:#FFFFFF; margin-top:15px;}
.loginPg .login p{  font-size: 14px;line-height: 1.64;letter-spacing: -0.1px; color: #444e5d; padding-bottom:30px;}
.loginPg .order-md-2 .forget_pop{  font-size: 12px; color: #444e5d; text-decoration:underline}

.regisPg .headTop, .regisPg .regisMain{padding-left:92px; padding-right:92px;max-width:1400px;}
.regisPg .h1, .regisPg h1{font-size:22px;font-weight:300;letter-spacing: -0.2px;color: #444e5d;padding-bottom:30px;}
.regisPg .h1  strong, .regisPg h1 strong{font-weight:500;}
.regisPg label.focused{  font-size: 12px; line-height: 1.42;letter-spacing: -0.1px;  color: #444e5d}
.regisPg .form-control{ border-radius: 4px; border-color:#444e5d;font-size: 12px;letter-spacing: -0.1px;color: #444e5d; height:50px;}
.regisPg .form-control.btnsub{ background-color:#9bc64b; border-color:#9bc64b;  font-size: 20px; font-weight: 500; letter-spacing: -0.1px;text-align: center; text-transform:uppercase; color:#FFFFFF; }
.regisPg .submit.metrsrch{width: 30%;text-align: center;background-color: #202020;padding: 13px 0px;text-decoration: none;display: block;color: #fff;font-size: 14px;font-weight: 500; margin-left:-2px;text-transform: uppercase;}
.regisPg #chkmtr_err{font-size: 12px; line-height: 1.42; letter-spacing: -0.1px; color: #444e5d; padding-top:10px}
.regisPg .meter_pop{color: #313131; font-style:italic; font-weight:500}
.regisPg .meter_bx h4{  font-size: 22px;letter-spacing: -0.1px; color: #444e5d;}
.regisPg .meter_bx h4 span{ font-size:18px}
.regisPg .resiCom h6{font-size: 12px;color: #444e5d;}
.regisPg .resiCom sub{ vertical-align:super;  color: #ff0000;}
.regisPg .form-control:disabled{opacity:0.5;}
.regisPg .bck_lgng{  font-size: 12px;letter-spacing: -0.1px;color: #9bc64b;}
.forget_form .form-control.sbmt_btn {    background-color: #007bff;    border-color: #007bff;  height:49px;    font-size: 20px;    font-weight: 500;    letter-spacing: -0.1px;    text-align: center;    text-transform: uppercase; border-radius:6px;    color: #FFFFFF;    margin-top: 15px;}
#ForgotPassword .modal-dialog { max-width: 400px;    margin: 1.75rem auto;}
#ForgotPassword .form-control.input_type{ border:1px solid #444e5d; font-size:12px; border-radius:6px; height:49px;  }
/*----7-2-19-----*/

.padRig .merchant1{ background-color: rgba(200, 200, 200, 0.3); margin-top: 10px; padding: 10px;}
.padRig .merchant1 strong{padding-bottom: 5px; display: block;}

.padRig .merchant1 span { padding-bottom: 5px; display: block;}

.padRig .merchant1 .spnsml {
font-size: 10px;
}

.padRig p {
color: #333;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}

.newRequestForm .labourID label.custom-file-label.form-control.mt-22 { margin-top:0px;margin-bottom:5px;}
.newRequestForm .labourID span.d-block { font-size:12px; padding-top:5px;  }
.newRequestForm .labourID span a.d-inline-block{ font-size:12px;padding:0px; height:auto; font-weight:500; text-decoration:underline   }



.logAreaVerfy{ max-width:500px; background-color:#fff; padding:20px; margin:auto    }
.logAreaVerfy .form-control {
background-color: #fff;
border: 1px solid #8ab329;
box-sizing: border-box;
display: block;
padding:8px 20px;
height:50px; 
margin-bottom: 10px;
margin-right: 20px;
float: left;
}
.mfp-wrap.simplePop .mfp-close{ max-width: 500px;
color: #3b1e1e;
text-align: right;
width: 550px;
left: 0;
right:20px;
margin:0px auto;  }
.logAreaVerfy .f6{ font-size:24px; text-align:center;  }
 .logAreaVerfy h5 span{ font-size:12px; color:#000; line-height:20px;   }
.logAreaVerfy .form-control.sbmt_btn {
background-color: #9ac23b;
border: 0 none;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
}



/*---------CSS for messages-----------*/

/*merchantInfo*/
.merchantInfo{ float:left; width:100%; position:relative;object-fit: contain; background-color: #ff6262; }
.merchantInfo.deuPia{ background-color:#f5a623;}
.merchantInfo.deuPia2{ background-color:#9ac23b;}
.merchantInfo p{ padding:11px 30px 11px 60px;  font-size: 16px;color: #ffffff;background:url(../svg/reset-icon.svg)no-repeat 25px 8px;}
.merchantInfo a{color: #ffffff; font-weight:500;} 
.merchantInfo.deuPia2 p{font-style: italic;background:url(../svg/reset-icon2.svg)no-repeat 25px 8px;}
.merchantInfo span.msgclosee{cursor:pointer;display:block;background:url(../svg/close-icons.svg)no-repeat;width:30px;height:24px;position:absolute;top:12px;text-indent: -99999;right:0;font-size:0px;float:right}
.creditCar li{display:block; padding-left:10px; padding-bottom:8x; font-weight:500;font-size:12px;color:#333333; position:relative      }
.creditCar li:after{width:5px; height:5px; position: absolute; left: 0px; background-color:#000000; border-radius: 50%; content:""; top:6px;   }

.creditCar li li:after{ background-color:transparent; border:1px  solid #333333;} 
.newRequestForm .custom-radio .border {  border-radius: 4px; border: solid 1px #96bf3e!important;}
.newRequestForm .custom-radio .border label{  font-size: 18px;font-weight: 500;line-height: 1.56;color: #505050;}
.newRequestForm .custom-radio .border label strong{  font-size: 22px;font-weight: 500;line-height: 1.27;}
.newRequestForm .custom-radio .border strong{  font-size: 12px;font-weight: 500;line-height: 2.33;color: #505050;}
.newRequestForm .custom-radio .border span{  font-size: 12px;font-weight: 500;color: #505050;}
.newRequestForm .custom-radio .border .lowFee{ padding-top:10px;}
.newRequestForm .custom-radio .border .font14{font-size:14px;line-height: 1.29;}
.newRequestForm .custom-radio .border .font12{font-size:12px;line-height: 1.29;}
.newRequestForm .custom-radio .border .lowFee span{ background-color: #f8e71c;  font-size: 12px;font-weight: 500;color: #464646!important; text-align:center; display:inline-block; padding:7px 20px;margin-left: 23px; position:relative;}
.newRequestForm .custom-radio .border .lowFee span:before {width: 0;height: 0;border-style: solid;border-width:15px 10px 15px 0;border-color: transparent #ffffff transparent transparent;content: '';   position: absolute;top: 0;right: 0;}
.newRequestForm .custom-radio .border .lowFee span:after{width: 0;height: 0;border-style: solid;border-width:15px 0 15px 10px;border-color: transparent transparent transparent #ffffff;content: '';   position: absolute;top: 0;left:0;}
.newRequestForm .custom-radio .border .lowFee a{color: #505050;font-size: 12px;font-weight: 500;}
.newRequestForm .custom-radio .border.checPon{background-color: #96bf3e;}
.newRequestForm .custom-radio .border.checPon label, .newRequestForm .custom-radio .border.checPon label strong, .newRequestForm .custom-radio .border.checPon strong,.newRequestForm .custom-radio .border.checPon .lowFee a, .newRequestForm .custom-radio .border.checPon span { color:#FFFFFF}

.newRequestForm .custom-radio .border.checPon .lowFee span:before {border-color: transparent #96bf3e transparent transparent;}
.newRequestForm .custom-radio .border.checPon .lowFee span:after{border-color: transparent transparent transparent #96bf3e;}
.newRequestForm .custom-radio .border.checPon  .custom-control-input:checked ~ .custom-control-label::before { display:none}
.newRequestForm .custom-radio .border.checPon  .custom-control-input:checked ~ .custom-control-label::after {background-image:url(../svg/yes-check.svg); background-repeat:no-repeat; background-size:18px auto }
.newRequestForm .custom-radio .border.checPon .otheCard .custom-control-input:checked ~ .custom-control-label::before { display:inline-block}
.newRequestForm .custom-radio .border.checPon .otheCard .custom-control-input:checked ~ .custom-control-label::after{ background-image:none; background-color:#FFF; border-radius:50%; border:4px solid #4a4a4a;}
.modal.fade .modal-dialog { max-width: 350px;}
.modal.fade .modal-dialog .modal-content{ border-radius: 10px;box-shadow: 0 2px 27px 0 #dcdcdc;background-color:white; border-color:transparent!important}
.modal.fade .modal-dialog .modal-content ul{list-style:none; margin:0px; padding:0px;}
.modal.fade .modal-dialog .modal-content ul li{ display:block;  font-size: 14px;font-weight: 500;color: #505050; padding-bottom:8px; }
.modal.fade .modal-dialog .modal-content ul li ul{padding-top:8px;}
.modal.fade .modal-dialog .modal-content ul li ul li{font-weight: normal; padding-left:0px; padding-bottom:5px;} 
.modal.fade .modal-dialog .modal-content ul li::after { display:none}
.padRig .payNow{ opacity:0.5}
.padRig .payNow.collapsed{ opacity:1}

/* sucess, error and info */
.alert {    position: relative;    padding: 1rem 1rem;    margin-bottom: 1rem;    border: 1px solid transparent;      order-top-color: transparent;      border-right-color: transparent;      border-bottom-color: transparent;      order-left-color: transparent;    border-radius: .25rem;  }
  .alert-success {    color: #0f5132;    background-color: #d1e7dd;    border-color: #badbcc;  }
  .alert-danger {    color: #842029;    background-color: #f8d7da;    border-color: #f5c2c7;  }
  .alert-warning {    color: #664d03;    background-color: #fff3cd;    border-color: #ffecb5;  }
  .alert-secondary {    color: #41464b;    background-color: #e2e3e5;    border-color: #d3d6d8;  }
  .alert-link{ font-weight: 700 !important; padding: 0px !important; font-size: inherit !important; display: inline !important;     text-decoration: underline !important;    vertical-align: top !important;}
  .alert-danger .alert-link {    color: #6a1a21 !important;  } 
   .alert-success .alert-link {    color: #0c4128  !important;  }
     .alert-warning .alert-link {    color: #523e02  !important;  }
  .alert-secondary .alert-link {    color: #34383c  !important;  }

  .status{ padding: 5px 8px; display: inline-block; border: 1px solid transparent;      order-top-color: transparent;      border-right-color: transparent;      border-bottom-color: transparent;      order-left-color: transparent;    border-radius: .25rem;  color: #41464b;    background-color: #e2e3e5;    border-color: #d3d6d8; width:auto; margin-bottom: 4px;   } 

.status.Pending{color: #664d03;    background-color: #fff3cd;    border-color: #ffecb5;}
.status.Reject{color: #842029;    background-color: #f8d7da;    border-color: #f5c2c7; }
.status.Approved{ color: #0f5132;    background-color: #d1e7dd;    border-color: #badbcc; }
.ac_web{border-radius: 5px;  text-decoration: none;}
a.link{color: #007bff; font-weight: 600; text-decoration: underline;}