@import '//static.axsmarine.com/resources/design/Fonts/AXSFont-All/style.css';

@font-face {
    font-family: 'open_sanslight';
    src: url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.eot');
    src: url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.woff2') format('woff2'), url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.woff') format('woff'), url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.ttf') format('truetype'), url('/common/utils/1.0.0.0/LinerFonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/common/utils/1.0.0.0/LinerFonts/opensans-bold-webfont.woff2') format('woff2'), url('/common/utils/1.0.0.0/LinerFonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'entypo';
  src: url('/common/utils/1.0.0.0/LinerFonts/pictos/fontello.eot?86502643');
  src: url('/common/utils/1.0.0.0/LinerFonts/pictos/fontello.eot?86502643#iefix') format('embedded-opentype'),
       url('/common/utils/1.0.0.0/LinerFonts/pictos/fontello.woff?86502643') format('woff'),
       url('/common/utils/1.0.0.0/LinerFonts/pictos/fontello.ttf?86502643') format('truetype'),
       url('/common/utils/1.0.0.0/LinerFonts/pictos/fontello.svg?86502643#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconold-"]:before, [class*=" iconold-"]:before {
  font-family: "entypo" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;

  line-height: 1em;
  margin-left: .2em;

  font-size: 1.3em;
  top: 2px;

}

.icon-ICON_FavouriteOffVslMgr:before {
    content: "\e934";
    font-size: 16px;
    color: #595959;
}
.icon-ICON_FavouriteOnVslMgr:before {
    content: "\e934";
    font-size: 16px;
    color: #FFC700;
}

.newsDate {
    font-weight: bolder;
    font-size: 1.3em !important;
    color: #3E6EDD;
}

.icon-export-pdf.red-icon.groupinggrid {
    font-size: 13px !important;
}

.exportButton span[role="img"] {
    color: #E72929 !important;
    /*color: #F26532 !important;*/
}

.whiteInfo {
    color: white !important;
    font-size: 22px;
}

.redIcon:before {
    color: #FF5A4E !important;
}

.darkRedIcon {
    color: #B57623;
}

.x-mask-msg.lockMask .x-mask-msg-text {
    padding: 5px 10px 5px 25px !important;
    background-image: url('/common/resources/images/lock.png') !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    cursor: help !important;
    background-color: #eeeeee;
    color: #222222 !important;
    font: normal 11px tahoma, arial, verdana, sans-serif !important;
}

.newsMainContainer {
    display: block;
    padding: 12px !important;
}

.newsMainContainer a {
    color: #ff5a52 !important;
    cursor: pointer;
}

span.orange {
    color: #ff895d;
}

.NewsGrid {
    .x-grid-cell-inner {
        white-space: normal;
        padding: 0px !important;
    }
    .x-grid-td {
        background-color: white !important;
        border-top: none !important;
    }
    .x-grid-group-hd {
        background-color: #f5f5f5 !important;
        padding: 7px 4px !important;
    }
}

.collapseElement span[role="presentation"] {
    color: #FE5A53 !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

.pdfElement span[role="presentation"] {
    color: #E72929 !important;
    font-size: 16px !important;
    font-weight: bold;
    opacity: 1 !important;
}

.pdfColorElement {
    color: #E72929 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    opacity: 1 !important;
}

.goToColorElement {
    color: #FE5A53;
    padding: 4px !important;
    font-size: 12px;
}

.MicrosoftMap .vt_icon_small {
    background-image: url('/common/resources/images/vt_icon16.png') !important;
    width: 16px;
    height: 16px;
}

.MicrosoftMap .sat_icon_small {
    background-image: url('/common/resources/images/sat_icon16.png') !important;
    width: 16px;
    height: 16px;
}

.exportButton span[role="presentation"] {
    color: #FF5A4E !important;
    opacity: 1 !important;
}

.publishButtonClass span[role="presentation"] {
    color: #ecbd23 !important;
}

.AXSLINER_FONTSIZE16 {
    font-size: 16px !important;
}

.AXSLINER_OPACITY {
    opacity: 1 !important;
}

.print-button-icon {
    color: #FF9169;
}

.ICON_DraftUP_GREEN {
    color: #92CD51;
    font-weight: bold;
}

.ICON_SAVE_GREEN {
    font-size: 12px !important;
    top: 3px !important;
    left: 3px !important;
    color: #92CD51 !important;
    opacity: 1 !important;
    line-height: 12px;
}

.ICON_DraftDOWN_RED {
    color: #FF7777;
    font-weight: bold;
}

.commontabcls .x-tab-default-active .x-tab-glyph {
    color: #333 !important;
    opacity: 1 !important;
}

.export-button-icon {
    color: #FF9169;
    font-size: 13px !important;
}

.news-date-color {
    /*color: #2EB423;*/
    color: #ff895d;
}

.icon-cancel-circled:before {
    color: #F34D3F !important;
}

.icon-dot * {
    color: #7F7F7F !important;
    cursor: move !important;
}

.icon-up-bold:before {
    color: blue !important;
}

.icon-down-bold:before {
    color: red !important;
}

.x-action-col-cell.icon-pencil .x-grid-cell-inner:before {
    color: #6276AB;
}

.x-action-col-cell.icon-duplicate .x-grid-cell-inner:before {
    color: #F26532;
}

.x-action-col-cell.icon-download-docs .x-grid-cell-inner:before {
    color: #45B845;
}

.newElement span[role="img"] {
    color: #29BA2E !important;
    opacity: 1 !important;
}

.newElement span[role="presentation"] {
    color: #29BA2E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.clearButton span[role="presentation"] {
    color: #FF5A4E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.editElement span[role="img"] {
    color: #6276AB;
}

.editElement span[role="presentation"] {
    color: #6276AB;
}

.deleteElement span[role="img"] {
    color: #F34D3F;
}

.deleteElement span[role="presentation"] {
    color: #F34D3F;
}

.allElements span[role="img"] {
    color: #F26532;
}

.allElements span[role="presentation"] {
    color: #F26532;
}

.red-icon-important {
    color: red !important;
}

.red-icon span[role="presentation"] {
    color: #FE5A53 !important;
    opacity: 1 !important;
}

.green-icon {
    color: #459468 !important;
}

.green-icon-important {
    color: #059205 !important;
}

.green-icon span[role="presentation"] {
    color: #059205 !important;
}

.softblue-icon {
    color: #406BDE !important;
}

.blue-icon {
    color: #0DADDF !important;
}

.clearButton span[role="img"] {
    color: #FF5A4E !important;
    opacity: 1 !important;
}

.clearButton span[role="presentation"] {
    color: #FF5A4E !important;
    opacity: 1 !important;
}

.customSize:before {
    font-size: 16px !important;
}

.fontSize16:before {
    font-size: 16px !important;
}

.fontSize14:before {
    font-size: 16px !important;
}

.weblink:before {
    color: #F26532;
}

.x-action-col-cell.icon-export:before {
    color: #F26532;
}

.x-action-col-cell.icon-pin-1:before {
    color: #F26532;
}

.print-font-size span[role="img"] {
    font-size: 15px !important;
}


/* =============== Operators Services Panel  ==================== */

.icon-weblink span[role="presentation"] {
    color: #1E9AFD !important;
    opacity: 1 !important;
    font-size: 16px !important;
}


/* ============ End of Services Fleet Panel  =============== */

.port-pin {
    cursor: pointer !important;
}

.track_icon_small {
    background-image: url('/files/track_icon16.png') !important;
    width: 16px;
    height: 16px;
}

.track_icon_medium {
    background-image: url('/files//track_icon20.png') !important;
    width: 20px;
    height: 20px;
}

.track_icon_big {
    background-image: url('/files/track_icon32.png') !important;
    width: 32px;
    height: 32px;
}

.axs_vessel_infobox_content .collapse_icon {
    background-image: url('/files/collapse_icon.png') !important;
    width: 20px;
    height: 20px;
}

.axs_vessel_infobox_content .expand_icon {
    background-image: url('/files/expand_icon.png') !important;
    width: 20px;
    height: 20px;
}

.searchIcon {
    background-image: url('/files/searchIcon.png') !important;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    float: left;
}

.customClear {
    font-size: 16px !important;
    color: #F81C09 !important;
}

.font-size12 {
    font-size: 12px !important;
}

.font-size14 {
    font-size: 14px !important;
}


/* =============== COMMON STUFF DOWN  ==================== */

.common_grid_tbar_inject {
    font-size: 16px !important;
    color: #29BA2E !important;
    opacity: 1 !important;
}

.common_grid_tbar_download {
    font-size: 16px !important;
    color: #FE5A53 !important;
    opacity: 1 !important;
}

.common_grid_tbar_selectall {
    font-size: 16px !important;
    color: #969696 !important;
    opacity: 1 !important;
}

.common_green_plus {
    color: #2FBF64!important;
    font-size: 16px!important;
    opacity: 1!important;
}


/* =============== COMMON STUFF  BOTTOMTABBAR  ==================== */

.ICON_LINER_GRAY_TABBAR_16 {
    font-size: 16px !important;
    font-weight: bold;
}

a.commonbbar-desc-selector {
    color: red;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.bottomtabbar-label {
    font-weight: bold !important;
    font-family: tahoma, arial !important;
    color: #3A3A3A !important;
    font-size: 11px;
}

.ICON_LINER_GRAY_TABBAR_14 {
    font-size: 14px !important;
    font-weight: bold;
}

.btmabbar_faded_font {
    font-size: 12px !important;
    color: gray !important;
}

.x-tab-default-active .ICON_LINER_GRAY_TABBAR {
    color: #333333 !important;
}

.ICON_LINER_GRAY_TABBAR {
    font-size: 16px !important;
    font-weight: bold;
    color: #6f6f6f;
}

.black_icon {
    color: #000;
    margin-right: 3px;
}


/* fix shrift in title because Vsl and Fix Mng (Ext 4.0) */

.TITLE_SHRIFT {
    font-family: tahoma, arial, verdana, sans-serif !important;
}


/* fix title position because Vsl and Fix Mng (Ext 4.0) */

.commontabcls span.x-tab-inner {
    padding-top: 0.5px !important;
}


/*for special link in service name (service_alliance)*/

span.special_service_link {
    color: red;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}


/* =============== COMMON STUFF  BOTTOMTABBAR END  ==================== */


/* =============== COMMON STUFF  Spotlight Start  ==================== */

.spotlight-row-Ports:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc1" !important;
    font-size: 16px !important;
    color: #476281;
}

.spotlight-row-Berths:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc6" !important;
    font-size: 16px !important;
    color: #476281;
}

.spotlight-row-Shipyards:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc5" !important;
    font-size: 16px !important;
    color: #476281;
}

.spotlight-row-Vessels:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #ee5958;
}

.spolight-all-btn:after {
    font-family: 'AXSFont-All' !important;
    content: "\e90e";
    color: #8a8a8a;
    font-size: 12px !important;
}

.spolight-coll-btn:after {
    font-family: 'AXSFont-All' !important;
    content: "\e90f";
    color: #8a8a8a;
    font-size: 12px !important;
}

.spolight-all-btn {
    cursor: pointer;
    float: right;
    height: 25px;
    font-size: 14px !important;
    width: 32px;
}

.spolight-coll-btn {
    cursor: pointer;
    float: right;
    height: 25px;
    font-size: 14px !important;
    width: 20px;
}

.spotlight-row-Searches:before {
    font-family: 'AXSFont-All' !important;
    content: "\e906" !important;
    font-size: 16px !important;
    color: #3B9E9E;
}

.spotlight-row-Searches-vessels:before {
    font-family: 'AXSFont-All' !important;
    content: "\e906" !important;
    font-size: 16px !important;
    color: #EE5958;
}

.targetselector {
    cursor: pointer;
}

.spotlight-row-PortNews:before,
.spotlight-row-PortNewsLiner:before{
    font-family: 'AXSFont-All' !important;
    content: "\ecbc" !important;
    font-size: 16px !important;
    color: #f7af14;
}

.spotlight-row-ExNames:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #F49392;
}

.spotlight-row-GSnames:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #F49392;
}

.spotlight-row-Vessels.scrapped:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #5a5a5a;
}

.spotlight-row-GSnames.scrapped:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #5a5a5a;
}

.spotlight-row-ExNames.scrapped:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #5a5a5a;
}

.spotlight-scrappedTxt {
    font-size: 8px !important;
    padding-right: 4px;
    padding-top: 1px;
    float: left;
    color: #e95c5b;
}

div.spotlight-teuTxt {
    font-size: 11px !important;
    padding-right: 6px;
}

span.spotlight-teuTxt {
    font-weight: bold;
}

.spotlight-row-LinerNews:before,
.spotlight-row-NewsLiner:before{
    font-family: 'AXSFont-All' !important;
    content: "\ecbc" !important;
    font-size: 16px !important;
    color: #f15953;
}

.spotlight-row-Owners:before,
.spotlight-row-OwnersLiner:before {
    font-family: 'AXSFont-All' !important;
    content: "\ed3b" !important;
    font-size: 16px !important;
    color: #C065A9;
}

.spotlight-row-Operators:before,
.spotlight-row-OperatorsLiner:before {
    font-family: 'AXSFont-All' !important;
    content: "\ecfb" !important;
    font-size: 16px !important;
    color: #1E9AFD;
}

.spotlight-row-Services:before,
.spotlight-row-ServicesLiner:before {
    font-family: 'AXSFont-All' !important;
    content: "\ed7b" !important;
    font-size: 16px !important;
    color: #229B9C;
}

.spotlight-row-RecentlySearched {
    width: 5px !important;
}

.spotlight-row-RecentlySearched + td {
    width: 150px !important;
}

.axs-spotlight-body {
    background-color: #F5F5F5;
}

.axs-spotlight-comp {
    background-color: #F5F5F5 !important;
    border: none !important;
    border-radius: 0px !important;
}

.axs-spotlight-comp div, .axs-spotlight-comp input {
    font-family: 'open_sanslight';
}

.spotlight-opacity-full {
    background-color: white;
}

.spotlight-inputfield {
    font-size: 26px !important;
    height: 30px !important;
    line-height: 17px !important;
    background-image: none !important;
    border: none !important;
}

.spot-icon-ICON_ArrowBack:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90c" !important;
    font-size: 26px !important;
    color: #CACACA;
}

.spot-icon-ICON_Multiply:before {
    font-family: 'AXSFont-All' !important;
    content: "\e925" !important;
    font-size: 26px !important;
    color: #CACACA;
}

.spotlight-button-base {
    height: 26px !important;
    width: 40px !important;
    cursor: pointer;
}

.spotlight-button-base button {
    padding: 0 !important;
    background-color: white !important;
    border: 0 !important;
}

.spot-icon-ICON_Search:before {
    font-family: 'AXSFont-All' !important;
    content: "\e906" !important;
    font-size: 26px !important;
    color: #CACACA;
}

.spotlight-favbtn {
    height: 20px;
    width: 20px;
}

.spotlight-favbtn button {
    padding: 0 !important;
    background-color: white !important;
    border: 0 !important;
}

.button-icon-fav-clear:before {
    font-family: 'AXSFont-All' !important;
    font-size: 16px;
    color: #595959;
    content: "\e933" !important;
}
.x-item-disabled .button-icon-fav-clear:before {
    color: #f7f7f7;
}

.button-icon-fav-yellow:before {
    font-family: 'AXSFont-All' !important;
    font-size: 16px;
    color: #EBBC45;
    content: "\e934" !important;
}

.spotlight-container {
    border: 1px solid #E8E8E8;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.spotlight-container-row-focus td, .spotlight-container-row-focus td:before {
    background-color: #aaa;
    color: white;
    cursor: pointer;
}

.spotlight-container-row:hover td, .spotlight-container-row:hover td:before {
    background-color: #535353;
    color: white;
    cursor: pointer;
}

.spotlight-container-row td {
    height: 26px;
    vertical-align: middle;
}
.spotlight-container-row td[type="ServicesLiner"] span{
    margin-right: 5px;
}

.spotlight-tableheader {
    background-color: #E8E8E8;
    font-size: 14px !important;
    padding-left: 3px;
    line-height: 1.8;
    color: #8a8a8a;
    height: 25px;
}

.default-tpl-bg {
    height: 250px !important;
    width: 250px !important;
    float: left;
    background-image: url('/common/resources/images/spotlight/spot-default-tpl.png') !important;
}

.spot-preview-text {
    width: 100% !important;
    float: left;
    text-align: center;
    color: #d0d0d0;
    font-size: 16px !important;
}

.spot-info-vesselicon {
    background-color: #ee5958 !important;
    height:55px !important;
}

.spot-info-vesselicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
}

.spot-info-fixturesicon {
    background-color: #2EBE63 !important;
}

.spot-info-fixturesicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\eC7B" !important;
}

.spot-info-ownersicon {
    background-color: #C065A9 !important;
}

.spot-info-ownersicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\ed3b" !important;
}

.spot-info-operatorsicon {
    background-color: #4A67EA !important;
}

.spot-info-operatorsicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\ecfb" !important;
}

.spot-info-porticon {
    background-color: #476281 !important;
}

.spot-info-porticon:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc1" !important;
}

.spot-info-shipyardicon {
    background-color: #476281 !important;
}

.spot-info-shipyardicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc5" !important;
}

.spot-info-berthicon {
    background-color: #476281 !important;
}

.spot-info-berthicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\ebc6" !important;
}

.spot-info-linernews {
    background-color: #f15953 !important;
}

.spot-info-linernews:before {
    font-family: 'AXSFont-All' !important;
    content: "\ecbc" !important;
}

.spot-info-bigicon {
    font-size: 26px !important;
    color: white;
    padding-top: 15px !important;
    text-align: center;
    height: inherit;
    width: inherit;
    float: left;
}

.spot-info-portnews {
    background-color: #f7af14 !important;
}

.spot-info-portnews:before {
    font-family: 'AXSFont-All' !important;
    content: "\ecbc" !important;
}

.spot-info-services {
    background-color: #229B9C !important;
}

.spot-info-services:before {
    font-family: 'AXSFont-All' !important;
    content: "\ed7b" !important;
}

.spotlight-vesselname-label {
    font-family: 'open_sansbold' !important;
    font-size: 16px !important;
    color: #464646;
}

.spotlight-news-label {
    font-family: 'open_sansbold' !important;
    font-size: 16px !important;
    line-height: 2.5;
    color: #464646;
}

.spot-header-tpldetails {
    font-family: tahoma, arial !important;
    font-size: 11px !important;
    color: #595959 !important;
    float: left;
    height: 25px;
    padding-top: 4px !important;
}

.spot-header-newsdetails {
    font-size: 12px !important;
    font-family: 'open_sanslight' !important;
    color: #464646 !important;
    float: left;
    height: 25px;
    padding-top: 6px !important;
}

.spot-header-tpldetailsbold {
    font-family: 'open_sansbold' !important;
    float: left;
    height: 25px;
    font-size: 14px !important;
    color: #464646 !important;
    margin-right: 25px;
    margin-left: 4px;
}

.spotlight-searchtpl-captionbold {
    float: left;
    font-family: 'open_sansbold' !important;
    font-size: 12px !important;
    line-height: 2;
}

.spotlight-searchtpl-caption {
    float: left;
    font-size: 12px !important;
    font-family: 'open_sanslight' !important;
}

.spotlight-texttpl-left {
    text-align: right;
    font-size: 11px !important;
    color: #949494 !important;
}

.spotlight-texttpl-right {
    font-family: 'open_sanslight' !important;
    font-size: 11px !important;
    padding-left: 6px;
    color: #090909 !important;
}

.spotlight-headerborder {
    border-bottom: 1px #E4E4E4 solid;
}

.spotlight-rightinfo-td {}

.spotlight-news-body {
    font-size: 11px;
    line-height: 2.0;
    color: #000000;
}

.spotlight-livepos:before {
    content: "Live Position" !important;
    font-size: 26px;
    text-shadow: 1px 1px 10px #000000;
}

.spotlight-livepos {
    padding-top: 8px;
    padding-left: 14px;
    background-color: white;
    opacity: 0.8;
}

.spotlight-portpos:before {
    content: "Port" !important;
    font-size: 26px;
    text-shadow: 1px 1px 10px #000000;
}

.spotlight-shipyardpos:before {
    content: "Shipyard" !important;
    font-size: 26px;
    text-shadow: 1px 1px 10px #000000;
}

.spotlight-shipyardpos {
    padding-top: 8px;
    padding-left: 14px;
    background-color: white;
    opacity: 0.8;
}

.spotlight-portpos {
    padding-top: 8px;
    padding-left: 14px;
    background-color: white;
    opacity: 0.8;
}

.spotlight-berthpos:before {
    content: "Berth" !important;
    font-size: 26px;
    text-shadow: 1px 1px 10px #000000;
}

.spotlight-berthpos {
    padding-top: 8px;
    padding-left: 14px;
    background-color: white;
    opacity: 0.8;
}

.spotlight-chart-chunk {
    border: 1px solid #979797;
}

.spotlight-chart-legend {
    float: left;
    height: 11px;
    width: 11px;
    border: 1px solid #979797;
}

.spotlight-chart-legend:before {
    content: ' '!important;
}

.spotlight-opchart-legend {
    float: left;
    height: 17px;
    width: 17px;
    border: 1px solid #979797;
}

.spotlight-opchart-bars {
    border: 1px solid #979797 !important;
}

.spotlight-opchart-border {
    margin-bottom: 5px;
    float: left;
}

.spotlight-opchart-legend:before {
    content: ' '!important;
}

.spotlight-legend-text {
    font-family: 'open_sanslight' !important;
    float: left;
    font-size: 11px !important;
    line-height: 1;
    padding-left: 2px;
    color: #090909 !important;
}

.spot-top100tpl {
    float: left;
}

.spot-top100tpl-num {
    float: left;
    font-family: 'open_sansbold' !important;
    font-size: 14px !important;
    color: #464646;
}

.spot-top100tpl-blue:before {
    float: right;
    color: #4f61ea;
    height: 17px;
    margin-left: 4px;
    width: 17px;
    font-family: 'AXSFont-All' !important;
    content: "\ed9d" !important;
    font-size: 16px !important;
}


/* =============== COMMON STUFF  Spotlight END  ==================== */

.grid-icons-yellow:before {
    font-size: 16px !important;
    color: #ECBD23 !important;
    background: none !important;
}

.grid-icons-gray:before {
    font-size: 16px !important;
    color: gray !important;
}

.grid-icons-red:before {
    font-size: 16px !important;
    color: #DF595D !important;
    background: none !important;
}

.grid-icons-blue:before {
    font-size: 16px !important;
    color: #7CCCFF !important;
    background: none !important;
}

.grid-icons-pink:before {
    font-size: 16px !important;
    color: #ff6666 !important;
    background: none !important;
}

.grid-icons-green:before {
    font-size: 16px !important;
    color: #339966 !important;
    background: none !important;
}

.grid-icons-favorite {
    font-size: 14px !important;
    color: #ECBD23;
    background: none !important;
}

.bigPosIcons {
    width: 32px !important;
    font-size: 24px !important;
    float: left !important;
    margin-left: 10px !important;
}

.icon-ICON_PublicPosV2:before {
    color: gray !important;
}

.icon-ICON_PosPrivate:before {
    color: #DF595D;
}

.icon-ICON_PosShared:before {
    color: #2FBF64;
}

.icon-ICON_PosRecevied:before {
    color: #2FBF64;
}

.icon-ICON_FlagRed:before {
    content: "\e9b9" !important;
    font-size: 14px !important;
    color: #ff6666;
}

.icon-ICON_FlagBlue:before {
    content: "\e9b9" !important;
    font-size: 14px !important;
    color: #7CCCFF;
}

.iconold-play:before { content:'\e897'; color:#f00; }



/* =============== COMMON STUFF DOWN END  ==================== */

.icon-size-header {
    font-size: 16px !important;
    opacity: 1 !important;
}

.icon-size-tabpanel {
    font-size: 14px !important;
    opacity: 1 !important;
}

.icon-color-searchbar {
    margin-right: 5px;
    color: #2fbf64;
}

.ICON_Services_green {
    color: #009EA0 !important;
}

.vessel_icon_red_color {
    color: #FE5952 !important;
}

.new_export_icon {
    color: #FE5A53 !important;
}

.plus_icon_color {
    color: #14B64D !important;
}

.inject_new_icon {
    color: #29BA2E !important;
}

.remove_new_icon {
    color: #FF5149 !important;
}

.x-column-header-text {
    font-weight: bold;
    color: #3f3f3f;
    font-family: arial, tahoma, verdana, sans-serif !important;
}

.x-column-header-over .x-column-header-text {
    color: black !important;
}

.x-grid-with-row-lines .x-grid-cell {
    border-bottom-color: #d9d9d9 !important;
    border-right-color: #9C9C9C;
    border-right-width: 1px!important;
    border-bottom-width: 1px!important;
    border-top-width: 1px!important;
    border-right-style: solid;
}


.admin-module .x-grid-with-row-lines .x-grid-cell {
    border-right-style: none;
}

.commontabcls .x-grid-cell {
    border-bottom-color: #d9d9d9 !important;
    border-right-color: #9C9C9C !important;
    border-right-width: 1px!important;
    border-bottom-width: 1px!important;
    border-top-width: 1px!important;
}
.x-grid-item-selected .x-grid-cell-special.x-grid-cell,
.x-grid-row .x-grid-cell-special {
    background-image: none;
}

.x-grid-dirty-cell {
    background-color: #FFFFCC !important;
}

.x-grid-row.x-grid-wrap-row.x-grid-group-row.x-grid-row-selected-axs .x-grid-td {
    background-color: #FFFFCC;
}

.x-grid-hd-checker-on .x-column-header-text, .x-grid-row-selected-axs .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker {
    background-position: 0 -13px;
}

table.x-grid-item.x-grid-row-selected-axs td,
tr.x-grid-row.x-grid-row-selected-axs td {
    background-color: #FFFFCC;
}

.x-grid-row-over .x-grid-td {
    border-color: #5a5a5a !important;
    border-width: 1px 1px 1px 0 !important;
    background: #d3e7ff !important;
}


.x-grid-row.x-grid-wrap-row.x-grid-row-focused.x-grid-row-selected-axs .x-grid-td,
.x-grid-row.x-grid-row-focused.x-grid-row-selected-axs .x-grid-td,
.x-grid-row.x-grid-row-focused .x-grid-td {
    background-color: #d3e7ff ;
}

.x-tree-view .x-grid-row.x-grid-row-focused .x-grid-td{
    background-color: transparent;
}


.x-grid-table {
    /*border-collapse: collapse !important;*/
    /*  border-collapse: separate !important;
    border-spacing: 0px 0px !important;*/
}

.x-grid-cell-inner {
    margin: 0;
    height: 18px;
}

.admin-module .x-grid-cell-inner {
    height: auto;
}

.post-grid-td .x-grid-cell-inner {
    height: auto !important;
}

.NewsGrid .x-grid-cell-inner {
    margin: 0;
    height: auto !important;
    padding: 2px 6px 2px;
}

.liner-fav-icon {
    font-size: 14px !important;
    position: absolute;
    z-index: 1;
}

.liner-fav-icon-fix {
    position: absolute;
    z-index: 9999;
}

.liner-fav-ON:before {
    font-family: 'AXSFont-All' !important;
    content: "\e934" !important;
    color: #ECBD23;
}

.liner-fav-OFF:before {
    font-family: 'AXSFont-All' !important;
    content: "\e933" !important;
}

.favcolumn-liner .x-grid-cell-inner-action-col {
    padding-left: 10px !important;
    padding-top: 3px !important;
}

.favbtn-corrector .spotlight-favbtn-icon-el:before {
    font-size: 24px !important;
}

.favbtn-corrector {
    height: 25px !important;
    width: 25px !important;
}

.liner-edit-icon:before {
    font-family: 'AXSFont-All' !important;
    content: "\e92a" !important;
}


/*=======================================
=            Help Center CSS            =
=======================================*/

.helpCenter .hc_iconTitle:before {
    font-family: 'AXSFont-All' !important;
    content: "\E93E" !important;
    font-size: 16px !important;
    color: #FE5A53 !important;
    opacity: 1 !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    position: relative;
    top: 2px !important;
}

.helpCenter .x-tool-after-title.x-tool.x-box-item.x-tool-default {
    width: 15px !important;
 }
.helpCenter .x-window-header-text-container-default, .helpCenter .x-window-header-text-default {
    font-family: Arial, Verdana !important;
    font-size: 11px !important;
}

.helpCenter .hc_content {
    background: #E8E8E8 !important;
}

.helpCenter .hc_content .hc_tutorialsCard {
    background: #E8E8E8 !important;
}

.helpCenter .x-grid-with-row-lines .x-grid-table {
    border-top: 0px !important;
}

.helpCenter .hc_forms .x-panel-body-default {
    background: #E8E8E8;
}

.helpCenter .hc_forms .attachBtn span[role="presentation"] {
    color: #000000 !important;
    opacity: 1 !important;
    font-size: 12px !important;
}

.helpCenter .hc_forms .icon-ICON_Send:before {
    font-family: 'AXSFont-All' !important;
    content: "\e92e" !important;
    color: #60B125 !important;
    font-size: 12px !important;
    line-height: 24px;
    opacity: 1 !important;
    float: left;
}

.helpCenter .hc_forms .icon-ICON_Attach:before {
    font-family: 'AXSFont-All' !important;
    content: "\e919" !important;
    color: #000000 !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

.helpCenter .hc_forms .icon-ICON_Attach em {
    display: none !important;
}


/* Main menu */

.helpCenter .hc_menuCategory .x-grid-body {
    background-color: #FFFFFF !important;
}

.helpCenter .hc_menuMain .x-grid-cell {
    background-color: #FFFFFF;
    border: 0px !important;
    border-top: 1px solid #FFFFFF !important;
    border-left: 1px solid #FFFFFF !important;
}

.helpCenter .hc_menuMain .x-grid-row-over .x-grid-cell {
    border: 0px !important;
    cursor: pointer !important;
    border-top: 1px solid #FFFFFF !important;
    border-left: 1px solid #FFFFFF !important;
    background-color: #E7E7E7 !important;
}

.helpCenter .hc_menuMain .x-grid-row-selected .x-grid-cell {
    background-color: #E7E7E7 !important;
    border-left: 1px solid #FFF !important;
    border-top: 1px solid #FFF !important;
}

.helpCenter .hc_menuMain .x-grid-row-focused td {
    background-color: #E7E7E7 !important;
}

.helpCenter .hc_menuMain .x-grid-cell-inner {
    line-height: 30px !important;
    padding: 0px 0px 0px 5px !important;
    font-size: 12px !important;
    height: 30px !important;
    cursor: pointer !important;
}

.helpCenter .hc_menuMain .x-grid-body {
    border-top-color: #E8E8E8 !important;
    border-bottom: 1px solid #E8E8E8 !important;
}


/* Category menu */

.helpCenter .hc_menuCategory .x-panel-header {
    background: #E5E5E5 !important;
    padding: 4px 5px 4px 3px !important;
}

.helpCenter .hc_menuCategory .x-header-text {
    font-size: 12px !important;
}

.helpCenter .hc_menuCategory .x-grid-body {
    background-color: #F5F5F5 !important;
}

.helpCenter .hc_menuCategory .x-grid-cell {
    background-color: #F5F5F5;
    border: 0px !important;
}

.helpCenter .hc_menuCategory .x-grid-row-over .x-grid-cell {
    border: 0px !important;
    cursor: pointer !important;
    background-color: #E7E7E7 !important;
}

.helpCenter .hc_menuCategory .x-grid-row-selected .x-grid-cell {
    background-color: #CFCFCF !important;
}

.helpCenter .hc_menuCategory .x-grid-row-focused td {
    background-color: #CFCFCF !important;
}

.helpCenter .hc_menuCategory .x-grid-cell-inner {
    line-height: 30px !important;
    padding: 0px 0px 0px 5px !important;
    font-size: 12px !important;
    height: 30px !important;
    cursor: pointer !important;
}


/* Vessel Manager Grid */

.helpCenter .hc_shortcuts .x-panel-header {
    background: #E5E5E5 !important;
    padding: 4px 5px 4px 3px !important;
}

.helpCenter .hc_shortcuts .x-header-text {
    font-size: 12px !important;
}

.helpCenter .hc_shortcuts .x-grid-cell {
    border: 0px !important;
}

.helpCenter .hc_shortcuts .x-grid-row-over .x-grid-cell {
    border: 0px !important;
    background-color: #FFFFFF !important;
}

.helpCenter .hc_shortcuts .x-grid-row-selected .x-grid-cell {
    background-color: #FFFFFF !important;
}

.helpCenter .hc_shortcuts .x-grid-cell-inner {
    font-size: 12px !important;
    line-height: 16px;
}


/* Steps to reproduce Grid */

.helpCenter .hc_reproduceGrid .x-grid-cell {
    border: 0px !important;
}

.helpCenter .hc_reproduceGrid .x-grid-row-selected .x-grid-cell {
    background-color: #FFFFCC !important;
}

.helpCenter .hc_reproduceGrid .x-grid-cell-selected {
    background-color: #FFFFCC !important;
}

.helpCenter .hc_reproduceGrid .axs-grid-row-focused td {
    background-color: #FFFFCC !important;
}

.helpCenter .hc_reproduceGrid .x-grid-row {
    background-color: #FFFFFF !important;
}

.helpCenter .hc_reproduceGrid .x-grid-dirty-cell {
    background-image: none !important;
}


/* Banner */

.helpCenter .hc_banner {
    background: #E7EEF8 !important;
    border-top: 1px solid;
    border-color: #d0d0d0;
    color: #616468 !important;
}

.helpCenter .hc_banner .hc_iconWrap {
    text-align: center !important;
}

.helpCenter .hc_banner .hc_telWrap {
    text-align: right !important;
}

.helpCenter .hc_banner .hc_iconWrap .hc_iconBig:before {
    font-family: 'AXSFont-All' !important;
    content: "\e93e" !important;
    font-size: 32px !important;
    color: #FE5A53 !important;
}


/* Other */

.helpCenter h1 {
    font-family: Arial, Verdana !important;
    font-size: 2em !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.helpCenter h2 {
    font-family: Arial, Verdana !important;
    font-size: 1.5em !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.helpCenter h3 {
    font-family: Arial, Verdana !important;
    font-size: 1.17em !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.helpCenter small {
    font-family: Arial, Verdana !important;
    color: #616468 !important;
}

.helpTutorialLink {
    cursor: pointer;
    text-decoration: underline;
}

.helpTutorialLink div {
    color: #0008ff;
    text-decoration: underline;
}


/*=====  End of Help Center CSS  ======*/


/*===== Inject Window CSS  ======*/

.inject-popup-selector .x-form-cb-label {
    font-family: tahoma, arial, verdana, sans-serif !important;
}

.Inject-Window-inject:before {
    font-family: 'AXSFont-All' !important;
    content: "\e907";
    color: #29BA2E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.Inject-Window-cancel:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90b";
    color: #FF5A4E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.icon-Inject-Window:before {
    font-family: 'AXSFont-All' !important;
    font-size: 11px !important;
    opacity: 0.5;
    color: #6f6f6f !important;
    content: "\e948";
    margin-right: 4px;
}


/*===== Inject Window END CSS  ======*/


/*===== Popup Window CSS  ======*/

.inject-popup-selector .x-form-cb-label {
    font-family: tahoma, arial, verdana, sans-serif !important;
}

.Common-Popup-Ok:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90a";
    color: #29BA2E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.Common-Popup-cancel:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90b";
    color: #FF5A4E !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.Common-Popup-Window:before {
    font-family: 'AXSFont-All' !important;
    font-size: 11px !important;
    opacity: 0.5;
    color: #6f6f6f !important;
    content: "\e948";
    margin-right: 4px;
}


/*===== Inject Window END CSS  ======*/

.axs-grid-row-focused td {
    border-color: #666 !important;
    border-width: 1px 1px 1px 0 !important;
    background: #d3e7ff !important;
}

.axsCommonMessageBox .titleIcon:before {
    font-family: 'AXSFont-All' !important;
    content: "\E962" !important;
    font-size: 14px !important;
    margin-right: 5px !important;
    position: relative;
    top: 2px !important;
}

.isNotError {
    color: #059205 !important;
}

.isError {
    color: #FE5A53 !important;
}

.welcome_download_button {
    cursor: pointer !important;
    font-size: 14px !important;
    color: #FE5A53 !important;
    opacity: 1 !important;
}

.x-grid-row-selected .x-grid-cell-special {
    background-image: none !important;
}

.x-message-box-info {
    background-image: none;
}

.x-message-box-info:before {
    font-family: 'AXSFont-All' !important;
    content: "\e962" !important;
    font-size: 26px !important;
    color: #7b8fe5;
}

.vessel-icon {
    width: 10px !important;
    height: 10px !important;
    display: inline-block !important;
    margin-right: 3px !important;
    margin-top: 2px;
}

.smallfeeder-icon {
    background: #515151;
}

.handy-icon {
    background: #FF9900
}

.subpanamax-icon {
    background: #66CC00
}

.panamax-icon {
    background: #e8977a
}

.overpanamax-icon {
    background: #EF0864
}

.vlcs-icon {
    background: #81FED4
}

.ulcs-icon {
    background: #6E1FDA
}

.other-icon {
    background: #b3b3b3
}

.cntx-icon-inject {
    background-image: url('/common/resources/images/inject-icon.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.icon-cancel-img {
    background-image: url('//static.axsmarine.com/images/icons/cancel.png');
}

.x-form-display-field {
    line-height: normal !important;
}

#addfixture .x-fieldset {
    padding: 10px !important;
    margin-bottom: 5px !important;
}

#quickupdater .x-fieldset {
    padding: 10px !important;
    margin-bottom: 5px !important;
}

.x-action-col-cell.icon-cancel-circled .x-grid-cell-inner:before {
    color: #F34D3F;
    font-family: 'AXSFont-All' !important;
    font-size: 14px !important;
    content: "\e908" !important;
}

.terminalsv4-header-icons-color {
    color: #446381 !important;
    font-size: 45px !important;
    padding-left: 5px !important;
}

.top20portsIncrease:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90f" !important;
    font-size: 12px !important;
    color: green;
}

.top20portsDecrease:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90d" !important;
    font-size: 12px !important;
    color: red;
}

.top20portsPersistence:before {
    font-family: 'AXSFont-All' !important;
    content: "\e924" !important;
    font-size: 12px !important;
    color: grey;
}
.infoTitle {
    margin: 5px;
    padding: 5px;
    background-color: #FFFFCC;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.commonbottombarsale20 {
    width: 20px;
    display: table-cell;
}
.commonbottombarsale45 {
    width: 45px;
    display: table-cell;
}
/*linerBingmap info box*/

.ship-info-box {
    background-color: white;
    width: 230px;
    padding: 0px;
    box-shadow: 0px 0px 4px #999;
}
.ship-info-box-header {
    background-color: white;
    width: 230px;
    padding: 4px 0px 5px 0px;
    border-bottom: 1px solid #c7c2c2;
}
.ship-info-box-body {
    background-color: white;
    width: 230px;
    padding: 5px;
}

.ship-info-box .name {
    font-size: 13px !important;
    font-family: Tahoma !important;
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    color: #2b2b2b;
    width: 200px;
    cursor: pointer;
}
.ship-info-box-shipicon {
    padding: 2px 5px 5px 5px;
    float: left;
}
.ship-info-box-shipicon:before {
    font-family: 'AXSFont-All' !important;
    content: "\eaac" !important;
    font-size: 16px !important;
    color: #ee5958;
}
.ship-info-box-close{
    position: absolute;
    cursor: context-menu;
    top: 5px;
    right: 5px;
}
.ship-info-box-close:before {
    font-family: 'AXSFont-All' !important;
    content: "\e90b" !important;
    font-size: 16px !important;
    color: #9C9C9C;
}

.ship-info-box .values {
    color: #383838;
    font-size: 9px !important;
    margin-left: 5px;
    font-family: Tahoma;
    font-weight: bold;
    float: left;
}
.ship-info-box .labels{
    color: #8D8D8D;
    font-size: 9px !important;
    font-family: Tahoma;
    text-align: right;
    width: 45px;
    float: left;
}
.ship-info-box .valuesheader {
    font-size: 10px !important;
    font-family: Tahoma;
    font-weight: bold;
}
.ship-info-box .labelsheader{
    font-size: 10px !important;
    font-family: Tahoma;
    text-align: right;
    width: 40px;
}

.ship-info-box .row{
    width: 230px;
    height: 15px;
    float: left;
}
.ship-info-box .arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FFF;
    position: absolute;
    left: 110px;
    z-index: 1001;
}
.ship-info-box .routeseparator {
    border-top: 1px solid #c7c2c2;
    width: 230px;
    float: left;
    margin-left: -5px;
    height: 2px;
}
.vtd-toolbar-class {
    background-color: white !important;
    background-image: none !important;
}

.vtd-table {
    border: 0;
    border-spacing: 1px;
}

.vtd-table-names {
    vertical-align: top;
    text-align: right;
    padding-right: 20px;
    width: 120px;
}
.vtd-table-names-right {
    width: 60px;
    float: left;
}
.vtd-table-names-right-bold {
    width: 60px;
    float: left;
    font-weight: bold;
}

.vtd-table-value {
    font-weight: bold;
}

.vtd-container-div {
    min-width: 1200px;
    min-height: 500px;
}

.vtd-inner-div {
    top: 10px;
    width: 1200px;
    margin: 0 auto 0 auto;
    height: auto;
    position: inherit;
    z-index: 1;
}
.vm_vtd .vtd-inner-div {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
}
.vm_vtd .x-panel-body {
    width: 1200px !important;
    height: 600px !important;
    border: 0px;
}

.vtd-title-value {
    color:#323232 !important;
    font-size: 20px !important;
    font-family: tahoma;
    font-weight: bold;
    margin-left: 4px;
}

.vtd-title-label {
    color: #676767 !important;
    font-size: 12px !important;
    font-family: tahoma;
    padding-top: 4px;
    margin-left:  25px;
}

.customDockedButton {
    border-width: 1px!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    border-radius: 3px!important;
    padding: 2px 2px 2px 2px;
    border-width: 1px!important;
    border-style: solid!important;
    background-image: none!important;
    background-color: #f8f8f8!important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,white),color-stop(100%,#eee))!important;
    background-image: -webkit-linear-gradient(top,white,#eee)!important;
    background-image: -moz-linear-gradient(top,white,#eee)!important;
    background-image: -o-linear-gradient(top,white,#eee)!important;
    background-image: linear-gradient(top,#fff,#eee)!important;
    border-color: #bbb!important;
    display: inline-block;
    zoom:1!important;cursor: pointer!important;
    white-space: nowrap!important;
    vertical-align: middle!important;
    text-decoration: none!important;
    -webkit-box-sizing: border-box!important;
}
.customDockedButton:before {
    float:left;
}
.customDockedButton .spancho {
    font-weight: normal;
    font-family: tahoma,arial,verdana,sans-serif;
    color: #333;
    padding: 2px 6px 0px 6px;
    float: right;
}


.customDockedButton:hover {
    border-color: #9d9d9d !important;
    background-image: none !important;
    background-color: #f3f3f3 !important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9)) !important;
    background-image: -webkit-linear-gradient(top,#fbfbfb,#e9e9e9) !important;
    background-image: -moz-linear-gradient(top,#fbfbfb,#e9e9e9) !important;
    background-image: -o-linear-gradient(top,#fbfbfb,#e9e9e9) !important;
    background-image: linear-gradient(top,#fbfbfb,#e9e9e9) !important;
}

#ExportArea { 
    font-size: 13px !important;
}

.MicrosoftMap .letterbox {
    visibility: hidden !important;
}
.zoneFakeField .x-form-display-field {
    margin-left: 2px !important;
}
.zoneFakeFieldExt6 .x-form-display-field {
    margin-left: 2px !important;
    width: 84px;
    margin-top: 0px !important;
    color: black;
    padding: 1px 3px 1px 3px;
    background: white repeat-x 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #b5b8c8;
    background-image: url(images/form/text-bg.gif);
    height: 22px;
    line-height: 17px;
}

.x-item-disabled.x-tab-top span {
    color: #B4B4B4 !important;
}
.updateInfoTpl .x-panel-body{
    background-color: transparent !important;
    border: none !important;
}
.infoTplWrapper span{
    font-size: 11px !important;
}
.infoTplValue {
    font-weight: bold;
}
.MicrosoftMap .NavBar_Container.compact {
    top: 12px !important;
    right: 12px !important;
    left: 0px !important;
    width: 80px !important;
}
.blue_col {
    color: #037dd4!important;
    opacity: 1 !important;
}
.totalCnt {
    font-size: 11px;
    top: 4px !important;
}
.s_green {
    color: #009EA0;
}
.panel-ico {
    font-size: 16px !important;
    opacity: 1 !important;
}
.triangle-right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid red;
    border-bottom: 4px solid transparent;
    float: left;
    margin: 3px 3px 0px 0px;
}

#newsPreviewForm-body .popup {
        color:brown;
        font-weight:bold;
        text-decoration:underline;
}
.commontabcls .table-cls {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana;
    font-size: 11px !important;
}
.no-background {
    background: none !important;
    background-color: transparent !important;
}

.services-participants-table {
    text-align: left;
    table-layout: fixed;
    width: 100%;
}

.services-participants-table td {
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.greyTxtColor {
    color: grey;
}