/*NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.timeRow{width: 100%; float:left; display: flex; align-content: flex-start; flex-wrap:wrap;}
.timeCont{float: left; margin-right:5px; position: relative;}
.timeCont input[type=radio]{position: absolute; visibility: hidden;}
.timeCont input[type=checkbox]{position: absolute; visibility: hidden;}
.timeCont label{ position: relative; font-size: 14px; font-weight: 400;  padding: 10px 20px; border-radius: 6px; z-index: 9; cursor: pointer;  color: #7367F0; background-color: rgba(115, 103, 240, 0.1); margin-bottom: 5px;}
.timeCont label span{font-size: 12px; color: #9095AA; font-weight: 600;}
.timeCont label span.on{color: #2f9c34;}
.timeCont label span.off{color: #f44336;}
.timeCont .check{display: none; }
.timeCont input[type=radio]:checked ~ .check::before{background: #fff; display: block;}
.timeCont input[type=radio]:checked ~ label{background: #7367F0; color: #fff; -webkit-transition: all 0.25s linear;}
.timeCont input[type=checkbox]:checked ~ .check::before{background: #fff; display: block;}
.timeCont input[type=checkbox]:checked ~ label{background: #7367F0; color: #fff; -webkit-transition: all 0.25s linear;}

#user-profile img{width: 100% !important;}

.assiMange{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.assiMange .overlay-bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.7);}
.assiMange .add-new-data{position: fixed; top: 0; right: 0; width: 400px; height: 100%; background:#fff; border-radius: 17px 0 0 17px; overflow: hidden; overflow-y: scroll;}
.assiMange .tourManager{width: 100%;}
.assiMange .tourManager label{width: 100%;}
.assiMange .tourManager input[type=radio]:checked ~ label span{color: #fff !important;}

.assiMangeAct{display: block;}

.loader {position: fixed;width: 100%;height: 100%;background: #fff;z-index: 1040;display: none;}
.loader img {margin-left: 37%;}

.tableWrap {width: 100%;margin-bottom: 1rem;color: #626262;}
.tableWrap .header{width: 100%;}
.tableWrap .header .headRow {vertical-align: top;border-bottom: 2px solid #F8F8F8;font-size: 0.85rem;padding: 10px;border-top: 1px solid #F8F8F8;font-weight: bold;display: block;width: 20%;float: left;}
.tableWrap .rowWrap{clear: left;}
.tableWrap .rowWrap .bodyRow {padding: 7px;vertical-align: middle;border-top: 1px solid #F8F8F8;display: block;width: 20%;float: left;}
.tableWrap .rowWrap .bodyRowChild {padding: 7px;vertical-align: middle;border-top: 1px solid #F8F8F8;display: block;width: 100%;float: left;padding-left: 40px;}

/***** TOUR BOOKING *****/

.tourWrap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 110; display: none;}
.tourWrap .tourOverlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0, 0, 0, 0.8);}
.tourWrap .tourBlk{width: 700px; position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px; background:#fff; border-radius: 17px;height: 500px;overflow-x: auto;}
.tourWrap .tourBlk .tourTitle{width:100%; margin-bottom: 50px; float: left; font-family:'museo-bold', sans-serif; font-size: 23px; color: #313131; text-align: center;}
.tourWrap .tourBlk .tourTitle .centerName{font-family:'museo-extrabold', sans-serif; font-size: 18px; color: #2C378F;}
.tourWrap .tourBlk .tourTitle .centerNote{font-family:'museo-regular', sans-serif; font-size: 14px;}
.tourWrap .tourBlk .textfield{width: 100%; height: 52px; background: #FFFFFF; border: 1px solid #D6D6D6; border-radius: 42px; font-family:'museo-bold', sans-serif; font-size: 15px; color: #313131; margin-bottom: 15px; float: left; padding: 0 20px; -webkit-appearance:none; margin-right: 3%;}
.tourWrap .tourBlk .textarea{height: 100px; border-radius: 17px; padding: 10px;}
.tourWrap .tourBlk label{float:left; width: 100%; margin-bottom: 10px; padding-left: 20px;}
.tourWrap .tourBlk .submit{width: 70%; float:left; border-radius: 100px; background: #FE6845; box-shadow: 0 19px 21px -19px rgba(0,0,0,0.53); height: 54px; font-family: 'museo-extrabold', sans-serif; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 54px; margin:20px 15% 0; border:none; -webkit-appearance:none; cursor: pointer;}
.tourWrap .tourBlk .fieldWrap{width:20%; float:left; margin-right: 4%; margin-bottom: 10px;}
.tourWrap .tourBlk .fieldWrapFull{width:80%; float:left; margin-right: 4%; margin-bottom: 10px;clear: left;}
/*.tourWrap .tourBlk .fieldWrap:nth-child(odd){margin-right: 0;}*/
.tourWrap .tourBlk .close {font-size: 25px;float: right;font-weight: bold;position: absolute;right: 20px;top: 20px;}

.tourWrapAct{display: block;}