/*!

 * Primarc v1.1.0 (http://propeller.in)

 * Copyright 2016-2017 Digicorp, Inc.

 * Licensed under MIT (http://propeller.in/LICENSE)

 */

body, html{ height:100%;}

.pmd-content{ min-height:100%;}

.dashboard .card-header.no-margin { margin:0;}

.dashboard .card{ margin-bottom:30px;}

.caret { border-left:5px solid rgba(0, 0, 0, 0); border-right:4px solid rgba(0, 0, 0, 0); border-top:5px solid;}

.pmd-navbar.navbar .btn.pmd-btn-fab:hover, .pmd-navbar.navbar .btn.pmd-btn-fab:focus, .pmd-navbar.navbar .btn.pmd-btn-fab.focus { color: #fff;}



/*========================== header css ===========================*/

.navbar-inverse{ background-color:#F67900; border-color:#F67900;}

.navbar-inverse .navbar-brand svg{ display:inline-block; float:left; vertical-align:top;}

@media (max-width: 767px) {

	.navbar-brand > svg{ height:40px; width:auto;}

}

	

/*============================= notification =========================*/

.notification .pmd-badge[data-badge]::after{ background-color:#fff; color:#424244;}

.notification .pmd-dropdown-menu-container { top:65px;}

.notification.open .pmd-dropdown-menu-container:after{ border-bottom: 6px solid #ffffff; border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; right: 24px; position: absolute; top: -6px;}

.notification .notification-blank { padding:120px 16px; text-align:center; opacity:0.7;}

nav .notification .notification-blank span.dic { display:block; font-size:58px; margin-bottom:10px; opacity:0.3;}

.notification .dropdown-menu { padding:0; width:320px; position:relative;}

.notification a.dropdown-toggle{ margin-top:25px;}

.notification a{ position:relative; overflow:visible;}

.notification .list-group-item { background:#F9F9F9; line-height:15px; cursor:pointer; float:left; width:100%;}

.notification .list-group-item { padding:0; border-top:1px solid #ebebeb; margin:0;}

.notification .list-group-item a { border:0;}

.notification .list-group-item .avatar-list-img40x40 { margin-top:0;}

.notification .list-group-item .list-group-item-text { line-height:1.4; display:block; white-space:normal; font-size:14px;}

.notification .list-group-item .list-group-item-date { color:rgba(0, 0, 0, 0.44); font-size:13px;  display:block;}

.notification .list-group-item > a { padding:16px; right:0; margin-top:0;}

.notification .list-group-item.unread { background:#fff;}

.notification .list-group-item:hover { background:#F5F5F5;}

.pmd-navbar .navbar-nav > li.notification svg { margin-right:0;}

.notification .nav-dropdown h3 a { text-decoration:underline; margin-top:0;}

.notification .nav-dropdown h3 a:hover { text-decoration:none;}

.avatar-list-img40x40{width:40px;height:40px;border-radius:50%;display:table-cell;overflow:hidden;vertical-align:middle;position:relative; text-align:center; }

.avatar-list-img40x40 .dic { vertical-align:middle;}

.avatar-list-img40x40 {width:40px;height:40px;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;position:relative; line-height: 38px;} 

.avatar-list-img40x40 img {max-height: 40px; width: auto;  height: auto; max-width: 40px; display:inline-block;}

.avatar-list-img140x140{width:140px;height:140px; border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;position:relative; text-align:center; line-height:140px; margin:0 auto;}

.avatar-list-img140x140::after {border-radius: 50%;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;content: "";height: 140px;left: 0;position: absolute;top: 0;width: 140px;z-index: 100;}

.avatar-list-img140x140 img {max-height: 140px; width: auto;  height: auto; max-width: 140px; display:inline-block;}

.notification .pmd-list-avatar{ display:inline;}

@media (max-width: 767px) {

.notification a.dropdown-toggle{margin-top: 18px;}	

}



/*============================= content area =========================*/

.pmd-content{padding-top: 63px; padding-bottom:90px; padding-left:0; padding-right:0;}

.pmd-content .container-fluid { max-width:1590px;}

@media (max-width: 767px) {

.pmd-content{padding-top: 63px; padding-left:0; padding-bottom:210px; padding-right:0;}

}

/*============================== dashboard common css ===============================*/

.dashboard { margin-top:30px;  animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -webkit-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -ms-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -o-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; -moz-animation:fadeIn cubic-bezier(0.55, 0, 0.1, 1) 0.8s; padding-right:15px; padding-left:15px;}

@media (max-width: 767px) {

.dashboard{margin-top: 8px; padding-left: 0; padding-right: 0;}

}



/* Dashboard title icon */

.dashboard .service-icon { width:40px; height:40px; display:block; position:relative;}

.dashboard .service-icon img, .dashboard .service-icon svg { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:20px;}

.dashboard .row > div{ padding-left: 10px; padding-right: 10px;}



/* Dashboard card*/

.dashboard .card-title {font-size: 18px; margin-top:0; margin-bottom:0;}

.dashboard .card { margin-bottom:20px;}

.dashboard .card-body, .dashboard .notification .content-section { min-height:100px;}

h2.typo-fill-secondary{ color:rgba(77, 87, 93, 0.68); font-size:22px;}

.dashboard .pmd-display2{ opacity:1; font-weight:500;}

.grow-up{ margin-left:5px;}



/*======= Breadcrumb =======*/

.breadcrumb { background: transparent; font-size:14px; margin:0 0 20px 0px; padding:0;}



/*================= site activity css =========================*/

/*total sales circle chart css*/

.total-sales { text-align:center; display:inline-block; width:100%;}

.total-sales .chart{ width:50%;}

.total-sales .chart.circle-chart{ padding-right:3%;}

.total-sales .chart.total-revenue{padding-left:3%;}

.total-sales .circle { display: inline-block; margin:0 10px 0 10px; position:relative;}

.total-sales .circles-wrp { margin-bottom:6px;}

.total-sales .circles-integer { font-size:20px; font-family: 'Roboto'; display:block; font-weight:700;}

.total-sales .border-right {border-right:1px solid #dfe3e7;}

.total-sales .chart-title {line-height: 1.1; padding: 0 15px; width: 99px; margin:auto; font-weight:500;}

.total-sales .circle .circles-text { height:auto !important;}

.total-sales .circles-integer:before { content:""; display:inline-block; height:19px; vertical-align:middle; background-size:11px;}

/* total sales progressbar chart css*/

.total-revenue .progress { height:8px; margin:0; border-radius:10px; background:#DFE3E7; box-shadow:none;}

.total-revenue ul { margin:0;}

.total-revenue .list-group-item{ padding:1px 0; display:table; margin:0 auto;}

.total-revenue .media-body { vertical-align:middle;  max-width:175px;}

.total-revenue .media-left { font-size:16px; font-family:'Roboto'; text-align:left; color: #888888; font-weight:500;}

.total-revenue .media-right { font-size:20px; font-family: 'Roboto'; text-align:left; padding-left:20px; min-width:110px; font-weight:700;}

.total-revenue .progress .progress-bar { height: 100%; width: 0; background-color:#F7912F; color:#F7912F;}

@media (min-width: 991px) and (max-width: 1600px){

.total-sales .chart.circle-chart{ padding-right:3%; width:60%;}

.total-sales .chart.total-revenue{padding-left:3%; width:40%;}

}

@media (max-width: 990px) {

.total-sales .chart{ width:100%;}

.total-sales .circle{ margin-bottom:20px;}

.total-sales .chart.total-revenue{ margin-top:20px;}

.total-sales .border-right{ border:none;}

}



/*===================== marketplace card css new ============================*/

.advertising-info{ min-height:262px;}

@media (max-width: 1360px) {

.advertising-info .pmd-display2{ font-size:20px;}

}

@media (max-width: 990px) {

.advertising-info{ min-height:inherit;}	

}

	

/*=================== range date picker =====================*/

.daterangepicker.dropdown-menu {opacity:1; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); clip: initial; }

.range-calendar {cursor:pointer; position:absolute; right:30px; max-width: 260px;}

.range-calendar svg:hover path { fill: #424244 !important;}

@media (max-width: 767px) {

.datetimepicker{ display:none;}	

}



/*====================== browser usage ================*/

.value-added .value-added-section { border-right:1px solid #dfe3e7;  border-bottom:1px solid #dfe3e7; padding-top:14px; padding-bottom:13px;}

.value-added .value-added-section .title { font-size:18px; line-height:1.2; color:rgba(77, 87, 93, 0.68); font-weight:500;}

.value-added .value-added-section:nth-child(2), .value-added .value-added-section:nth-child(4),.value-added .value-added-section:nth-child(6) { border-right:0;}

.value-added .value-added-section:nth-child(5), .value-added .value-added-section:nth-child(6) { border-bottom:0;}

.pt10 { padding-top:10px;}



/*========================== statistics card =======================*/

.statistics { padding:0 10px;}

.statistics li{ width:32.68%; vertical-align:top; margin-bottom:20px;}

.statistics .statistic-img-circle { width:64px; height:64px; border:4px solid #3cad44; border-radius:50%; margin:0 auto 8px;}

.statistics img, .statistics svg { max-width:57px; margin:0 auto; height:57px;}

.statistics .pmd-display2 { font-size: 28px; line-height:1.2;}

.statistics .typo-fill-secondary {color: rgba(77, 87, 93, 0.68);font-weight: 500;}

.users-details-info{ margin-bottom:15px; float:left; width:30%;}

.users-details-chart{margin: auto; min-width: 70%; width:70%; float:right; height:300px;}

@media (max-width: 767px) {

.statistics li{width: 48%;}

}



/*======================== user details ====================*/

.sms-details{min-height: 402px;}

.sms-details .media-right { width:15%;}

.sms-details .media-right a { margin: 0 5px;}

.sms-details .card-header svg:hover path, .sms-details .card-header svg:hover rect, .sms-details .card-header svg:hover ellipse { fill:#424244;}

.sms-details .card-header .service-icon svg:hover path, .sms-details .card-header .service-icon svg:hover rect{ fill: #fff;}

.sms-details .pmd-display2 { margin-top:0;}

@media (max-width: 1360px) {

.users-details-info{ width:100%;}

.users-details-chart{ width:100%; height:200px;}

}

@media (max-width: 767px) {

.sms-details{min-height: 445px;}	

}



/*====================== project progress css ====================*/

.project-progress .content-section ul { margin:10px 0 0 0;}

.project-progress .timeline { padding-left:50px; border-bottom:1px solid #ebebeb; width:100%; margin:0;  padding-left: 50px; padding-top: 15px;}

.project-progress .timeline:last-child { border: 0;}

.project-progress .timeline:before { background:#fff; content:""; position:absolute; top:0; bottom:0; left:25px; height:101%; width:2px; display:block;}

.project-progress .timeline:after { background:#fff; border-radius:50% !important; content:""; display:block; height:12px; left:25px; margin-left:-5px; margin-top:-6px; position:absolute; top:50%; width:12px; z-index:2;}

.project-progress .timeline.project-notification:before { background:#df6c6c !important;}

.project-progress .timeline.project-notification:after { background:#df6c6c !important;}

.project-progress .timeline.project-info:before { background:#67b951 !important;}

.project-progress .timeline.project-info:after { background:#67b951 !important;}

.project-progress li h5.typo-fill-secondary{ color:#807F83; font-size:12px; margin:0; margin-top:4px;}



/*===================== recent post css ========================*/

.recent-post ul{ margin-top:0;}

.recent-post .card-body{ min-height:289px;}

.reload{ float:right;}

.reload:hover svg path{ fill: #424244;}

.card-list .post{ width: 24%; text-align:right;}

.post-time{ font-size:11px; color:#a5a4a4;}

@media (max-width: 767px) {

.card-list .post { display: block; line-height: 1; padding-left: 58px; text-align: left; width: 100%;}

}



/*footer*/

.admin-footer { background: #fff none repeat scroll 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 14px; padding-top: 17px; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0s; margin-top:-70px; position:relative; z-index:1;}

.pmd-sidebar ~ .admin-footer { padding-left: 64px; }

.pmd-sidebar.pmd-sidebar-open ~ .admin-footer { padding-left: 290px;}

.copyright-text { color: #424244; font-size: 14px; padding-top: 8px;}

.copyright-text a:hover { color: #F67900;}

.admin-footer a {color: #424244; display: inline-block;}

.admin-footer .card-subtitle-text {font-size: 12px; line-height: 18px; opacity: 1; margin: 0px;}

.admin-footer .media-left { padding-left: 0; padding-right: 10px;}

.admin-footer .media-left svg { margin-top: 4px;}

.admin-footer .card-title-text a { color: #fff;}

.admin-footer a:hover svg path, .admin-footer a:focus svg path { fill: #424244;}

.admin-footer a:hover { color: #424244;}

.admin-footer .list-inline{ line-height:1.2;}

.admin-footer .download-now, .admin-footer .for-support{max-width: 240px; padding:0 15px;}

.admin-footer .download-now a > div, .admin-footer .for-support a > div,

.admin-footer .download-now a > div svg, .admin-footer .for-support a > div svg{ display:inline-block; vertical-align:middle; line-height:1;}

.admin-footer .download-now a > div svg, .admin-footer .for-support a > div svg{ margin-right:10px;}

.admin-footer ul{ margin:0;}



@media (max-width: 767px) {

.admin-footer{ margin-top: -190px;}

.pmd-sidebar ~ .admin-footer{padding-left:0;}

/*footer*/

.copyright-text { text-align: center;}

.admin-footer .media-left{ display:block;}

.admin-footer a{ text-align:center;}

.admin-footer .list-inline > li{ display:block; padding:8px 0;}

.admin-footer a{ text-align:left;}

.admin-footer .download-now, .admin-footer .for-support{ float:none; max-width:100%; width:100%;}

}

	

@keyframes fadeIn {

0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;}

100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;}

}

@-webkit-keyframes fadeIn {

0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;}

100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;}

}

@-moz-keyframes fadeIn {

0%{transform:translate(0, 40px);-webkit-transform:translate(0, 40px);opacity:0;}

100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);opacity:1;}

}



/*=============================For Loader========================*/

.btn-loader.loader { opacity:1; margin: auto; font-size: 0.3em; position: absolute; text-indent: -9999em; border-top: 1em solid rgba(226, 60, 60, 0.2); border-right: 1em solid rgba(226, 60, 60, 0.2); border-bottom: 1em solid rgba(226, 60, 60, 0.2); border-left: 1em solid #E23C3C; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; top:0; right:0; left:0; bottom:0; overflow:hidden;}

.btn-loader.loader,

.btn-loader.loader:after { border-radius: 50%; width: 7em; height: 7em;}



@-webkit-keyframes load8 { 0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/*=========================faqs=========================*/

.faqs-section{height:100%; color:#424244;}

.faqs-section h3 { margin-bottom: 50px;}

.faqs-section .list-group-item.active, .faqs-section .list-group-item.active:hover, .faqs-section .list-group-item.active:focus{background:transparent;}

.faqs-section .list-group-item.active a, .faqs-section .list-group-item.active:hover a, .faqs-section .list-group-item.active:focus a, .faqs-section .list-group-item a:hover, .faqs-section .list-group-item a:focus {color: #F67900;}

.faqs-section h5{color:rgb(68, 68, 68); margin-bottom:50px; margin-top:50px}

.faqs-section p { color:rgb(119, 119, 119); font-size:18px;}

.faqs-section p strong { font-weight:600;}

.faqs-section .list-group-item.active .dic {color: #F67900;}



/*Accordion*/

.faqs-section .panel{ background-color:transparent; text-align:left; box-shadow:none; border:0;}

.faqs-section .panel-heading{ background-color:transparent;}

.faqs-list{ margin:30px;}

.faqs-section .panel-title{text-transform:none; font-size:18px; line-height: 24px;}

.faqs-section .dic.media-left{ padding-right: 19px; line-height:1; font-size:22px;}

.faqs-section .panel-group .panel-heading + .panel-collapse > .panel-body, .faqs-section .panel-group .panel-heading + .panel-collapse > .list-group{ border:none; padding-left:55px; padding-bottom:0; padding-top:0;}



/*===============================sidebar with icons=============================*/

.pmd-sidebar .pmd-sidebar-nav li a { color:#807F83; font-size:15px; font-family:"Roboto"; padding: 18px 24px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.pmd-sidebar .pmd-sidebar-nav li a i { min-width:44px; text-align:center;}

.pmd-sidebar .pmd-sidebar-nav a i svg {display: block; margin: 0 auto;}

.pmd-sidebar-left .nav > li > a:hover, .pmd-sidebar-left .nav > li > a:focus, .pmd-sidebar-left .nav > li > a:active, .pmd-sidebar-left .nav > li > a.active { background-color:#e47204; color:#fff;}

.pmd-sidebar-left .nav > li > a:hover svg path, .pmd-sidebar-left .nav > li > a:focus svg path, .pmd-sidebar-left .nav > li > a:active svg path, .pmd-sidebar-left .nav > li > a.active svg path, .pmd-sidebar-left .nav > li > a:hover svg, .pmd-sidebar-left .nav > li > a:focus svg, .pmd-sidebar-left .nav > li > a:active svg, .pmd-sidebar-left .nav > li > a.active svg  { fill: #fff;}

.pmd-sidebar.pmd-sidebar-open{ width:274px; min-width:274px;}

.pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor, .pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content { margin-left:274px;}

.pmd-sidebar-left .nav > li.pmd-user-info > a { border-bottom:solid 1px #ea7403;  font-size:16px; color:#fff; padding-left:12px;}

.pmd-sidebar-left .nav > li.pmd-user-info > a:hover, .pmd-sidebar-left .nav > li.pmd-user-info > a:focus, .pmd-sidebar-left .nav > li.pmd-user-info > a:active, .pmd-sidebar-left .nav > li.pmd-user-info > a.active { background:#e47204;}

.pmd-sidebar .pmd-sidebar-nav .dropdown-menu { background:#ea7403; padding:10px 0;}

.pmd-sidebar .pmd-sidebar-nav li.entity-drop a { background:#424244;}

.pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a { padding-left:65px; padding-top:10px; padding-bottom:10px; background-color: transparent;}

.pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:hover, .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a:focus, .pmd-sidebar .pmd-sidebar-nav li .dropdown-menu li a.active { opacity:1; color:#fff;}

.pmd-sidebar .pmd-sidebar-nav .dropdown-menu li a { padding-left:24px;  padding-top:15px; padding-bottom:15px;}

.pmd-sidebar .dropdown-menu > li > a:hover, .pmd-sidebar .dropdown-menu > li > a:focus, .pmd-sidebar .dropdown-menu > li > a.active { color:#ffffff;}

.pmd-content { margin-left: 64px;}

.pmd-sidebar { width:64px; min-width:64px; transform:translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); background-color:#F67900;}

.pmd-sidebar.pmd-sidebar-open {min-width: 274px; width: 274px;}

.pmd-sidebar .pmd-sidebar-nav li a { padding: 18px 20px 16px; color:#807F83; background-color:transparent;}

.pmd-sidebar-left .nav > li > a:hover svg.stroke-fill path, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill path, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill path, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill path {stroke: #fff; fill: none;}

.pmd-sidebar-left .nav > li > a:hover svg circle, .pmd-sidebar-left .nav > li > a:focus svg circle, .pmd-sidebar-left .nav > li > a:active svg circle, .pmd-sidebar-left .nav > li > a.active svg circle {fill: #fff;}

/*online order icon*/

.pmd-sidebar-left .nav > li > a:hover svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill.online-order path, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill.online-order path {stroke: #fff;}

.pmd-sidebar-left .nav > li > a:hover svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a:focus svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a:active svg.stroke-fill.online-order polygon, .pmd-sidebar-left .nav > li > a.active svg.stroke-fill.online-order polygon {fill: #fff;}

/*reports icon*/

.pmd-sidebar-left .nav > li > a:hover svg.reports rect, .pmd-sidebar-left .nav > li > a:focus svg.reports rect, .pmd-sidebar-left .nav > li > a:active svg.reports rect, .pmd-sidebar-left .nav > li > a.active svg.reports rect {fill: #fff;}



/*svg*/

.stake-chart .set-svg svg { max-height:37px;}

.set-svg svg {max-height: 30px;}

.pmd-display2 { font-size:28px;}

.sidebar-with-icons .material-icons.media-left{padding-right: 16px;}

@media (max-width: 1200px) {

.pmd-sidebar:hover{width: 274px; max-width:274px;}

.highcharts-container { width: 100% !important;}

}

@media (min-width: 768px) {

.pmd-sidebar-overlay.pmd-sidebar-overlay-active{visibility: hidden; opacity: 0;}

}

@media (max-width: 767px) {

.pmd-sidebar { transform:translate3d(-280px, 0px, 0px);}

.pmd-content{margin-left:0;}

}

/*====================section custom css================*/

.section-custom{ max-width:800px;}



/*========================= Inbox Style starts =========================*/

.mailbox .tab-pane h5{font-size:14px;color:rgba(0,0,0,0.40);margin:30px 0 10px;font-weight:400;text-align:right;}

.mailbox .avtar-detail{color:#424244;display:table-cell;}

.mailbox .user-details{min-width:200px;}

.mailbox .user-details .avatar-list-img40x40{float:left;margin-right:16px;display:table-cell;}

.mailbox .date-time{font-size:12px;font-weight:500;color:rgba(0,0,0,0.44);display:inline-block;text-align:right;min-width:80px;line-height:1.25;}

.mailbox .list-group-item{ padding:16px; border-bottom:solid 1px #eee;}

.mailbox .list-group-item .message-detail .list-group-item-heading{line-height:18px;}

.mailbox .read.list-group-item{background:#f9f9f9;}

.mailbox .list-group-item .message-detail .list-group-item-heading span{color:rgba(0,0,0,0.54);font-size:14px;font-weight:400;} 

.mailbox .list-group-item .avtar-detail .list-group-item-heading span{color:rgba(0,0,0,0.54);font-size:15px;}

.mailbox .list-group-item .avtar-detail .list-group-item-text{font-size:13px;line-height:1.25;margin-top:4px;display:inline-block;color:rgba(0, 0, 0, 0.54);opacity:1;}

.mailbox .action-bar .checkbox{margin:4px 0 0 16px; width:18px;}

.mailbox .action-bar .checkbox .custom-checkbox{width:18px;height:16px;display:inline-block;vertical-align:middle;}

.mailbox .action-bar .btn-delete{background:transparent;padding:5px;height:35px;width:auto;min-width:inherit;vertical-align:middle;line-height:31px; margin-left:10px;}

.mailbox .action-bar .floatinglabels{position:relative;}

.mailbox .action-bar .floatinglabels .form-control{border-color:#ccc;}

.mailbox .action-bar .dic-search{bottom: 5px;color: #848484;display: inline-block;font-size: 20px;position: absolute;right: 0;width: 20px;}

.mailbox .action-bar .btn-delete:hover .dc{background-position:center 0px;}

.mailbox .action-bar .btn-delete .dc{vertical-align:middle;margin:0;}

.mailbox .media-left.media-check{vertical-align:middle;padding-right:4px;}

.btn-delete .dic{width:22px;height:26px;display:inline-block;vertical-align:middle;color:rgba(0,0,0,0.54)}

.btn-delete:hover .dic{color:rgba(0,0,0,0.84)}

.mailbox .checkbox label.pmd-checkbox{ padding-right:0;}

.mailbox .list-group-item a:hover, .mailbox .list-group-item a:focus, .mailbox .list-group-item a:active{ text-decoration:none;}

@media (max-width: 767px) {

.mailbox .use-details { padding: 0; width: 100%;}

.mailbox .media-body { display: block; margin-top: 8px; padding-left: 30px; width: auto;}

.mailbox .date-time{min-width:inherit;  padding-left: 19px;}

.mailbox .user-details{min-width:100%;}

.mailbox .action-bar .btn-delete{ padding:5px 2px;}

}



/*========================= Notification  Start=========================*/

.btn-group .list-group .list-group-item-text{font-size:13px;line-height:20px;display:inline-block;font-weight:400;color:#666;font-family:Roboto}

.btn-group .list-group .list-group-item-date,.page-content .list-group .list-group-item-date{display:block;color:#a4a4a4;font-size:13px}

.btn-group .list-group .list-group-item a{font-weight:500;color:#424244;font-family:Roboto}

.btn-group .list-group li:last-child { border:0;}

.notifications .media-body{overflow:visible}

.page-content > h2{color:#a4a4a4}

.page-content .list-group-item-text{font-family:roboto;font-weight:300; opacity:1; font-size:16px}

.page-content .list-group-item-text a{font-weight:500; color:#424244;}

.notifications .card .list-group-item{border-bottom:1px solid #e8e8e8;border-radius:0;margin:0;position:relative;padding:15px}

.page-content .list-group-item.last{border:none;padding-bottom:0}

.list-group-item.saved-article:hover,.list-group-item.saved-article.unread, .list-group-item.unread{background:#F7F7F7}

.list-group-item.saved-article.unread, .list-group-item.unread{ background:#fff;}

.list-group-item-text {opacity: 0.74;}

.notifications .list-group-item.new-day:first-child{margin-top:46px}

.notifications .list-group-item.new-day::before{content:attr(data-date);display:block;font-size:13px;font-weight:500;left:0;position:absolute;color:rgba(51,51,51,0.64);top:-30px;}

.notifications .list-group-item.new-day{border-top:1px solid rgba(0,0,0,0.08);margin-top:62px}

.mobile-only { display:none !important;}



/*=================Login css====================*/

.body-custom{ height:100%;}

.logincard{margin:auto; position:relative; top:50%; max-width:360px; transform: translate(0px, -50%);}

.logincard .checkbox{ margin-left:0px;}

.logincard .checkbox label{padding:0;}

.logincard .dic{ margin-right:7px;}

.logincard .card-header{ padding:0; margin:0px auto;}

.loginlogo{ text-align:center; padding:30px 15px 10px;}

.loginlogo a img{ max-width:100%;}

.forgot-password{padding-top:8px;}

.remember{ color:#807F83;}

.redirection-link{ margin-top:30px; margin-bottom:30px;}

.card-footer-no-border{ border-color:transparent; padding-top:0;}

.card-footer-p16{ padding-left:20px; padding-right:20px; }

.login-card h3,

.register-card h3,

.forgot-password-card h3{ color:rgba(0, 0, 0, 0.87); font-size:16px; margin-top:0; margin-bottom:20px;}

.login-card .card-body,

.register-card .card-body{ padding-bottom:10px; margin:0;}

.register-card, .forgot-password-card{ display:none;}

.register-card, .login-card, .forgot-password-card{ position:relative;}

.register-card h3 span,

.login-card h3 span{ color:rgba(0, 0, 0, 0.54);}

.forgot-password-card h3 span{ font-size:14px; color:rgba(0, 0, 0, 0.54); width:80%; margin-top:5px; display:inline-block; line-height:18px;}

.logincard .alert{ display:none;}

.forgot-password-card .form-group.pmd-textfield{ margin-bottom:55px;}

.card-footer .pmd-checkbox-label {display: inline-block;margin-top: -2px;}

@media screen and (max-width: 768px) {

.logincard{max-width:300px;}	

.forgot-password a{font-size: 0.7rem;}

}

@media screen and (max-width: 480px) {

.logincard .loginlogo img { height:60px;}

.logincard .card { margin-bottom:0;}

}

@media (min-width: 321px) and (max-width: 480px) {

.logincard { max-width: 330px;}

}

@media (max-width: 320px) {

.logincard { max-width: 290px;}	

}



/*==========================Contact Start============================*/

.contact-page {margin-bottom: 250px;position: relative;}

.contact-page .contact-form {bottom: 0;left: 0;margin-top: -436px;position: relative;right: 0;top: 200px;}

.contact-page .contact-details {display: table; width:100%;}

.contact-page .feedback-form {padding: 30px 20px;width: 100%;}

.contact-page .fill .adress-col {background: #F67900 none repeat scroll 0 0;display: table-cell;float: none;padding-bottom: 30px;padding-top: 30px;vertical-align: top;}

.contact-page .pmd-display1 {color: #424244;margin-top: 0;opacity: 1; font:33px/40px "Roboto";}

.contact-page .fill .adress-col .contact-info {color: #fff;margin-top: 35px;}

.contact-page .fill .adress-col .contact-info span b {text-transform: uppercase; color:#fff; font-weight:300; opacity:0.74; font-size:13px;}

.contact-page .fill .adress-col .contact-info span a{ color:#fff; opacity:0.74;}

.contact-page .contact-details .content-title{ color:#fff;}

.contact-page .fill .adress-col .content-title {color: #fff;margin-top: 0; font:33px/40px "Roboto";}

.feedback-form .sub-title {color:#807F83;font-size: 18px;font-weight: 300;line-height: 20px;margin-bottom: 20px;}

@media (max-width: 990px) {

.contact-page .contact-form{ padding:0 20px;}

.contact-page .fill .adress-col{ display:inline-block;}

}

@media (max-width: 767px) {

.contact-page .contact-form{ padding:0 8px;}

.contact-page .fill .adress-col .contact-info{ margin-top: 20px;}

}



/*=================== About css ==============================*/

.about-content{ padding:0 20px 16px;}

.about-content ol{ padding-left:16px;}

.about-content h3{ font-weight:bold;}



/*================== 404 page========================*/

.body-404page{ background-color:#F67900; display:block;}

.errorpage{ height:100%;}

.wrapper {min-height: 100%;position: relative; background: url("themes/images/propeller-bg.jpg") bottom no-repeat;}

.header-primary {margin-top: 160px;padding: 8px 0;text-align: center;}

.header-primary > a {transition: opacity 0.3s ease-in-out 0s;}

.header-primary .logo {animation: 1.2s linear 0s normal none 1 running fadeInUp;}

.content-primary {margin: 0 auto;padding: 0px 0 224px;text-align: center;color:#fff;}

.content-primary .section-footer {margin-top: 40px;}

.content-primary h1.title{ color:#fff; font-size:36px;}

.content-primary > h1 {animation: 1.7s linear 0s normal none 1 running fadeInUp;margin-bottom: 20px;}

.content-primary > p{ animation:1.9s linear 0s normal none 1 running fadeInUp;}

.content-primary .section-footer .btn{ margin:0 8px; min-width:160px;}

.content-primary .section-footer .btn.btn-primary{ animation:2.4s linear 0s normal none 1 running fadeIn;}

.content-primary .section-footer .btn.btn-secondary{ animation:2.8s linear 0s normal none 1 running fadeIn;}



/*======================== Blank page======================*/

.no-table-found h2 {color:#555;}

.no-table-found p {margin-bottom: 20px; opacity: 0.75; color:#555;}

.no-table-found .btn{font-size: 15px; padding: 14px 30px; width: 290px;}



/*==================== todo list css ====================*/

.todos .card-list{ min-height:312px;}

.todo-lists .pmd-checkbox{ margin-bottom:0; vertical-align:middle;}

.todo-lists span{ display:table-cell;}



/*============= Profile css ======================*/

.fileinput { margin-bottom: 9px; display: inline-block;}

.fileinput .form-control {padding-top: 7px;padding-bottom: 5px;display: inline-block;margin-bottom: 0px;vertical-align: middle;cursor: text;}

.fileinput .thumbnail {overflow: hidden;display: inline-block;margin-bottom: 5px;vertical-align: middle;text-align: center; width:100%; min-height:50px; background-color:#f8f8f8}

.fileinput .thumbnail > img {max-height: 100%;}

.fileinput .btn {vertical-align: middle;}



.fileinput .btn.btn-default, 

.fileinput .btn.btn-default, 

.fileinput .btn.btn-default{ background-color:rgba(0, 0, 0, 0.2);}



.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists {  display: none;}

.fileinput-inline .fileinput-controls {  display: inline;}

.fileinput-filename {  vertical-align: middle;  display: inline-block;  overflow: hidden;}

.form-control .fileinput-filename {  vertical-align: bottom;}

.fileinput.input-group {  display: table;}

.fileinput.input-group > * {  position: relative;  z-index: 2;}

.fileinput.input-group > .btn-file {  z-index: 1;}

.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file {  border-radius: 0 4px 4px 0;}

.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm {  border-radius: 0 3px 3px 0;}

.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg {  border-radius: 0 6px 6px 0;}

.form-group.has-warning .fileinput .fileinput-preview {  color: #da6760;}

.form-group.has-warning .fileinput .thumbnail {  border-color: #efe1bf;}

.form-group.has-error .fileinput .fileinput-preview {  color: #ea7403;}

.form-group.has-error .fileinput .thumbnail {  border-color: #ebcdcb;}

.form-group.has-success .fileinput .fileinput-preview {  color: #23b672;}

.form-group.has-success .fileinput .thumbnail {  border-color: #d6e9c6;}

.input-group-addon:not(:first-child) {  border-left: 0;}

.btn.btn-file{overflow:hidden;position:relative;vertical-align:middle; min-width:36px; padding:5px 5px 4px;}

.btn.btn-file .dic{font-size:20px;}

.btn.btn-file > input[type=file]{width:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer}

.fileupload .uneditable-input{display:inline-block;margin-bottom:0;vertical-align:middle;height:28px !important}

.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:10px;vertical-align:middle;text-align:center}

.fileupload .thumbnail > img{display:inline-block;vertical-align:middle;max-height:100%}

.fileupload .btn{vertical-align:middle}

.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none}

.fileupload-inline .fileupload-controls{display:inline}

.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}

.fileupload .fileupload-preview {vertical-align:middle}

.fileupload .close.fileupload-exists {vertical-align:middle}

.btn-file .ripple-wrapper{ display:none;}

.action-button{opacity:0;position:absolute; bottom:15px; left:0px; text-align:center; width:100%;-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

.fileinput{width:166px;-webkit-transition: 0.4s ease-in-out;overflow:hidden;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out; margin-right:10px;}

.fileinput:hover .action-button{opacity:1;}

.fileupload .btn{ padding:5px 10px; min-width:36px; background-color:#FFF !important; font-size:15px;}

.prousername{margin-bottom:20px;}

.profile-edit .pmd-textfield .form-control-static{ padding-top:4px;}



.card{ margin-bottom:0;}

.component-section{ margin-bottom: 20px; margin-top: 30px;}

.component-section h2{ margin-top:0;}

.component-box{ margin-bottom: 20px;}

.component-desc{ font-size:14px; margin-top:4px;}



.component-box .card.card-inverse h3 { color:#fff; text-transform:capitalize; line-height:1.4;}

@media (max-width: 767px) {

.component-section{ margin-top:0;}

}

.table-title-top-action{ margin-top:20px;}

.table-title-top-action a.btn{ margin-left:20px;}

.pmd-table-row-action{width:156px;}

.pmd-table-row-action a{ margin:-8px 0;}

.direct-expand i::before{ content: "\e148"; font-family: "Material icons";}

.direct-expand.child-table-collapse i::before{content: "\e15D";}

.login-card-section{ max-width:400px;}



.shadow-demo{ margin-bottom:30px; min-height:100px;}

.component-box .card-body > .btn{ margin: 5px 2px;}

.floating-action-custom .pmd-floating-action{ position:relative;}



.range-slider-container .card{ min-height:90px}



/*======================== Blank page======================*/

@media (max-width: 639px) {

h1.pmd-display4 { font-size: 4rem;}

}

/*======================== Modal page======================*/

@media (max-width: 768px) {

.component-box .card-body.modal-btn  .btn, .card-body.dropdown-btn .btn {margin: 5px 2px;}

}

/*======================== Tab page======================*/

.dropdown-tab .pmd-tabs .nav .open > a, .dropdown-tab .pmd-tabs .nav .open > a:hover, .dropdown-tab .pmd-tabs .nav .open > a:focus { background-color: transparent; border-color: transparent; opacity: 1;}

/* custom css */

.navbar-fixed-top.navbar-inverse {background-color: #ffffff;border-color: #ffffff;}

.navbar-fixed-top.navbar-inverse .material-icons.md-light {

    color: #F67900;

}

.navbar-fixed-top.navbar-inverse .notification .pmd-badge[data-badge]::after {

    background-color: #F67900;

    color: #ffffff;

}

.navbar-brand {margin-top: 12px;}

.btn-group .btn + .btn {margin-left: 10px;}

.card-clone {

    position: relative;

    padding: 15px 15px 0;

    box-shadow: 0 0 5px #ccc;

    max-width: 98%;

    margin-top: 15px;

}

.card-clone .clone-btn {

    position: absolute;

    right: -19px;

    top: -21px;

}

.fileinput {position: relative;}

.panel-default>.panel-heading {padding: 0;}

.panel-default>.panel-heading .panel-title a {

  display: block;

  padding: 10px 15px;

  background-color: #F67900;

  color: #ffffff;

}

.panel-group .panel {border:1px solid #F67900;margin-bottom: 30px;}

.remove-btn {background-color: #424244;border-color: #424244;}

.panel-group .panel table {border:1px solid #807F83}

.panel-group .panel table tr th {border-bottom: 1px solid #807F83;}

.panel-group .panel table tr th:last-child, 

.panel-group .panel table tr td:last-child {border-right:1px solid #807F83}

.panel-group .panel .pmd-textfield label {

    font-size: 16px;

    color: rgb(117 117 117);

}

.pmd-sidebar .pmd-sidebar-nav a i svg path {fill:#ffffff;}

.pmd-sidebar .pmd-sidebar-nav li a {color: #ffffff;}

.panel-group .panel .pmd-textfield .form-control {

    border-color: rgba(0, 0, 0, 0.55);

}

.btn-primary:focus, .dropdown-toggle.btn-primary:focus,

.btn-primary:hover, .dropdown-toggle.btn-primary:hover {

    background-color: #b3450f;

}

.login-card label.invalid {

    color: #f4483e;

    font-size: 13px;

    left: 39px;

    position: relative;

    top: -17px;

}

.pmd-textfield-floating-label-active label.invalid  {}

.body-custom .alert {

    margin: 7px auto;

    max-width: 80%;

}