@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
body{font-family: 'Open Sans', sans-serif;}
.innerPage{background:#000000;}
.clear{clear:both;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
sup{vertical-align:0;position:relative;top:-0.25em;}
.wrapper{width:100%;overflow:hidden;z-index:0;}
.commonLink{color:#eb3b95;font-weight:700;text-decoration:none;}
ul.numList{list-style:decimal;color:#503191;margin-left:25px;}
ul.numList.white{color:#ffffff;}
ul.numList li{padding:5px;font-size:13px;line-height:18px;color:#212330;}
.showPrint{display:none;}
.backTopBtn{background:url(../images/back-to-top-btn.png) no-repeat;background-position:center center;background-size:100% 100%;position:fixed;bottom:-150px;right:35px;width:100px;height:49px;z-index:2;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer;}
.dateTimeStamp{text-align:right;font-size:11px;line-height:11px;margin:5px;color:#606163 !important;text-transform:none;font-weight:400;font-style:italic;}
.versionUpdate{position:absolute;top:25px;right:25px;font-size:13px;line-height:18px;color:#212330;font-style:italic;}
.versionUpdate.relative{position:relative;top:0;right:0;text-align:right;margin-right:25px;}
.successMsg{width:calc(100% - 22px);border-radius:5px;color:#009b98;font-size:13px;line-height:18px;padding:10px;margin:20px 0;background:#e5f5f4;border:1px solid #009b98;}
.successMsg span{background:url(../images/success-icon.png) no-repeat left center;padding-left:25px;display:block;}
.errorMsg{width:calc(100% - 22px);border-radius:5px;color:#cd0a0a;font-size:13px;line-height:18px;padding:10px;margin:20px 0;background:#fae6e6;border:1px solid #cd0a0a;}
.errorMsg span{background:url(../images/error-icon.png) no-repeat left center;padding-left:25px;display:block;}
/******Form Fields******/
/**Error msg**/
.error{font-size:10px !important;line-height:12px !important;color:#fe0350 !important;margin:5px 0 5px 0;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
/**Input text field**/
input[type="text"],input[type="password"]{font-family: 'Open Sans', sans-serif;color:#212330;font-size:12px;border-radius:5px;border:1px solid #d7d7d7;padding:10px 10px;background:#ffffff;margin:5px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.formPage input[type="text"]{background:#ffffff;border:1px solid #f1f1f1;}
.modal input[type="text"]{background:#ffffff;border:1px solid #f1f1f1;}
input[type="text"].calendar{background-image:url(../images/calendar-icon.png);background-position:98% center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"].time{background-image:url(../images/time-icon.png);background-position:98% center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"]:disabled{background:#f4f4f4;border:1px solid #f1f1f1;}
input[type="text"].calendar:disabled{background:#f4f4f4 url(../images/calendar-icon.png);background-position:98% center;background-repeat:no-repeat;}
input[type="text"].time:disabled{background:#f4f4f4 url(../images/time-icon.png);background-position:98% center;background-repeat:no-repeat;}
::-webkit-input-placeholder{color:#c1c3c7;opacity:1;}
:-ms-input-placeholder{color:#c1c3c7;opacity:1;}
::placeholder {color:#c1c3c7;opacity:1;}
/**Upload Btn**/
.upload{width:100%;position:relative;overflow:hidden;display:table;}
.upload input[type=file]{padding:10px 20px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;background:none !important;}
.uploadBtn{background:#004e86;color:#ffffff;text-align:center;font-size:14px;line-height:18px;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;margin:5px 0;text-transform:uppercase;width:auto;cursor:pointer;vertical-align:top;display:table-cell;}
.upload label{vertical-align:top;display:table-cell;width:300px;padding:0 5px 0 0;}
.upload label input[type=text]{font-family: 'Open Sans', sans-serif;color:#212330;font-size:12px;border-radius:5px;border:1px solid #ffffff;padding:10px 10px;background:#ffffff;margin:5px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;}
/**Start Date to End Date**/
.startEndDate{width:100%;position:relative;overflow:hidden;display:table;max-width:500px;}
.startEndDate label{vertical-align:middle;display:table-cell;padding:0 10px 0 0;text-align:center;}
/**Search**/
.search{display:table;}
.search label{display:table-cell;vertical-align:top;}
.search label.field{padding-right:10px;width:300px;}
/**TextArea**/
textarea{font-family: 'Open Sans', sans-serif;color:#212330;font-size:12px;border-radius:5px;border:none;padding:10px 10px;background:#fffff;border:1px solid #f1f1f1;margin:5px 0;height:120px;resize:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
textarea:disabled{background:#f4f4f4;border:1px solid #f1f1f1;}
/**Input select field**/
select{font-family: 'Open Sans', sans-serif;color:#212330;font-size:12px;border-radius:5px;border:none;padding:10px 25px 10px 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/drop-down.png) 97.5% no-repeat #ffffff;margin:5px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border:1px solid #f1f1f1;}
select::-ms-expand{display: none; /* remove default arrow on ie10 and ie11 */}
select option{background:#f1f1f1;border:none;color:#212330;font-family: 'Open Sans', sans-serif;padding:5px 0;}
select option:disabled{color:#f1f1f1;background:#212330;}
@media screen and (min-width:0\0){select {background:none\9;padding: 5px\9;}}
/**Input checkbox**/
.checkBoxStyle{display:block;position:relative;padding-left:20px !important;margin:0 0 5px 0 !important;cursor:pointer;font-size:12px;line-height:14px;color:#848790;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;}
.priorityOption .checkBoxStyle{font-size:13px;line-height:13px;}
.checkBoxStyle input{position:absolute;opacity:0;cursor:pointer;height:0;width 0;}
.checkmark{position:absolute;top:0;left:0;height:13px;width:13px;border-radius:5px;background-color:#ffffff;border:1px solid #d7d7d7;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#ffffff;border:1px solid #d7d7d7;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#8b1212;border:1px solid #8b1212;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkBoxStyle input:checked ~ .checkmark:after{display: block;}
.checkBoxStyle .checkmark:after{left:4px;top:2px;width:3px;height:6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*Input radio*/
[type="radio"]:checked, [type="radio"]:not(:checked){position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;line-height:15px;display:inline-block;color:#212330;font-size:13px;font-weight:400;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before{content: '';position: absolute;left: 0;top: 0;width: 12px;height: 12px;border: 1px solid #d7d7d7;border-radius: 100%;background: #ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width:5px;height:5px;border:5px solid #8b1212;background #ffffff;position: absolute;top:0;left:0;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/**Submit Button**/
input[type=submit]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none;font-family: 'Open Sans', sans-serif;}
input[type=button]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none;font-family: 'Open Sans', sans-serif;}
/**Note msg**/
.note{font-size:10px;line-height:12px !important;color:#ffffff;margin:0 5px 5px 5px;display:block;}
/**Buttons style**/
.loginBtn{background:#8b1212;color:#ffffff;text-align:center;font-size:14px;line-height:18px;padding:10px 40px;display:block;border-radius:5px;text-decoration:none;font-weight:600;margin:0 auto 5px auto;width:auto;}
.loginBtn.grey{background:#f1f1f1;color:#848790;}
.submitBtn{background:#8b1212 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 40px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 5px 0 10px;}
.backBtn{background:#f1f1f1 !important;color:#848790;text-align:center;font-size:14px;line-height:16px;padding:10px 40px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;margin:0 5px 0 10px;border:none !important;}
.addNewBtn{background:#f1f1f1;color:#848790;text-align:center;font-size:14px;line-height:18px;padding:10px 20px;display:block;border-radius:5px;text-decoration:none;font-weight:600;width:auto;margin:0 10px;}
.copyBtn{background:#f1f1f1 url(../images/copy-icon.png) no-repeat 5px center;color:#848790;text-align:center;font-size:14px;line-height:18px;padding:5px 10px 5px 25px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;width:auto;margin:0 2.5px;}
.deleteBtn{background:#f1f1f1 url(../images/delete-icon.png) no-repeat 5px center;;color:#848790;text-align:center;font-size:14px;line-height:18px;padding:5px 10px 5px 20px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;width:auto;margin:0 2.5px;}
.cancelBtn{background:#f1f1f1 !important;color:#848790;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;margin:0 2.5px 0 0;border:none !important;cursor:pointer;}
.applyBtn{background:#8b1212 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 0 2.5px;cursor:pointer;}
.selectBtn{background:#8b1212 url(../images/select-icon.png) no-repeat 5px center;color:#ffffff !important;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 0 2.5px;cursor:pointer;padding:5px 10px 5px 20px;}
.searchBtn{background:#8b1212 url(../images/search-icon.png) no-repeat 10px center;color:#ffffff;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 0 2.5px;cursor:pointer;padding:5px 20px 5px 30px;}
.commonBtn{background:#8b1212 !important;color:#ffffff;text-align:center;font-size:12px;line-height:14px;padding:9px 15px;display:block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 10px 0;}
.commonBtn.grey{background:#848790 !important;color:#ffffff;}
.upload{width:100%;position:relative;overflow:hidden;font-size:0;}
.upload input[type=file]{width:134px !important;padding:10px 0;position:absolute;left:0;top:0;opacity:0;cursor:pointer;background:none !important;}
.uploadBtn{background:#f1f1f1;color:#848790;text-align:center;font-size:14px;line-height:18px;padding:10px 0;display:block;border-radius:5px;text-decoration:none;font-weight:600;text-transform:none;width:134px !important;display:block;}
.billingBtn{background:#f1f1f1 !important;color:#848790;text-align:center;font-size:14px;line-height:16px;padding:10px 20px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;margin:0;border:none !important;}
.changeBtn{background:#8b1212 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 20px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 0 10px;}
.editBtn{background:#f1f1f1 url(../images/edit-icon-grey.png) no-repeat 5px center;color:#848790 !important;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 5px 0;cursor:pointer;padding:5px 10px 5px 25px;}
.delBtn{background:#f1f1f1 url(../images/delete-icon.png) no-repeat 5px center;color:#848790 !important;text-align:center;font-size:14px;line-height:16px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;border:none !important;margin:0 0 5px 0;cursor:pointer;padding:5px 10px 5px 25px;}
.upgradeBtn{background:#848790 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 20px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:600;margin:0;border:none !important;}
/**Header**/
.header{width:100%;height:auto;border-bottom:1px solid #d7d7d7;background:#ffffff;position:fixed;top:0;left:0;z-index:2;-webkit-box-shadow:0px 3px 6px 0px rgba(215,215,215,1);-moz-box-shadow:0px 3px 6px 0px rgba(215,215,215,1);box-shadow:0px 3px 6px 0px rgba(215,215,215,1);}
.header .container{width:100%;display:flex;flex-wrap:wrap;font-size:0;}
.header .logo{display:inline-block;vertical-align:middle;width:260px;padding:0 10px 0 30px;}
.header .logo span{height:100%;width:100%;display:block;position:relative;}
.header .logo img{width:123px;position:absolute;top:50%;transform:translateY(-50%);}
.header .loginUser{display:inline-block;vertical-align:middle;width:260px;text-align:right;padding:0 30px 0 10px;}
.header .loginUser li{display:inline-block;vertical-align:middle;position:relative;width:calc(100% - 35px);font-size:14px;line-height:18px;font-weight:400;color:#212330;}
.header .loginUser span{text-align:left;display:inline-block;background:url(../images/acct-icon.png)no-repeat left center;padding:15px 0 15px 50px;}
.header > .container > .loginUser > li{background:url(../images/drop-down-icon.png)no-repeat 95% center;padding-right:35px;cursor:pointer;}
.header > .container > .loginUser > li > .subMenu{width:250px;height:auto;top:60px;left:0;padding:15px 0 0 0;position:absolute;z-index:99;display:none;opacity:0;}
.header > .container > .loginUser > li > .subMenu > ul{width:100%;border-radius:5px;background:#ffffff;text-align:left;-webkit-box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);-moz-box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);padding:20px 0;}
.header > .container > .loginUser > li:hover > .subMenu{display:block;opacity:1;}
.header > .container > .loginUser > li > .subMenu > ul > li{display:block;padding:0;border:none;}
.header > .container > .loginUser > li > .subMenu > ul > li > a{display:block;color:#000000;text-decoration:none;font-size:14px;line-height:18px;font-weight:700;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;border-bottom:none;padding:10px 20px;background:none;}
.header > .container > .loginUser > li > .subMenu > ul > li.dd{background:url(../images/arrow-right.png)no-repeat 95% 15px;padding-right:15px;}
.header > .container > .loginUser > li > .subMenu > ul > li.settingBtn > a{background:url(../images/setting-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .loginUser > li > .subMenu > ul > li.accountBtn > a{background:url(../images/account-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .loginUser > li > .subMenu > ul > li.accountBtn{position:relative;}
.header > .container > .loginUser > li > .subMenu > ul > li.accountBtn .acctDD{position:absolute;right:0;top:10px;}
.header > .container > .loginUser > li > .subMenu > ul > li.logoutBtn > a{background:url(../images/logout-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .loginUser > li > .subMenu > ul > li > ul{display:none;}
.header > .container > .loginUser > li > .subMenu > ul > li > ul li a{display:block;color:#000000;text-decoration:none;font-size:12px;line-height:16px;font-weight:700;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;border-bottom:none;padding:5px 0 5px 50px;background:none;}
.header > .container > .loginUser > li > .subMenu > ul > li > ul li:hover > a{color:#8b1212;}
.header .mainMenu{display:inline-block;vertical-align:middle;width:calc(100% - 600px);text-align:center;}
.header .mainMenu li{display:inline-block;vertical-align:middle;height:100%;position:relative;background:#ffffff;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.header .mainMenu li a{text-transform:normal;font-size:14px;line-height:18px;font-weight:700;color:#212330;display:inline-block;vertical-align:middle;padding:10px 15px 10px 25px;text-decoration:none;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;position:relative;margin-top:13px;/*top:50%;transform:translateY(-50%);*/}
.header > .container > .mainMenu > li:hover,
.QUOTE .header .mainMenu li.quoteBtn,
.CREATESHIP .header .mainMenu li.createShipBtn,
.MANAGESHIP .header .mainMenu li.manageShipBtn,
.SUPPORT .header .mainMenu li.supportBtn{background:#8b1212;}
.header > .container > .mainMenu > li:hover > a,
.QUOTE .header .mainMenu li.quoteBtn a,
.CREATESHIP .header .mainMenu li.createShipBtn a,
.MANAGESHIP .header .mainMenu li.manageShipBtn a,
.SUPPORT .header .mainMenu li.supportBtn a{color:#ffffff;}
.header .mainMenu li.quoteBtn a{background:url(../images/quote-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .mainMenu > li.quoteBtn:hover > a{background:url(../images/quote-icon-mo.png)no-repeat 10px center;}
.header .mainMenu li.createShipBtn a{background:url(../images/create-ship-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .mainMenu > li.createShipBtn:hover > a{background:url(../images/create-ship-icon-mo.png)no-repeat 10px center;}
.header .mainMenu li.manageShipBtn a{background:url(../images/manage-ship-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .mainMenu > li.manageShipBtn:hover > a{background:url(../images/manage-ship-icon-mo.png)no-repeat 10px center;}
.header .mainMenu li.supportBtn a{background:url(../images/support-icon.png)no-repeat 10px center;padding-left:40px;}
.header > .container > .mainMenu > li.supportBtn:hover > a{background:url(../images/support-icon-mo.png)no-repeat 10px center;}
.QUOTE .header .mainMenu li.quoteBtn a{background:url(../images/quote-icon-mo.png)no-repeat 10px center;}
.CREATESHIP .header .mainMenu li.createShipBtn a{background:url(../images/create-ship-icon-mo.png)no-repeat 10px center;}
.MANAGESHIP .header .mainMenu li.manageShipBtn a{background:url(../images/manage-ship-icon-mo.png)no-repeat 10px center;}
.SUPPORT .header .mainMenu li.supportBtn a{background:url(../images/support-icon-mo.png)no-repeat 10px center;}
.header > .container > .mainMenu > li.dd{background:url(../images/drop-down-icon.png)no-repeat 95% center;padding-right:15px;}
.header > .container > .mainMenu > li.dd:hover,
.MANAGESHIP .header > .container > .mainMenu > li.dd{background:#8b1212 url(../images/drop-down-icon-mo.png)no-repeat 95% center;}
.header > .container > .mainMenu > li.dd > .subMenu{width:250px;height:auto;top:60px;left:0;padding:15px 0 0 0;position:absolute;z-index:99;display:none;opacity:0;}
.header > .container > .mainMenu > li.dd > .subMenu > ul{width:100%;border-radius:5px;background:#ffffff;text-align:left;-webkit-box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);-moz-box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);box-shadow:0px -2px 6px 2px rgba(166,166,166,0.5);padding:20px 0 20px 0;}
.header > .container > .mainMenu > li.dd:hover > .subMenu{display:block;opacity:1;}
.header > .container > .mainMenu > li.dd > .subMenu > ul > li{display:block;padding:0;border:none;}
.header > .container > .mainMenu > li.dd > .subMenu > ul > li > a{display:block;color:#000000;text-decoration:none;font-size:14px;line-height:18px;font-weight:700;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;border-bottom:none;padding:5px 20px 5px 20px;background:none;margin-top:0;}
.header > .container > .mainMenu > li.dd > .subMenu > ul > li:hover{background:none;}
.header > .container > .mainMenu > li.dd > .subMenu > ul > li:hover > a{background:none;color:#8b1212;}
/**Mobile Menu**/
.header .mobileMenu{width:100%;padding:0;position:relative;display:none;}
.mobileMenu .mobileLogo{width:100px;padding:10px 0 10px 20px;}
.mobileMenu .mobileLogo img{width:100%;display:block;}
.mobileMenu .mobileMenuBtn{position:absolute;top:20px;right:15px;cursor:pointer;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:29px;height:22px;z-index:2;}
.mobileMenu .mobileMenuBtn span{display:block;position:absolute;height:3px;width:100%;background:#8b1212 !important;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.mobileMenu .mobileMenuBtn span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(3){top: 18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn.open span:nth-child(1){-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:0;}
.mobileMenu .mobileMenuBtn.open span:nth-child(2){width:0;opacity:0;}
.mobileMenu .mobileMenuBtn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:0;}
.mobileMenuContainer{width:100%;z-index:1;position:absolute;top:0;left:0;display:none;}
.mobileMenuContainer .account{width:100%;color:#212330;font-size:14px;line-height:18px;padding:12px 10px 12px 75px;background:#ffffff url(../images/acct-icon.png) no-repeat 20px center;text-align:left;-webkit-box-shadow:0px 3px 6px 0px rgba(215,215,215,1);-moz-box-shadow:0px 3px 6px 0px rgba(215,215,215,1);box-shadow:0px 3px 6px 0px rgba(215,215,215,1);position:relative;z-index:2;}
.mobileMenuContainer ul{width:100%;list-style:none;margin:0 !important;}
.mobileMenuContainer ul li{width:100%;background:#848790;}
.mobileMenuContainer ul li.darkBg{background:#8b1212;}
.mobileMenuContainer ul li a{display:block;color:#ffffff;text-decoration:none;font-size:14px;line-height:18px;width:calc(100% - 55px);padding:15px 15px 15px 40px;font-weight:700;}
.mobileMenuContainer ul li.darkBg a{padding:15px 15px 15px 40px;}
.mobileMenuContainer ul li a.quoteBtn{background:url(../images/quote-icon-mo.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.createShipBtn{background:url(../images/create-ship-icon-mo.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.manageShipBtn{background:url(../images/manage-ship-icon-mo.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.supportBtn{background:url(../images/support-icon-mo.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.settingBtn{background:url(../images/setting-icon-white.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.accountBtn{background:url(../images/account-icon-white.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li a.logoutBtn{background:url(../images/logout-icon-white.png)no-repeat 20px center;padding-left:55px;}
.mobileMenuContainer ul li ul li{width:100%;background:#212330;}
.mobileMenuContainer ul li ul li a{color:#ffffff;font-weight:700;width:calc(100% - 85px);padding:10px 25px 10px 60px;}
.mobileMenuContainer ul li.mobileDD a:after{content:" ";background:url(../images/drop-down-icon-mo.png)no-repeat left center;margin-left:10px;padding-left:20px;}
.mobileMenuContainer ul li.mobileDD ul li a:after{content:"";background:none;padding-left:0;}
.mobileSubMenu{display:none;}
/**Footer**/
.footer{font-size:10px;line-height:12px;color:#383838;background:#f1f1f1;width:100%;text-align:center;padding:10px 0;position:absolute;left:0;bottom:0;z-index:2;}
.innerPage .footer{position:fixed;z-index:1;}

/**Popup**/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.modal-open{overflow: hidden;}
.modal {position: fixed;top:0;right:0;bottom:0;left:0;/*z-index: 99999999;*/z-index:3000;display: none;overflow:auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;outline: 0;-webkit-animation:popupAnim 2s;-moz-animation:popupAnim}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog{position: relative;width: auto;margin:10% 0;}
#addAddress .modal-dialog{margin:5% 0;}
#moreDetails .modal-dialog{margin:2.5% 0;}
.modal-content{position: relative;background-color:#ffffff;background-clip:padding-box;width:95%;max-width:600px;height:auto;margin:0 auto;border-radius:5px;
outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
#moreDetails .modal-content{max-width:1300px;outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=80);opacity: .8;}
.modal-body{position: relative;width:100%;padding:5% 0;}
.closePopUpBtn{display:block;position:absolute;top:20px;right:20px;}
.modal-body .container{width:95%;margin:0 auto;color:#212330;font-size:13px;line-height:18px;}
#loginTrouble .modal-body .container{text-align:center;}
.modal-body .container h1{color:#212330;font-size:26px;line-height:30px;margin:15px 0 30px 0;text-align:center;}
.modal-body .container h1.left{text-align:left;margin:0 0 20px 0;}
.modal-body .container h2{color:#212330;font-size:16px;line-height:22px;margin:15px 0 15px 0;text-align:center;}
#moreDetails .modal-body .container h2{margin:0;text-align:left;}
.modal-body .container label{color:#212330;font-weight:600;margin:5px 0 0 0;padding:0;font-size:14px;line-height:18px;display:block;text-align:left;}
.modal-body .container p{margin:0 0 10px 0;color:#212330;font-size:13px;line-height:18px;text-align:left;}
.modal-body .container p.center{text-align:center;}
#loginTrouble .submitBtn{margin:0 auto;}
.modal-body .container .contents{font-size:0;width:100%;margin-bottom:0;}
.modal-body .container .groupBtn{font-size:0;}
.modal-body .container .groupBtn .col{display:inline-block;width:49.5%;vertical-align:top;margin-bottom:10px;margin-right:0.5%;}
.modal-body .container .groupBtn .col:nth-of-type(even){margin-left:0.5%;margin-right:0;}
.modal-body textarea{width:100%;}
.modal-body input[type="text"],.modal-body select{width:100%;}
.modal-body table{width:100%;}
.modal-body table tr td{width:calc(50% - 20px);padding:0 10px;}
#moreDetails .row_1{width:100%;font-size:0;display:flex;flex-wrap:wrap;}
#moreDetails .row_1 .col_2_3{width:calc(66.66666% - 5px);display:inline-block;vertical-align:top;margin-right:5px;}
#moreDetails .row_1 .col_2_3 .col_container{font-size:0;display:flex;flex-wrap:wrap;}
#moreDetails .row_1 .col_2_3 .col_1_2{width:calc(50% - 7px);display:inline-block;vertical-align:top;border:1px solid #f1f1f1;margin-bottom:10px;}
#moreDetails .row_1 .col_2_3 .col_1_2.left{margin-right:5px;}
#moreDetails .row_1 .col_2_3 .col_1_2.right{margin-left:5px;}
#moreDetails .row_1 .col_2_3 .col_1_2.last{margin-bottom:0;}
#moreDetails .row_1 .col_2_3 .col_1_2 .col_container{width:calc(100% - 20px);padding:10px;display:block;}
#moreDetails .row_1 .col_2_3 .sub_row_1{width:100%;border:1px solid #f1f1f1;}
#moreDetails .row_1 .col_2_3 .sub_row_1 .col_container{width:calc(100% - 20px);padding:10px;display:block;}
#moreDetails .row_1 .col_1_3{width:calc(33.33333% - 7px);display:inline-block;vertical-align:top;margin-left:5px;border:1px solid #f1f1f1;}
#moreDetails .row_1 .col_1_3 .col_container{width:calc(100% - 20px);padding:10px;}
#moreDetails .rightLink{color:#8b1212;font-weight:700;text-align:right;display:block;font-size:12px;line-height:14px;text-decoration:none;text-transform:uppercase;}
#moreDetails .rightLink:hover{text-decoration:underline;}
#moreDetails table{width:100%;font-size:13px;line-height:18px;font-weight:600;color:#848790;margin:10px 0;text-align:left;}
#moreDetails table thead tr th{text-decoration:underline;padding:10px 5px;border-bottom:1px dashed #848790;}
#moreDetails table tbody tr td{padding:5px;font-weight:400;}
#moreDetails table tbody tr td strong{font-weight:600;}
#moreDetails table tbody tr td.right{text-align:right;}
#moreDetails table tr.bolded td{font-weight:600;}
#moreDetails table tr.border td{border-bottom:1px solid #848790;}
#moreDetails .row_1 .col_2_3 .col_1_2 .col_container table tbody tr td{padding:2.5px;font-weight:400;}
#moreDetails .textField{width:100%;font-size:0;}
#moreDetails .textField span{display:inline-block;vertical-align:top;width:calc(100% - 80px);margin-right:10px;}
#moreDetails .textField span.btn{width:60px;}
#moreDetails .textField span input[type="text"]{padding:7.5px 10px;margin:0;}
#moreDetails .checkBoxStyle{font-size:13px !important;line-height:18px !important;font-weight:400 !important;}
#moreDetails .row_2{width:100%;border:1px solid #f1f1f1;margin-top:10px;}
#moreDetails .row_2 .row_container{width:calc(100% - 20px);padding:10px;display:block;}
.editor{width:100%;border:1px solid #d7d7d7;}
.editor img{width:100%;display:block;}
/**Tooltip**/
#tooltip{text-align:left;color:#848790;background:#ffffff;position:absolute;z-index:3001;padding:15px;font-size:12px;line-height:14px;font-weight:600;-webkit-box-shadow: 0px 0px 10px 0px rgba(85,85,85,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(85,85,85,0.75);box-shadow: 0px 0px 10px 0px rgba(85,85,85,0.75);}
#tooltip:after /* triangle decoration */
{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ffffff;content: '';position: absolute;left: 50%; bottom: -10px;margin-left: -10px;}
#tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #ffffff;top: -20px;bottom: auto;}
#tooltip.left:after{left: 10px;margin: 0;}
#tooltip.right:after{right: 10px;left: auto;margin: 0;}
#tooltip strong{color:#212330;}
#tooltip table{width:250px !important;}
#tooltip table tr td{padding:2.5px;vertical-align:middle;}
#tooltip table tr td.right{text-align:right;}
#tooltip table tr.topLine{border-top:1px solid #d7d7d7;}