/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/


/* new design change  (theme.css)  */


@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");

body {
	
	background-color: white;
	/*font-family: "Open Sans", sans-serif; */
	font-family: Quicksand,sans-serif;
	color: rgb(30, 32, 35);
	overflow: hidden;
	font-weight: 500;
}

/* CV Specific changes */


.header-user-info {
	padding: 15px;
    margin: 10px;
    align-items: center;
	border: 1px solid #FFF;
}

.header-user-info > div {	
	padding: 10px;
    background-color: rgb(204 0 51/1);
    border-radius: 50% !important;
    border: 1px solid rgb(204 0 51/1);
    display: inline;	
}

.header-user-info:focus, .header-user-info:hover { 
    border: 1px solid rgb(234 236 239/1);
    background-color: rgb(234 236 239/1);
    border-radius: 30px !important;
	cursor: pointer;
}

.header-user-info i {
	color : #FFF;
}

.header-user-info span {
	padding-left : 10px;
}

.menu-section ul {
	list-style:none  !important;
	padding:0px  !important;
	margin:0px  !important;
}

.menu-section ul li{
	margin: 8px 12px !important;
	padding: 8px 16px  !important;
	font-size: 14px  !important;	
}

.menu-section ul li a{
	color: rgb(30, 32, 35)  !important;
}

.menu-section ul li a:hover, .menu-section ul li a:focus{
	color: rgb(204, 0, 51)  !important;
}

.content-section {
	margin: 16px 0px !important;
	padding: 0px 24px !important;	
}

.content-section > div.row {
	margin: 0px !important;
}

.portlet {
	box-shadow : none !important;
	border-radius: 0px !important;
}

.portlet.box > .portlet-body {
	padding: 24px !important;
	/* background-color: rgb(252 252 252/1) !important; */
	background-color: #FFF !important;
}

.portlet.box.blue > .portlet-title > .caption, .portlet.box.blue > .portlet-title > .caption i {
	font-size: 30px !important;
	color: rgb(30, 32, 35)  !important;
}

.portlet-title.margin-bottom-10 {
	margin-bottom:0px !important;
	padding: 24px !important;
} 

.form-control {
	height: 36px;
	padding: 8px 12px;
	border-radius: 4px !important;
}

.page-content-wrapper {
	background-color: rgb(252 252 252/1) !important;
}

.portlet.box > .portlet-title {
	/*border-bottom: 1px solid #eee; */
}

.header-right .dropdown-menu li > a{
    background-color: rgb(204 0 51/1) !important;
	margin-top: 0px !important;
}

.header-right .dropdown-menu li > a:hover, .header-right .dropdown-menu li > a:focus  { 
	background-color:rgb(214 51 92/1) !important;
}

.header-right .dropdown-menu a{
    color: #FFF !important;
}

/* new design change  (theme.css)  */


/* new design change  (custom.css)  */
.accr-pnl-head {
    background-color: #D6D8DB !important;;  
    font-weight: bold;
}
.usrlst-page-info{    background: #004d7e !important; }

/* new design change  (custom.css)  end */

/* new design change   (components.css) */

.green.btn {  
  background-color: rgb(204 0 51/1) !important; 
  color: rgb(255 255 255/1);
  border-radius: 100px !important;
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
  color: rgb(255 255 255/1) !important;
  background-color: rgb(214 51 92/1) !important;
}
.open .green.btn.dropdown-toggle { 
  background-color: #004d7e;
  color: #fff;
}
.ash.btn {
  color: rgb(119 128 142/1) !important;
  background-color: rgb(234 236 239/1) !important;
  border-color: rgb(234 236 239/1) !important;
  border-radius: 100px !important;
}
.ash.btn:hover, .ash.btn:focus, .ash.btn:active, .ash.btn.active {
  color:rgb(119 128 142/1) !important;
  background-color: rgb(213 217 224/1) !important;
}
a i{
	margin:0 4px!important;
}
 .label-primary {
  background-color: #004d7e;
  color: #fff;
}  

.portlet.box.blue > .portlet-title {
  /*background-color: rgb(252 252 252/1) !important;*/
  background-color: #FFF !important;
 }
 
 .portlet.box.blue-madison > .portlet-title {
    background-color: #E8E8E8;
}
.form {
                   padding:10px!important
}

.portlet.box.purple > .portlet-title {
	 background-color: #004d7e;
}

.table-bordered th {background-color: #D6D8DB !important; }

/* new design change   (components.css) end */



/* new design change   (plugin.css) */

.form-wizard .steps > li.active > a.step{
background-color: rgb(204 0 51/1) !important;
color: #FFF !important;
}

.form-wizard .steps > li.active > a.step > span{
color: #FFF !important;
}

.form-wizard .steps > li > a.step:hover {
  background: #E8E8E8;
}
.form-wizard .steps > li > a.step  {
  background-color: #E8E8E8;
} 

.form-wizard .steps{
  margin-bottom: 0!important;
  padding-top: 10px !important;
}
/* new design change   (plugin.css) end */


/* new design change   (layout.css) */

#log-infooter{  background:#000;  width: 100%;  padding: 15px 0 10px 0px; color:#fff; font-size:12px; border:0;   z-index:1000;position:fixed; bottom:0; }
.fotterAdrs 	img{ height:30px;    margin-bottom: 7px;}
#footer{ background: #004d7e !important;
    width: 100%;
    padding: 15px 0 10px 0px;
    color: #fff;
    font-size: 12px;
    border: 0;
    z-index: 1000;
    bottom: 0;
    display: inline-block;
    float: left;
    /*margin-top: 25px;*/
}
.fotterAdrs 	img{ height:30px;    margin-bottom: 7px;}
#footer .left{padding-left:15px;}
#footer .right{padding-right:15px;}
.main-content{
background-color: rgb(252 252 252/1);
}

.m-t-15{margin-top:15px!important;}	 
 .dtr-data{text-overflow: ellipsis !important;
white-space: normal !important;} 
.nav-wrapper{
     border-top: 2px solid #00ABAD;
    -webkit-box-shadow: 0 0 2px 1px #A6A6A6;
    box-shadow: 0 0 2px 1px #A6A6A6;
}
.navbar{
    background: #004d7e;
    /*box-shadow: 0px 0px 3px #888888 !important;*/
  /*  position: relative;*/
    margin-bottom: 0!important;
    z-index: 100;
    padding-bottom: 10px;
    border-radius: 0 !important;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
	border-color: transparent;
    }
.navbar-header img{width:200px;margin-top: 7px;margin-left: 5px;}
.navbar-nav li{ margin-left:75px; color:#325165;margin-top: 11px;}
@media only screen and (max-width: 700px) {
    .navbar-nav li {
        margin-left:0px;
    }
}
.navbar-nav li a {color:#325165;}
.navbar .user{    margin-top: 25px;
    margin-right: 20px;
    color: #163C6B;
    line-height: 0;
    padding: 0;}
	.navbar .user i{ font-size:25px;  color: #163C6B;}
.navbar .usr i{ font-size:25px;}	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #ef7d00 !important;
    border: 1px solid #ef7d00;
    border-bottom-color: transparent;
    border-radius: 8px 8px 0 0!important;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0 !important;
    background:#E8E8E8;
    color: #000;
}
header .nav>li>a:hover, header .nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
    border-bottom: 2px solid #ef7d00;
}
.nav>li>a { 
    padding: 10px 14px 4px 8px; 
}
 header .nav>li>a{  background-color:transparent !important}
.tab-content{margin: 0;
    border: 1px solid #FFF; 
	border-top:none;
	padding: 25px;
	border-radius: 8px !important;
	box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%)
	}
.tab-content .searchwgtbtn{    width: 100%;
    background: #004d7e;
    color: #fff;
    margin-top: 15px;
    padding: 9px;
}
.forget{    
    text-align: center;
    margin-top: 8px;}
	.products .panel-default{    border-top: none;
    border-left: none;
    border-right: none;
}
.products .panel .panel-heading{    background: none;
}
.products .panel .panel-body {border: 1px solid #d3d3d3;min-height: 315px;
    border-top: none;
    border-bottom: none;}
	.products .panel .panel-title{font-weight: 400;
    font-size: 20px;
    text-transform: uppercase; color:#1B435D; padding-left:0;    
}
.products .panel .panel-body h3{ margin:0; padding:0; } 
.products .panel .panel-body p{margin-top:10px;text-align: justify;}
.products .panel .panel-body span.qck-links a{color: #05A8A5;
    font-weight: bold;    padding-bottom: 10px;
    margin: 0 5px;
}
.products .panel .panel-body span.qck-links {color: #ef7d00;
    font-weight: bold;
}
.panel-body img{ width:100%;}
.ship .panel-body h3{ color:#ef7d00; }
.ship .panel-default{    border : none;
}
.ship .panel .panel-heading{    background: none; border:none;
}
.ship .panel .panel-body { min-height: 315px;
    border : none; padding:0;
     }
	.ship .panel .panel-title{font-weight: 400; border : none;
    font-size: 20px;
    text-transform: uppercase; color:#1B435D; padding-left:0;    
}
.ship .panel .panel-body h2{ margin:0; padding:0; border : none; } 
.ship .panel .panel-body p{margin-top:10px; text-align: justify;} 
.ship .panel .panel-body span.qck-links a{color: #05A8A5;
    font-weight: bold;    padding-bottom: 10px;
}
.press .panel-default{    border-top: none;
    border-left: none;
    border-right: none;
}
.press .panel .panel-heading{    background: none;
}
.press .panel .panel-body {border: 1px solid #d3d3d3;min-height: 315px;
    border-top: none;
    border-bottom: none;padding-bottom: 15px !important;}
	.press .panel .panel-title{font-weight: 400;
    font-size: 20px;
    text-transform: uppercase; color:#1B435D; padding-left:0;    
}
.press .panel .panel-body h3{margin:0;padding: 10px;color: #ef7d00;padding-bottom: 0; font-size: 14px; letter-spacing: .3px} 
.press .panel .panel-body p{padding: 0;}
.press .panel .panel-body p.content{padding: 2px 5px 0px 10px;margin-bottom: 0;}
.press .panel .panel-body a{padding: 0 10px;}
.press .panel .panel-body span.qck-links a{color: #05A8A5;
    font-weight: bold;    padding-bottom: 10px;
}
.press .panel .panel-body span.qck-links {color: #ef7d00;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a{
    font-weight: bold
}
.navbar-default .navbar-nav > li > a:hover{
    background: #f8f6fa
}
.top_shadow{-webkit-box-shadow: 0px -4px 9px -4px #A6A6A6;
    box-shadow: 0px -4px 9px -4px #A6A6A6;
    min-height: 360px}
@media (min-width:769px) and (max-width:1024px){
    .nav > li > a{
        padding: 10px 6px 4px 2px;
    }
}
@media (min-device-width:769px) and (max-device-width:1024px){
   .nav > li > a{
        padding: 10px 6px 4px 2px;
       font-size: 12px;
       font-weight: bold
    }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
 .nav > li > a{
        padding: 10px 6px 4px 2px;
    }
}
/*     MEGAMENU*/
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 5px;
    box-shadow: inset 0 0 0 0 #efefef ;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.mega-dropdown-menu > li ul > li > a:hover {
  text-decoration: none;
    box-shadow: inset 0 100px 0 0 #efefef ;
    color: #fff
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
    border-top: 1px solid #e2e2e2
}
.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}
.mega-dropdown {
  /*position: static !important;*/
}
.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
  margin-left: 10px;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover
 {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}
.mega-dropdown-menu form {
  margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.dropdown-item .accordion-toggle:after {
    font-family: 'FontAwesome'; 
    content: "\f107";          
    color: grey; 
    font-size: 16px;
    margin-left: 15px;
    font-weight: bold
}
.dropdown-item ul{
    margin-left: 0;
    padding: 0 19px;
    background: #f7f7f7;
}
.dropdown-item ul li{
    list-style: none;
    margin-left: 10px!important
}
.mega-dropdown-menu{
    -webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-in;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-menu{
    padding-top: 0!important
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > a::after{
    margin-right: 25px!important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-menu{
    margin-top: 10px
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-submenu > .dropdown-menu ul{
    padding: 0;
    margin: 0
}
.dropdown-submenu > .dropdown-menu li {
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    border-color: #ef7d00
}
.navbar-default .navbar-nav > li > a{
    text-transform: uppercase;
   /* font-weight: normal!important*/
}
.dropdown{
    list-style: none
}
.dropdown-menu li > a{
    padding: 10px!important
}
.navbar-nav li{margin-left: 50px}
.dropdown-menu li i{font-size: 14px!important}
.user .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.user .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.mega-dropdown-menu ul li{
    margin-top: 5px;
}
.mega-dropdown-menuu li > a{
    padding: 5px
}
.navbar-nav li a{
    color:#325165!important
}
.navbar-nav li{
    margin-top: 0px!important
}
.navbar{
    padding-bottom: 0px!important
}
.navbar-default .navbar-nav > li > a{
    padding: 20px 0!important
}
@media (max-width: 767px) {
 .navbar-nav .mega-dropdown.open .dropdown-menu {
    position: unset;
    float: inherit;
     width: inherit;}
     .navbar-nav li {
    margin-left: 10px;
}
    .navbar-nav{
        margin: 6px
    }
}
.user_details_sm{
    background: #f7f7f7;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2
}.user_details_sm .devider{border-bottom: 1px solid #dbdbdb}
.user_details_sm ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.user_details_sm ul li{
     list-style: none;
    padding: 5px 0;
    border-bottom: 1px solid #fff
}
.user_details_sm ul li:last-child{
    border-bottom: 0
}
header .nav > li > a{
    border-bottom: 2px solid #fff
}
.m-b-4{ margin-bottom:4px!important;}
/*pluggin  */
/*MEGAMENU Updated Version 31-4-2017*/
.navbar-header img{
   margin-top: 4px !important;
}
.navbar-default .navbar-nav > li .active{
    background: #ef7d00!important;
    color:#fff!important
}
.navbar-default .navbar-nav > li > a:hover{
    background: #ef7d00!important;
    color: #fff !important;
}
.navbar .user i {
    font-size: 21px;
}
.navbar-nav li a{
    color:#ffffff!important;
}
.navbar-nav li{
    margin-top: 0px!important
}
.navbar{
    padding-bottom: 0px!important
}
.navbar-default .navbar-nav > li > a{
    padding: 15px 25px!important
}
@media (max-width: 767px) {
 .navbar-nav .mega-dropdown.open .dropdown-menu {
    position: unset;
    float: inherit;
     width: inherit;}
     .navbar-nav li {
    margin-left: 10px;
}
    .navbar-nav{
        margin: 6px
    }
}
.user_details_sm{
    background: #f7f7f7;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2
}.user_details_sm .devider{border-bottom: 1px solid #dbdbdb}
.user_details_sm ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.user_details_sm ul li{
     list-style: none;
    padding: 5px 0;
    border-bottom: 1px solid #fff
}
.user_details_sm ul li:last-child{
    border-bottom: 0
}
header .nav > li > a{
    border-bottom: 2px solid #fff
}
.nav-wrapper {
    border-top: 0px solid #00ABAD!important;
}
.navbar .user{
    margin-top: 15px!important;
}
.navbar .user ul li{
    list-style: none;
    font-size: 14px;
}
.navbar .user ul li i{
    font-size: 14px
}
.navbar .user ul li a{
    color: #333!important
}
/*Menu*/
.navbar-nav li:first-child{
   /* margin-left: 45px!important  */
}
.navbar-nav li{
    margin-left: 0px!important;
    border-bottom: 0px solid #e2e2e2;
}
.navbar-nav li:last-child{
    border-bottom: 0
}
.dropdown-menu li, .dropdown-menu li:first-child {
    margin-left: 0px!important
}
.dropdown-menu li a{
   /*
   font-size: 14px;
    padding: 8px 20px;
    transition: 0.4s;
	*/
}
header .nav > li > a{
      text-transform: uppercase;
      transition: 0.5s;
}
.dropdown-menu li > a:hover{
    background: #ef7d00!important;
    color:#fff!important;
}
header .nav > li > a:hover, header .nav > li > a:focus{
    border-bottom: 0!important
}
header .nav > li > a{border-bottom: 0!important}
.navbar-nav > li > .dropdown-menu{
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
.dropdown-item ul{
    margin-left: 0px;
    padding-left: 5px
}
.dropdown-item ul li{
    list-style: none
}
.dropdown-item ul li a{
    font-size: 12px;
    transition: 0.4s;
}
.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
/*Ripple Button CSS*/
.navbar-default .navbar-nav > li > a, .dropdown-menu li > a{
  position: relative;
  overflow: hidden;
}
.navbar-default .navbar-nav > li > a:after, .dropdown-menu li > a:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
a:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
/*USER AREA*/
.user-panel  li  a{
    text-transform: none!important;
    font-weight: normal!important
}
  @media only screen and (max-width : 768px) {
.navbar-nav li:first-child {
    margin-left: 0px!important;
}
      #login-ic{
          width: 100%
      }
    }
  @media only screen and (max-width : 480px) {
.navbar-nav li:first-child {
    margin-left: 0px!important;
}
        #login-ic{
          width: 100%
      }
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
     .navbar-nav li:first-child {
    margin-left: 0px!important;
}   
          #login-ic{
          width: 100%
      }
    }
	
	
/* new design change   (layout.css) */




.no-padding{padding:0px!important;}
.no-margin{margin: 0px!important;}
.portlet > .portlet-title > .color-black  {    color: black;    font-weight: bold;}
.notification-panel{height: 225px!important;}
.notification-panel .bckgrnd{background-color: #f5f5f5;padding: 15px;}
.notification-panel .bckgrnd .first-div{min-height: 142px !important;    height: 168px;    overflow-y: auto;    overflow-x: hidden;}
.notification-panel .bckgrnd .first-div .form-group label{    padding-left: 6px;    padding-top: 7px;}
.padding-right-0{	padding-right:0px !important;}
.padding-left-0{	padding-left:0px !important;}
.padding-top-15{	padding-top: 15px !important;}
.padding-left-30{	padding-left: 30px !important;}
.margin-top-5M {  margin-top: -5px !important;}
.padding-top-5{	padding-top: 5px !important;}
.padding-top-2{	padding-top: 2px !important;}
.padding-t10l30{	padding: 10px 0 0 30px!important;}
.padding-t10l20{	padding: 10px 0 0 20px!important;}
.padding-left-10{	padding-left: 10px !important;}
.panel-default > .panel-heading .color-black {  color: black;  }
.form-group .notf-email-sms  {	    height: 116px;    overflow-y: auto;    overflow-x: hidden;	}
.comb-tree-btn{    background-color: white;    border: 1px solid #ccc;    color: black;}
.box-shad-m{    box-shadow: 0 2px 0 rgba(12,12,12,0.03);}
.cust-hr{margin: 0;    border-top: 1px solid #E0DEDE;}

.notification-contact-header{     margin-left: -15px;    margin-right: -15px;    background-color: #f5f5f5; }
.notification-contact-fcol{border-right: 1px solid #ddd;}
.padding-left-5{padding-left: 5px;}
.height-10{height:10%}
.usrlst-page-info{    background: #578EBE;    color: white;}
.usrlst-page-row{word-wrap: break-word;    padding-top: 15px;}
.cust-hr-3{margin: 0;    border-top: 3px solid #E0DEDE;}
.lbl-f7{    font-weight: 700;font-size: 12px;}
.usrlst-page-more{text-align: center;    padding-top: 15px;}
.tbl-alt-color{background-color: #F3F3F3;}
.cont-info{    height: 163px;    overflow-y: auto;}
.dis_flex{display: flex;}
.margin_t-5_l5{margin-top: -5px;    margin-left: 5px;}
.accr-pnl-head{    color: #fff;    padding: 10px !important;    background-color: #A5B5C9 !important; min-height: 30px!important;    padding-left: 0px !important;}
.row { padding-bottom: 15px !important;}
.first-col-freeze {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
/*border: 1px solid #ddd;*/

}



.first-col-freeze th:first-child {
    position: fixed;
    left: 5px
}

.datatable_toolbar_hide .tabletools-dropdown-on-portlet{display:none;}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #fff;
}


 .margin-5{margin:5px!important;}
.box-new>.portlet-title{padding: 5px 5px 5px 8px !important; }
.badge-warning {
background-color: #92D050 !important;
border-radius:0px!important;
font-size:12px!important;
background-image: none;
}
.LATEST{color:#111!IMPORTANT;
FONT-size: 16px!IMPORTANT;
text-align: LEFT!IMPORTANT;
PADDING-LEFT: 0PX !IMPORTANT;}
.flightListScroll{height:auto !important;min-height:125px !important;}
.font-green-sharp {
color: #4DB3A2 !important;
margin: 0 0 2px 0;
padding: 0;
font-size: 20px;
font-weight: 400;
}
.font-green-sharp-smallx {
color: #4DB3A2 !important;
margin: 0 0 2px 0;
padding: 0;
font-size: 17px;
font-weight: 400;
}
.font-blue-sharp {
color: #aaa !important;
margin: 0 0 2px 0;
padding: 0;
font-size: 15px;
font-weight: 400;
}
.badge-new {
font-size: 15px !important;
font-weight: 300;
height: 25px;
padding: 3px 6px 3px 6px;
-webkit-border-radius: 12px !important;
-moz-border-radius: 12px !important;
border-radius: 12px !important;
text-shadow: none !important;
 
 color:#fff;
}
.flightListScrollMain-new{Height:184px !important;}
.no-bg{background-color:#fff !important; margin:10%;
  
text-align: center;
 }
 .margin-top-2{margin-top:7%;}

.badge-new-1{font-size: 23px !important;
font-weight: 300;
height: 25px;
padding: 15px 20px 16px 21px;
-webkit-border-radius: 92px !important;
-moz-border-radius: 12px !important;
border-radius: 45px !important;
text-shadow: none !important;
color: #fff; margin:0 auto;
background-color:#333 !important;
}

 

.fa-random {font-size: 20px !important;}

.dashboard-stat.gray-haze {
  background-color: #e4e7ea;
  color: #333;
  border-radius: 3px !important;
  box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}
.dashboard-stat.gray-haze .visual > i {
  color:  #333;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.gray-haze .details .number {
  color: #333;
}
.dashboard-stat.gray-haze .details .desc {
  color: #333;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.gray-haze .more {
  color:  #333;
  background-color: #3ea7a0;
}
.message-box{background-color: #f5f5f5;
    padding: 10px;}
.visual-new{width: 117px!important;
height: 84px !important;
display: block;
float: left;
padding-top: 4px !important;
padding-left: 7px !important;
padding-right: 7px !important;
margin-bottom: 0px !important;
font-size: 16px !important;
line-height: 35px;}
.visual-new-border{border-right:1px solid #aaa;}
.visual-new-icon{margin-left:37px!important;}
 .badge-history{font-size: 15px !important;
font-weight: 300;
height: 25px;
padding: 2px 2px 3px 6px;
-webkit-border-radius: 12px !important;
-moz-border-radius: 12px !important;
border-radius: 12px !important;
text-shadow: none !important;
color: #fff;
background-color: #45b6af !important;
background-image: none!important;
}
.margin-left-5{margin-left:5px;}
.line-1{Border-bottom:1px dashed #e5e5e5}







.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.feeds li {
  background-color: #F2F2F2;
  color: #82949a;
  margin-bottom: 1px;
}
.feeds li:before, .feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}
.feeds li:after {
  clear: both;
}
.feeds li:last-child {
  margin-bottom: 0px;
}
.feeds li .col1 {
  float: left;
  width: 100%;
  clear: both;
}
.feeds li .col1 > .cont {
  float: left;
  margin-right: 75px;
  overflow: hidden;
}
.feeds li .col1 > .cont > .cont-col1 {
  float: left;
  margin-right: -100%;
}
.feeds li .col1 > .cont > .cont-col1 > .label {
display: inline-block;
padding: 20PX 8PX;
vertical-align: middle;
text-align: center;
FONT-SIZE: 17PX;
BACKGROUND-COLOR: #FF9900!IMPORTANT;
MIN-WIDTH: 54PX;
min-height: 58px;
}
 .even-row {background-color: #fff!important;
border-top: 2px solid #FF9900;}
 .odd-row{background-color: #fff!important;
border-top: 2px solid #FF9900;}
.feeds li .col1 > .cont > .cont-col1 > .label > i {
  text-align: center;
  font-size: 14px;
}
.feeds li .col1 > .cont > .cont-col2 {
  float: left;
  width: 100%;
}
.feeds li .col1 > .cont > .cont-col2 > .desc {
margin-left: 60px;
padding-top: 2px;
padding-bottom: 2px;
overflow: hidden;
}
.feeds li .col2 {
  float: left;
  width: 75px;
  margin-left: -75px;
}
.feeds li .col2 > .date {
padding: 4px 3px 5px 4px;
text-align: right;
 right: 5px;
color: #2C3D4E;
position: relative;
display: inline-block;
top: 33px;
float: right;
}



/***
Pricing table
***/
.pricing {
  position: relative;
  margin-bottom: 15px;
  /* border: 3px solid #eee; */
}

.pricing-active {
  border: 3px solid #36d7ac;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}

.pricing:hover {
  border: 3px solid #36d7ac;
}

.pricing:hover h4 {
  color: #36d7ac;
}

.pricing-head {
  text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
font-weight: 300;
color: #333;
padding: 5px 0;
font-size: 27px;
background: #FFF	;
 
}

.pricing-head h4 {
  color: #777;
  font-size: 12px;
  font-weight: 300;
 }
.pricing-head h2 {
  color: #578ebe;
   padding: 2px 0 0 0;
  font-size: 25px;
  margin:0 !important;
 
   border-top: dashed 1px #C7C7C7;
}
.first-box{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,e4e4e4+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
width: 48%;
position: relative;
display: inline-block;
float: left!important;
margin-right:2%!important;
}
.second-box{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,e4e4e4+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
width: 48%;
position: relative;
display: inline-block;
float: left!important;
margin-left:2%!important;
}
.padding-4{padding:4%;text-align:RIGHT;margin-top: 8px;
 }
.pricing-head-active h4 {
  color: #36d7ac;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 18px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: #888;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

.pricing-content li i {
  top: 2px;
  color: #36d7ac;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  /* padding: 10PX 0PX 10px 0px; */
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}
.margin-padding-0 {margin:0px !important; padding:0px !important;}
.rgt-border{  border-right: 1px solid #aaa;}
.panel-margin-10{margin-bottom:10px !important;}




.badge-new-icon-delivery {
font-size: 23px !important;
font-weight: 300;
height: 42px;width:42px;
padding: 15px 10px 12px 11px;
-webkit-border-radius: 92px !important;
-moz-border-radius: 12px !important;
border-radius: 45px !important;
text-shadow: none !important;
color: #111;
margin: 0 auto;
background-color: #aaa!important;
}
.margin-10-full{margin:10%;}
.number-no-margin{margin-right:0px !important;}
.address{font-size:15px !important;}
.transform-plane{ -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);}
	
.Accepted-icon {	font-size: 23px !important;
font-weight: 300;
 
padding: 4px 14px 8px 12px;
-webkit-border-radius: 92px !important;
-moz-border-radius: 12px !important;
border-radius: 45px !important;
text-shadow: none !important;
color: #fff;
  margin: 0 auto; 
background-color: #aaa!important;}

 .Accepted-icon:hover {	 
 
  color:#333;}


 .Accepted-icon-active {	font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Accepted.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 

 .Accepted-icon-not-active {	font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Accepted-1.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 
 .Departed-icon-active {		font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Departed.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}

 .Departed-icon-not-active {	font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Departed-1.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 

 .Arrived-icon-active {	font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Arrived.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 
 
 

 .Arrived-icon-not-active {font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Arrived-1.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 
 
 
.clear-icon-active {font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Delivered.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 

 .clear-icon-not-active {	font-size: 23px !important;
font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
margin: 0 auto;
background: url(../images/Delivered-1.png) no-repeat !important;
width: 80px;
display: inline-block;
height: 107px;
position: relative;
left: -18px;
TOP: 23PX;
}
 .MODAL-CHART{MARGIN-LEFT: 10PX !IMPORTANT;
PADDING-TOP: 5PX!IMPORTANT;}
.MODAL-DATE-NEW{top: 0px!IMPORTANT;
float: right!IMPORTANT;
RIGHT: 5PX!IMPORTANT;}

 
 
.padding-top-14  {padding-top:14px !important;}
.padding-top-14 h2{margin-top:20px !important;}

 
 
 .fa-plane-new{font-size:17px !important;}
 .padding-top-19{padding-top:9px;}
 
 
 
.center-icon-active {	font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
 margin: 0 auto; 
 background : url(../images/random.png) no-repeat !important;
 width: 58px;
display: inline-block;
height: 62px;
margin-left: 6px;
}
.center-icon-active:hover 
 {background : url(../images/random-hover.png) no-repeat !important;}
 
.center-icon{	font-size: 23px !important;
font-weight: 300;
text-shadow: none !important;
 margin: 0 auto; 
 BORDER:1PX SOLID #EFEFEF;
 width: 70px;
display: inline-block;
height: 68px;
 
 
background: #FFBF00;
COLOR:#333;
padding: 17px 1px 1px 1px;
border-radius: 45PX !IMPORTANT;
}
 
 
 

.listing-top{padding-top: 11px;
text-align: right;
font-size: 14px;
line-height: 18px;
margin-bottom: 0px;
font-weight: 400;}
.listing-dtails{
position: absolute;
right: 15px;
padding-right: 15px;
}
.listing-details  h2{font-size: 14px;margin:0;padding:0;
color: #578ebe;}
.listing-details  h3{font-size: 14px;margin:0;padding:0;MARGIN-TOP:10PX;
color: #444;}
.listing-details  h4{font-size: 14px;margin:0;padding:0;MARGIN-TOP:10PX;
color: #444;}
.listing-details  h5{font-size: 14px;margin:0;padding:0; 
color: #aaa;}
.margin-top-20{margin-top:20px;padding:0;}
.margin-bottom-30{margin-bottom:30px;padding:0;}
.info-height {height:135px !important; background-color:#f5f5f5 !important;}
.no-background{background-color:#f5f5f5  !important; color:#333 !important;}
 .more-new{padding:0px !important;background-color:#FAFAFA !important; color:#333 !important;border:0 !important; text-align:left!important;  
 clear: both;
display: block;
 
position: relative;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
 
 }
.more-new h5 {text-align:left !important;font-size:16px;}
.new-start{  height:225px !important; COLOR:#555!IMPORTANT;border:1px solid #FAFAFA !important;BACKGROUND:#F9F9F9!IMPORTANT;}
.new-visual{height:56px !important;opacity:.1!important;}
.new-box{padding: 5px;
background: #fff;}
.panel-heading-new{background: #D9D9D9!important;
border: none!important;PADDING:5PX !important;}
.flight-scroll-height{height: 189px!important;}
.margin-0{margin:0!important;}
.white-hok{background-color:#efefef!important; }
.white-hok-title{background-color:#aab9c2!important;border:1px solid #efefef !important;margin-bottom:2px !important;}
.tools-bg{/* background-color:#AECBE4!important; */padding-top: 4PX!important;
padding-right: 5PX!important; }
.padding-9{padding:9px !important;}
.padding-left-44{padding-left: 44PX!IMPORTANT;}

.drop-box-new{background: #97C7D8;
color: white;
padding: 15px !important;
margin: 0 !important;
-webkit-border-radius:  2px!important;
-moz-border-radius:  2px!important;
border-radius:2px!important;
}
.drop-box-arrow{ 
 
position: relative;
 
left: 2%;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #97C7D8;}

.tab-border {
webkit-border-radius: 10px !important;
-webkit-border-bottom-right-radius: 1px !important;
-webkit-border-bottom-left-radius: 1px !important;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
border-radius: 10px !important;
border-bottom-right-radius: 1px !important;
border-bottom-left-radius: 1px !important;
background: red !important;
border: 1px solid #333;
border-bottom: none;
}
.non-active-tab-flight{
-webkit-border-radius: 10px !important;
-webkit-border-bottom-right-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 10px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
margin-left:2px !important;
border :2px solid #D9D9D9 !important;
  border-bottom: 2px solid #5B9BD5 !important;
 
text-align:left;
}






/***
Bootstrap Wizard
***/
.form-wizard .progress {
  margin-bottom: 30px;
}
.form-wizard .Tabs-flight{
  padding:0;
 margin-bottom:0px !important;
  background-color: #fff;
  background-image: none;
  filter: none;
 
  box-shadow: none;
  margin-top: 2px!important;
 border-bottom: 1px solid #A3A3A3;
}
.tab-content-border{border: 1px solid #A3A3A3;
border-top: none;}
.form-wizard .Tabs-flight > li > a.Tabs-flight-a  {
  background-color:#D9D9D9;
  background-image: none;
  filter: none;
  box-shadow: none;
  border:none;
  border:1px solid #D9D9D9;
  border-bottom: 0px;
  text-align:left;
 
margin-right :2px;
padding: 4px 0px 13px 3px;
}
.form-wizard .Tabs-flight > li > .active{margin-right:0px !important;
}
.form-wizard .Tabs-flight > li.active > a.Tabs-flight-a  .fligh-way-tab{color:#0070C0  !important;
}
.form-wizard .Tabs-flight > li > .active a{margin-right:0px !important;padding: 8px 5px !important;}

.form-wizard .Tabs-flight > li > a.Tabs-flight-a:hover {
  background: #D9D9D9;
}
.form-wizard .Tabs-flight > li > a.Tabs-flight-a > .number {
  background-color: #fff;
  display: inline-block;
  text-align: center !important;
  font-size: 15px;
  font-weight: 700;
  padding: 8px 7px 8px 7px;
  margin-right: 5px;
  height: 35px;
  width: 35px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.form-wizard .Tabs-flight > li > a.Tabs-flight-a > .desc {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}
.form-wizard .Tabs-flight > li > a.Tabs-flight-a > .number > i {
   font-size: 19px;
}
.form-wizard .Tabs-flight > li.active > a.Tabs-flight-a{
webkit-border-radius: 10px !important;
 border-top:4px solid #FF9900 !important ;
background: #fff !important;
border: 1px solid #A3A3A3;
border-bottom: none;
text-align:left;
top: 3px;
margin-right:2px;
}

.form-wizard .Tabs-flight > li.active:last-child > a.Tabs-flight-a{margin-right:0px;}

.form-wizard .Tabs-flight > li.active > a.Tabs-flight-a:hover{
 
background: #fff !important;
border: 1px solid #A3A3A3;
border-top:4px solid #FF9900 !important;
border-bottom: none;
}
.form-wizard .Tabs-flight > li.done > a.Tabs-flight-a {
background-color: #00aaad;
}
.form-wizard .Tabs-flight > li.active > a.Tabs-flight-a .number {
  background-color: #00aaad !important;
  color: #fff !important;
}

.form-wizard .Tabs-flight > li.active > a.Tabs-flight-a .desc {
  color: #000 !important;
  font-weight:400
}

.form-wizard .Tabs-flight > li.done > a.Tabs-flight-a .number {
   background-color: #fff;
  color: #00aaad;
}
.form-wizard .Tabs-flight > li.done > a.Tabs-flight-a .desc {
  color: #fff;
}
.form-wizard .Tabs-flight > li.done > a.Tabs-flight-a .desc i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}

 .form-wizard .nav-tabs.nav-justified>.active>a:hover, .form-wizard .nav-tabs.nav-justified>.active>a:focus {
border: none;
border-left:solid 2px #fff;

}
.form-wizard .panel-group { padding:10px; margin-bottom:0}

  /*.form-wizard .panel-heading {
  background-color: #f2f2f2;
  background-image: none;
  filter: none;
  box-shadow: none;
  padding:0;
}
.form-wizard .panel-title{font-weight:400}
.form-wizard .panel-title>a {display:block; padding:10px 15px}
*/
 

@media (min-width: 768px) and (max-width: 1200px) {
  /* 768px & 1200px */
  .form-wizard .Tabs-flight-a .desc {
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 768px) {
  /* 768px */
  .form-wizard .Tabs-flight > li > a {
    text-align: left;
  }
}

.fligh-number-tab{left: 0 !IMPORTANT;
TOP: -2PX!IMPORTANT;
POSITION: RELATIVE!IMPORTANT;
FONT-SIZE: 13PX!IMPORTANT;
color:#636363!IMPORTANT;
display:inline-block !IMPORTANT;
}
.padding-5{padding:5px!important;}
.cont-new-list {float: left;
overflow: hidden;}
.cont-new-heading{
 
background-color: #D9D9D9!important;
padding: 5px;
color: #000;
font-size:16px;
}



.fligh-way-tab{FONT-SIZE: 11PX!IMPORTANT;
POSITION: RELATIVE;
TOP: -2PX;
right: 5px;
COLOR:#636363 !IMPORTANT;
FONT-WEIGHT: BOLD !IMPORTANT;
display:inline-block !IMPORTANT;}

.word-1{font-size: 17px;
color: #2C3D4E;}
.word-2{font-size: 12px;
color: #747474;}
.word-3{font-size: 12px;
color: #fff;
background: #00aaad;
padding: 1px 2px 3px 4px;
margin: 1px;
}
.word-4{font-size: 12px;
color: #747474;
margin-left: 4px;
}
.word-5{font-size: 14px;
color: #1F4E79;}


.blue-head{width: 100%;
background: #45484D;
position: relative;
display: inline-block;
height: 4px;
top: 35px;}
.blue-head-h3{width: 85px;
background: #fff;
position: relative;
display: inline-block;
bottom: 0px;}
.price-number-top{
position: relative;
display: inline-block;
left: -5px;
bottom: 9px;
font-size: 24px;
color: #0070C0;
float: left;
}
.price-pcs-top{
position: relative;
display: inline-block;
left: -5px;
bottom: -1px;
font-size: 14px;
color: #B4B4B4;
float: left;
}
.icon-bttm{color:#9F9F9F!important;}
.arrow-1{width: 0px;
height: 0px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #D9D9D9;
position: relative;
display: inline-block;
float: left;
top: 49px;}
.arrow-2{width: 0px;
height: 0px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #D9D9D9;
position: relative;
display: inline-block;
float: right;
top: 45px;
right: -1px;
}

.center-icon-arrow a{width: 70px;
height: 70px;
border: 1px solid #147BC5;
border-radius: 40px !important;
position: relative;
display: inline-block;
left:-1px;
top: 25px;
FONT-SIZE: 16px;
color: #0070C0;
padding: 23px 16px;
}

.advance-search{
position: relative;
display: inline-block;
left: -8px;
width: 105px;
top: 8px;
FLOAT: RIGHT;
}
.no-border{
border:none!important;
}
.heading-date{font-size:11px;color:#444;}
.blackbox-font-destination{color:#fff!important;}

.txt-center{text-align:center!important;}
.margin-top-7{margin-top:7px !important;}
.margin-padding-10 {margin:0px !important; padding:0px !important;margin-top:10px!important;}
.listing-details h6 {
font-size: 16px;
margin: 0;
padding: 0;
 margin-top:3px;
color: #fff;}
.listing-details h5 {
font-size: 16px;
margin: 0;
padding: 0;
 margin-top:3px;
color: #578ebe;}


.more-new.custom h5 {text-align: left !important;
font-size: 16px;
padding: 0 26px;
color: #666;}
.more-news-heading{border-bottom: 1px solid #E6E6E6!important;}
.customInner{height:175px;}
.customInner .carousel-caption {top: 35px;left: 0;text-align: left;padding-left: 70px;box-sizing:border-box;}
.customInner .carousel-caption label{font-size:22px; color:#0070C0; text-shadow:none; width:100%;}
.customInner .carousel-caption label strong{color:#0070C0;}
.carousel-control.left.custom{background:none;}
.carousel-control.right.custom{background:none;}
.carousel.custom{padding:0 40px;}
.carousel-indicators.custom .active {background-color: #5B9BD5;}
.carousel-indicators.custom {bottom:-40px;
text-align: left;
width: 100%;
left: 0%;
margin: 0;
border-top: 1px solid #E6E6E6;
padding: 9px 12px 0px 12px;}
.carousel-indicators.custom li {border: 1px solid #5B9BD5;-webkit-border-radius:  6px!important;
-moz-border-radius:  6px!important;
border-radius:6px!important;}

.caption-new{margin: 0;
padding: 0;
position: relative;
display: inline-block;
top: 6px; 
}
.portal-title{background-color:#2C3D4E!important;}

 table.table-bordered thead tr th{border:none;}
 .table-bordered>tbody>tr>td{BORDER-COLOR:#efefef!IMPORTANT;}
 
 .search-list-head{font-size: 16px;color: #146497;}
  .search-list-date{font-size: 13px;color: #FF9900;}
   .search-list-time{font-size: 13px;color: #747474;}
  .iconFnt-list {font-size: 25px!important;
color: #00aaad;text-align:center;}
.table-bordered>tbody>tr>td {
 vertical-align: middle!important;}
 .table-bordered th {
background-color: #A5B5C9;
font-size: 14px !important;
color: white;}

button.close-tab{-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
}

 .close-tab{display: inline-block;
margin-top: -3px;
margin-right: 0px;
width: 13px;
height: 13px;
background-repeat: no-repeat !important;
text-indent: -10000px;
outline: none;
background-image: url("../images/tab-close.png") !important;
opacity: 10;
float: right;}
 .close-tab:hover{
 background-image: url("../images/tab-close-new.png") !important;
 }
 @media (max-width: 360px) {
 .col-xs-2.no-padding-right{padding-right:0px!important;}
  .col-xs-5.no-padding-right{padding-right:0px!important;}
 .btn-icon-only{min-width:80px!important;}
 .top-menu.homeMenu.forMobile{padding: 14px 6px 7px !important;}
 .top-menu.homeMenu{padding: 14px 13px 10px !important;}
 

 .btn-icon-only.mob-margin-left{margin-left:14px!important;}}
 .visibility{visibility: hidden!important;}
 .text-wrap{text-overflow: ellipsis !important;
white-space: normal !important;}
.dtr-data{text-overflow: ellipsis !important;
white-space: normal !important;}
.right{float:right !important;}
.right a{color:#fff;}

.sub-table{ 
 color: #888;
display: inline-block;
margin-top: 8px;
right: 104px;}
.sub-table a{color:#428bca; }
.sub-table a:hover{color:#45b6af;}
/*.margin-bottom-15{float: left;
max-width: 335px;
position: relative;}
*/
@media (max-width:400px){
.sub-table{
position: relative;
display: inline-block;
top: 6px;
right: 2px;}
}

.caption-list-new{padding: 7px;
/* border-bottom: 1px solid #ddd; */
font-size: 15px;
 background: #F5F5F5;margin-bottom: 5px;}
.caption-list-new-line {background: #ddd;
padding: 8px;
margin: 0 16px;margin-bottom: 11PX;}
.caption-list-new-line-span{position: relative;
display: inline-block;
float: right;
font-size: 13px;
color: #5A6777;}

 @media (max-width: 400px) {.caption-list-new-line {
background: #ddd;
padding: 8px;
margin: 3px 16px;
margin-bottom: 15PX;
min-height: 51px;
}
 }
.caption-list-new-line-span {
 
float: left;
font-size: 13px;
color: #5A6777;
}
.action-span a{color: #428bca;
margin-right: 5px;}
.action-span a:hover{color:#020201;
 }
.icon-font-size{font-size:16px;}

.normaluser-dash-1 h3{margin:0;font-size: 15px;
color: #333;}
.normaluser-dash-1 h5{margin: 5px 14px;font-size: 13px;
color: #27A3C0;}
.normal-user-edit-box{position: relative;
display: inline-block;
left: -18px;
width: 140px;
top: 0px;
}

.normaluser-dash-2 h3{margin: 15px 0 0 0;
font-size: 15px;
color: #333;
}
.normaluser-dash-2  h5{margin: 5px 14px;font-size: 12px;
color: #333;}
.pop-select{min-width:150px;}
.mandy{color:red;}
.message-box{background-color: #f5f5f5; padding: 10px;}
.add-new{padding: 2px 3px!important;}
.width-50{width:50%!important; margin-right:3px;}
.width-40{width:40%!important;  }
.shipmentwidth{max-width:45px!important;   }
.netpackagewidth{width:40px!important;max-width:40px!important;   }
.netqtypackagewidth{max-width:75px!important;   }
.radactwidth{max-width:36px!important;   }
.psnwidth{max-width:85px!important;   }
.pkgwidth{max-width:40px!important;   }
.unidwidth{max-width:45px!important;   }

.wd-info{
	text-align: center;
    margin-bottom: 15px;
	color:#004d7e; 
}	
.wd-info > i {
	font-size: 35px;
}	
.wd-info > span {
	display: block;
    margin: 5px;	
    font-size: 14px;
}
.mt-70{
	/*margin-top: 70px!important; */
}
#icargoPortalContentHeader{
	/*min-height:75px  */
	border-bottom: 1px !important;
}

.dropdown-menu  > li > a {   
    color: #004d7e !important;
}

.navbar-default .navbar-text {
    color: #fff;
}

#login-ic .btn-primary {
    background: #004d7e;
}


.login .content .form-actions .btn {
    background-color: #004d7e;
}

.modal .modal-header {    
    background-color: #004d7e;
}

.cust-footer{
	position: absolute;
    bottom: 0;
    color: white;
}

.cust-land-info {
	height: 750px;
    background: url(../images/bkg.jpg)	no-repeat;
    background-size: 100% 100%;	
}

.lndinfo-main{
	  background: white;
    margin: 4% 8%;
    min-height: 150px;
    border-radius: 8px !important;
    padding: 20px;	
	color: #004d7e;
}

.lndinfo-main > h3{

font-size: 18px;
}

.btn-info {    
    background-color: rgb(204 0 51/1) !important;
	border-radius: 100px !important;
}

@media (max-width: 991px){
.page-header-fixed.page-header-fixed-mobile .mt65 {
    margin-top: 65px !important;
}
}


#forgotPassword_top ,#forgotPassword_modal_link,.remember {
  color: #004d7e !important;
}

@media (max-width: 768px){
#login-ic {
    background-color: rgba(255,255,255,.9);
}
}
.mtb4{
	margin-top:3%;
	margin-bottom:3%;
}

.login {
    background: white;
}

label {
	font-weight: 600 !important;
}

.ui-autocomplete li.ui-menu-item a.ui-state-focus,.ui-autocomplete li.ui-menu-item a.ui-state-active
	{
	background: #1890ff;
	color: #FFF;
}

/* Date Customization */

.ui-datepicker {
	font-family: Quicksand,sans-serif !important;
}

.ui-widget-content {
	border: none !important;
	box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
	background: #FFF !important;	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border : 1px solid #FFF !important;
	background: #FFF !important;
	font-weight: 500 !important;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	border : 1px solid rgb(245, 245, 245) !important;
	background: rgb(245, 245, 245) !important;	
}

.ui-state-default.ui-state-active {	
	border : 1px solid rgb(204 0 51/1) !important;
	background: rgb(204 0 51/1) !important;
	color: #FFF !important;
}

.ui-state-default.ui-state-highlight {	
	border : 1px solid rgb(204 0 51/1) !important;
}

.ui-widget-header {
	border: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	background: none !important;
}
 
/* Date ends */

.portlet.box.blue-madison > .portlet-title > .caption, .portlet.box.blue-madison > .portlet-title > .caption-small {
	color : #000 !important;
	font-weight: 600 !important;
}

.portlet > .portlet-body.blue-madison, .portlet.blue-madison {
	background-color: #E8E8E8 !important;
}