body, html, block, h1, h2, h3, h4, h5, h6, p, ul, li, img { display: block; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0; }
/*body, html, block, h1, h2, h3, h4, h5, h6, p, ul, table { font-size: 10px; font-weight: normal; color: rgba(80,80,80,1); }*/
body, html, block, h1, h2, h3, h4, h5, h6, p, ul, table { font-weight: normal; color: rgba(80,80,80,1); }
body, html, block { font-size: 10px; }
h1, h2, h3, h4, h5, h6, p, ul, table { font-size: 1em; }
ul { /*list-style-type: none;*/ }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }
img { border: 0px; }
	
body, html, #frmMain { height: 100%; width: 100%; background-color: #ffffff; position: relative; }

/* Font options */
/*  'Raleway'  'Maven Pro'  'Questrial'  'Palanquin'  */

body { font-family: 'Raleway', sans-serif; font-weight: 400; }

input, textarea, option, select { font-family: 'Raleway', sans-serif; font-weight: 400; outline: none; }
input:hover, textarea:hover, select:hover, submit:hover, .button:hover, input:focus, textarea:focus, select:focus, .button:focus { border-color: #C9C9C9; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; }

strong { font-weight: 600; }

hr { background-color: rgba(0,0,0,0.2); height: 1px; border: none; }

.divClear { clear: both; }

/* Animation */

body, html, block, h1, h2, h3, h4, h5, h6, p, ul, li, img { -webkit-transition: all 0.2s; transition: all 0.2s; }

/* Debug */

.showDebug { display: none !important; }

/* Basic Structure */

#divWrapper { position: absolute; top: 0px; left: 0px; right: 0px; /*bottom: 0px;*/ }
#divHeaderWrapper { position: absolute; top: 0px; left: 0px; right: 0px; height: 120px; }
#divHeader { position: relative; width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; border-bottom: solid 1px rgba(0,0,0,0.2); }
#divContentWrapper { padding: 120px 0px 50px 0px; }
#divContent { width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding-bottom: 1em; }
#divFooterWrapper { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50px; }
#divFooter { width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; border-top: solid 1px rgba(0,0,0,0.2); }

#divLogo { background-image: url(../images/layout/baway-on-holiday-logo-h93.png); background-position: center left; background-repeat: no-repeat; margin: 0px 1em; height: 100%; }
.bdyLogin #divMenu li { display: none; }
#divMenu .liLogin { display: none; }
.bdyLogin #divMenu .liLogin { display: inline-block !important; }

#divMenu { }
#ulMenu { position: absolute; bottom: 0px; right: 0px; }
#ulMenu li { display: inline-block; font-size: 1.6em; line-height: 2em; padding: 0px 1em; }

#divFooter p { font-size: 1.2em; line-height: 50px; text-align: center; }

/* Generic styles */

input[type=text], input[type=password] { padding: 0.2em 1em; border: solid 1px rgba(0,0,0,0.1); border-radius: 1em; font-size: 1em; }
input[type=submit] { padding: 0.2em 1em; border: solid 1px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); border-radius: 1em; font-size: 1em; -webkit-transition: all 0.5s; transition: all 0.5s;   margin: 0px auto; display: block; }
input[type=submit]:hover { color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.2); }
select { font-size: 1em; padding: 0.2em 0.5em; border: solid 1px rgba(0,0,0,0.1); border-radius: 1em; }

/* Log in form */

#ulLogIn { width: 400px; margin: 4em auto; font-size: 1.6em; }
#ulLogIn li { margin: 1em 0px; }
#ulLogIn span { width: 30%; display: inline-block; }
#ulLogIn .liMessage span { width: 100%; text-align: center; color: rgba(255,0,0,1); }
#ulLogIn input[type=text], #ulLogIn input[type=password] { width: 50%; }
/*
#ulLogIn input[type=submit] { padding: 0.2em 1em; border: solid 1px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); border-radius: 1em; font-size: 1em; -webkit-transition: all 0.5s; transition: all 0.5s;   margin: 0px auto; display: block; }
#ulLogIn input[type=submit]:hover { color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.2); }
*/

/* Search user control */

/* Generic layout first, then page specific options */

#ulSearch { font-size: 1.6em; }
#ulSearch li { margin: 1em 0px; position: relative; vertical-align: top; }

#ui-datepicker-div { font-family: 'Raleway', sans-serif; }

#ulSearch li > span { width: 30%; display: inline-block; }

#ulSearch .liOccupancyWrapper { margin: 0px; }
#ulSearch .liOccupancyWrapper .ulOccupancyWrapper { font-size: 1em; }

#ulSearch .liOccupancy { display: none; text-align: center; }
#ulSearch .liOccupancy.liShow { display: block; }

#ulSearch .liOccupancy span { /*width: 15%;*/ width: auto; }
#ulSearch .liOccupancy select { /*margin-right: 2em;*/ margin: 0px 1em 0px 0.5em; }
#ulSearch .txtLocation { width: 60%; }
#ulSearch .txtDatepicker { width: 6em; }
#ulSearch .txtNights { width: 2em; }

#ulSearch .txtHotel { width: 60%; }

#divHints { display: none; position: absolute; left: 15%; width: 60%; border: 1px solid rgba(0,0,0,0.1); border-radius: 1em; padding: 0.2em 1em; background-color: rgba(240,240,240,1); margin-top: 0.5em; z-index: 10; }
#ulSearch .liLocation #ulHints { font-size: 1em; }
#ulSearch .liLocation #ulHints li { margin: 0.25em 0px; display: block; cursor: pointer; }
#ulSearch .liLocation #ulHints li:hover { text-decoration: underline; }
#ulSearch .liLocation #ulHints span { width: 100%; font-size: 0.85em; }
#ulSearch .liLocation .pShowMap { font-size: 1em; display: inline; }
#ulSearch .liLocation .pShowMap .showMap { display: inline; }
#ulSearch .liLocation .pShowMap .hideMap { display: none; }
#ulSearch.showMap .liLocation .pShowMap .showMap { display: none; }
#ulSearch.showMap .liLocation .pShowMap .hideMap { display: inline; }

#divHotelHints { display: none; position: absolute; left: 30%; width: 60%; border: 1px solid rgba(0,0,0,0.1); border-radius: 1em; padding: 0.2em 1em; background-color: rgba(240,240,240,1); margin-top: 0.5em; z-index: 10; }
#ulSearch .liHotel #ulHotelHints { font-size: 1em; }
#ulSearch .liHotel #ulHotelHints li { margin: 0.25em 0px; display: block; cursor: pointer; }
#ulSearch .liHotel #ulHotelHints li:hover { text-decoration: underline; }
#ulSearch .liHotel #ulHotelHints span { width: 100%; font-size: 0.85em; }

#ulSearch .liSubmit { text-align: center; }
#ulSearch .liSubmit input { margin: 0 0.5em; display: inline-block; }

.notValid { box-shadow: red 0px 0px 10px; }

#divSearchResultsSearch #ulSearch .liSearchMapHelp { height: 1.25em; overflow: hidden; font-size: 1em; background-color: rgba(255,255,255,0.75); cursor: pointer; }
#divSearchResultsSearch #ulSearch .liSearchMapHelp.showHelp { height: auto; }
#divSearchResultsSearch #ulSearch .liSearchMapHelp h4 { padding: 0px; font-size: 1em; margin-bottom: 0.25em; display: inline-block; }
#divSearchResultsSearch #ulSearch .liSearchMapHelp p { padding: 0px; font-size: 0.9em; margin-bottom: 0.25em; line-height: 1.25; }

#divSearchResultsSearch #ulSearch .liSearchMapWrapper { display: none; }
#divSearchResultsSearch #ulSearch.showMap .liSearchMapWrapper { display: block; margin-top: 0.75em; }

#ulSearch #ulSearchMap > li { margin: 0px !important; }

#ulSearch #ulSearchMap #liSearchMap { position: relative; width: 50%; padding-top: 35%; background-color: rgba(0,0,0,0.1); }
#ulSearch #ulSearchMap #liSearchMap #divSearchMap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

#ulSearch #ulSearchMap #liSearchMapHotelList { width: 48%; position: absolute; right: 0px; top: 0px; height: 100%; overflow: auto; }

#ulSearch #ulSearchMap #ulSearchMapHotelList li { margin: 0.5em 0px !important; display: block !important; }
#ulSearch #ulSearchMap #ulSearchMapHotelList li span { width: 100%; cursor: pointer; }

/* Index page */

#divIndex #ulSearch { width: 600px; margin: 4em auto; }

/* Search results page */

#divSearchResultsSearch { }
#divSearchResultsSearch #ulSearch { padding: 0px 1em; }
#divSearchResultsSearch #ulSearch li { display: inline-block; margin: 0.75em 0px 0px -0.25em; }
#divSearchResultsSearch #ulSearch .liLocation { width: 100%; }
#divSearchResultsSearch #ulSearch .lblLocation { width: 15%; }
#divSearchResultsSearch #ulSearch .liCheckIn, #divSearchResultsSearch #ulSearch .liCheckOut, #divSearchResultsSearch #ulSearch .liNights { width: 33%; }
#divSearchResultsSearch #ulSearch li .lblDates { width: 45.45%; }
#divSearchResultsSearch #ulSearch .liNights .txtNights { width: 6em; }
#divSearchResultsSearch #ulSearch .liHotel { width: 75%; }
#divSearchResultsSearch #ulSearch .liSearchRating { width: 25%; }
#divSearchResultsSearch #ulSearch .liSearchProvider { width: 100%; }
#divSearchResultsSearch #ulSearch .lblHotel { width: 20%; }
#divSearchResultsSearch #ulSearch .lblSearchProvider { width: 15%; }
#divSearchResultsSearch #divHotelHints { left: 15%; }
#divSearchResultsSearch #ulSearch .liRoomCount { width: 25%; }
#divSearchResultsSearch #ulSearch .liRoomCount span { width: 60%; }
#divSearchResultsSearch #ulSearch .liOccupancyWrapper { width: 50%; margin-top: 0px; }
#divSearchResultsSearch #ulSearch .liOccupancy { display: none; }
#divSearchResultsSearch #ulSearch .liOccupancy.liShow { display: block; }
#divSearchResultsSearch #ulSearch .liSubmit { width: 25%; }

#ulSearch li i { margin-left: 0.33em; color: darkred; cursor: pointer; }

/* Filter user control */

#ulFilter { font-size: 1.6em; padding: 0px 1em; }
#ulFilter li { display: inline-block; margin: 0.75em 0px 0px -0.25em; }
#ulFilter span { width: 30%; display: inline-block; }
#ulFilter .txtContains { width: 60%; }
#ulFilter .liContains { width: 50%; }
#ulFilter .liRating { width: 25%; }
#ulFilter .liClear { width: 25%; }

/* Search Results */

.bdyList .divHotelName .spPrice { display: none; }
.bdyList .divHotelName .spGetPrices { display: inline-block; float: right; }
/*.bdyList .divHotelName .spGetPrices:hover { text-decoration: underline; }*/

.divSearchResultsSection { padding: 1em 0px 0px 0px; }
.divSearchResultsSection.collapse { height: 37px; overflow: hidden; }
.divSearchResultsSection .h2DivHeader { display: block; padding: 0.5em 1em; border: 1px solid rgba(0,0,0,0.1); border-radius: 1em; font-size: 1.6em; }
.divSearchResultsSection .h2DivHeader .fa { float: right; width: 2em; text-align: center; cursor: pointer; }

.divSearchResultsSection p { font-size: 1.5em; padding: 1em 1em 0px 1em; }
.divResultsHeader { padding: 1.5em 1.5em 0px 1.5em; }
.divResultsHeader p { display: inline-block; padding: 0px; }
.divResultsHeader #pHotelCount { float: right; }
.divResultsHeader i { float: right; padding: 0px; font-size: 2em; display: none; }
.divSearchResultsWrapper { width: 100%; height: 400px; overflow-y: auto; }
.ulSearchResults { padding: 1em; }
.ulSearchResults li { padding: 0px 0.25em; border-bottom: solid 1px rgba(0,0,0,0.1); height: 3em; overflow: hidden; }
.ulSearchResults li.expand { height: 390px; }
/*.ulSearchResults li:nth-child(odd) { background-color: rgba(0,0,0,0.05); }*/
.ulSearchResults > li.hideContains, .ulSearchResults > li.hideRating { display: none; }
.ulSearchResults li.showlist .spGetPrices { display: none; }
.ulSearchResults li.showlist .spPrice { display: inline; }

.divHotelName { font-size: 1.5em; line-height: 2em; height: 2em; cursor: pointer; }
.divHotelName span { display: inline-block; vertical-align: top; }
.divHotelName .spName { width: 40%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.divHotelName .spAddress { width: 20%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.divHotelName .spPostcode { width: 8%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.divHotelName .spLocation { width: 15%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.divHotelName .spRating { width: 4%; }
.divHotelName .spPrice { /*float: right;*/ }

.liContractedHotel .divHotelName .spName { box-sizing: border-box; padding-left: 2em;
    background-image: url('../images/layout/baway-b-24.png'); background-position: center left; background-repeat: no-repeat; }


/*
.divHotelName .spPrice i { font-size: 1.5em; vertical-align: middle; }
.divHotelName .spPrice i.fa-check { color: forestgreen; }
.divHotelName .spPrice i.fa-check, .divHotelName .spPrice i.fa-circle-o-notch { font-size: 1em; margin: 0.25em; }
*/
.divHotelName .spGetPrices { display: none; }

.button { border: solid 1px rgba(0,0,0,0.1); padding: 0.2em 0.5em; border-radius: 1em; }
.button:hover, .button:focus { text-decoration: none; }

.divPriceStatus { display: inline-block; float: right; text-align: right; }
.divPriceStatus i { display: none; font-size: 1em; margin: 0.25em; vertical-align: middle; }
.divPriceStatus i.fa-check { color: forestgreen; }
.divPriceStatus i.fa-circle-o-notch, .divPriceStatus i.fa-spinner { color: cornflowerblue; }
.divPriceStatus i.fa-thumbs-o-down { color: darkred; }

.ulSearchResults li.iconSearching .divPriceStatus i.fa-circle-o-notch { display: inline-block; }
.ulSearchResults li.iconNoResults .divPriceStatus i.fa-thumbs-o-down { display: inline-block; }
.ulSearchResults li.iconResults .divPriceStatus i.fa-check { display: inline-block; }

.divSearchResultsSection .pSort { display: inline-block; }
.divSearchResultsSection .pGetAll { display: inline-block; float: right; }
.divSearchResultsSection .pGetAll a { cursor: pointer; }

.divHotelInfoMenu { padding: 1em 0px 0px 0px; }
.ulHotelInfoMenu { }
.ulHotelInfoMenu li { display: inline-block; overflow: visible; padding: 0px; border: solid 1px rgba(0,0,0,0.1); border-bottom: none; border-radius: 1em 1em 0px 0px; cursor: pointer; }
.ulHotelInfoMenu li.menuSelected { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,1); cursor: default; }
.ulHotelInfoMenu li span { font-size: 1.5em; padding: 0.5em; display: block; }

.divHotelInfo { width: 100%; height: 300px; border: solid 1px rgba(0,0,0,0.1); }
.divHotelInfo > div { display: none; padding: 1em; overflow: auto; font-size: 1.2em; height: 92%; width: auto; }
.divHotelInfo > div.show { display: block; }
.divHotelInfo > div p { font-size: 1.2em; }

.divFacilities ul { font-size: 1.2em; }
.divFacilities ul li { border: none; height: auto; margin-bottom: 0.25em; }

.divTripAdvisor ul { font-size: 1.2em; }
.divTripAdvisor ul li { height: auto; padding: 0.5em 0px; }
.divTripAdvisor ul li:last-child { border: none; }
.divTripAdvisor ul li h3 { font-size: 1.2em; font-weight: 600; margin: 0.2em 0px; }
.divTripAdvisor ul li h4 { font-weight: 600; margin: 0.2em 0px; }
.divTripAdvisor ul li p { margin: 0.2em 0px; font-size: 1em; }
.divTripAdvisor ul li .pTaReview{ margin: 0.5em 0px; }  
.divTripAdvisor ul li .spRanking { font-size: 1.5em; font-weight: 600; }
.divTripAdvisor ul li .imgRating { margin: 0.5em 0px; }
.divTripAdvisor ul li .pTaCopy { color: rgba(0,0,0,0.5); }

.divPrices { }
.divPrices ul { font-size: 1.2em; }
.divPrices ul li { padding: 0.25em 0.5em; border: none; height: auto; overflow: visible; }
.divPrices ul li:first-child { font-weight: 600; }
/*.divPrices ul li:first-child .spNumLoc, .divPrices ul li:first-child .spNum { text-align: center; }*/
.divPrices ul li:nth-child(even) { background-color: rgba(0,0,0,0.1); }
.divPrices ul li span { display: inline-block; line-height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.divPrices ul li .spProv { width: 4%; }
.divPrices ul li .spRoomDesc { width: 65%; }
.divPrices ul li .spRoomType { width: 25%; }
.divPrices ul li .spBedType { width: 20%; }
.divPrices ul li .spMealPlan { width: 15%; }
.divPrices ul li .spSta { width: 2%; }
.divPrices ul li .spOcc { width: 2%; }
.divPrices ul li .spNumLoc { width: 9%; text-align: right; }
.divPrices ul li .spNum { width: 7%; text-align: right; }
.divPrices ul li .spOffer { display: block; }
.divPrices ul li .spExtra { display: block; }
.divPrices ul li .spError { color: rgba(255,0,0,1); }

.divPrices ul li .spSort { color: rgba(192,0,0,1); }
.divPrices ul li .spPointer { cursor: pointer; }

.divProviders { }
.divProviders ul { font-size: 1.2em; }
.divProviders ul li { padding: 0.25em 0.5em; border: none; height: auto; overflow: visible; }

/* Provider check page */

/*.divTestForm { margin: 1em; }*/
/*.divTestForm > * { margin-right: 1em; display: inline-block !important; }*/
.divTestForm #ulSearch { width: 600px; margin: 1em auto; }
.divTestForm #ulSearch li { margin: 0.5em 0px; }
.divTestForm #ulSearch span { width: 20%; }
.divTestForm #ulSearch .li50 { display: inline-block; width: 49%; }
.divTestForm #ulSearch .li50 span { width: 40.8%; }
.divTestForm #ulSearch .li33 { display: inline-block; width: 32%; }
.divTestForm #ulSearch .li33 span { width: 62.5%; }
.divTestForm #ulSearch .liOccupancy { text-align: left; }
.divTestForm #ulSearch .liOccupancy select { margin: 0px; }
.divTestForm #ulSearch #divHotelHints { left: 20%; }

.divTestResults { font-size: 1.3em; margin: 1em; }
.divTestResults pre { word-wrap: break-word; }

#ulHotelList { margin: 1em; font-size: 1.5em; }
#ulHotelList li { padding: 0.2em; }
#ulHotelList li span { display: inline-block; vertical-align: top; line-height: 1.5; }
#ulHotelList li .spName { width: 400px; }
#ulHotelList li .spLocation { width: 200px; }
#ulHotelList li .spCountry { width: 200px; }
#ulHotelList li .spLuxury { width: 70px; }
#ulHotelList li .spContracts { width: 90px; }

#ulHotelList li .spName a { text-decoration: underline; }

#ulHotelList li.liHeader { font-weight: 600; }
#ulHotelList li.liHeader i.fa { cursor: pointer; margin-left: 0.2em; }
#ulHotelList li.liHotel { overflow: hidden; height: 1.4em; display: none; }
#ulHotelList li.liHotel.show { display: list-item; }
#ulHotelList li.liHotel i.fa { cursor: pointer; float: right; font-size: 1.5em; margin: 0 0.25em; }
#ulHotelList li.liHotel.expand { height: auto; }
#ulHotelList li.shade { background-color: rgb(220,220,220); }

.ulHotelDetail { padding: 1em; }
.ulHotelDetail li { border-bottom: solid 1px rgb(200,200,200); }
.ulHotelDetail li:last-child { border-bottom: none; }
.ulHotelDetail li .spLabel { width: 300px; }
.ulHotelDetail li .spValue { }

.ulHotelContracts { padding: 1em; }
.ulHotelContracts li h4 { font-size: 1.2em; font-weight: 600; }
.ulHotelContracts li { border-bottom: solid 1px rgb(200,200,200); }
.ulHotelContracts li:last-child { border-bottom: none; }
.ulHotelContracts li .spCDesc { width: 400px; }
.ulHotelContracts li .spCYear { width: 60px; }
.ulHotelContracts li .spCDate { width: 100px; }
.ulHotelContracts li .spCFile { /*width: 300px;*/ }

#divFilter { font-size: 1.5em; margin: 1em; display: inline-block; }
#divFilter input[type=button] { border: solid 1px rgb(200,200,200); padding: 3px 10px; border-radius: 5px; }

#divBranch { font-size: 1.5em; margin: 1em; display: inline-block; }

#ulSupplierList { margin: 1em; font-size: 1.5em; }
#ulSupplierList li { padding: 0.2em; }
#ulSupplierList li span { display: inline-block; vertical-align: top; line-height: 1.5; }
#ulSupplierList li .spName { width: 200px; }
#ulSupplierList li .spService { width: 120px; }
#ulSupplierList li .spLocation { width: 120px; overflow: hidden; text-overflow: ellipsis; }
#ulSupplierList li .spComm { width: 60px; text-align: center;  overflow: hidden; text-overflow: ellipsis; }
#ulSupplierList li .spUrl { width: 40px; overflow: hidden; text-align: center; }
#ulSupplierList li .spBranch { /*width: 120px;*/ width: 80px; overflow: hidden; text-overflow: ellipsis; }
#ulSupplierList li .spAgencyId { width: 100px; }
#ulSupplierList li .spUsername { width: 250px; }
#ulSupplierList li .spPassword { width: 120px; }

#ulSupplierList li .spContact { width: 70px; }
#ulSupplierList li .spEmail { width: 70px; }
#ulSupplierList li .spTel { width: 70px; }
#ulSupplierList li .spMob { width: 70px; }

#ulSupplierList li .spName a { text-decoration: underline; }

#ulSupplierList li.liHeader { font-weight: 600; }
#ulSupplierList li.liHeader i.fa { cursor: pointer; margin-left: 0.2em; }
#ulSupplierList li.liSupplier { overflow: hidden; height: 1.4em; display: none; }
#ulSupplierList li.liSupplier.show { display: list-item; }
#ulSupplierList li.liSupplier i.fa { cursor: pointer; float: right; font-size: 1.5em; margin: 0 0.25em; }
#ulSupplierList li.liSupplier.expand { height: auto; }
#ulSupplierList li.shade { background-color: rgb(220,220,220); }

#ulSupplierList li.liSupplier .spUrl i.fa { float: none; font-size: 1.2em; vertical-align: middle; }

.ulSupplierDetail { margin: 1em; }
.ulSupplierDetail li { border-bottom: solid 1px rgb(200,200,200); }
.ulSupplierDetail li:last-child { border-bottom: none; }
.ulSupplierDetail li .spLabel { width: 300px; }
.ulSupplierDetail li .spValue { }

.ulAccountDetail { margin: 1em; }
.ulAccountDetail span { padding: 3px 4px; margin-right: 0.5em; }
.ulAccountDetail input[type=text] { padding: 3px; border-radius: 3px; border: solid 1px rgb(200, 200, 200); margin-right: 0.5em; }
.ulAccountDetail .txtBranch { width: 150px; }
.ulAccountDetail .txtAgId { width: 200px; }
.ulAccountDetail .txtUser { width: 300px; }
.ulAccountDetail .txtPass { width: 250px; }

#ulSupplierList .ulAccountDetail li.liAccount .fa.fa-floppy-o { float: none; vertical-align: middle; }