/*  Custom Widget Template (custWidget.css)  */
/*  :: Copyright © 2013 Travtech Inc. :: */


/* .cruiseenging-widget {position: absolute; width: 100%; bottom: 15%;} */
.cruiseenging-widget #dwTopDiv {padding: 25px 15px 25px; position: relative; background: rgba(49, 90, 133, .85); border-radius: 0px 10px 10px 10px; margin-top: 40px;}
/* .cruiseenging-widget .container {background: rgba(173, 106, 61, .8); border-radius: 0px 10px 10px 10px;} */

.cruiseenging-widget #dwTopDiv .cruiseenging-icon {position: absolute; top: -65px; left: 0px; display: inline-block; background: rgba(49, 90, 133, .85); padding: 10px 15px; color: #fff; border-radius: 5px 5px 0 0;
    font-weight: bold; font-size: 16px;}

.cruiseenging-widget #dwTopDiv .cruiseenging-icon img {width: 50px; height: auto;  margin-right: 5px; filter: invert(100%) sepia(85%) saturate(0%) hue-rotate(80deg) brightness(104%) contrast(102%);}

/* .cruiseenging-widget #dwTopDiv{font: normal 10px verdana, arial, helvetica, sans-serif; width:350px; border:solid 1px #000066; background-color:#ccddff;} */
.cruiseenging-widget #dwTopDiv .enging-widgetheading{font-size: 24px; text-align: center; margin: 0px 0 18px; color: #fff; font-weight: 600; display: none;}
    
/*.cruiseenging-widget  #dwButtonBox{float:right; width:49px; text-align:center;} */
.cruiseenging-widget #dwSailingsFound {font-weight:bold; color:#cc0000;}

/*.cruiseenging-widget #dwForm{margin:0;} */
/*.cruiseenging-widget #dwForm>div{height:21px;} */
/*.cruiseenging-widget #dwForm .formLabel{float:left;  width: 75px; margin-right:4px; padding-top:1px; text-align:right;} */
/* .cruiseenging-widget #dwForm select {font: bold 10px verdana, arial, helvetica, sans-serif; color:#000066; width:218px;} */
/* .cruiseenging-widget #dwPort, .cruiseenging-widget #dwShip, .cruiseenging-widget #dwSortBy{display:none;} */
.cruiseenging-widget #dwSortBy{display:none;}
.cruiseenging-widget #dwDestination, .cruiseenging-widget #dwPort, .cruiseenging-widget #dwCruiseline, .cruiseenging-widget #dwShip {   }
/* .cruiseenging-widget #dwDate{float:left; width:46%;} */
/* .cruiseenging-widget #dwDays{float:left;} */
/*.cruiseenging-widget #dwDays .formLabel{width:52px;} */
/* .cruiseenging-widget #dwDays select, #dwDate select {width:80px;} */
.cruiseenging-widget #dwSortBy{clear:left;}
.cruiseenging-widget #dwBottomBox {clear:both; text-align:center; padding-top: 5px; margin-top: 5px;}
#dwBottomBox .cruise-advancedsearch {display: flex; justify-content: space-between;}
.cruiseenging-widget #dwBottomBox>div>div {display:inline-block; margin:2px 0 0 10px; font-size:9px; color: #fff;}
.cruiseenging-widget #dwBottomBox a{color:#fff; font-size:11px; font-weight:600; letter-spacing: .5px; cursor: pointer; text-decoration:underline;}
.cruiseenging-widget #dwBottomBox a:hover {text-decoration:none;}

.cruiseenging-widget .cruiseenging-col select:focus-visible {outline: 0;}
.cruiseenging-widget #dwForm {display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px; justify-content: center;}
.cruiseenging-widget .cruiseenging-col {width:24%;}
.cruiseenging-widget .cruiseenging-col .formLabel {margin-bottom: 6px; display: none;}
.cruiseenging-widget .cruiseenging-col select {width: 100%; padding: 10px 6px; border-radius: 8px; height: 52px;}
.cruiseenging-widget #dwButtonBox #dwSailingsFound, .cruiseenging-widget #dwButtonBox .sailingstext {display: none;}

.cruiseenging-widget #dwButtonBox.cruiseenging-col {width: 18%;}
.cruiseenging-widget #dwGoButton {margin:0px 0 0;}
.cruiseenging-widget #dwGoButton span{color: #fff; background-color: #4daef3; font-size: 20px; font-weight: bold; border-radius: 30px; cursor: pointer; display: inline-block; letter-spacing: .8px; width: 100%; text-align: center; height: 52px; line-height: 48px;}
.cruiseenging-widget #dwGoButton span:hover{background-color:#224063;}
/* .cruiseenging-widget #dwBottomBox {display: none;} */

@media only screen and (max-width:991px) {
    .cruiseenging-widget .cruiseenging-col {width: 49%; margin-bottom: 10px;}
    .cruiseenging-widget #dwButtonBox.cruiseenging-col {width: 100%; margin-bottom: 0;}
    .cruiseenging-widget #dwForm{row-gap: 0;}
    .cruiseenging-widget{bottom: 5%;}
    .cruiseenging-widget #dwButtonBox.cruiseenging-col {width: 40%;}
    
}

@media only screen and (max-width:480px) {
    .cruiseenging-widget .cruiseenging-col {width: 100%; margin-bottom: 5px;}
    .cruiseenging-widget #dwButtonBox.cruiseenging-col{margin-top: 4px; width: 100%;}
}