/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */
@import url("http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css");
@import url('http://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
  font-family: 'Share Tech Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Share Tech Mono'), local('ShareTechMono-Regular'), url(https://fonts.gstatic.com/s/sharetechmono/v9/J7aHnp1uDWRBEqV98dVQztYldFcLowEF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-top:92px;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: 'Open Sans', sans-serif;
  background-color: #fafafa!important;
}


#header {
    background: #fff !important;
    border-bottom:1px solid #ddd;
}

#manu {
    background: #fff !important;
}
#manu .navbar-right{
    margin-top:40px;
}
@media (max-width: 768px){
.navbar-right {
    margin-top:0px!important;
}}
.navbar-default {
    background-color: #fff!important;
    border-color: #fff!important;
}
#footer {
    background-color: #5a5c67;
    color:#fff;
     position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}
table {
    background-color: white!important;
}
.table > thead > tr > th ,.table > thead > tr > th > a,.table > thead > tr > .sorting {
    background:#46505c!important;
    color:#FFF!important;
    border-color:#46505c!important;
    vertical-align: top!important;
    font-size: 14px!important;
}

.table>tbody>tr>td{
    padding:3px!important;
}
/*table{
    
    border-radius:20px;
}
thead{
    background-color:#eee;
}*/
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.grey {
    color: #848484;
}

.red {
    color: #C00;
}

.navy {
    color: #039;
}
.form-control {
    border-radius: 0px!important;
}
.btn {
    border-radius: 0!important;
    border: 0!important;
    position: relative;
    text-transform: uppercase;
}
.btn-warning,.btn-warning[type=submit],.btn-warning[type=button],.btn-warning[type=input],.btn-warning[type=reset], .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #81c454!important;
    line-height: 1.5!important;
}
.r-btn{
    border:0;
    border-radius:0!important;
    color: #fff;
    background-color: #81c454;
}
.r-btn:hover,.r-btn.hover,.r-btn.r-btn:focus, .r-btn.focus, .r-btn:active, .r-btn.active, .open > .dropdown-toggle.r-btn {
    color: #0A85BB;
    background-color: #fff;
}
.clk:hover {
  color: #0A85BB!important;
}

.clk:before {
  background-color: #fff!important;
}

.clk.btn-effect:after {
  background: #ec971f;
}
.submit:hover {
  color: #fff!important;
}

.submit:before {
  background-color: #0A85BB!important;
}

.submit.btn-effect:after {
  background: #ec971f;
}
input[type=button].[submit]:hover {
  color: #fff!important;
}
input[type=button].[submit]:before {
  background-color: #0A85BB!important;
}
input[type=button].[submit].[btn-effect]:after {
  background: #ec971f;
}

/* Sweep To Right */
.btn-effect,.btn-effect[type=submit],.btn-effect[type=button],.btn-effect[type=input],.btn-effect[type=reset] {
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	display: inline-block;

	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
	-webkit-transition-property: color;
	   -moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
	-moz-osx-font-smoothing: grayscale;
}

.btn-effect:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	
	-webkit-transform: scaleX(0);
	   -moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
			transform: scaleX(0);
			
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
			transform-origin: 0 50%;
			
	-webkit-transition-property: transform;
	   -moz-transition-property: transform;
		-ms-transition-property: transform;
			transition-property: transform;
			
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
			
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}

.btn-effect:hover, .btn-effect:focus, .btn-effect:active,.btn-warning[type=submit],.btn-warning[type=button],.btn-warning[type=input],.btn-warning[type=reset], {
	color: #009EE3;
}

.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {
	-webkit-transform: scaleX(1);
	   -moz-transform: scaleX(1);
	    -ms-transform: scaleX(1);
			transform: scaleX(1);
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #46505c!important;
    border-color: #46505c!important;
}

.btn-gray {
    background-color: #999;
    color: #FFF;
    font-weight: 600;
}

.border-radius {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/*=================
Form
===================*/
label {
    font-weight: 500;
}

.navbar-form {
    padding: 0px 0px;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    color: #C00;
    font-weight: bold;
}


    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }

.period {
    display: block;
    font-style: italic;
}


/* Tooltip */
.tip + .tooltip > .tooltip-inner {
    background-color: #FFF;
    color: #000;
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 15px;
}

/*============
 GRAPH CHART CSS
 ==================*/

#area-chart,
#line-chart,
#bar-chart,
#stacked,
#pie-chart {
    min-height: 250px;
}


/*Left CHart Css*/
.axis path,
.axis line {
    fill: none;
    stroke: #46464F;
    opactiy: 0.0001;
    shape-rendering: crispEdges;
}

.x.axis path, .y.axis path {
    display: none;
}

.line {
    fill: none;
    stroke: #377CC3;
    stroke-width: 1.5px;
}

.overlay {
    fill: none;
    pointer-events: all;
}

.focus circle {
    fill: #46464F;
    stroke: #377CC3;
}

.grid .tick {
    stroke: #46464F;
    opacity: 0.7;
    stroke-dasharray ="1,3";
}

.axis g.tick {
    stroke: #56565F;
}

.focus text {
    stroke: #A6A6AF;
}

.grid path {
    stroke-width: 0;
}

.area {
    /*
  here's where the gradient would go
  **/
    fill: #377CC3;
    opacity: .1;
    stroke-width: 0;
}

.yAxisTicks {
    /*
  styling for axis ticks/labels goes here
  **/
}

.xAxisTicks {
    /*
  styling for axis ticks/labels goes here
  **/
}
/*Left CHart Css end*/

/* =============================
 Spacer, margin
============================= */

.padleft20 {
    padding-left: 20;
}

.padright20 {
    padding-right: 20;
}

.padLR10 {
    padding-top: 0px 10px;
}

.padLR20 {
    padding-top: 0px 20px;
}

.padbot20 {
    padding-bottom: 20px;
}

.padbot40 {
    padding-bottom: 40px;
}

.clear-marginbot {
    margin-bottom: 0;
}

.margin-10 {
    margin: 10px 0px;
}

.margin-20 {
    margin: 20px 0px;
}

.margin-30 {
    margin: 30px 0px;
}

.margin-40 {
    margin: 40px 0px;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot30 {
    margin-bottom: 30px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.clear-margintop {
    margin-top: 0;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop40 {
    margin-top: 40px;
}

/*=======Toggle Switch========*/
.switch6 {
    max-width: 17em;
    margin: 0 auto;
    width: 100px;
    float: right;
    border-radius: 5px;
    height: 31px;
}

.switch6-light > span, .switch-toggle > span {
    color: #000000;
}

.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {
    color: #2b2b2b;
}

.switch-toggle a,
.switch6-light span span {
    display: none;
}

.switch6-light {
    display: block;
    height: 30px;
    position: relative;
    overflow: visible;
    padding: 0px;
    margin-left: 0px;
}

    .switch6-light * {
        box-sizing: border-box;
    }

    .switch6-light a {
        display: block;
        transition: all 0.3s ease-out 0s;
    }

    .switch6-light label,
    .switch6-light > span {
        line-height: 30px;
        vertical-align: middle;
        margin-bottom: 0px;
    }

    .switch6-light label {
        font-weight: 700;
        max-width: 100%;
        margin-bottom: 0px;
    }

    .switch6-light input:focus ~ a, .switch6-light input:focus + label {
        outline: 1px dotted rgb(220, 220, 220);
    }

    .switch6-light input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

        .switch6-light input:checked ~ a {
            right: 0%;
        }

    .switch6-light > span {
        position: absolute;
        left: -100px;
        width: 100%;
        margin: 0px;
        padding-right: 100px;
        text-align: left;
    }

        .switch6-light > span span {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 5;
            display: block;
            width: 50%;
            margin-left: 100px;
            text-align: center;
        }

            .switch6-light > span span:last-child {
                left: 50%;
            }

    .switch6-light a {
        position: absolute;
        right: 50%;
        top: 0px;
        z-index: 4;
        display: block;
        width: 50%;
        height: 100%;
        padding: 0px;
    }



/*=============*/

/*----Tabs style----*/
.panel-heading {
    padding: 0px 5px;
    border-bottom: 0px solid !important;
}
/*------------------*/

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.num-active {
    border-radius: 50%;
    padding: 0px 8px;
}

#summary {
    display: none;
}

#crte-rule {
    margin-top: 25px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.modal {
    overflow: scroll !important;
}

.row-form {
    margin-left: 0px !important;
    margin-right: 0px !important;
}



table tbody tr td {
    font-size: 12px !important;
}

.loader {
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255, 255, 255, 0.7);
}

    .loader img {
        margin-top: 23%;
    }

.border-0100 {
    border-right: 1px solid #ccc;
}

.refine {
    padding: 0 5px;
}

    .refine a {
        color: #000;
        text-decoration: none;
    }

        .refine a:hover {
            text-decoration: none !important;
        }

        .refine a:focus, .refine a:active {
            text-decoration: none !important;
        }

#refines div {
    float: left;
    padding: 0 5px;
}

.col-auto1 {
    width: 35%;
}

.col-auto2 {
    width: 25%;
}

.col-auto3 {
    width: 25%;
}

.col-auto4 {
    width: 15%;
}

@media(max-width:820px) {
    #refines div {
        width: 100% !important;
    }
}

.dt-txtbox {
    width: 100px !important;
}

.active_menu_dvidr {
    border-right: 1px solid #ccc;
}

#srchkey {
    margin-top: 20px;
}

#hidecolumn {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    text-decoration: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#checkboxlist {
    width: 100% !important;
}

.well-wh {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#tipsdetail {
    display: none;
}
/* Style the links inside the sidenav */
#mySidenav a {
    position: fixed;
    left: -195px;
    transition: 0.7s;
    padding: 10px;
    width: 240px;
    text-decoration: none;
    font-size: 18px;
    color: white;
    border-radius: 0 5px 5px 0;
}

    #mySidenav a:hover {
        left: 0; /* On mouse-over, make the elements appear as they should */
    }

/* The about link: 20px from the top with a green background */
#about {
    bottom: 120px;
    background-color: #4CAF50;
}

#blog {
    bottom: 60px;
    background-color: #2196F3;
}

.i {
    padding: 0px 0px 0 15px;
}

#Inventory a:hover {
    text-decoration: none !important;
}

.progress {
    height: 10px !important;
    margin-bottom: 0px !important;
}

.totalno {
    font-size: 28pt;
    font-weight: 600;
}
.sum-detail{
    font-size: 20px;
    padding-right:20px;
}
/* LINE ICONS CONFIGURATION */

.mtbox {
    background:#f2f3f5;
	padding:15px;
    margin:0 -30px 20px -30px!important;
}

.box1 {
	padding: 15px;
	text-align: center;
	color: #46505c;
	border-bottom: 1px solid #989898;
    background:#fff;
}

.box1 span {
	font-size: 50px;

}
.box1-title {
    font-size: 24px!important;
    text-transform:uppercase;
}
.box1 h3 {
	text-align: center;
}
.box1 a h3 {
	    color: #46505c;
        cursor:pointer;
}

.box0:hover .box1 {
	border-bottom: 1px solid #ffffff;
}

.box0 p {
	text-align: center;
	font-size: 12px;
	color: #f2f3f5;
}
.box0 p b{
	text-transform:uppercase;
}
.box0:hover p {
	color: #81c454;
}

.box0:hover {
	background: #ffffff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.box0:hover .box1 span {
	color: #81c454;
    transition: all 0.3s ease 0s;
}
/* LINE ICONS CONFIGURATION END */
/* *************************************************************************************
PANELS CONFIGURATIONS
*************************************************************************************** */

/*Panel Size*/

.pn {
    margin-bottom:10px;
	min-height: 200px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.pn:hover {
	box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
	
}

/*Grey Panel*/

.grey-panel {
	text-align: center;
	background: #dfdfe1;
}
.grey-panel .grey-header {
	background: #ccd1d9;
	padding: 3px;
	margin-bottom: 15px;
}
.grey-panel h5 {
	font-weight: 200;
	margin-top: 10px;
}
.grey-panel p {
	margin-left: 5px;
}
/* Specific Conf for Donut Charts*/
.donut-chart p {
	margin-top: 5px;
	font-weight: 700;
	margin-left: 15px;
}
.donut-chart h2 {
	font-weight: 900;
	color: #FF6B6B;
	font-size: 38px;
}

/* Dark Blue*/

.darkblue-panel {
	text-align: center;
	background: #444c57;
}
.darkblue-panel .darkblue-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.darkblue-panel h1 {
	color: #f2f2f2;
}
.darkblue-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
    text-transform:uppercase;
}
.darkblue-panel footer {
	color: white;
}
.darkblue-panel footer h5 {
	margin-left:10px; 
	margin-right: 10px;
	font-weight: 700;
}
/* green2 Blue*/

.green2-panel {
	text-align: center;
	background: #81c454;
}
.green2-panel .green2-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.green2-panel h1 {
	color: #f2f2f2;
}
.green2-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
    text-transform:uppercase;
}
.green2-panel footer {
	color: white;
}
.green2-panel footer h5 {
	margin-left:10px; 
	margin-right: 10px;
	font-weight: 700;
}
/* purple Blue*/

.purple-panel {
	text-align: center;
	background: #674d7e;
}
.purple-panel .purple-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.purple-panel h1 {
	color: #f2f2f2;
}
.purple-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
    text-transform:uppercase;
}
.purple-panel footer {
	color: white;
}
.purple-panel footer h5 {
	margin-left:10px; 
	margin-right: 10px;
	font-weight: 700;
}
/* orange Blue*/

.orange-panel {
	text-align: center;
	background: #f7c652;
}
.orange-panel .orange-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.orange-panel h1 {
	color: #f2f2f2;
}
.orange-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
    text-transform:uppercase;
}
.orange-panel footer {
	color: white;
}
.orange-panel footer h5 {
	margin-left:10px; 
	margin-right: 10px;
	font-weight: 700;
}
/* blue Blue*/

.blue-panel {
	text-align: center;
	background: #5189ac;
}
.blue-panel .blue-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.blue-panel h1 {
	color: #f2f2f2;
}
.blue-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
    text-transform:uppercase;
}
.blue-panel footer {
	color: white;
}
.blue-panel footer h5 {
	margin-left:10px; 
	margin-right: 10px;
	font-weight: 700;
}

/*Green Panel*/
.green-panel {
	text-align: center;
	background: #68dff0;
}
.green-panel .green-header {
	background: #43b1a9;
	padding: 3px;
	margin-bottom: 15px;
}
.green-panel h5 {
	color: white;
	font-weight: 200;
	margin-top: 10px;
}
.green-panel h3 {
	color: white;
	font-weight: 100;
}
.green-panel p {
	color: white;
}

/*White Panel */
.white-panel {
	text-align: center;
	background: #ffffff;
	color: #ccd1d9;
}

.white-panel p {
	margin-top: 5px;
	font-weight: 700;
	margin-left: 15px;
}
.white-panel .white-header {
	background: #f4f4f4;
	padding: 3px;
	margin-bottom: 15px;
	color: #c6c6c6;
}
.white-panel .small {
	font-size: 10px;
	color: #ccd1d9;
}

.white-panel i {
	color: #68dff0;
	padding-right: 4px;
	font-size: 14px;
}
/*----------------arrow steps style---------------*/

.multi-step {
  margin: 1em 0;
}

.multi-step-list {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
}
.multi-step-list .multi-step-item:first-child {
  margin-left: 0;
}
.multi-step-list .multi-step-item:last-child {
  margin-right: 0;
}

.multi-step-item {
  position: relative;
  width: 100%;
  margin: 0 0.3333333333em;
  z-index: 2;
  border-radius: 0.2em;
}
@media only screen and (max-width: 786px) {
  .multi-step-item {
    margin: 0 0.3333333333em;
  }
}
.multi-step-item .item-title,
.multi-step-item .item-subtitle {
  position: relative;
  margin: 0;
  z-index: 2;
}
@media only screen and (max-width: 786px) {
  .multi-step-item .item-subtitle {
    display: none;
  }
}
.multi-step-item .item-title {
  color: #45505c;
  font-weight: 600;
  margin: 0;
}
.multi-step-item.active:hover {
  cursor: pointer;
}
.multi-step-item.current .item-title, .multi-step-item.current .item-subtitle {
  color: #fff;
}
.multi-step-item.active.current:hover .item-title, .multi-step-item.active.current:hover .item-subtitle {
  color: #45505c;
}
.multi-step-item.error:after {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: .5em;
  color: #d50000;
}

.item-wrap {
  padding: 1em;
  position: relative;
  height: 100%;
}
.item-wrap:before, .item-wrap:after {
  position: absolute;
  left: 0;
  content: ' ';
  width: 100%;
  height: 50.5%;
  z-index: 1;
  background-color: #eee;
}
.item-wrap:before {
  top: 0;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
  border-radius: .2em .2em 0 0;
}
.item-wrap:after {
  bottom: 0;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  border-radius: 0 0 .2em .2em;
}

.current .item-wrap:before,
.current .item-wrap:after {
  background-color: #45505c;
}

.active:hover .item-wrap:before,
.active:hover .item-wrap:after {
  background-color: #cfd8dc;
}

.multi-step-item.error .item-title,
.multi-step-item.error .item-subtitle {
  padding-right: 2em;
}

.multi-step-item:first-child .item-wrap,
.multi-step-item:last-child .item-wrap {
  width: 100%;
  border-radius: 0.2em;
}
.multi-step-item:first-child .item-wrap:before, .multi-step-item:first-child .item-wrap:after,
.multi-step-item:last-child .item-wrap:before,
.multi-step-item:last-child .item-wrap:after {
  width: 50%;
}

.multi-step-item:first-child .item-wrap {
  background: linear-gradient(to right, #eee 95%, transparent 5%);
}
.multi-step-item:first-child .item-wrap:before, .multi-step-item:first-child .item-wrap:after {
  left: 50%;
}

.active.multi-step-item:first-child:hover .item-wrap {
  background: linear-gradient(to right, #cfd8dc 95%, transparent 5%);
}

.current.multi-step-item:first-child .item-wrap {
  background: linear-gradient(to right, #45505c 95%, transparent 5%);
}

.multi-step-item:last-child .item-wrap {
  background: linear-gradient(to left, #eee 95%, transparent 5%);
}
.multi-step-item:last-child .item-wrap:before, .multi-step-item:last-child .item-wrap:after {
  right: 50%;
}

.active.multi-step-item:last-child:hover .item-wrap {
  background: linear-gradient(to left, #cfd8dc 95%, transparent 5%);
}

.current.multi-step-item:last-child .item-wrap {
  background: linear-gradient(to left, #45505c 95%, transparent 5%);
}
.multi-step-list .active {
                        background-color: transparent; 
                    }
/*----------------arrow steps style end---------------*/
/*---------------------time zone watch-----------------------*/
.worldclock{
border:5px double #45505c;
}

#clock p {
    margin: 0;
    padding: 0;
}
#clock { 
    padding:2px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
	color: #45505c;
    font-family: 'Share Tech Mono', monospace;
    text-shadow: 1px 1px 0px #FFFFFF, 3px 2px 0px rgba(0,0,0,0.15);
}
    .time {
        letter-spacing: 0.05em;
        font-size: 60px;
    }
    .date {
        letter-spacing: 0.2em;
        font-size: 20px;
    }
/*---------------------time zone watch end-----------------------*/
#fmpsubmit{
	position:fixed;
	padding: 6px 12px;
	bottom:40px;
	right:15px;
	background-color:#81c454;
	color:#FFF;
	font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
	box-shadow: 2px 2px 3px #999;
    text-transform:uppercase;
}
input[type="radio"]{cursor: pointer;}