*{margin:0;
  padding:0;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  color: #434343;
 
}
strong, b {
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}
a{
  color: #2b2b2b;
}
a:hover {
    color: #434343;
}

a, a:hover {
    text-decoration: none;
}

i {
  font-size: 1.1em;
}
h1, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #434343;
}
h2, h3{
   font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  color: #434343;
}
p {
    color: #666;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
}
p strong {
  font-weight: 600;
}
.btn.btn-primary{
  padding:  6px 20px;
  background-color: #1a80ca;
  color: #fff;
}
.btn.btn-primary:hover{
  padding:  6px 20px;
  background-color:#4b4b4b;
   color: #fff;
}

 /* top-header*/
.top-bar{
  background-color: #fff;
  border-bottom:1px solid#eee;
}
/* end top-header*/

/* nav bar */
.navbar{
  margin-bottom: 0px;
}
.navbar-default{
  background-color:#fff !important;
  box-shadow:0px 2px 4px #585858;
  position: relative;
}
.navbar-default .navbar-nav>li>a{
  font-family:'Open Sans', sans-serif;
  font-size: 15px;
  color: #1f1f1f;
  font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #1a80ca;
    border-top: 2px solid#1a80ca;
 }
 
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #1a80ca;
    background-color:#eee;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    color: #1a80ca;
    background-color: #fff;
}
nav>li>a:focus, .nav>li>a:hover,.nav>li>a:active{
    text-decoration: none;
    color: #1a80ca;
    background-color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus{
  background-color: #fff;
}
.navbar-toggle:focus {
    background-color: #1a80ca ! important; 
}
.navbar-toggle{
 background-color: #1a80ca ! important; 
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.img-logo{
  padding: 8px;

}.top-bar{
  background-color: #fff;
  border-bottom:1px solid#eee;
}
.navbar-left{
  margin-top:14px;
}
.navbar-nav{
  position: relative;
}
.label{
  position: absolute;
  top: 0px;
 right:  50px;
}
.top-nav {
      border-radius: 0; 
      width: 100%;
      z-index: 1;
}
.sticky { 
      position: fixed;
      left: 0;
      top: 0; 
}

/*media quiery mobile & table768*/
@media only screen and ( max-width: 767px ) {
.navbar-default .navbar-nav>li{
border-bottom: 1px solid #d6d6d6;
}
.navbar-default .navbar-nav>li>a:hover{
border-top: none;
}
.top-bar{
text-align: center;
margin: auto;
}
.navbar-nav{
  margin: 0px;
}
}
/*nav end*/
/*about*/
.welcome-box{
  padding-top: 10px;
  padding-bottom: 10px;
}
.welcome-textinfo{
  text-align: justify;
}
/*end about*/

/* happy client*/
.happy-client{
border-bottom: 1px solid #eee;
}
.happy-client{
  padding-top: 20px;
  padding-bottom: 20px;
}
.right,.left {
  color: #fff;
}
.carousel{
  padding-top: 20px;
  padding-bottom: 12px;
}
.carousel-control.left{
background-image:none;
}
.carousel-control.right{
background-image:none;
}
.carousel-showmanymoveone .carousel-control {
    width: 26px;
    height: 26px;
    background: #313131;
    top: -30px;
}
.carousel-inner{    
    position: relative;
    width: 100%;
    overflow: hidden;   
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
/*client end*/
.space{
  padding: 30px
}
/*login-page*/
.bg-login{
background-image: url("../images/micropro-login.jpg");
}
.panel-title h2{
  color: #fff; 
  text-align: center;
  padding-top:40px;
  font-weight: 600;
}
.main-login{
  background-color: #fff;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.3);
  box-shadow:rgb(0,0,0,0.3);
  }
.main-center{
  max-width: 330px;
  margin-top: 30px;
  margin:  auto;
  padding: 40px 40px; 

}
.top-margin{
   margin-top: 30px;
}
.logo img{
  margin: auto;
  display: block;
  margin-bottom: 15px;
}
.login-btn{
  margin-top: 8px;
}
.footer p{
  text-align: center;
  color: #fff;
  margin-top: 25px;
}
/*end login*/



/*____ Font Size ____*/
.f10{font-size: 10px}.f11{font-size: 11px}.f12{font-size: 12px}.f13{font-size: 13px}.f14{font-size: 14px}.f15{font-size: 15px}.f16{font-size: 16px}.f17{font-size: 17px}.f18{font-size: 18px}.f19{font-size: 19px}.f20{font-size: 20px}.f22{font-size: 22px}.f25{font-size: 25px}.f28{font-size: 28px}.f30{font-size: 30px}.f35{font-size: 35px}.f40{font-size: 40px}.f45{font-size: 45px}.f50{font-size: 50px}
/*____ Font Weight ____*/
.f100{font-weight: 100}.f300{font-weight: 300}.f400{font-weight: 400}.f500{font-weight: 500}.f600{font-weight: 600}.f700{font-weight: 700}.f800{font-weight: 800}.f900{font-weight: 900}
/* strict */
.fs100{font-weight: 100 !important}.fs300{font-weight: 300 !important}.fs400{font-weight: 400 !important}.fs500{font-weight: 500 !important}.fs600{font-weight: 600 !important}.fs700{font-weight: 700 !important}.fs900{font-weight: 900 !important}
/*____ Padding ____*/
.p0{padding: 0}
.ps0{padding: 0 !important}
.pl0{padding-left: 0}.pl5{padding-left: 5px}.pl10{padding-left: 10px}.pl15{padding-left: 15px}.pl20{padding-left: 20px}.pl25{padding-left: 25px}.pl30{padding-left: 30px}.pl35{padding-left: 35px}.pl40{padding-left: 40px}.pl45{padding-left: 45px}.pl50{padding-left: 50px}.pl60{padding-left: 60px}
.pt0{padding-top: 0}.pt5{padding-top: 5px}.pt10{padding-top: 10px}.pt15{padding-top: 15px}.pt20{padding-top: 20px}.pt25{padding-top: 25px}.pt30{padding-top: 30px}.pt35{padding-top: 35px}.pt40{padding-top: 40px}.pt45{padding-top: 45px}.pt50{padding-top: 50px}.pt60{padding-top: 60px}
.pr0{padding-right: 0}.pr5{padding-right: 5px}.pr10{padding-right: 10px}.pr15{padding-right: 15px}.pr20{padding-right: 20px}.pr25{padding-right: 25px}.pr30{padding-right: 30px}.pr35{padding-right: 35px}.pr40{padding-right: 40px}.pr45{padding-right: 45px}.pr50{padding-right: 50px}.pr60{padding-right: 60px}
.pb0{padding-bottom: 0}.pb5{padding-bottom: 5px}.pb10{padding-bottom: 10px}.pb15{padding-bottom: 15px}.pb20{padding-bottom: 20px}.pb25{padding-bottom: 25px}.pb30{padding-bottom: 30px}.pb35{padding-bottom: 35px}.pb40{padding-bottom: 40px}.pb45{padding-bottom: 45px}.pb50{padding-bottom: 50px}.pb60{padding-bottom: 60px}
/*____ Margin ____*/
.ma{ margin: 0 auto}
.m0{margin: 0}
.ms0{margin: 0 !important}
.ml0{margin-left: 0}.ml5{margin-left: 5px}.ml10{margin-left: 10px}.ml15{margin-left: 15px}.ml20{margin-left: 20px}.ml25{margin-left: 25px}.ml30{margin-left: 30px}.ml35{margin-left: 35px}.ml40{margin-left: 40px}.ml45{margin-left: 45px}.ml50{margin-left: 50px}.ml60{margin-left: 60px}
.mt0{margin-top: 0}.mt5{margin-top: 5px}.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt20{margin-top: 20px}.mt25{margin-top: 25px}.mt30{margin-top: 30px}.mt35{margin-top: 35px}.mt40{margin-top: 40px}.mt45{margin-top: 45px}.mt50{margin-top: 50px}.mt60{margin-top: 60px}
.mr0{margin-right: 0}.mr5{margin-right: 5px}.mr10{margin-right: 10px}.mr15{margin-right: 15px}.mr20{margin-right: 20px}.mr25{margin-right: 25px}.mr30{margin-right: 30px}.mr35{margin-right: 35px}.mr40{margin-right: 40px}.mr45{margin-right: 45px}.mr50{margin-right: 50px}.mr60{margin-right: 60px}
.mb0{margin-bottom: 0}.mb5{margin-bottom: 5px}.mb10{margin-bottom: 10px}.mb15{margin-bottom: 15px}.mb20{margin-bottom: 20px}.mb25{margin-bottom: 25px}.mb30{margin-bottom: 30px}.mb35{margin-bottom: 35px}.mb40{margin-bottom: 40px}.mb45{margin-bottom: 45px}.mb50{margin-bottom: 50px}.mb60{margin-bottom: 60px}
/*____ Border ____*/
.brdn{border: 0}
.brd{border: 1px solid #ccc}
.brdt{border-top: 1px solid #ccc}
.brdr{border-right: 1px solid #ccc}
.brdb{border-bottom: 1px solid #ccc}
.brdl{border-left: 1px solid #ccc}

/*____ Color ____*/
.str1{color: #3e5ba2}
.str2{color: #cb4848}
.str3{color: #4a4859}
.str4{color: #000}
.str5{color: #39aa73}
.str6{color: #ccc}
.str7{color: #fff}
.str8{color: #606874}
.str9{color: #8d929a}
.str10{color: #cc6909}
.str11{color: #e13636}
.str12{color: #666666}
/* strict */
.cols1{color: #3e5ba2 !important}
.cols2{color: #cb4848 !important}
.cols3{color: #4a4859 !important}
.cols4{color: #000 !important}
.cols5{color: #39aa73 !important}
.cols6{color: #ccc !important}
.cols7{color: #fff !important}
.cols8{color: #606874 !important}
.cols9{color: #8d929a !important}
.cols10{color: #cc6909 !important}
.cols11{color: #e13636 !important}
.cols12{color: #666666 !important}

/*____ Position ____*/
.pr{position: relative}
.pa{position: absolute}
.pf{position: fixed}

/*____ Display ____*/
.dnone{display: none}
.dblock{display: block}
.dinlineB{display: inline-block}
.dtable{display: table}
.dtableCell{display: table-cell}
/*____ Vertical Align ____*/
.text-top{ vertical-align: top}
.text-middle{ vertical-align: middle}
.text-bottom{ vertical-align: bottom}
.txt-none{ text-decoration: none}
/*____ Backgound Color ____*/
.bg1{ background-color: #fff; background: #fff;}
.bg2{ background-color: #f7f7f7; background: #f7f7f7;}
.bg3{ background-color: #576da1; background: #576da1;}
.bg4{ background-color: #4f6497; background: #4f6497;}
.bg5{ background-color: #cb4848; background: #cb4848;}
.bg6{ background-color: #39aa73; background: #39aa73;}
.bg7{ background-color: #f1a939; background: #f1a939;}
/*____ Float ____*/
.fl{ float: left}
.fr{ float: right}
.fn{ float: none}
/*____ Font- Family ____*/

.lh1{line-height: 1}
.lh2{line-height: 2}
.lh3{line-height: 3}
.lh4{line-height: 4}
.lh5{line-height: 5}

.fR{font-family: 'Roboto', sans-serif;}
.fOS{font-family: 'Open Sans', sans-serif;}
.fRC{font-family: 'Roboto Condensed', sans-serif;}
.fAR{font-family: 'Arimo', sans-serif;}
.fAS{font-family: 'Asap', sans-serif;}
.fNU{font-family: 'Nunito', sans-serif;}

/*____ Custome Width ____*/
.col-1, .col-2, .col-3{position: relative;	min-height: 1px;float: left;}
.col-1{width: 26%}
.col-2{width: 56%}
.col-3{width: 18%}
.clear{clear: both}
.m-viewport-show{ display:  none}
.d-viewport-show{ display:  block}
.m-strict-viewport-show{ display:  none !important}
.d-strict-viewport-show{ display:  block !important}
.di-strict-viewport-show{ display:  inline-block !important}
.radius-3{ -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.radius-5{ -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important}
.radius-7{ -webkit-border-radius: 7px !important;-moz-border-radius: 7px !important;border-radius: 7px !important}
.radius-8{ -webkit-border-radius: 8px !important;-moz-border-radius: 8px !important;border-radius: 8px !important}
.radius-10{ -webkit-border-radius: 10px !important;-moz-border-radius: 10px !important;border-radius: 10px !important}
/*.btn{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;padding: 9px 20px;}*/
/********************************************************************************************************************/
[class^="mp-icon-"], [class*=" mp-icon-"]{
	background-image: url(../images/mp-icon-bg.png);
	background-repeat: no-repeat
}
.mp-icon-ronline{width:26px; height: 26px; display: inline-block; background-position: 1px 1px; float: right;margin-left: 5px}

.about-block{background-color: #2d58a1}
.about-block h2{font-size: 38px; font-weight: 100; color: #fff; text-align: center; margin: 0;padding: 15px 0 25px;}
.about-block .content{font-weight: 300;font-size: 16px;line-height: 25px;color: #fff;}
.page-heading{color: #fff;font-size: 30px; font-weight: 300;padding: 15px 0 15px;margin: 0; text-align: center; line-height: 20px;}


.contactus-container{width: 400px;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.09);padding: 15px;position: absolute; right: 13%;top: 15%}
.panel-default > .panel-heading{background-color: transparent}
.panel-group .panel{border-radius: 0; border: 0}
.panel-group .panel-heading{padding: 0}
.panel-group .panel-heading .panel-title a{padding: 15px 0; display: block; text-decoration: none}
.panel-body{padding: 15px 0; font-size: 15px; font-weight: 300}
.panel-body .fa{font-size: 20px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #ededed;}
.mapframe{width: 100%; height: 650px; float: left;display: block}

.panel-group .panel-heading .panel-title a .fa.fa-chevron-down {
}
.panel-group .panel-heading .panel-title a .fa.fa-chevron-down:before{content:"\f077"}
.panel-group .panel-heading .panel-title a.collapsed .fa.fa-chevron-down:before{content:"\f078"}

.dashboard-heading{font-size: 30px; font-weight: 300; padding: 0 15px 20px;}
.dashboard-heading .nav.nav-tabs{margin: 0;padding: 0;border-bottom: 0px solid #e8e8e8; padding: 10px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.dashboard-heading .nav.nav-tabs > li + li{margin-left: 10px;}
.dashboard-heading .nav.nav-tabs > li > a{margin: 0;padding: 6px 15px; font-size: 17px;font-weight: 300;border: 0;color: #333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.dashboard-heading .nav.nav-tabs > li.active > a{background-color: #f7f7f7;color: #ef3238}

.dashboard-block{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.08);border-radius: 3px;overflow: hidden;margin-bottom: 25px;}
.dashboard-block .heading{padding: 12px 15px; margin: 0; font-size: 15px; font-weight: 500; border-bottom: 1px solid #eee;color: #fff; background-color: #2d58a1}
.dashboard-block .content{padding: 5px 10px;height: 300px; overflow: auto}
.dashboard-block .content .table th{border-top: 0; border-bottom: 2px solid #ddd; font-size: 14px; font-weight: 500}
.dashboard-block .content .table td{ font-size: 14px;font-weight: 300}

.user-access-btn .btn{border: 0;padding: 0; background-color: transparent; font-size: 15px; font-weight: 300}
.user-access-btn.open .btn:focus, .user-access-btn.open .btn, .user-access-btn .btn:focus{ background-color: transparent; box-shadow: none}
.toggleMenuContainer{border: 0; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.08); width: 100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;padding: 15px 0;}
.toggleMenuContainer .text{font-size: 18px;font-weight: 400;}
.toggleMenuContainer .bar-container{display: block; float: right;margin: 4px 16px 0 0; position: relative;width: 30px;}
.toggleMenuContainer .bar{width:100%; display:  block;background-color: #2d58a1;height: 3px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.toggleMenuContainer .bar + .bar{margin-top: 4px;}


.tasklisting-container{padding: 0 15px;}
.tasklisting-container .task-list{background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 5px rgba(0,0,0,.05);margin-bottom: 20px;}
.tasklisting-container .task-list a{text-decoration: none; display: table;width: 100%;padding: 15px;border: 1px solid transparent; transition: all .5s ease}
.tasklisting-container .task-list .task-icon-block{width: 70px;text-align: center; vertical-align: middle;font-size: 25px;color:#ec3138;padding-right: 15px;}

.tasklisting-container .task-list .task-icon-block .call-info{font-size: 13px; font-weight: 500;margin-bottom: -10px;display: inline-block;}


.tasklisting-container .task-list .task-jobno{ vertical-align: middle;font-size: 25px;width: 20%; color: #333; border-right: 1px solid #eee}
.tasklisting-container .task-list .task-jobno time{font-size: 14px;color: #333;width: 100%; display: block;padding-left: 5px;font-weight: 300}
.tasklisting-container .task-list .task-date-type{ color: #333; width: 25%; border-right: 1px solid #eee;padding-left: 15px;}
.tasklisting-container .task-list .task-date-type .content{font-size: 14px;}
.tasklisting-container .task-list .task-date-type .content span{color: #767676}
.tasklisting-container .task-list .task-date-type .content + .content{padding-top: 15px}
.tasklisting-container .task-list .task-status{ color: #333;padding-left: 15px; border-right: 1px solid #eee;width: 20%}
.tasklisting-container .task-list .task-icon-block,
.tasklisting-container .task-list .task-jobno,
.tasklisting-container .task-list .task-date-type,
.tasklisting-container .task-list .task-status,
.tasklisting-container .task-list .task-edd,
.tasklisting-container .task-list .task-details,
.task-notification{ display: table-cell;}
.tasklisting-container .task-list .task-edd{font-size: 14px; font-weight: 300;color: #333;width: 10%;padding-left: 15px;border-right: 1px solid #eee;}
.tasklisting-container .task-list .task-details{font-size: 14px; font-weight: 300;color: #333;width: 30%}
.tasklisting-container .task-list a:hover{border: 1px solid rgba(235, 50, 55, 0.3)}
.task-notification{width: 92%;}
.task-notification .heading{ font-size: 18px;font-weight: 400;color: #333}
.notification-date-time{ font-size: 14px;font-weight: 300;color: #333;padding-top: 8px;}
.tack-dtl-content{background-color: #fff; float: left; width: 100%;padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,.05);min-height: 400px;}

.task-dtl-heading{font-size: 20px;font-weight: 400;padding: 5px 0 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.tack-dtl-content .text-field-row{padding: 8px 0}
.tack-dtl-content .text-field-row label{
	font-size: 14px; font-weight: 400;
}
.tack-dtl-content .text-field-row .text{
	font-size: 14px; font-weight: 300;
}

.man-hours-summary-block{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);	padding: 15px;}
.man-hours-summary-block h3{margin: 0; font-size: 16px; font-weight: 600; font-family: Open Sans;}

.man-hours-summary-block .filterable-panel .form-control{font-size: 14px;border-radius: 3px; border-width: 1px; min-height: 30px;padding: 5px 10px}
.man-hours-summary-block .filterable-panel .btn{border-radius: 3px;padding: 6px 10px}

.modal-footer{text-align: left}
#registerModal .modal-dialog{width: 450px;}
.modal-dialog .modal-content{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.modal-dialog  .modal-title{font-weight: 300;font-size: 25px;text-align: center}
.modal-dialog button.close{ font-size: 35px; font-weight: 300;}

.uploadifive-button{line-height: 22px !important;}

label.error{
	font-size: 13px;
	color: #f00;
	font-weight: 400
}

.m-structure-table .table th,
.m-structure-table .table td{ font-size: 14px; font-weight: 300;border-color: #efefef}
.m-structure-table .table th{background-color: #f7f7f7; font-weight: 600;font-family: Open Sans}
.m-structure-table .table tr:hover td{background-color: transparent}
.m-structure-table .table tr.total td{background-color: #f7f7f7; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; font-size: 16px; font-weight: 400}


footer{
	padding: 0;
	font-size: 13px;	
}



@media(max-width: 768px){
	.m-strict-viewport-show{ display:  block !important}
	.d-strict-viewport-show{ display:  none !important}
	.di-strict-viewport-show{ display:  none !important}
	.m-viewport-show{ display:  block}
	.d-viewport-show{ display:  none}
	.m-p0{padding: 0}
	.m-sp0{padding: 0 !important}
	.m-row0{margin-left: 0;margin-right: 0;}
	.m-m0{margin: 0}.m-mt10{margin-top: 10px}.m-mt10{margin-top: 20px}.m-mt30{margin-top: 30px}.m-mb10{margin-bottom: 10px}.m-mb20{margin-bottom: 20px}.m-mb30{margin-bottom: 30px}
	.m-sm0{margin: 0 !important}
	.m-text-center{text-align: center !important}
	.m-text-left{text-align: left !important}
	.m-text-right{text-align: right !important}
	.fl, .fr, .fn{ float: none}
	.col-1, .col-2, .col-3{width: 100%}
	#top-navigation.navbar .nav.navbar-nav{float: none}
	#top-navigation.navbar .navbar-nav > li > a{padding: 8px 0;border-radius: 3px;margin: 15px 0 0; border-bottom: 0px solid transparent;text-align: center;}
	#top-navigation.navbar .navbar-nav > li > a:hover, #top-navigation.navbar .navbar-nav > li.active > a{border-bottom: 0px solid #ef3238;background-color: #ef3238;color: #fff}
	.loginFormBlock{border-radius: 0; margin: 15px 0 0;box-shadow: none}
	.dashboard-heading .nav.nav-tabs > li{width: 100%}
	.dashboard-heading .nav.nav-tabs > li{margin: 5px 0}
	.dashboard-heading .nav.nav-tabs > li + li{margin-left: 0}
	.dashboard-heading{padding: 0}
	.tab-content{margin-top: 20px;}
	.tab-content .col-sm-4{padding: 0}
	.dashboard-heading .nav.nav-tabs{display: none}
	.tasklisting-container{padding: 0}
	.tasklisting-container .task-list a{text-decoration: none; display: block;width: 100%;}
	.tasklisting-container .task-list .task-icon-block,
	.tasklisting-container .task-list .task-jobno,
	.tasklisting-container .task-list .task-date-type,
	.tasklisting-container .task-list .task-status,
	.tasklisting-container .task-list .task-details,
	.task-notification{ display: block;width: 100%;padding: 0;border: 0}
	.tasklisting-container .task-list .task-icon-block{ text-align: left}
	.tasklisting-container .task-list .task-jobno{border-bottom: 1px solid #eee;margin-bottom: 12px; padding-bottom: 9px;}
	.tasklisting-container .task-list .task-date-type .content + .content{padding: 0}
	.contactus-container{position: relative; top: 0; left: 0; width: 100%; box-shadow: none}
	.mapframe{height: 350px;}
	.tasklisting-container .task-list .task-icon-block .call-info{margin: 0; position: relative; top: -6px;padding: 0 15px;}
	.tasklisting-container .task-list .task-date-type, .tasklisting-container .task-list .task-status{padding-bottom: 8px;}

	.m-structure-table .table,
	.m-structure-table .table tbody,
	.m-structure-table .table tr,
	.m-structure-table .table td{display: block; width: 100%}
	.m-structure-table .table th,.m-structure-table .table .table-heading{display: none}
	.m-structure-table .table tr{border: 1px solid #ececec; margin-bottom: 15px;}
	.m-structure-table .table tr td:first-child, .m-structure-table .table tr:hover td:first-child{background-color: #f7f7f7}
	.m-structure-table .table th,
	.m-structure-table .table td{ font-size: 14px; font-weight: 300;border-color: #efefef}
	.m-structure-table .table th{background-color: #f7f7f7; font-weight: 500}
	.m-structure-table .table tr:hover td{background-color: transparent}

	.m-structure-table .table tr.total td{
		background-color: #f7f7f7; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; font-size: 16px; font-weight: 400
	}
}

#highChartGraph{height: 295px;}
.highcharts-legend{}
.front-form .form-control{ border-width: 1px; border-radius: 4px;padding: 10px;}
.top-right-close {background: #fff !important; border: 1px solid #ed3336; border-radius: 50%;color: #ed3336;display: block;font-size: 22px  !important;height: 30px; line-height: 0;opacity: 1;position: absolute; right: -14px;top: -11px;width: 30px;}
.close.top-right-close span {display: block; height: 30px;line-height: 25px;}
.top-right-close:hover{background-color: #ed3336 !important;color: #fff !important; border-color: #ed3336 !important;opacity: 1;}

@media(max-width: 580px){
	.btn.btn-img{
		width: 65px;
	}
}