/*** File Path : /var/www/html/sos.hb.ng/public/styles/asset/custom.css */
/*Custom CSS11122*/


@font-face { font-family: 'Lato-Regular'; src: url('../../fonts/Lato-Regular.eot');  src: url('../../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Lato-Regular.woff2') format('woff2'),   url('../../fonts/Lato-Regular.woff') format('woff'),  url('../../fonts/Lato-Regular.ttf') format('truetype'),   url('../../fonts/Lato-Regular.svg#Lato-Regular') format('svg');  font-weight: normal;   font-style: normal;}
@font-face { font-family: 'Lato-Medium';src: url('../../fonts/Lato-Medium.eot'); src: url('../../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),    url('../../fonts/Lato-Medium.woff') format('woff'),     url('../../fonts/Lato-Medium.ttf') format('truetype'), url('../../fonts/Lato-Medium.svg#Lato-Medium') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Lato-Semibold'; src: url('../../fonts/Lato-Semibold.eot'); src: url('../../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/Lato-Semibold.woff') format('woff'), url('../../fonts/Lato-Semibold.ttf') format('truetype'), url('../../fonts/Lato-Semibold.svg#Lato-Semibold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'latobold'; src: url('../../fonts/lato-bold-webfont.eot'); src: url('../../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),   url('../../fonts/lato-bold-webfont.woff2') format('woff2'),  url('../../fonts/lato-bold-webfont.woff') format('woff'),url('../../fonts/lato-bold-webfont.ttf') format('truetype'),url('../../fonts/lato-bold-webfont.svg#latobold') format('svg');  font-weight: normal;  font-style: normal;}
strong{ font-weight:normal}
input{padding-top:0px; padding-bottom:0px}
a:focus, a:hover{color:#222}
.color-red{color:#820024}
.color-drkgry{color:#222}
.color-lgtgry{color:#666}
.form-control.select2:focus,
.form-control:focus{ box-shadow:0 0 5px #c5c5c5; border-color:#999999 !important}
.sprites { background: url(../../../images/asset/sprites.png) no-repeat 0 0; vertical-align:middle; display: inline-block; }


.skin-blue.sidebar-mini .logo-mini{ display:none;}
.skin-blue.sidebar-mini.sidebar-collapse .logo-lg{ display:none;}
.skin-blue.sidebar-mini.sidebar-collapse .logo-mini{ display:block;}
.skin-blue.sidebar-mini a.logo{ width:100%; display:inline-block; text-align:center; background:#fff; padding:7px 0;}
.sidebar .user-panel .pull-left.image{ width:100%; display:inline-block; text-align:center; margin-bottom:10px;}
.sidebar .user-panel .pull-left.image img.img-circle{ width:80px; height:80px; max-width:80px;}
.user-edit{ width:16px; height:16px; display:inline-block; background-position:0 0;vertical-align: middle; margin-left:10px; cursor:pointer; margin-right:-16px;}
.user-edit:hover{ background-position: -693px 0;}
.skin-blue .sidebar-menu > li > a{border-left:0px;}
.skin-blue .sidebar a{ font-size:15px; color:#666666; border-bottom:1px solid #ededed;transition: all 0.3s ease 0s;}
.skin-blue .sidebar a.active,
.skin-blue .sidebar a.active span{color:#000}
.skin-blue .sidebar a span {  font-family:"Lato-Regular";  font-size: 14px;   line-height: 21px; margin-left:11px; color:#666666}
.leftmenu-icon1{ width:21px; margin: 0 3px; height:21px; display:inline-block; background-position:-1px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon1{background-position:-1px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon1{background-position:-1px -56px; margin-top:-1px;}
.recent-title .leftmenu-icon2{width:27px; height:20px; display:inline-block; background-position:-23px -29px;vertical-align: middle; margin-right:10px}
.leftmenu-icon2{ background-position: -23px -29px;display: inline-block; height: 20px;  margin-left: -1px;  margin-top: -2px;  vertical-align: middle;    width: 27px;}
.skin-blue .sidebar a:hover .leftmenu-icon2{background-position:-23px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon2{background-position:-23px -56px;}
.leftmenu-icon3{ width:21px; margin: -2px 3px 0; height:22px; display:inline-block; background-position:-52px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon3{background-position:-52px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon3{background-position:-52px -56px;}
.leftmenu-icon4{ width:22px; margin:-2px 2px 0; height:22px; display:inline-block; background-position:-75px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon4{background-position:-75px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon4{background-position:-75px -56px;}
.leftmenu-icon5{ width:25px; margin:-2px 1px 0; height:22px; display:inline-block; background-position:-99px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon5{background-position:-99px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon5{background-position:-99px -56px;}
.leftmenu-icon6{ width:19px;  margin:-2px 3px 0 4px; height:24px; display:inline-block; background-position:-126px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon6{background-position:-126px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon6{background-position:-126px -56px;}
.leftmenu-icon7{ width:23px; margin:-1px 3px 0;  height:24px; display:inline-block; background-position:-147px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon7{background-position:-147px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon7{background-position:-147px -56px;}
.leftmenu-icon8{ width:22px; margin:-2px 3px 0; height:13px; display:inline-block; background-position:-171px -29px;vertical-align: middle; }
.skin-blue .sidebar a:hover .leftmenu-icon8{background-position:-171px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon8{background-position:-171px -56px;}
.leftmenu-icon9{ width:20px; margin:-2px 4px 0; height:22px; display:inline-block; background-position:-194px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon9{background-position:-194px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon9{background-position:-194px -56px;}
.leftmenu-icon10{ width:18px; margin:-2px 4px 0; height:20px; display:inline-block; background-position:-216px -29px;vertical-align: middle;}
.skin-blue .sidebar a:hover .leftmenu-icon10{background-position:-216px -56px;}
.skin-blue .sidebar a.active .leftmenu-icon10{background-position:-216px -56px;}
.request-cargo-btn{ float:left; margin-top:12px; margin-right:5px}
.request-cargo-btn a.red-btn{line-height:34px}
a.red-btn{ min-width:130px; height:36px; line-height:31px; text-align:center; display:inline-block; background:#820024; color:#fff;font-family: 'Lato-Semibold'; font-size:16px;}
a.red-btn:hover, a.red-btn:active, a.red-btn:focus{color:#fff}
.red-btn:hover{ background:#740221; color:#fff;}
a.red-btn-active{ min-width:130px; height:36px; line-height:31px; text-align:center; display:inline-block; background:#f7f7f7; color:#820024;font-family: 'Lato-Semibold'; font-size:16px; pointer-events:none}
.save-btn-top{ float:left; font-size:14px; color:#222222;font-family: 'Lato-Regular'; margin:0px 9px 0px 17px; height:60px; line-height:60px; font-family: 'Lato-Semibold';}
.save-btn-top:hover{ color:#820024;}
.save-btn-top:hover .save-icon {background-position:-591px -1px; }
.save-icon{ display:inline-block; width:18px; height:28px; display:inline-block; background-position:-41px -1px;vertical-align: middle; margin-right:5px;}
.save-icon:hover{background-position:-591px -1px; }
.print-icon{ display:inline-block; width:22px; height:28px; display:inline-block; background-position:-60px -1px;vertical-align: middle; margin-right:5px;}
.print-icon:hover{background-position:-613px -1px;}
.save-btn-top:hover .print-icon {background-position:-613px -1px; }
.fa-fa-bell-o{ width:20px; height:23px; display:inline-block; background-position:-83px -1px;}
.fa-fa-bell-o:hover{ background-position:-639px -1px}
.navbar-nav > li > a{padding: 19px 18px 18px;}
.skin-blue .main-header .navbar .nav li  a{transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in}
.skin-blue .main-header .navbar .nav li.dropdown:hover a.dropdown-toggle,
.skin-blue .main-header .navbar .nav .open > a, 
.skin-blue .main-header .navbar .nav .open > a:focus, 
.skin-blue .main-header .navbar .nav .open > a:hover { background-color: #e5e5e5;  border-color: #337ab7;}
.navbar-nav > li:hover .fa-fa-bell-o{ background-position:-640px -1px}
.user-btn-top{ float:right; margin-top:17px; margin-right:11px; margin-left:10px;}
.user-btn-top:hover .user-icon{ background-position:-664px -1px}
.user-icon{ width:24px; height:26px; display:inline-block; background-position:-105px -1px;}
.user-icon:hover{ background-position:-664px -1px}
.recent-cargos{ background:#fff url(../../../images/asset/recent-cargos.jpg) repeat-x; border:1px solid #e5e5e5; min-height:120px; position:relative;}
.recent-cargos-title{ width:100%; display:inline-block; border-bottom:1px solid #e5e5e5; padding:7px;}
.recent-title{ font-size:16px; color:#222222;font-family: 'Lato-Semibold'; float:left; line-height:normal; padding-top:3px;}
.vesselname{border-left: 1px solid #222222; color: #666666; float: left; font-family: "Lato-Regular"; font-size: 14px; height: 20px; line-height: 18px; margin-left: 25px; margin-top: 5px;  padding: 0 9px;}
.vesselname em{ font-size:16px; color:#222222;font-family: 'Lato-Semibold'; text-transform:uppercase; font-style:normal;}
.vessel-update-box{ float:left; font-size:14px; color:#222222; background:rgba(255,255,255,0.7); padding:0px 11px; min-width:550px; margin:0px 0 0px 22px;  font-family: 'Lato-Medium'; height:29px; line-height:29px;}
.recent-cargos-details{ width:100%; display:inline-block; line-height:normal; margin-top:5px}
.recent-cargos-details-lt{ width:75%; float:left;}
.cargos-details-box{ font-size:14px; color:#666666;font-family: 'Lato-Regular'; margin-left:20px; width:142px; float:left; margin-top:6px; line-height:20px;}
.cargos-details-box span{ display:block; font-size:14px; color:#222222; font-family: 'Lato-Semibold';}
.recent-cargos-details-rt{ width:auto; float:right; position:absolute; right:0; bottom:0;}
.cargos-details-box2{ width:188px; margin-left:0px;}
.cargos-details-box3{ width:130px; margin-left:0px;}
.cargos-details-box4{ width:157px; margin-left:0px;}
.cargos-details-box5{ width:auto; margin-left:0px; min-width:137px;}
.left-cnt{padding-right:2px;}
.right-cnt{padding-left:2px;}
.midd-box{ width:100%; display:inline-block; background:#fff; border:1px solid #e5e5e5; margin-top:5px;}
.midd-box-blank{ width:100%; display:inline-block; background:transparent; border:0px solid #e5e5e5; margin-top:5px;}
.midd-box h3{ font-size:16px; color:#666666;font-family: 'Lato-Semibold'; font-weight:normal; margin:0px; border-bottom:1px solid #e5e5e5; height:44px; line-height:40px; padding:0 9px;}
.current-icon{ width:22px; height:22px; display:inline-block; background-position:-158px -1px;vertical-align: middle; margin-right:7px; margin-top:-3px }
.calendar-section{ min-height:577px}
.current-stock-section{min-height:340px}
.sales-tabs-section{min-height:580px;}
.recent-invoice-section{min-height:330px}
.recent-activities-section{min-height:460px;}
.current-stock-box{ width:auto; padding:10px 14px 15px; display:table; margin:0 auto;}
.current-ago-box{ width:176px; float:left;}
.current-ago-box h3{ background:url(../../../images/asset/ago-bg.jpg) no-repeat; height:56px; display:inline-block; width:100%; color:#fff; text-align:center; font-size:26px;font-family: 'latobold'; font-weight:normal; line-height:38px; background-size:cover;}
.current-ago-box-midd{ display:inline-block; width:100%; min-height:213px; background:#f7f7f7 url(../../../images/asset/current-ago-box-bg.jpg) repeat-x; border-bottom:5px solid #dfdfdf; text-align:center; padding:16px 0; line-height:normal}
.ago-box-colum{ width:100%; display:inline-block; font-size:14px; color:#999999;}
.ago-box-colum span{ display:block; font-size:18px; color:#222222;font-family: 'Lato-Semibold'; font-weight:normal;line-height: 20px;}
.ago-box-colum2{ margin:30px 0; }
.current-ago-box2{ margin:0 7px;}
.current-ago-box3{ margin-right:7px;}
.current-ago-box2 h3{ background:url(../../../images/asset/ago-bg2.jpg) no-repeat; height:56px; display:inline-block; width:100%; color:#fff; text-align:center; font-size:26px;font-family: 'latobold'; font-weight:normal; line-height:38px;background-size:cover;}
.current-ago-box2 .current-ago-box-midd{  background:#f7f7f7 url(../../../images/asset/current-ago-box-bg2.jpg) repeat-x;}
.current-ago-box3 h3{ background:url(../../../images/asset/ago-bg3.jpg) no-repeat; height:56px; display:inline-block; width:100%; color:#fff; text-align:center; font-size:26px;font-family: 'latobold'; font-weight:normal; line-height:38px;background-size:cover;}
.current-ago-box3 .current-ago-box-midd{  background:#f7f7f7 url(../../../images/asset/current-ago-box-bg3.jpg) repeat-x;}
.current-ago-box4 h3{ background:url(../../../images/asset/ago-bg4.jpg) no-repeat; height:56px; display:inline-block; width:100%; color:#fff; text-align:center; font-size:26px;font-family: 'latobold'; font-weight:normal; line-height:38px;background-size:cover;}
.current-ago-box4 .current-ago-box-midd{  background:#f7f7f7 url(../../../images/asset/current-ago-box-bg4.jpg) repeat-x;}
.current-ago-box-midd.no-data{display:table; height:213px}
.noimages{ display:table-cell; width:100%; vertical-align:middle; height:100%; position:relative}
.current-ago-box4 .ago-box-colum{ margin:2px 0;}
.current-ago-box4 .ago-box-colum{margin-bottom:6px;}
.current-ago-box4 .ago-box-colum:last-child{margin-bottom:0px;}
.ago-box-colum-gray span{ color:#666666;}
.calendar-icon{ width:22px; height:22px; display:inline-block; background-position:-204px -1px;vertical-align: middle; margin-right:7px; margin-top: -3px;}
.calendar-midd{ width:100%; display:inline-block; padding:13px 17px; text-align:center}
.calendar-midd img{ max-width:100%; margin:0 auto}
.deliveries-icon{ width:22px; height:22px; display:inline-block; background-position:-227px -1px;vertical-align: middle; margin-right:7px; margin-top:-3px}
.deliveries-select{ width:100%; display:inline-block; padding:9px; background:#f7f7f7;}
.today-beliveries-block{ padding-right:3px;}
.distributions-block{ padding-left:3px;}
.deliveries-select .form-group{ margin-bottom:0px;}
.deliveries-listing{ width:100%; display:inline-block; padding:0 7px 0 19px; margin-bottom:20px;}
.distributions-block .midd-box, .today-beliveries-block .midd-box{min-height:460px}
.distributions-block .midd-box .tab-midd-cnt {display: inline-block;margin: 0;min-height: 373px;position: relative; vertical-align: middle;  width: 100%;}
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 3px; }
.vscrollerbar { width: 3px; }
.hscrollerbase { height: 3px; }
.hscrollerbar { height: 3px; }
.hscrollerbar { background: #99CBCB; }
.vscrollerbar { background: #e0e0e0; border-radius:12px;}
.vscrollerbar, .hscrollerbar { padding: 10px; z-index: 2; }
.vscrollerbarbeg { width: 3px; height: 3px !important; }
.vscrollerbarend { width: 3px; height: 3px; }
.hscrollerbarbeg { height: 3px; width: 3px !important; }
.hscrollerbarend { height: 3px; width: 3px; }
.scrollerjogbox { background: #4E727C; width: 3px; height: 3px; top: auto; left: auto; bottom: 0px; right: 0px; }
.vscrollerbase { background: #fff; }
.hscrollerbase { background: #D7EBDF; }
.hscrollerbasebeg { height: 3px; width: 3px !important; background: green; }
.hscrollerbaseend { height: 3px; width: 3px; background: green; }
.scrollerjogbox:hover { background: #5E828C; }
.flexcroll{ height:315px;}
.deliveries-listing > ul{ margin:0px; padding:0;}
.deliveries-listing > ul > li{ list-style:none; display:inline-block; width:97%; height:47px; line-height:47px; overflow:hidden; border-bottom:1px solid #e8e8e8; vertical-align:top}
.deliveries-listing > ul > li:nth-child(1) .deliveries-listing-col{color:#999}
.deliveries-listing > ul > li .deliveries-listing-col:nth-child(3){text-align:left}
.deliveries-listing-col{ width:23%; float:left; font-size:14px; color:#222222; text-align:center; font-family: 'Lato-Medium';}
.deliveries-listing-col .view-btn{min-width:60px; font-size:12px}
.deliveries-listing-col1{ text-align:left; width:30%}
.deliveries-listing-col2{ text-align:right;}
.view-btn{ font-size:14px; color:#820024; min-width:70px;  line-height:27px; height:30px; display:inline-block; border:1px solid #e8e8e8; background-position:-425px -70px; text-align:center; padding:0 10px}
/*.view-btn:hover{ background:#820024; border:1px solid #820024; color:#fff;}*/

.distributions-icon{ width:22px; height:21px; display:inline-block; background-position:-250px -1px;vertical-align: middle; margin-right:7px; margin-top:-3px}
.tab-box{ width:100%; display:inline-block; margin-top:-1px;}
.tab-box .nav-tabs li{ width:50%;}
.tab-box .nav-tabs li a{ border:0px; background:#f7f7f7; border:0px !important; border-top:1px solid #e8e8e8 !important; border-radius:0px; text-align:center; font-size:14px; color:#999999;font-family: 'Lato-Semibold';margin-right:0px; padding:0 15px; height:43px; line-height:41px;}
.tab-box .nav-tabs{ border:0px; }
.tab-box .nav-tabs li.active a{background:#fff; border-top:1px solid #820024 !important; color:#222222;}
.tab-midd-cnt{ margin:0px; position:relative;}
.map-img-tab {  text-align: center;}
.map-img-tab img{ max-width:100%;}
.top-regions{ position:absolute; right:4px; bottom:4px; background:#fff; width:110px; display:inline-block; border:1px solid #e8e8e8;}
.top-regions h5{ font-size:12px; color:#999999; background:#f7f7f7; height:28px; line-height:28px; padding:0 10px; margin:0px;}
.top-regions ul{ margin:0; padding:2px 10px;}
.top-regions li{ list-style:none; font-size:12px; color:#222222; padding:2px 0;}
.sale-icon{ width:22px; height:24px; display:inline-block; background-position:-181px -2px;vertical-align: middle; margin-right:7px;}
.sales-top-box{ width:100%; display:inline-block; padding:9px 10px 0 19px;}
.sales-top-box-lt{ float:left;font-size:14px; color:#222222; margin-top:8px; }
.sales-top-box-lt .revenue-text{ float:left;}
.sales-top-box-lt .revenue-text em{ background:#80c153; width:6px; height:6px; display:inline-block; border-radius:50%; margin-right:6px; vertical-align:top; margin-top:7px;}
.sales-top-box-lt .profit-text{ float:left; margin-left:9px;}
.sales-top-box-lt .profit-text em{ background:#dd6161; width:6px; height:6px; display:inline-block; border-radius:50%; margin-right:6px; vertical-align:top; margin-top:7px;}
.sales-top-box-rt{ float:right; position:relative; width:199px}
.sales-top-box-rt .form-group{ margin-bottom:0;}
.sales-top-box-rt .form-group .calendar-icon{ position:absolute; left:8px; z-index:100; top:9px;}
.sales-top-box-rt .form-group  .select2-container{ width:100% !important; }
.sales-top-box-rt .form-group .select2-container--default .select2-selection--single, .sales-top-box-rt .form-group .select2-selection .select2-selection--single{ padding:6px 6px 6px 32px;}
.sales-chart{ width:100%; display:inline-block; padding:9px 0 0 19px; text-align:center}
.sales-chart img{ max-width:100%;  max-height:214px;}
.sales-listing{ width:100%; display:inline-block; margin-top: 6px;}
.sales-listing ul{ margin:0 20px 0 19px; padding:0px;}
.sales-listing li{ list-style:none; display:inline-block;  width:100%; padding:10px 0; border-bottom:1px solid #e8e8e8; float:left; line-height:normal; }
.sales-listing li:last-child{ border-bottom:0px;}
.sales-listing-colum1{ width:33%; float:left; font-size:14px; color:#222222; font-family: 'Lato-Semibold';}
.sales-listing-colum2{ width:33%; float:left; text-align:center;font-size:14px; color:#222222; font-family: 'Lato-Semibold';}
.sales-listing-colum3{ width:33%; float:left; text-align:right;font-size:14px; color:#222222; font-family: 'Lato-Semibold';}
.sales-listing li:last-child .sales-listing-colum1{ font-size:16px;font-family: 'Lato-Semibold';}
.sales-listing li:last-child .sales-listing-colum2{ font-size:16px;font-family: 'Lato-Semibold';}
.sales-listing li:last-child .sales-listing-colum3{ font-size:16px;font-family: 'Lato-Semibold';}
.sales-listing li:last-child .sales-listing-colum4{ font-size:16px;font-family: 'Lato-Semibold';}
.list-arro1{ width:11px; height:6px; display:inline-block; display:inline-block; background-position:-343px 0;margin-top: -1px;
vertical-align: middle; margin-right:5px;}
.list-arro2{ width:11px; height:6px; display:inline-block; display:inline-block; background-position:-343px -8px;margin-top: -1px;
vertical-align: middle; margin-right:5px;}
.recent-icon{background-position: -52px -29px;display: inline-block;height: 22px;margin-right: 7px;vertical-align: middle;width: 21px; margin-top:-3px}
.recent-invoices-listing{ width:100%; display:inline-block; padding:7px 20px;}
.recent-invoices-listing ul{ margin:0; padding:0;}
.recent-invoices-listing li{ list-style:none; display:inline-block; width:100%; border-bottom:1px solid #e8e8e8; padding-bottom:0px; margin-bottom:-5px;}
.recent-invoices-colum1{ float:left; width:40%;}
.recent-invoices-colum2{ float:left; width:40%;}
.recent-invoices-colum3{ float:left; width:20%; text-align:right; margin-top:30px;}
.recent-invoices-listing h4{ font-size:12px; color:#999999; margin:0;}
.recent-invoices-listing h5{ font-size:14px; color:#222222; margin:0;font-family: 'Lato-Semibold';}
.recent-colum-box{ float:left; width:100%; padding:7px 0;}
.recentclock-icon{background-position: -299px -1px;display: inline-block;height: 20px;margin-right: 7px;vertical-align: middle;width: 20px; margin-top:-3px}
.view-more-btn{ float:right; font-size:12px; color:#999999; margin-right:10px}
.view-more-btn:hover{ color:#820024;}
.recent-activit-list{ width:100%; display:inline-block; padding:0px;}
.recent-activit-list ul{ margin:10px 20px; padding:0;}
.recent-activit-list li{ list-style:none; display:inline-block; width:100%; border-bottom:1px solid #e8e8e8; padding:7px 0 ; font-size:14px; color:#222222; line-height:18px;}
.recent-activit-list li span{ color:#999999;}
.gray-btn{ font-size:12px; color:#820024; padding:0 15px; height:30px; line-height:26px; background:#fff; border:1px solid #e8e8e8; display:inline-block; margin-top:8px;}
.gray-btn:hover{ background:#820024; border:1px solid #820024; color:#fff;}
.intercon-icon{background-position: -273px -1px;display: inline-block;height: 24px;margin-right: 7px;vertical-align: middle;width: 24px;}
.internal-consumption-lt{ padding:11px 0 11px 35px; float:left; width:50%}
.internal-consumption-lt .sales-top-box{padding-left:0px; padding-right:0px;}
.internal-consumption-rt{ padding:11px 35px; float:left; width:50%}
.agogray-text{ float:left; margin-right:18px;}
.agogray-text em{ background:#ffc400; width:6px; height:6px; display:inline-block; border-radius:50%; margin-right:6px;}
.internal-consumption-lt .profit-text{ margin-left:18px;}
.internal-consumption-lt em{ float:left; margin-top:7px;}
.internal-chart{ width:100%; display:inline-block; text-align:center}
.internal-chart img{ max-width:100%;}
.internal-listing{ width:100%; display:inline-block; margin-top:40px;}
.internal-listing ul{ margin:0; padding:0;}
.internal-listing li{ list-style:none; display:inline-block; width:100%; border-bottom:1px solid #e8e8e8; padding:12px 0; font-size:14px; color:#222222; float:left;}
.internal-listing-colum1{ width:15%; float:left;}
.internal-listing-colum2{ width:31%; float:left; text-align:center;}
.internal-listing-colum3{ width:35%; float:left; text-align:center;}
.internal-listing-colum4{ width:19%; float:left; text-align:right;}
li.firstli{font-family: 'Lato-Semibold';}
li.lastli{font-family: 'Lato-Semibold'; font-size:16px;}
.yellow-dott{ width:6px; height:6px; display:inline-block; background:#ffc400; border-radius:50%; float:left;margin-right: 5px;
margin-top: 7px;}
.green-dott{ width:6px; height:6px; display:inline-block; background:#80c153; border-radius:50%; float:left;margin-right: 5px;
margin-top: 7px;}
.red-dott{ width:6px; height:6px; display:inline-block; background:#dd6161; border-radius:50%; float:left;margin-right: 5px;
margin-top: 7px;}
.internal-listing li:last-child{ border-bottom:0px;}
.footer-bottom{ background:#222222; font-size:10px; color:#666666; text-align:center; height:40px; line-height:40px;}
.menu-hover-arrow{ width:6px; height:11px; display:inline-block; background-position:-17px 0;position: absolute;right: 0;top: 20px;}
.sidebar-menu li a .menu-hover-arrow{ display:none;}
.sidebar-menu li a:hover .menu-hover-arrow{ display:block;}
.sidebar-menu li.active a .menu-hover-arrow{ display:block;}
.vessel-update-box span{ color:#666666; font-family: 'Lato-Regular'; font-size:14px;}
.skin-blue.sidebar-mini.sidebar-collapse .sidebar .user-panel .pull-left.image img.img-circle {height: 35px;max-width: 35px;width: 35px;}
.skin-blue.sidebar-mini.sidebar-collapse .sidebar .user-panel .pull-left.image{ margin-bottom:0px;}



.dataview-btn{background-position:  -477px  -60px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 20px;    min-width: 25px;   padding: 0 10px;    text-align: center; opacity:1}
.dataview-btn:hover{background-position: -671px  -60px}
.pay-btn{background-position:-446px -57px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 25px;  margin: 0px 10px 0;    min-width: 22px;   padding: 0 10px;    text-align: center; opacity:1}
.pay-btn:hover{background-position:-640px -57px}
.colps-btn{background-position:-390px -25px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 10px;  margin:0px ;    min-width: 10px;   padding:0px;    text-align: center; opacity:1; float:right;}
.reply-btn{background-position:-504px -61px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 17px;  margin:0px 6px;    min-width: 26px;   padding:0px;    text-align: center; opacity:1; float:right; }
.reply-btn:hover{background-position:-698px -61px}
.resolved-btn{background-position:left -536px top -63px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 14px;  margin:2px 6px 0;    min-width: 14px;   padding:0px;    text-align: center; opacity:1; float:right;}
.resolved-btn:hover{background-position: -730px  -63px}
.reopen-btn{ background-position:-558px -57px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 20px;  margin:2px 6px 0;    min-width:26px;   padding:0px;    text-align: center; opacity:1; float:right;}
.reopen-btn:hover{background-position:-752px -57px; }
.pdf-icn{ background-position:-48px -88px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 59px;  margin:0 10px 0 0;    min-width:45px;   padding:0px;    text-align: center; opacity:1; float:left }
.xls-icn{ background-position:-103px -88px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 59px;  margin:0 10px 0 0;    min-width:45px;   padding:0px;    text-align: center; opacity:1; float:left }
.dwnld-icn{background-position:-592px -61px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 17px;  margin:0 10px 0 0;    min-width:17px;   padding:0px;    text-align: center; opacity:1; position:absolute; right:0px; top:10px; cursor:pointer}
.dwnld-icn:hover{background-position:-592px -32px;}
.delete-icn{background-position:-616px -58px; border: 0 solid #e8e8e8;  color: #820024;  display: inline-block;  font-size: 14px;  height: 20px;  margin:-7px 10px 0 0;    min-width:16px;   padding:0px;    text-align: center; opacity:1; position:absolute; right:0px; bottom:10px; cursor:pointer}
.summary-icon { background-position: -380px 0px; height: 23px;  width: 22px;}
.meeting-icon { background-position: -406px -0px; height: 23px;  width: 22px; }
.discharge-icon { background-position: -430px -0px; height: 23px;  width: 22px; }
.invoice-icon { background-position: -453px -0px; height: 23px;  width: 22px;}
.sprttckt-icon { background-position: -480px -0px; height: 23px;  width: 25px; }
.documents-icon { background-position: -509px -0px; height: 23px;  width: 25px;  }
.crg-dtl-pg .activities-icon { background-position: -536px -0px; height: 23px;  width: 22px; }




.page-title{display: inline-block;  margin-bottom: 19px;   margin-top: 20px;    width: 100%;}
.page-title h2{position:relative; font-size:26px; color:#222; padding:0; margin:0 60px 10px; display:inline-block}
.page-title h2:after{background: #ffc400 none repeat scroll 0 0;  bottom: -12px;   content: "";   height: 2px;    left: 0;    position: absolute;    width: 100px;}
.page-title span { float: right;  margin-right: 60px;   color: #666666;    font-size: 12px;   padding: 8px 0 0;}
.page-title span em {   color: #820024; font-style:normal}

/* request cargo page css */
.req-crg-pg .crgo-src-ttl h3{border:0px}
.reqst-crgo-ttl .midd-box{margin-top:0px}
.gancal-ttl h3,
.reqst-crgo-ttl h3 { color: #222222; display: inline-block; border:0px; line-height:45px}
.request-cargo-rate { display: inline-block;  float: right;}
.request-cargo-rate ul{margin:0 10px}
.request-cargo-rate ul li{display:inline-block; list-style:none;  font-family: 'Lato-Semibold'; font-size:18px; color:#820024; line-height:44px; margin-right:5px;}
.request-cargo-rate ul li span{color:#222222}
.cargo-detail-box{display:table; position:relative; padding:0 0 50px;}
.cargo-detail-box:before{background: rgba(0, 0, 0, 0) url("../../../images/asset/shadow.png") repeat-y scroll right top;  content: "";   height: 100%;   position: absolute;   right: -17px;    top: 0;    width: 100%;}


.cargo-ttl { display: inline-block;   width: 100%; padding: 0 60px 0 0; margin-top:20px}
.cargo-ttl span { color: #666666; float: right;  font-size: 12px; padding: 8px 0 0;}
.cargo-ttl span em {  color: #820024;}
.cargo-detail-form{display:inline-block; width:100%;  position:relative; z-index:2}
.cargo-mnth{display:inline-block; position:relative; clear:both; width:100%}
.cargo-mnth .icon {    position: absolute;    right: 2px;    top: 9px;    z-index: 1;}
.cargo-estmtd-box {display:inline-block;padding:0 60px; background:#f7f7f7; float:left; width:100%;  margin-bottom:10px}
.browseby-box { border: 1px dashed #e8e8e8;display: table;height: 265px; text-align: center;  width: 100%;}
.browseby{ display: table-cell;  vertical-align: middle;}
.browseby h3{border:0px; font-size:14px; color:#999999}
.browseby a{display:inline-block; padding:10px 32px; background:#dfdfdf; margin:0 auto; color:#666666}
.browseby a:hover{background:#666666; color:#fff}
.browse-icon{background-position: 0 -88px;cursor: pointer; display: table; height: 33px; margin: 0 auto 10px;  vertical-align: middle;    width: 36px;}
.browseby:hover .browse-icon{background-position:-156px -88px}
.estm-charges { float: left;  width: 50%; padding:15px 0; color: #666666;}
.estm-charges h4{     font-size: 14px;    margin: 0}
.estm-charges h5{  font-family: "Lato-Semibold";    font-size: 20px;   margin: 0;}
.cargo-detail-box .text-right{display:block; clear:both; padding-right:60px}
.cargo-detail-form-rt label,
.cargo-detail-form-lt label{color: #666666;    font-size: 14px;    font-weight: normal; display:block}
.cargo-detail-form-rt label em,
.cargo-detail-form-lt label em{color: #820024; font-style:normal}
.cargo-detail-form-rt label span,
.cargo-detail-form-lt label span{color:#999}
.owner-detail-box .page-title h2{ margin-left:30px; margin-right:30px; padding-bottom:0px; margin-bottom:0px }
.owner-detail-list{position:relative;  padding:25px 0px 22px; margin:0 30px}
.owner-detail-list .owner-list{margin:0 0 10px}
.owner-detail-list .owner-list .phone{font-size:16px; color:#222}
.owner-detail-list .owner-list h3{display:block; font-family: "Lato-Semibold"; font-size:20px; color:#222; line-height:normal; padding:0px; border:0px; margin:0px; height:auto}
.owner-detail-list .owner-list h4{font-size:16px; color:#222; padding:5px 0px; margin:0px; line-height:normal;}
.owner-detail-list .owner-list address{font-size:16px; color:#222; margin:5px 0 10px}
.contact-icon{  display: inline-block;  height: 21px;      vertical-align: middle;    width: 16px; margin-right:5px; background-position:-359px -2px}
.owner-detail-list .owner-list .phone:hover .contact-icon{background-position:-714px -2px}
.cargo-form-cover{display: inline-block;    float: left;    padding: 0 60px;    width: 100%;}
.cargo-detail-form-lt{  color: #666666;    float: left;    padding: 0px 40px 0px 0px;    width: 50%;}
.cargo-detail-form-rt{  color: #666666;    float: left;    padding: 0px 0 0;    width: 50%;}
.cargo-detail-form-lt input{color:#222}

.tabTitle .add-button{margin-left:10px; margin-top:-8px}
.tabTitle{margin:0px;font-family: "Lato-Semibold";}
.tabTitle h2{color: #222; font-size: 22px; margin: 0 5px; padding:0px; position: relative; font-family: "Lato-Semibold";display: inline-block;}
.tabTitle h2:before{ background: #ffc400 none repeat scroll 0 0;    bottom: -12px;    content: "";    height: 2px;    left: 0;    position: absolute;    width: 100px;}
.tabContent{margin:15px 0; border-bottom:1px solid #e5e5e5; padding-bottom:20px; display:table; width:100%}

.tabContent .pagination{float:right; margin:15px 0 0}
.tabContent .pagination .pager{float:right; margin:0px 0 0 15px; display:inline-block}
.tabContent .pagination .pages,
.tabContent .pagination .pages input{display:inline-block; font-family:'Lato-Regular'; font-size:14px; color:#666666; font-weight:normal;}
.tabContent .pagination .pages label{ border: 1px solid #e8e8e8;   color: #820024;  font-size:14px; font-weight:normal;    display: inline-block;    height: 36px;    line-height: 32px;    margin: 0 5px;    width: 36px; float:none;}
.tabContent .pagination .pages{margin-right:10px;}
.tabContent .pagination .pages input {width:40px; color:#820024; text-align:center}
.tabContent .pagination .pager ul{margin:0px;}
.tabContent .pagination .pager li{display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; border: 1px solid #e8e8e8; float:left;   cursor: pointer;}
.tabContent .pagination .pager li:hover{background-color:#999999}
.tabContent .pagination ul li a.prev-icon{background-position: -308px -29px;  border: 0 solid #e8e8e8;   border-radius: 0;    color: #820024;    display: inline-block;    float: right;    font-size: 14px;    height: 10px;    margin: 12px;    min-width: 14px;    opacity: 1;    padding: 0;    text-align: center;    transform: rotate(180deg);    -ms-transform: rotate(180deg);     -webkit-transform:rotate(180deg);  background-color:transparent; position:relative; cursor:pointer }
.tabContent .pagination ul li a.next-icon{background-position: -306px -29px;    border: 0 solid #e8e8e8;    border-radius: 0;    color: #820024;    display: inline-block;    float: right;    font-size: 14px;    height: 10px;    margin: 12px 8px;    min-width: 14px;   opacity: 1;    padding: 0;    text-align: center; background-color:transparent; position:relative; cursor:pointer}
.tabContent .pagination ul li:hover a.prev-icon{background-position:-510px  -28px ; transform: rotate(180deg); -ms-transform: rotate(180deg);     -webkit-transform:rotate(180deg);  }
.tabContent .pagination ul li:hover a.next-icon{background-position: -508px  -28px }


/* Cargo Detail Tabs Page CSS */
.crg-dtl-pg .tooltips{display:inline-block}
.crg-dtl-pg .tooltips .tooltips-inner{display:none;}
.crg-dtl-pg .tooltips:hover .tooltips-inner{display:block;}
.crg-dtl-pg .resolved-tooltips{background-color:#f7f7f7; border:solid 1px #e5e5e5; width:100px; position:absolute; right:0; bottom:29px; font-size:10px; color:#666666; padding:10px 0px; text-align:center}
.crg-dtl-pg .resolved-tooltips::after {content: ""; position: absolute; top: 95%; right: 0%; margin-left: -1px; background-image:url(../../../images/asset/help-pop-down-arrow.png); background-repeat:no-repeat; width:14px; height:16px;}

.crg-dtl-pg .pay-tooltips{background-color:#f7f7f7; border:solid 1px #e5e5e5; width:100px; position:absolute; right:0; bottom:35px; font-size:10px; color:#666666; padding:10px 0px; text-align:center}
.crg-dtl-pg .pay-tooltips::after {content: ""; position: absolute; top: 95%; right: 0%; margin-left: -1px; background-image:url(../../../images/asset/help-pop-down-arrow.png); background-repeat:no-repeat; width:14px; height:16px;}
.crg-dtl-pg .form-control {   background: #fff none repeat scroll 0 0;   border: 1px solid #e8e8e8;    border-radius: 0;    box-shadow: none;    color: #222;    font-size: 16px;    height: 36px; vertical-align:middle; float:left; padding-top:0px; padding-bottom:0px; }
.ter-crg-dtl-pg .color-drkgry,
.crg-dtl-pg .color-drkgry{margin:0 0px 0 5px; display:inline-block}
.ter-crg-dtl-pg .color-lgtgry,
.crg-dtl-pg .color-lgtgry{margin:0 3px 0 0px; display:inline-block}
.ter-crg-dtl-pg .color-red,
.crg-dtl-pg .color-red{margin:0 5px 0 10px; display:inline-block}
.ter-crg-dtl-pg .midd-box h3 .arrow-rgt-icon,
.crg-dtl-pg .midd-box h3 .arrow-rgt-icon{margin-top:0px;}
.crg-dtl-pg .midd-box h3{border:0px}
.arrow-rgt-icon {background-position: -310px -29px; display: inline-block; height: 10px; vertical-align: middle;  width: 6px;}
.cargo-detail-status{display:inline-block;  float: right;}
.cargo-detail-status ul {  margin: 0 10px;}
.cargo-detail-status ul li { color: #820024;  display: inline-block;line-height: 44px;  list-style: outside none none;  margin-right: 5px;}
.cargo-detail-status ul li label{font-family: "Lato-Regular"; font-size:14px; font-weight:normal}
.cargo-detail-status ul li span.color-drkgry{font-family: "Lato-Semibold"; font-size: 16px; margin:0px; padding:0px; }

.crg-dtl-pg .tab-content { margin-top: -25px;}
.crg-dtl-pg .mrs-tab .nav-tabs .shadow{background-image:url(../../../images/asset/account-tab-shadow2.png);}
.cargo-tab{display:inline-block; margin-top:45px;}
.cargo-tab.mrs-tab .nav-tabs > li{min-width:139px}

.dwnld-pdf{display:inline-block; float:right;}
.dwnld-pdf a{ font-size:14px; font-family:"Lato-Semibold"; margin:0 10px;}
.dwnld-pdf:hover a{color:#222}
.dwnld-pdf span{margin-right:10px}
.dwnld-pdf a:hover .save-icon{background-position:-591px -1px; }
.tgdp-box{ display: table;    padding:15px 0px 0px;    width: 100%;}
#summary .tgdp-box .tgdp-rgt-tp{margin-top:10px;}
.tgdp-lft{ display: table-cell;  vertical-align: top;   width: 190px;}
.tgdp-rgt{display: table-cell;}
.tgdp-rgt-tp-sect { display: inline-block; width: 24%; vertical-align:top}
.tgdp-rgt-tp-lft { float: left; width: 100%; margin-top:15px}
.tgdp-rgt-tp-rgt {  float: left;  width: 100%; margin-top:15px;}
.tgdp-rgt-tp-box { display: inline-block; margin:0 0 10px; width:100%; vertical-align: top;}
.tgdp-rgt-tp-box:nth-child(2){margin:0px;}
.tgdp-rgt-tp-ttl { color: #666666; font-size: 14px; margin: 0; line-height:22px}
.tgdp-rgt-tp-txt { color: #222222; font-family: "Lato-Semibold";  font-size: 16px;  margin-bottom: 0; height:40px; line-height:23px; }
.tgdp-rgt-tp-txt .lock-icon2 {  background-position:-371px -25px;   width: 12px;    height: 20px; display:inline-block; margin:0 5px; vertical-align:text-bottom}
.tgdp-rgt-tp{display:inline-block; width:100%}
.tgdp-rgt-btn-box{display:inline-block; margin-right:20px}
.tgdp-rgt-tp-sect .view-btn{vertical-align:top; margin-top:7px; }

.vssl-box .tgdp-rgt-btn-box{min-width:110px}
.vssl-box{ display: table;    padding:15px 10px 0;    width: 100%;}
.dscrg-box{ display: table;    padding:15px 10px 0;    width: 100%;}
.vssl-box .tgdp-rgt-tp-sect:nth-child(1),
.vssl-box .tgdp-rgt-tp-sect:nth-child(2) { display: inline-block; width: 27%; line-height:normal; vertical-align: top;}
.vssl-box .tgdp-rgt-tp-sect:nth-child(3) { display: inline-block; width: 42%; line-height:normal; vertical-align: top;}

.ter-crg-dtl-pg .vssl-box .tgdp-rgt-tp-sect:nth-child(2) { display: inline-block; width: 31%; line-height:normal; vertical-align: top;}
.ter-crg-dtl-pg .vssl-box .tgdp-rgt-tp-sect:nth-child(3) { display: inline-block; width: 38%; line-height:normal; vertical-align: top;}


.dscrg-box .tgdp-rgt-tp-sect:nth-child(1),
.dscrg-box .tgdp-rgt-tp-sect:nth-child(2) { display: inline-block; width:27%; line-height:normal; vertical-align: top;}
.dscrg-box .tgdp-rgt-tp-sect:nth-child(3) { display: inline-block; width: 42%; line-height:normal; vertical-align: top;}

.table-grid{ display: table;    padding:15px 0px 0px;    width: 100%;}

.meeting-content .tgdp-rgt-tp-sect:nth-child(1){min-width:260px}
.remarks-content{display:inline-block; width:100%; margin-top:60px}
.remarks-content ul{margin:10px 0 0px; padding:0px; display:inline-block; float:left; width:100%}
.remarks-content li{list-style:none;  line-height:35px; margin-bottom:5px; position:relative}
.remarks-content li p{ background: #f7f7f7 none repeat scroll 0 0;  color: #000;  display: inline-block;    font-size: 16px;    line-height: 22px;    margin: 0 0 0 25px;    padding: 7px 10px;    vertical-align: middle;    width: 96%;}
.remarks-content li::before { background: #e5e5e5 none repeat scroll 0 0;  border: 5px solid #fff;    border-radius: 100%;    color: #e5e5e5;    content: "";    font-size: 24px;    height: 20px;    left: 0;    position: absolute;    top: 25%;    vertical-align: middle;    width: 20px;    z-index: 999;}
.remarks-content li::after{background: #e5e5e5 none repeat scroll 0 0; bottom: -30px;  content: "";  height: 100%;    left: 9px;    position: absolute;    width: 1px;}
.remarks-content li:last-child:after{display:none}

.invoice-content .tgdp-rgt-tp-sect{width:14.33%}
.invoice-content .tgdp-rgt-tp{background:#f7f7f7; margin-bottom:20px; padding:30px 20px 0px;}
.invoice-content .tgdp-rgt-tp .tgdp-rgt-tp-sect:nth-child(7){width: 11%; text-align:right; margin-top:-7px}
.invoice-content .tgdp-rgt-tp .tgdp-rgt-tp-sect:nth-child(5){width: 11%;}
.invoice-content .tgdp-rgt-tp-sect:nth-child(7) .tgdp-rgt-tp-box{margin-bottom:0px}
.invoice-content .tgdp-rgt-tp-sect:nth-child(7) .view-btn{margin:0}
.invoice-content .tgdp-rgt-tp-sect:nth-child(7) .view-btn:nth-child(2){margin-top:3px;}

.sprttct-content .tgdp-rgt-tp-sect{width:14.33%}
.sprttct-content  .tgdp-rgt-tp .tgdp-rgt-tp-sect:nth-child(5){width: 11%;}
.sprttct-content .table-grid{padding:0px;}

.activities{position:relative; margin-bottom:2px;} 
.activities-list{margin-top:10px}
.activities .time{display:inline-block; margin-right:5px; min-width:80px; text-align:center; vertical-align:middle}
.activities .status{/*list-style:none;  line-height:35px; position:relative; display:inline; padding-left:35px */background-color: #f7f7f7; color: #000; display: inline-block; font-size: 16px; margin: 0px; padding: 17px;  vertical-align: middle; width: 87%; line-height:normal; margin-left:35px;}
/*.activities .status p{background-color: #f7f7f7; color: #000; display: inline-block; font-size: 16px; margin: 0px; padding: 17px;  vertical-align: middle; width: 87%; line-height:normal} */
.activities .status p{margin:0px; display:inline-block}
.activities .status .tooltips{float:right}
.activities .status a{float:right; margin:0px}
.activities .status:before{ background: #e5e5e5 none repeat scroll 0 0; border: 5px solid #fff; border-radius: 100%; color: #e5e5e5;  content: "";  font-size: 24px;  height: 20px;  left: 89px; position: absolute;  top: 35%; vertical-align: middle;   width: 20px;   z-index: 999;}
.activities:after{background: #e5e5e5 none repeat scroll 0 0; bottom: -30px; content: "";  height: 100%;  left: 98px;  position: absolute;  width: 1px;}
.activities:last-child:after{display:none}
.activity-form{background: #f7f7f7 none repeat scroll 0 0; display: inline-block;  line-height: normal; margin: 10px 0 0;min-height: 15px;  padding: 0px 15px; width:100%; vertical-align:top}
.collapsed-box .colps-btn{transform:rotate(-180deg);  -ms-transform: rotate(-180deg);     -webkit-transform:rotate(-180deg);  background-position:-390px -29px}
.activity-form .collapse.in{display:inline-block; width:100%}
#activities .form-group{margin-bottom:10px}
.activity-form .col-md-6 .cargo-mnth{width:46%; display:inline-block}
.activity-form label{width:100%; font-size:14px; color:#666666; font-weight:normal}
.exttext{display:inline-block; text-align:center;vertical-align:top; width:5%; line-height:35px;}
.activity-form .box{background:none; margin:0px; border:0px; box-shadow:0 0 0; border-radius:0px;}
.activity-form .box-body{box-shadow:0px; padding:0px;}

.invoice-content table.dataTable thead th, 
.invoice-content table.dataTable thead td{padding:10px 18px}
.invoice-content table.dataTable td:nth-child(1), 
.invoice-content table.dataTable thead th:nth-child(1) { max-width: 40px; min-width: 32px;}

.documents-list{ display: table;   padding:0;   width: 100%;}
.documents-content{margin-top:10px}
.documents-box {  display: block;  padding:10px 10px 0 0;  position: relative; }
.leftPadd{padding-left:0px; float:left}
.rgtPadd{padding-right:0px; float:right}
.documents-box .inner{padding:20px 10px; border:1px solid #e5e5e5; display:inline-block; width:100%; position:relative}
.documents-box .inner a.dwnld-icn:hover{background-position:-786px -60px}
.documents-box h3 {font-size: 16px;margin:0px;padding: 4px 0 6px 0;   font-family: 'Lato-Semibold';}
.documents-box > .documents-box-footer {background: #f7f7f7;  color: #222;  display: block;  padding: 0px 0 0 10px;  position: relative;  text-align: left;  text-decoration: none;  z-index: 10; border:1px solid #e5e5e5; border-top:0px; font-size:12px; height:30px; line-height:30px;}
.documents-box > .documents-box-footer span{color:#666}
.documents-box .inner p {color:#222; font-size:14px;}
.documents-box .inner p span{color:#666666; font-size:14px;}
.documents-box .inner a.delete-icn:hover{background-position:-810px -58px}

.dschrg-content.tabContent{margin-top:0px;}
.pre-discharge, .post-discharge{padding-left:0px; padding-right:0px;}
.discharge-list{float:left; margin-top:30px;}
.discharge-date{background-color: #f7f7f7; border-bottom: 1px solid #fff; color: #666666; display: inline-block;    font-size: 14px;    height: 70px;    min-width: 90px;    padding: 17px 22px 0;    position: relative;    text-align: center;    vertical-align: middle;}
.discharge-date span{display:block; font-size:12px; color:#999999}
.discharge-time{display:inline-block; padding:15px 30px 15px 0; font-family:'Lato-Semibold'; font-size:16px; border-bottom:1px solid #e5e5e5; vertical-align:top; line-height:normal; min-width:300px; min-height:70px; margin-left:22px}
.discharge-time span{display:block; color:#999999;}
.discharge-time span.help-icon{display:inline-block}
.discharge-step .discharge-date:before{ background: #eeeeec url("../../../images/asset/sprites.png") no-repeat scroll  -825px -57px;   border: 5px solid #fff;   border-radius: 100%;   content: "";    height: 36px;    position: absolute;    right: -18px;    width: 36px; }
.discharge-step.active .discharge-date:before{ background-color: #ffcb05 }
.discharge-step.active .discharge-time{color:#222222; line-height:20px }
.discharge-step .discharge-time{color:#666666; line-height:30px;}
.add-button{display:inline-block; float:right;}
.add-btn { background: #820024 none repeat scroll 0 0;  border: 1px solid #820024;  color: #fff;  display: inline-block;  font-family: "Lato-Semibold";  font-size: 16px;  min-width: 100px;  padding: 8px 10px;  text-align: center; vertical-align: top;}
.add-btn:hover{background-color:#590019; color:#fff;}


/* Gantry Calendar CSS */
.gancal-row{  padding: 0 60px 75px;  position: relative;    width: 100%;}
.gancal-ttl .midd-box {margin-top: 0;}
.gancal-capacity{border: 1px solid #e5e5e5;    box-shadow: 0 17px 24px #f7f7f7 inset;    margin:0 0 10px;    padding: 10px 17px; display:inline-block;  width:100%; float:left}
.gancal-capacity label{color:#666; font-size:16px; font-family:'Lato-Semibold'; float:left; width:100%; margin-bottom:15px;}
.gancal-capacity img{display:inline-block; float:left;}
.gancal-tp-box{  display: inline-block;  float: left;    margin-left: 20px;    margin-top: 15px;}
.gancal-tp-ttl{ color: #999999;  font-size: 14px;  line-height: 22px;    margin: 0; line-height:normal}
.gancal-tp-txt{  color: #222222;    font-family: "Lato-Semibold";    font-size: 22px;    margin-bottom: 0;  line-height:normal}


/* Ticket Details */
/*.tckt-detail-box{display: table;   padding: 0 0 50px;    position: relative;}
.tckt-chat-box{    display: table;    padding: 0 0 50px;    position: relative;}
.tckt-chat-box:before { background: rgba(0, 0, 0, 0) url("../../../images/asset/shadow.png") repeat-y scroll right top;  content: "";    height: 100%;    position: absolute;     transform: rotate(-180deg); right:10px ;   top: 0;    width: 100%;}
.tckt-detail-pg .midd-box h3 .arrow-rgt-icon {   margin-top: 0;}
.tckt-detail-pg .color-red { display: inline-block;    margin: 0 5px 0 10px;}
.tckt-detail-list{padding-left:60px; float:left; width:100%}
.tckt-detail-list .tgdp-rgt-tp-sect{width:100%}
.tckt-detail-list .tgdp-rgt-tp-box{margin:0px;}
.tckt-chat{ display: inline-block;   float: left;    padding: 0 80px;    width: 100%;}
.chat-reply img{display:inline-block}
.chat-reply {}*/

/* Comming Soon css*/
.comingsoon-txt{text-align:center; display:block; font-size:20px; }

/*Start of for discharge cross*/
.discharge-step.rejected .discharge-date:before{ background: #eeeeec url("../../../images/asset/sprites.png") no-repeat scroll -844px -57px;   border: 5px solid #fff;   border-radius: 100%;   content: "";    height: 36px;    position: absolute;    right: -18px;    width: 36px; }
.discharge-step.rejected .discharge-date:before{ background-color: #890f31 }
/*End of for discharge cross*/
.dropdown-mrs{display: inline-block; position:relative;}
.dropdown-mrs .btn-default{border: 1px solid #e8e8e8; color: #820024; background: #fff; border-radius: 0; min-width: 70px; line-height: 27px; height: 30px; padding: 0 10px;}
.dropdown-mrs .btn .caret{margin-top: 0; margin-left:3px;}
.dropdown-mrs .btn-default:hover, .dropdown-mrs .btn-default:active, .dropdown-mrs .btn-default.hover {background-color: #820024 !important; border-color: #820024;}
.dropdown-mrs .btn-default.active, .dropdown-mrs .btn-default.focus, .dropdown-mrs .btn-default:active, .dropdown-mrs .btn-default:focus, .dropdown-mrs .btn-default:hover, .dropdown-mrs.open>.dropdown-toggle.btn-default {color: #fff; background-color: #820024; border-color: #820024;}
.dropdown-mrs.open>.dropdown-menu{margin: 0; border-radius: 0; padding: 0;}
.dropdown-mrs.open>.dropdown-menu.p-right{right: 0; left: inherit;}
.dropdown-mrs.open>.dropdown-menu > li{width: 100%; margin: 0;}
.dropdown-mrs.open>.dropdown-menu > li > a{color: #820024; display: inline-block; width: 100%; padding: 3px 10px;text-align:left !important;}
.dropdown-mrs.open>.dropdown-menu>li>a:hover{background-color: #820024; color: #fff !important; background-image: none;}
.other-stus-btn > ul > li{overflow: inherit;}
.other-stus-btn > ul > li .dropdown-mrs{float: right; margin: 8px 0 0 0;}


.current-discharge{background-color: #ffcb05;}
.dash-board .board-loader-icon{top:5px;}

.content-8{overflow: auto;overflow-y: hidden;}
.content-8 .table.mrs-table.truck_detail_table{width: 1530px !important;}
                   
.truck-type-twobox .custom_class .truck-type-table-row.truck-type-table-row3 { width: 20% !important; } 
.truck-type-twobox .custom_class .truck-type-table-row.truck-type-table-row4 { width: 80% !important; }