.modal{
    word-break: break-all;
}

.tb-head{background: #ba313b;color: #fff;}
.tb-head th{border-color: #ba313b !important; }
.tabs-left li{width: 100%;}
.tabs-left{background: #304057;border-bottom: 1px solid #324969;}
.welcome{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);height: 60px;line-height: 60px;}
.welcome label{color: #c0311a; font-size: 16px; padding-left:47px;}
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{background: #243246; color: #6b7d98 !important !important; border: none; border-radius: 0;font-size: 16px;cursor:pointer;}
.tabs-left  > li > a{color: #6b7d98 !important;font-size: 16px !important;}
.content-right{padding: 20px;}
.content-right-inner{ padding: 20px;
    background: #f0f0f0;
    float: left;
    width: 100%;}
.content-inner-top{float:left; width: 100%;}
.btn-danger-2 {
    color: #fff;
    background-color: #4CAF50 !important;
    border-color: #ba313b !important;
}

.btn-danger {
    color: #fff;
    background-color: #ba313b !important;
    border-color: #ba313b !important;
}

.content-mn{float: left;
    width: 100%;
    background: #fff;
    padding: 20px 0;}
.content-right h2{font-size: 18px;color: #1d1d1d;margin: 0 0 5px 0;}
.nav-heading{height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 15px;
    background: #304057;
    color: #fff;
    width: 100%;font-size: 16px;}
.resizenone{resize: none;}
.modal-mn .modal-header,.modal-footer{border:none;}
.modal-mn .modal-title{color: #000;}
.issue-date a{display: block;}
.pg-mn{text-align: center;}
.pg-mn ul{margin: 0;}
.btn-main-cont{float:left; width: 100%; margin-top: 40px;margin-bottom:30px;}
footer{    float: left;
    width: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);height: 30px;
    line-height: 30px;position:fixed; bottom:0; background:#fff;z-index:9;}
footer ul{list-style-type: none; padding: 0; margin: 0;float:right;}
footer li{float:left; width: 45%;}
footer li img{float:left;margin-top: 10px;}
footer li label{float:left;width: 80%; padding-left: 20px;}
footer label{float:left; width: 100%;font-size: 12px;
    color: #5d5d5d;}
.tabs-mn{background-color: #304057;}
 #wrapper {
    width: 100%;
}
 #login-header {
     /*DE-5756
    background: #a52c2c;*/
    background: #5884d2;

    font-size: 11px;
    padding-bottom: 10px;
    float:left; width:100%;
    padding: 15px 15px 10px;
    box-sizing: border-box;
    overflow: hidden;
}
#login-header .page-conatiner{max-width: 100%;}

 .page-conatiner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
 .clearfix {
    display: block;
}
 .logo {
    float: left;
}
 .login-form {
   
    float: right;
    width: 440px;
    color: #fff;
}
 .login-form .login-listing {
  
    width:150px;
    float: left;
    margin-right: 4.5%;
}
 .login-form .login-listing label {
    display: block;
    margin-bottom: 5px;
}
 .login-form .login-listing input[type="text"], .login-form .login-listing input[type="password"] {
    width: 100%;
    height: 23px;
    font-size: 13px;
    padding: 4px 6px;
    margin-bottom: 6px;
    background: #f9f9f9;
    border: 1px solid #ccc;
}
 .logged-already {
    display: none;
}
 .logged-already input {
    float: left;
    margin-right: 5px;
}
 .login-form .login-listing span {
    color: #ffadc8;
}
 .logged-already span {
    float: left;
}
 .login-listing .login {
    color: #fff;
}
 .login-form .login-submit {
   
    float: left;
    margin-top:15px;
    margin-left:5px;
}
 .login-form .login-listing input[type="text"], .login-form .login-listing input[type="password"] {
    width: 100%;
    height: 25px;
    line-height:25px;
    font-size: 13px;
    padding: 0px 6px;
    margin-bottom: 6px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    color:#444;
}
.login-content img {
    width: 100%;
}
.login-submit input[type="button"] {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    padding: 0px 20px;
    /*DE-5756*/
     /* background: #ba313b;*/
    background: #149751;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    position: relative;
    top: 0px;
    left: 0px;
    text-transform: capitalize;
    margin-left:5px;
}
.side-bar{position: fixed;
    top: 0;
    right: -30%;
    background: #fff;
    width: 30%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;z-index:99;box-shadow:0 0 10px #444;bottom:0;}

.side-bar2{
    position: fixed;
    top: 0;
    right: -30%;
    background: #fff;
    width: 60%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index:99;
    box-shadow:0 0 10px #444;
    bottom:0;
    left:40%;
}


.side-heading{background: #ba313b;
    padding: 10px 20px;}
.side-heading h2{margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;position: relative;}
.side-body{padding: 10px 20px;overflow-y:auto;}
.side-body label{text-align: left !important;}
.side-overlay{    position: fixed;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    bottom: 0;display: none;}

.side-close{position: absolute;right: 0;cursor: pointer;}
.side-show{right: 0;}
.dis-prop{display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}
.search-mn{    float: left;
    width: 100%;
    margin: 10px 0px;}
.search-mn label{margin-top:6px;}
.menu-icon{float:right; margin-top:20px;}
.field-tp label{}
.field-tp div{padding:0px;}

.content-right-inner label{padding-top:5px;    overflow: hidden;}

.content-right-inner .popup label{padding-top:5px;    overflow: hidden;  word-break: break-word;}


.cont-top-btn{padding-left:15px !important;}
.overlay-main{       position: fixed;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 99;}
.loader-img{position: absolute;
    top: 50%;
    left: 50%;}


.ac-container {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 999;
}
.ac-container .ac-menu {
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  background-color: white;
  box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0;
}
.ac-container .ac-menu .ac-menu-item {
  border-bottom: 1px dotted #ccc;
  line-height: 35px;
  margin: 0;
}
.ac-container .ac-menu .ac-menu-item:last-child {
  border-bottom: 0;
}
.ac-container .ac-menu .ac-menu-item:hover {
  background-color: #e0eaff;
}
.ac-container .ac-menu a {
  padding-left: 5px;
  display: block;
  color: inherit;
  text-decoration: none;
  word-break: break-all;
    line-height: 20px;
}
.ac-container .ac-menu .ac-state-focus {
  outline: none;
  background-color: #e0eaff;
}
.ac-container{    position: absolute;
    top: 26px !important;
    left: 15px !important;
    width: 174px;}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}
.modal-list{list-style-type: none;}
.modal-list li{}
.modal-list li.modal-head{font-weight: bold;font-size: 16px;}
.modal-mn-lat .close{background: #c9302c;
    width: 25px;
    height: 25px;
    opacity: 1;
    border-radius: 5px;}
.modal-mn-lat .close span{color:#fff;}

/* Styles go here */

.custom-select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	zoom: 1;
	*display: inline;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.custom-select.small {
	width: 104px;
}
.custom-select.medium {
	width: 164px;
}
.custom-select.large {
	width: 300px;
}
.custom-select.xlarge {
	width: 380px;
}
.custom-select > select {
	display: none !important;
}
.custom-select > a.dropdown-toggle {
	border-radius: 0;
	line-height: 32px;
	box-shadow: none;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #888;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
}
.custom-select > a.dropdown-toggle.disabled,
.custom-select > a.dropdown-toggle.disabled:hover {
	cursor: not-allowed;
	color: #aaa;
	background: #eee;
}
.custom-select > a.dropdown-toggle:hover, 
.custom-select.open > a.dropdown-toggle {
	color: #333;
}
.custom-select.open > a.dropdown-toggle {
	border-bottom: 0;
	line-height: 29px;
}
.control-group.error .custom-select > a.dropdown-toggle {
	border-color: #f09784;
	color: #d68273;
}
.custom-select > a.dropdown-toggle > span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.custom-select > a.dropdown-toggle > b {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}
.custom-select > a.dropdown-toggle > b:before {
	content: "\f0dd";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	position: relative;
	top: -1px;
	left: 1px;
    color:#000;
}
.custom-select.open > a.dropdown-toggle > b:before {
	content: "\f0d8";
}
.custom-select > .dropdown-menu {
	margin-top: 0;
	border-color: #aaa;
	border-top: 0;
	padding-bottom: 0;
	width: auto;
	min-width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
}
.custom-select > .dropdown-menu > .custom-select-search > input {
	width: 100%;
	height: 30px;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 20px 4px 5px;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search:after {
	content: "\f002";
	display: inline-block;
	color: #888;
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	top: 4px;
	right: 10px;
}
.custom-select > .dropdown-menu > ul {
	border-color: #aaa;
	border-top: 0;
	margin: 4px 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 240px;
	padding-right: 14px;
}
.custom-select > .dropdown-menu > ul > li > a {
	font-size: 13px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	padding: 3px 8px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	width: 100%;
}
.custom-select > .dropdown-menu > ul > li > a:hover, 
.custom-select > .dropdown-menu > ul > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-repeat: repeat-x;
}
.custom-select > .dropdown-menu > ul > li > a:hover {
	background: #4f99c6;
}
.custom-select > .dropdown-menu > ul > li > a:focus {
	background: #2283c5;
}
.custom-select > .dropdown-menu > ul > li.empty-result > em {
	text-align: center;
	padding: 4px 8px;
	display: block;
}
.custom-select > .dropdown-menu > .custom-select-action > button {
	border-radius: 0;
	background-image: none;
}
.search-mn > div{padding-left:0px;padding-right:0px;}
.search-mn .padding-rt{padding-right:0px;}
.required{color:#ba313b;}
.custom-class{
  color: black
}
.default-color{
  color: red
}

select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
select::-ms-expand {
    display: none;
} 
.select-custom{position:relative;}
.select-custom:before{content: "\f0dd";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    top: 5px;
    right: 10px;
    position: absolute;pointer-events: none;}

.download-icon{
        background: url(../../images/sprite-icon.png) no-repeat 0px -113px;
    display: inline-block;
    float: left;
    font-size: 0;
    height: 46px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 0;
    outline: medium none;
    padding: 0;
    width: 55px;
    border:0;
}
.download-icon:hover {
    background-color:transparent;
    background-position:0 -208px;
}

.excel-icon {
    background: url(../../images/sprite-icon.png) no-repeat 0px -297px;
  /*background-position: 0 -297px;*/
    display: inline-block;
    float: left;
    font-size: 0;
    height: 46px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 0;
    outline: medium none;
    padding: 0;
    width: 55px;
    border:0;
}
.excel-icon:hover {
    background-position: 0 -392px;
    background-color: transparent;
}

.place-wrapper  {display:block;}
.place-wrapper span {    float: left;margin-top:5px;}
.place-wrapper select{    float: left;width:165px;margin-left:30px;}
.place-wrapper-Dis  {display:block;}
.place-wrapper-Dis span {    float: left;margin-top:5px;}
.place-wrapper-Dis select{    float: left;width:165px;margin-left: 66px;}

.place-wrapper-new   {display:block;}
.place-wrapper-new span {    float: left;margin-top:5px;}
.place-wrapper-new select{    float: left;width:350px; margin-left:30px;}
.mb20{margin-bottom:20px;}
.warehouse-wrapper .modal-list li{overflow:hidden;}
.warehouse-wrapper .place-wrapper span{min-width:100px;}

.inr-nav{width: 100%; display: inline-block; margin: 0; padding: 0;}
.inr-nav li{width: 100%; display: inline-block;}
.inr-nav li a{height: 60px;line-height: 60px; margin: 0; padding: 0 15px; background: #304057; color: #fff; width: 100%; font-size: 16px; text-decoration: none; font-weight: bold; display: inline-block; background: url(../../images/grey-img.png) no-repeat 90% center;}
.inr-nav li a:hover{background: url(../../images/plus1.png) no-repeat 90% center; color: #fff;}
.inr-nav li a.active{background: url(../../images/minus1.png) no-repeat 90% center; color: #fff;}
.inr-nav li .submenu li a{background-image: none; font-weight: normal; line-height: 20px; padding: 10px 15px; height: auto;}
.inr-nav li .submenu li a:hover{text-decoration: none; background-color: #eee;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}
.wrap{white-space: nowrap;}


.ac-container{height:200px;overflow:auto;}

.gst-popup {
    position: fixed;
    width: 535px;
    left: 0;
    background: #fff;
    top: 50%;
    margin: auto;
    right: 0;
    padding: 0px 0px 15px;
    text-align: center;
    z-index: 999;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 10px;
}
.gst-popup h2{font-size:32px;background:#a52c2c ;padding:15px 0;color:#fff;margin:0 0 15px; text-transform: uppercase;border-radius: 10px 10px 0 0;}
.gst-popup p{padding:0 15px;margin-bottom:15px;font-size: 17px;line-height: 1.5;color: #000;}
.close-gst{ background: url('../../images/close-popup.png') no-repeat scroll 0 0px;position: absolute;right: -23px;top: -16px;width: 30px;height: 30px;cursor: pointer;border-radius:50%;background-size:cover;}
.content-inner-top.field-tp .control-label{margin-bottom:20px;}
.chosen-container-single .chosen-drop{width:100% !important;}
.content-inner-top.field-tp  input[type="text"]{width:100%;}
input:-moz-placeholder {
    box-shadow:none !important;
}
input:required {
    box-shadow:none;
}
.disable-row{opacity: 0.5;pointer-events:none;}

.glyphicon{font-family: 'Glyphicons Halflings' !important;}

.inr-nav .nav-tabs {border-bottom:0;}
.poup_cls.modal textarea.form-control { height: 100px; }
.field-tp .modal-footer.remove_border { border-top: none; }
.modal-bodyscroll {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.signatorymodaldiv{max-width:80%; margin:0 auto;}
.signatorymodaldivinner{width:50%; float:left;}
.signatorymodaldivtableheader{background: #337ab7; color: #fff;}

.highchart {
	margin: 0 auto;
	max-width: 150px;
    cursor:pointer;
	min-width: 100px;
}


@media all and (min-width:1200px) {
    .row-align{
            padding-right: 80px;
    position: relative;
    }
     .row-align .cont-top-btn{position:absolute;right: 8px;top:0;    width: auto;}

}

.dashboard-wrapper{
    clear:both;
}
.highcharts-label{
    opacity:1 !important;
     visibility:visible !important;
}
.chart-wrapper{
   box-shadow: 0 0 20px rgba(0,0,0,0.4);
   padding:10px 10px 30px;
   background: #fff;
}
.pc-not-issue{
    border-top:5px solid #da4225;
}
.pc-process{
    border-top:5px solid #f8c249;
}
.pc-success{
    border-top:5px solid #78a01f;
}
.chart-detail{
    padding-top: 15px;
text-align: center;position:relative;
}
.chart-detail span{font-size:16px;font-weight: bold;}
.chart-detail .download{float:right; width:19px;height:19px;right:35px;background:url('../../images/download.png') no-repeat center top / cover;}
.sub-chart{
    padding:0 20px;
    position:relative;
    margin:30px 0 50px !important;
    display:flex;
}
.sub-chart > div{
    background:#f5f2ed;        
    padding-top:0px;
    padding-bottom:14px;
}
.sub-chart:before{
    content: " ";
    border-bottom:15px solid #f5f2ed;
     border-left:15px solid transparent;
      border-right:15px solid transparent;
      position:absolute;
      top:-14px;
      left:15%;
}
.process-chart .sub-chart:before {
    left:48.5%;
}
.dashboard-title {padding: 0;}
.chart-content{text-align: center;border-right:1px solid #a19e9e;padding-bottom: 15px; }
.chart-status  .chart-date{font-size: 18px;color:#da4225;margin-right: 10px;}
.chart-status  .percentage{font-size: 18px;margin-right: 10px;}
.chart-status .download{
    display: inline-block;width:19px;height:19px;background:url('../../images/download.png') no-repeat center top / cover;position: relative;top:4px;
  }
  .chart-name {margin-top: 10px;}
.chart-name span{display: block;font-size:16px;}
.dashboard-wrapper > div{
    padding:25px 50px;
background: #e5e5e5;
margin-top: 25px;
}
.sub-chart .highchart {
	margin: 0;
    max-width: 130px;
	min-width: 120px;
    float:left;
}
/* .sub-chart .highchart .highcharts-title{position: absolute;right:0;} */

.sub-chart-content{float:left;margin-left: 10%;padding-top: 35px;width: calc(100% - 240px);}
.sub-chart-content strong{display: block;color:#9fa7aa;font-size: 14px;margin-bottom: 5px;font-weight:normal;min-height:50px;}
.sub-chart-content span{display: block;color:#000;font-size: 16px;margin-bottom: 5px;}
.chart-btn-wrapper .download{  display: inline-block;width:19px;height:19px;background:url('../../images/download.png') no-repeat center top / cover;    position: relative;    top: 5px;  }
.sub-chart-content .chart-btn{display: block;background: #263851;color:#fff;border-radius:15px;padding:3px 10px;margin-top: 10px;text-align: center; }




.instruction-wrapper span{display:block;margin-bottom:5px;}
.instruction-wrapper > div{background:#fff;padding:15px;font-size:11px;border:1px solid #000;}

.sub-chart-content{float:left;margin-left: 15px;padding-top: 35px;width: calc(100% - 135px);min-height:139px;}
.sub-chart-content strong{display: block;color:#9fa7aa;font-size: 18px;margin-bottom: 5px;font-weight:normal;}
.sub-chart-content span{display: block;color:#000;font-size: 16px;margin-bottom: 5px;font-weight: bold;}
.sub-chart-content .download{  display: inline-block;width:19px;height:19px;background:url('../../images/download.png') no-repeat center top / cover;  } 
.chart-btn-wrapper{clear: both;text-align: right;}
.chart-btn-wrapper .chart-btn{ margin-right:15px; display: inline-block;background: #263851;color:#fff;border-radius:15px;padding:3px 10px;margin-top: 10px;text-align: center;min-width: 115px; }
.chart-btn-wrapper .chart-btn:hover{text-decoration: none;}
.dashboard-right{padding: 0 !important;}
.dashboard-title .content-mn{padding: 5px 0 8px;}
.chart-content{padding: 0;}
.dashboard-right .content-inner-top{display: flex;flex-flow: nowrap;justify-content: space-between;}
.dashboard-right .content-inner-top > div{width: 160px;}
.dashboard-right .content-inner-top .col-lg-2{padding:0 5px;}
.dashboard-right .content-inner-top  .form-group{margin-bottom: 0;}
.dashboard-right .row-align .cont-top-btn{position: static;margin-top:23px;}
.dashboard-right .content-right-inner label{display: block;padding-top: 0;}
.chart-wrapper h2{font-weight: bold;}
.pc-not-issue h2{color:#da4225;}
.pc-process h2{color: #f8c249;}
.pc-success h2{  color:#78a01f;}
.chart-detail .dot-icon{   
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -25px;
    /*transition: .5s;
    -moz-transition: .5s ;
    -webkit-transition: .5s;*/

}
.dot-icon img{max-width:100%;height:auto;}
#PCIssued {cursor:pointer;}
#PCDownload{cursor:pointer;}
.dashboard-right .content-mn >  .content-inner-top{ }
.dashboard-right .content-mn >  .content-inner-top.full-width{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s; width:100% !important;}


.btn-cntr {
    position: absolute;
    top: 10px;
    right: -39px;
    z-index: 99999;
}
.btn-cntr a{
    background:#2ca565 url(../../images/open-icon.png) no-repeat center center;
}
.btn-cntr .slider-icon{
    background:#2ca565 url(../../images/close-icon.png) no-repeat center center;
}
.close, .open-collipsible {
    display: inline-block;
    padding: 0px 11px;
    background: #304057 !important;
}
.tabs-mn{    position: fixed !important;
    left: -225px;
    top: 0;
    min-height: 100vh !important;
    z-index: 999;
    width:225px !important;
    transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.menu-active .tabs-mn{left:0px;}
.menu-active .tabs-mn-right{padding-left:240px;}
.tabs-mn-right{padding-left:0px;  transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;}
.wrap .sort-icon{
        margin-left: 5px;
    top: 3px
}
#secondhighchart.highchart-active{
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
   
   
    /*transition: .5s ;
    -moz-transition: .5s ;
    -webkit-transition: .5s;*/
}
#thirdhighchart.highchart-active{
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
   -webkit-backface-visibility: hidden;
   
    /*transition: .5s ;
    -moz-transition: .5s ;
    -webkit-transition: .5s;*/
}

.menual-content{
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    margin-bottom:20px;
   display:inline-block;
   width:100%;
    padding: 20px 15px 20px 0 !important;
    background-color: #fbfbfb;
}







.state-product-map {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.state-product-map .select-product-label {
    display: inline-block;
    vertical-align: middle;
}
.state-product-map .input-val{
    display: inline-block;
    vertical-align: middle;
    width:60% !important;
    background: transparent;
}
.state-product-map .mar25{
    margin:25px 0 0;
}
.state-product-map .btn{
    margin:25px 0 0;
    float:right;
}
.align-center{
    text-align:center
}
.field-tp .flex-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.flex-group label.control-label{
    margin-right: 15px;
}
.flex-group .mar-bot14{
    margin-bottom:14px;
}
.justify-content{
    justify-content:center;
}
.justify-content .label.control-label{

}
.flex-align{
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}
.padd-top12{
   padding-top:12px !important;
}
.stateproduct-popup .modal-header {
    padding: 15px !important;
}
.stateproduct-popup .modal-footer {
    padding: 15px !important;
}
.stateproduct-popup .modal-header label.popup {
    padding-top: 30px !important;
}