/*.login-page{

  width: 360px;

  padding: 10% 0 0;

  margin: auto;

}*/


.dash-gen-ht{
	height: 265px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.top-notification{
	
	min-height: 50px;
    max-height: 150px;
    overflow-y: scroll;
	overflow-x: hidden;
}


.form{

  position: relative;

  /*z-index: 1;

  background: rgba(7, 40, 195, 0.8);

  max-width: 360px;

  margin: 0 auto 100px;

  padding: 45px;*/

  text-align: center;

}

.form input{

 /* outline: 1;

  background: #f2f2f2;

  width: 100%;

  border: 0;

  margin: 0 0 15px;

  padding: 15px;

  box-sizing: border-box;

  font-size: 14px;*/

}

.form button{

  /*text-transform: uppercase;

  outline: 0;

  background: #4caf50;

  width: 100%;

  border: 0;

  padding: 15px;

  color: #fff;

  font-size: 14px;

  cursor: pointer;*/

}

.form button:hover, .form button:active{

  /*background: #43a047;*/

}



.message{

  margin: 0 0 15px;

 /* color: aliceblue;

  font-size: 12px;*/

}

.message a{

  text-decoration: none;

  /*color: #4caf50;*/

}

.register-form{

  display: none;

}

.treeSelector-container {
  position: relative;
  width: 100%;
}

.treeSelector-container ul {
  padding-left: 0;
  list-style: none;
}

.treeSelector-container li.treeSelector-li {
  padding-left: 0;
  list-style: none;
}

.treeSelector-container .treeSelector-input-box {
  min-height: 45px;
 /* background-color: #fff;*/
  padding-left: 5px;
  /*border: 1px solid #dbe1e2;
  border-radius: 3px;*/
}

.treeSelector-container .treeSelector-input-box .title-item {
  display: inline-block;
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  color: #425050;
  border-radius: 4px;
  cursor: default;
  padding: 0px 5px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 3px;
}

.treeSelector-container .treeSelector-input-box .title-item .fa {
  cursor: pointer;
  padding-right: 5px;
}

.treeSelector-container li.treeSelector-li .treeSelector-li-title-box {
  cursor: pointer;
	padding-left: 15px;
	padding-top: 10px;
}

.treeSelector-container li.treeSelector-li .treeSelector-li-title-box:hover {
  background-color: #f3f3f3;
}

.treeSelector-container li.treeSelector-li.level-1 .treeSelector-li-title-box{
  padding-left: 25px;
	padding-top: 0px;


}
.treeSelector-container li.treeSelector-li.level-2 .treeSelector-li-title-box {
  padding-left: 40px;
}
.treeSelector-container li.treeSelector-li.level-3 .treeSelector-li-title-box {
  padding-left: 60px;
}
.treeSelector-container li.treeSelector-li.level-4 .treeSelector-li-title-box {
  padding-left: 80px;
}

.treeSelector-container label.treeSelector-li-title-box {
  display: inherit;
  padding: 4px 0;
}

.treeSelector-container label.treeSelector-li-title-box input[type=checkbox] {
  margin-right: 5px;
}

.treeSelector-container .treeSelector-wrapper {
  display: none;
}

.treeSelector-container .treeSelector-wrapper.visible {
  display: block;
  position: absolute;
  left: 0;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  padding-left: 4px;
  background: #fff;
  border: 1px solid #dbe1e2;
  z-index: 2;
}

.treeSelector-container.disabled {
  cursor: not-allowed;
  background: #f3f3f3;
}

.treeSelector-container.disabled .treeSelector-input-box {
  background: #eee;
  border-color: #d2d6de;
}

.treeSelector-container.disabled .title-item {
  cursor: not-allowed;
}

.treeSelector-container.disabled .title-item .fa-times {
  display: none;
}

.treeSelector-container.no-options .treeSelector-input-box {
  padding-top: 12px;
	padding-left: 12px;
	
  color: #999;
  user-select: none;
}
.wiz-active{

background-color: #fe91a4;

}

.wiz-active>a>h3{

color: #fff;

}

.imageThumb {

    height: 80px !important;

	width: 80px !important;

	

    border: 1px solid #ced4da !important;

    padding: 1px;

    cursor: pointer;

}



.remove{

    display: block;

    background: #444;

    border: 1px solid black;

    color: white;

    text-align: center;

    font-size: 14px;

	padding: 0px;

    cursor: pointer;

	width: 24px !important;

    height: 24px !important;

    border-radius: 50% !important;

	position: absolute !important;

	margin-top: -83px;

    /*top: 120px;*/

   /* left: 30px !important;

    margin-top: -70px !important;*/

}



.remove-jb{

    display: block;

    background: #444;

    border: 1px solid black;

    color: white;

    text-align: center;

    font-size: 11px;

	padding: 2px;

    cursor: pointer;

	width: 18px !important;

    height: 18px !important;

    border-radius: 50% !important;

	position: absolute !important;

	margin-top: -174px;

    /*top: 120px;*/

   /* left: 30px !important;

    margin-top: -70px !important;*/

}







.gremove {

    display: block;

    background: #444;

    border: 1px solid black;

    color: white;

    text-align: center;

    font-size: 14px;

	padding: 0px;

    cursor: pointer;

	width: 24px !important;

    height: 24px !important;

    border-radius: 50% !important;

	position: absolute !important;

	margin-top: -83px;

    /*top: 120px;*/

   /* left: 30px !important;

    margin-top: -70px !important;*/

}



.imageThumb-jb {

    height: 40px !important;

	width: 40px !important;

    border: 1px solid #ced4da !important;

    padding: 1px;

    cursor: pointer;

}

.pip {

    display: inline-block !important;

    margin: 10px 10px 0 0 !important;

	padding: 5px;

}

.pr-bd-bg-tog{

background-color:#f4f7fa !important; border-bottom: solid 1px #d9d9d9 !important;	

}

.edit-area-full{

width:410px; height:138px; background-color:transparent; position: absolute; top: -4px; left: 0px; cursor: pointer;

}

@media screen and (max-width: 480px) {

.edit-area-full{

width:234px; height:138px; background-color:transparent; position: absolute; top: -4px; cursor: pointer;

}
}

.form-control.is-invalid, .was-validated .form-control:invalid {

    border-color: #dc3545;

    padding-right: 2.25rem;

    background-repeat: no-repeat;

    background-position: center right calc(2.25rem / 4);

    background-size: calc(2.25rem / 2) calc(2.25rem / 2);

    background-image: none !important;

}

.task-details{

min-height: 240px;	

}

.tool-q{

	font-size: 18px !important;

    padding-top: 0px !important;

	border: solid 5px #f4f7fa;

}

.tool-q-edit{

	font-size: 18px !important;

    padding-top: 0px !important;

	border: solid 5px #f4f7fa;

}

.edit-top-tab{background-color: #f8f8f8; height: 80px; text-align: center; padding-top: 25px; /*border-top: solid 3px #3d587e;*/ font-size: 18px; width: 50%;}
.edit-top-tab-select{background-color: #013781; height: 80px; text-align: center; padding-top: 22px; /*border-top: solid 5px #fe91a4;*/ font-size: 26px; color: #fff;}
.edit-ico{ color: #fe91a4; border: solid 4px #f4f7fa;}
.prog-alert{position: absolute; top: 18px; right: 15px;}
.img-pj{border:solid 2px #999; padding:5px; width:100%; min-width:65px;}
.mobile-menu span {
    position: relative;
    z-index: 9999999;
    display: block;
    width: 100%;
    height: 2.8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
}

.whitespace{white-space: normal !important;}

.custom-body {



  font-family: "Open Sans", sans-serif;



  font-size: 14px;



  color: #888;



  font-weight: 400;



 background: #f4f7fa;



 



}



.cust-accord{



	padding-bottom: 10px;



    padding-top: 10px;



    border-bottom: 1px solid #f1f1f1;



    cursor: pointer;



    font-size: 16px;



    color: #000;



    background-color: #fafafa;



    padding-right: 10px;



    padding-left: 10px;



	height: 40px;



	



		



}



.qty-input {



  border: 1px solid #dee2e6;



  height: 40px;



  position: relative;



  width: 100%;



	margin-top: 5px;



	border-radius: 5px;



}



.qty-input i {



  cursor: pointer;



  font-family: serif;



  height: 40px;



  float: left;



  line-height: 40px;



  text-align: center;



  -webkit-user-select: none;



     -moz-user-select: none;



      -ms-user-select: none;



          user-select: none;



  -webkit-transition: all 150ms ease-out;



  transition: all 150ms ease-out;



  width: 33px;



}



.qty-input i:active {



  background-color: #F1F1F1;



  -webkit-transition: none;



  transition: none;



}



.qty-input input {



  border: 0px solid;



  float: left;



  font-size: 24px;



  height: 38px;



  text-align: center;



  outline: none;



  width: 70%;



}











.pcoded-navbar {



    display: block;



    z-index: 1029;



    position: fixed;



    -webkit-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



    -webkit-box-shadow: 1px 0 20px 0 #3f4d67;



    box-shadow: 1px 0 20px 0 #3f4d67;



    width: 264px;



    height: 100vh;



    top: 0;



   /* background: #3f4d67;*/

	 background: #378cff;



    color: #a9b7d0;



}







.pcoded-navbar .pcoded-inner-navbar > li.active > a, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {



    background: #3751ff;



    color: #fff !important;



}







.pcoded-navbar .pcoded-inner-navbar > li.active:after, .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger:after {



    content: "";



    background-color: #fe91a4;



    z-index: 1027;



    position: absolute;



    left: 0;



    top: 5px;



    width: 3px;



    height: calc(100% - 5px);



}



.pcoded-navbar .pcoded-inner-navbar li.active > a, .pcoded-navbar .pcoded-inner-navbar li:focus > a, .pcoded-navbar .pcoded-inner-navbar li:hover > a {



  color: #fe91a4;



}







.theme-bg {



    background: linear-gradient(-135deg, #fe91a4 0%, #fe91a4 100%);



}







.theme-bg2 {



    background: linear-gradient(-135deg, #3751ff 0%, #3751ff 100%);



}











.card .card-header {



    /* background-color: transparent; */



    border-bottom: 1px solid #f1f1f1;



    padding: 20px 25px;



    position: relative;



    background-color: #378cff !important;



}







.to-do-list .checkbox-fade label input[type=checkbox]:checked + .cr {



    background: linear-gradient(-135deg, #fe91a4 0%, #fe91a4 100%);



    border: 0;



}







.custom-card-block{



	padding: 5px 25px !important;



	



}







.sub-body{    font-size: 15px;



    line-height: 24px;



    padding-left: 20px;



    padding-right: 20px;}











.slider-selection.tick-slider-selection {



    /* background-image: -webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%); */



    background-image: none !important;



    /* background-image: linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%); */



    background-repeat: repeat-x;



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);



}







.slider-tick.in-selection {



    background-image: -webkit-linear-gradient(top,#fafafa 0,#fafafa 100%) !important;



    background-image: -o-linear-gradient(top,#fafafa 0,#fafafa 100%) !important;



    /* background-image: linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%); */



    background-repeat: repeat-x;



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);



    opacity: 1;



}



.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {



    margin-left: -10px;



    margin-top: -3px !important;



}







.slider.slider-horizontal .slider-track {



    height: 4px !important;



    width: 100%;



    margin-top: -5px;



    top: 50%;



    left: 0;



}







.btn-primary:hover {



  color: #fff;



  background-color: #3751ff;



  border-color: #3751ff;



}







.radio input[type=radio]:checked + .cr:before {



    border-color: #3751ff !important;



}















.radio input[type=radio]:checked + .cr:after {



	/*background-color: #3751ff !important;*/



	background: linear-gradient(-135deg, #3751ff 0%, #3751ff 100%)!important; 



}







.radio input[type=radio] + .cr:before {



    width: 18px;



    height: 18px;



    border: 2px solid #e9eaec;



}







.radio input[type=radio] + .cr:after {



    width: 10px;



    height: 10px;



    position: absolute;



    top: 16px;



    left: 4px;



}







.btn-primary {



    color: #fff;



    background-color: #fe91a4;



    border-color: #fe91a4;



	/*font-size: 25px;*/



}



.cust-drop{ background-color: #fff; border:none; }



.collap-100{width: 100%;



    position: absolute;



    display: inline;}







.acc-bg{



	background-color: #edf0f3;



	border-bottom: solid 1px #d9d9d9;



	color: #000 !important;



}







.cust-btn-link{    font-weight: 600;



    color: #000 !important;



	font-size: 14px;







}







.card-cust{



	box-shadow: none!important;



	margin-bottom: 5px !important;



	



}







.next-bt{ font-size: 25px;}







/*.btn:not(:disabled):not(.disabled) {



    cursor: pointer;



    width: 100%;



    text-align: left;



}*/







.btn-cust{



	cursor: pointer !important;



    width: 100% !important;



    text-align: left !important;	



	



}



.cust-card-body{



	padding: 10px 15px !important;



}







.cust-card-header {



    background-color: transparent;



    border-bottom: 1px solid #f1f1f1;



    padding: 10px 15px !important;



    position: relative !important;



}







.cust-card-header:after {



    content: "";



    background-color: #fe91a4;



    position: absolute;



    left: 0px;



    top: 0;



    width: 6px;



    height: 63px;



    top: 0px;



}





.accordion  .card .card-header:after {



	font-family: 'FontAwesome';  

    content: "-";

    float: right;

	font-size: 14px;

	font-weight: bold;

	color: #fff;



}







.accordion  .card .card-header.collapsed:after {



    /* symbol for "collapsed" panels */



    content: "+"; 

	font-size: 14px;

	font-weight: bold;

	color: #fff;



}













.accordion .cust-btn-link:after {



	font-family: 'FontAwesome';  

    content: "-";

    float: right;

	font-size: 14px;

	font-weight: bold;



}





.accordion .cust-btn-link.collapsed:after {



    content: "+"; 

	font-size: 14px;

	font-weight: bold;



}







.dropdown-menu a:hover {

	background-color: #378cff;

	color: #fff;

}







@charset "utf-8";



/* CSS Document */







.clr-white{ color: #fff;}



.thumb-bg { background-color: #f4f7fa; text-align: center; min-height: 237px;}



.thumb-bg-1 { background-color: #f4f7fa; text-align: center;}

.thumb-bg-1 i {font-size: 50px; text-align: center; padding-top: 20px;}

.thumb-bg-1 button i {font-size: 15px; text-align: center; }



.qty-bg{background: #3751ff; border-radius: 5px; color: #fff; font-weight: bold; font-size: 15px; padding:5px 10px 5px 10px; margin-left: 5px;}



.room-border{border: solid 1px #ced4da; border-radius: 5px; padding-top: 25px; padding-bottom:25px; text-align: center; font-weight: bold; /*height: 140px;*/ font-size: 15px; cursor: pointer; background-color: #f4f7fa;}



/*.room-border.dotedblue{ border-left: dashed 1px #00098b; border-right: dashed 1px #00098b; border-bottom: none !important; border-top: dashed 1px #00098b; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background-color: #f1f1f1;

}*/



.edit-check-wrap{position:absolute; top:5px; left:25px;}

.edit-checkbox{width:20px !important; height:20px !important;}



/*.room-border-doted{border-left: dashed 1px #00098b; border-right: dashed 1px #00098b; border-bottom: dashed 1px #00098b; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 15px; background-color: #fafafa; height: 210px;}*/



.room-border-doted{ /*min-height:195px;*/}



.dt-chk-pt{position: absolute; top: 10px; left: 25px;}



.bt-bg{background-color: #f4f7fa; padding: 15px; }



.card .card-header h5:after {



    content: "";

    background-color: #fe91a4;

    position: absolute;

    left: -25px;

    width: 6px;

    height: 58px;

    top: -20px;

}











.checkbox.checkbox-primary input[type=checkbox]:checked + .cr:before {



    background: #3751ff !important;



    border-color: #3751ff !important;



    color: #ffffff;



}







.slider-handle {



    position: absolute;



    top: 0;



    width: 20px;



    height: 20px;



    background-color: #337ab7;



    background-image: -webkit-linear-gradient(top,#fe91a4 0,#fe91a4 100%) !important;



    background-image: -o-linear-gradient(top,#fe91a4 0,#fe91a4 100%) !important;



    background-image: linear-gradient(to bottom,#fe91a4 0,#fe91a4 100%) !important;



    background-repeat: repeat-x;



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);



    filter: none;



    border: 0 solid transparent;



}















input[type="number"] {



  -webkit-appearance: textfield;



  -moz-appearance: textfield;



  appearance: textfield;



}







input[type=number]::-webkit-inner-spin-button,



input[type=number]::-webkit-outer-spin-button {



  -webkit-appearance: none;



}







.number-input {



  border: 1px solid #ddd;



  display: inline-flex;



	width: 100%;



	border-radius: 3px;



}







.number-input,



.number-input * {



  box-sizing: border-box;



}







.number-input button {



  outline:none;



  -webkit-appearance: none;



  background-color: transparent;



  border: none;



  align-items: center;



  justify-content: center;



  width: 2.5rem;



  height: 1.5rem;



  cursor: pointer;



  margin: 0;



  position: relative;



}







.number-input button:before,



.number-input button:after {



  display: inline-block;



  position: absolute;



  content: '';



  width: 1rem;



  height: 2px;



  background-color: #212121;



  transform: translate(-50%, -50%);



}



.number-input button.plus:after {



  transform: translate(-50%, -50%) rotate(90deg);



}







.number-input input[type=number] {



  font-family: sans-serif;



  max-width: 5rem;



  padding: .5rem;



  border: solid #ddd;



  border-width: 0 2px;



  font-size: 1rem;



  height: 1.5rem;



  font-weight: bold;



  text-align: center;



}















input[type=checkbox].css-checkbox{ display: none; }







.css-label{



    /*padding-left: 20px;*/



   /* display: flex;*/



	text-align: center;



	vertical-align: middle;



	font-size: 18px;



	font-weight: bold;



	padding-top: 55px;



	width: 100%;



    height: 150px;



	color: #4a4a4a;



    background-image: url(http://vf.viresultra.com/wp-content/uploads/2017/04/Screen-Shot-2017-03-31-at-8.58.42-PM.png);



    background-repeat: no-repeat;



    background-color: #f4f7fa;



    background-size: contain;



	border-radius: 5px;



	border: solid 1px #ced4da;



	cursor: pointer;



}







input[type=checkbox].css-checkbox:checked + label.css-label {



 background-position: 0 0;



 background-color: #3751ff;



 color: #fff;



 border: 0px solid #2FBCDF;



	



}















/*Form _Wizard*/







.sw-theme-default .step-anchor {



     margin-bottom: 0px; 



}







.sw-theme-default > ul.step-anchor > li > a.nav-link:after {



    background: #fe91a4;



	height: 4px;



}











/*Footer new*/







.title_footer {



    color: #898989;



    font-size: 18px;



    line-height: 20px;



	font-weight: bold;



    /*font-family: 'Conv_proximanova-semibold';*/



    margin: 30px 0px 35px;



}











.class_links ul li a {



    color: #898989;



    font-size: 16px;



    /*font-family: 'Conv_proximanova-regular';*/



    text-decoration: none;



}







.class_links ul li a:hover {



    color: #000;



    font-size: 16px;



    /*font-family: 'Conv_proximanova-regular';*/



    text-decoration: none;



}



.tit_socail {



    color: #898989;



    font-size: 17px;



    line-height: 22px;



    /*font-family: 'Conv_proximanova-regular';*/



}







.footer_txt ul li i {



    color: #898989;



    font-size: 15px;



}







.class_contact li a {



    color: #898989;



    font-size: 16px;



	font-weight: bold;



   /* font-family: 'Conv_proximanova-regular';*/



    text-decoration: none;



}







.class_contact li a:hover {



    color: #000;



    font-size: 16px;



	font-weight: bold;



   /* font-family: 'Conv_proximanova-regular';*/



    text-decoration: none;



}











.main-bg{



	/*background-image: url("../images/slide_bg.png");*/
	background-position: top center;
	/*background-image: url("../images/gra.jpg");
	background-repeat: repeat-x;*/
	/*background-image: url("../images/pattern.png");*/
	/*background: linear-gradient(#013781, #f4f7fa);*/
	background-color: #378cff;

}







.navbar-dark .navbar-nav .nav-link {



    



    color: #fff;



    font-size: 20px;



}







.navbar-dark .navbar-nav .nav-link:hover {



    



    color: yellow;



    



}







.navbar-expand-lg .navbar-nav .nav-link {



    padding-right: 3rem;



    padding-left: 3rem;



}



.navbar-dark .navbar-toggler {



    color: #fff;



    border-color: #fff;



}



.navbar-dark .navbar-toggler-icon {



	background-image: url("../images/menu.png"); background-repeat: no-repeat;



    }







.btn-toolbar.sw-toolbar.sw-toolbar-bottom.justify-content-end {



    display: none;



}



.custom-round-bt{



	    width: 30px !important;



    height: 30px !important;



    padding: 0px 7px !important;



	



}







.custom-room-wraper{



	position: absolute; top: 10px; right: 30px;



	



}



.custom-room-field{



	border-radius: 3px; padding: 0px; 
	font-size: 14px; height: 30px !important;
}



}







.login-bg{



	



	background-color: #f7f7f7; min-height: 750px; padding-top: 80px !important;



	background-image: url("../images/pattern.png");



}







.sw-theme-default>ul.step-anchor>li.active>a, .sw-theme-default>ul.step-anchor>li.active>a>h6 {



    border: none!important;



    color: #4285f4;



    cursor: pointer;



}







li.col-md-4.mr-0.text-center.nav-item.active {



    background-color: #fe91a4;



	



   }



li.col-md-4.mr-0.text-center.nav-item.active>a>h3 {



    background-color: #fe91a4;



	color: #fff;



   }



















.cc-selector input{



    margin:0;padding:0;



    -webkit-appearance:none;



       -moz-appearance:none;



            appearance:none;



}







.cc-selector-2 input{



    position:absolute;



    z-index:999;



}







.visa{  background-image: url("../images/icons/apartment.png");}



.mastercard{background-image: url("../images/icons/home.png")}







.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}



.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{



    -webkit-filter: none;



       -moz-filter: none;



            filter: none;



}



.drinkcard-cc{



    cursor:pointer;



    background-size:contain;



    background-repeat:no-repeat;



    display:inline-block;



    width:100px;height:70px;

	background-position: center;



    -webkit-transition: all 100ms ease-in;



       -moz-transition: all 100ms ease-in;



            transition: all 100ms ease-in;



    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);



       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);



            filter: brightness(1.8) grayscale(1) opacity(.7);



}



.drinkcard-cc:hover{



    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);



       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);



            filter: brightness(1.2) grayscale(.5) opacity(.9);



}







/* Extras */



/*a:visited{color:#578ff6}*/



a{color:#444;text-decoration:none;}



p{margin-bottom:.3em;}



	



.job-title-bg{



	background-color: #f1f1f1;



    color: #000;



    font-size: 15px;



	}



.hungry .selection {

  margin-bottom: 1em;

}



.hungry .selection label {

  display: inline-block;

  width:100%;

background-color: #fbfbfb;

  border-radius: 6px;

  color: #ffffff;

  padding: 0.5em;

  cursor: pointer;

	border: solid 1px #e5e5e5;

}



.hungry .selection label:hover {

/*background-color: #fafafa;*/

border: solid 1px #e5e5e5;

}



.hungry .selection input[type=radio] {

  display: none;

}



.hungry .selection input[type=radio]:checked ~ label {

  border: solid 3px #1ED5D3;
background-color: #f5f5f5;

}







.hungry .selection input[type="radio"]:checked + label::after {

    color: #3d3f43;

    font-family: 'FontAwesome';

    border: 2px solid #1ED5D3;

    /*content: "\f00c";*/

	content: url("../images/tick.png");

    font-size: 24px;

    position: absolute;

    top: 33px;

    left: 90%;

    transform: translateX(-50%);

    height: 40px;

    width: 40px;

    line-height: 46px;

    text-align: center;

    border-radius: 50%;

    background: white;

    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);

}





.fa-check:before{content:"\f00c"}



/*font Variables*/

/*Color Variables*/

@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,700,900");

.multi_step_form {

 /* background: #f6f9fb;*/

  display: block;

  overflow: hidden;

}

.multi_step_form #msform {

  text-align: center;

  position: relative;

  padding-top: 50px;

  min-height:70px;

  max-width: 820px;

  margin: 0 auto;

  /*background: #ffffff;*/

  z-index: 1;

}

.multi_step_form #msform .tittle {

  text-align: center;

  padding-bottom: 55px;

}

.multi_step_form #msform .tittle h2 {

  font: 500 24px/35px "Roboto", sans-serif;

  color: #3f4553;

  padding-bottom: 5px;

}

.multi_step_form #msform .tittle p {

  font: 400 16px/28px "Roboto", sans-serif;

  color: #5f6771;

}

.multi_step_form #msform fieldset {

  border: 0;

  padding: 20px 105px 0;

  position: relative;

  width: 100%;

  left: 0;

  right: 0;

}

.multi_step_form #msform fieldset:not(:first-of-type) {

  display: none;

}

.multi_step_form #msform fieldset h3 {

  font: 500 18px/35px "Roboto", sans-serif;

  color: #3f4553;

}

.multi_step_form #msform fieldset h6 {

  font: 400 15px/28px "Roboto", sans-serif;

  color: #5f6771;

  padding-bottom: 30px;

}

.multi_step_form #msform fieldset .intl-tel-input {

  display: block;

  background: transparent;

  border: 0;

  box-shadow: none;

  outline: none;

}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {

  padding: 0 20px;

  background: transparent;

  border: 0;

  box-shadow: none;

  outline: none;

  width: 65px;

}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {

  border: 0;

}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {

  content: "\f35f";

  position: absolute;

  top: 0;

  right: 0;

  font: normal normal normal 24px/7px Ionicons;

  color: #5f6771;

}

.multi_step_form #msform fieldset #phone {

  padding-left: 80px;

}

.multi_step_form #msform fieldset .form-group {

  padding: 0 10px;

}

.multi_step_form #msform fieldset .fg_2,

.multi_step_form #msform fieldset .fg_3 {

  padding-top: 10px;

  display: block;

  overflow: hidden;

}

.multi_step_form #msform fieldset .fg_3 {

  padding-bottom: 70px;

}

.multi_step_form #msform fieldset .form-control,

.multi_step_form #msform fieldset .product_select {

  border-radius: 3px;

  border: 1px solid #d8e1e7;

  padding: 0 20px;

  height: auto;

  font: 400 15px/48px "Roboto", sans-serif;

  color: #5f6771;

  box-shadow: none;

  outline: none;

  width: 100%;

}

.multi_step_form #msform fieldset .form-control.placeholder,

.multi_step_form #msform fieldset .product_select.placeholder {

  color: #5f6771;

}

.multi_step_form #msform fieldset .form-control:-moz-placeholder,

.multi_step_form #msform fieldset .product_select:-moz-placeholder {

  color: #5f6771;

}

.multi_step_form #msform fieldset .form-control::-moz-placeholder,

.multi_step_form #msform fieldset .product_select::-moz-placeholder {

  color: #5f6771;

}

.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder,

.multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {

  color: #5f6771;

}

.multi_step_form #msform fieldset .form-control:hover, .multi_step_form #msform fieldset .form-control:focus,

.multi_step_form #msform fieldset .product_select:hover,

.multi_step_form #msform fieldset .product_select:focus {

  border-color: #5cb85c;

}

.multi_step_form #msform fieldset .form-control:focus.placeholder,

.multi_step_form #msform fieldset .product_select:focus.placeholder {

  color: transparent;

}

.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder,

.multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {

  color: transparent;

}

.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder,

.multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {

  color: transparent;

}

.multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder,

.multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder {

  color: transparent;

}

.multi_step_form #msform fieldset .product_select:after {

  display: none;

}

.multi_step_form #msform fieldset .product_select:before {

  content: "\f35f";

  position: absolute;

  top: 0;

  right: 20px;

  font: normal normal normal 24px/48px Ionicons;

  color: #5f6771;

}

.multi_step_form #msform fieldset .product_select .list {

  width: 100%;

}

.multi_step_form #msform fieldset .done_text {

  padding-top: 40px;

}

.multi_step_form #msform fieldset .done_text .don_icon {

  height: 36px;

  width: 36px;

  line-height: 36px;

  font-size: 22px;

  margin-bottom: 10px;

  background: #5cb85c;

  display: inline-block;

  border-radius: 50%;

  color: #ffffff;

  text-align: center;

}

.multi_step_form #msform fieldset .done_text h6 {

  line-height: 23px;

}

.multi_step_form #msform fieldset .code_group {

  margin-bottom: 60px;

}

.multi_step_form #msform fieldset .code_group .form-control {

  border: 0;

  border-bottom: 1px solid #a1a7ac;

  border-radius: 0;

  display: inline-block;

  width: 30px;

  font-size: 30px;

  color: #5f6771;

  padding: 0;

  margin-right: 7px;

  text-align: center;

  line-height: 1;

}

.multi_step_form #msform fieldset .passport {

  margin-top: -10px;

  padding-bottom: 30px;

  position: relative;

}

.multi_step_form #msform fieldset .passport .don_icon {

  height: 36px;

  width: 36px;

  line-height: 36px;

  font-size: 22px;

  position: absolute;

  top: 4px;

  right: 0;

  background: #5cb85c;

  display: inline-block;

  border-radius: 50%;

  color: #ffffff;

  text-align: center;

}

.multi_step_form #msform fieldset .passport h4 {

  font: 500 15px/23px "Roboto", sans-serif;

  color: #5f6771;

  padding: 0;

}

.multi_step_form #msform fieldset .input-group {

  padding-bottom: 40px;

}

.multi_step_form #msform fieldset .input-group .custom-file {

  width: 100%;

  height: auto;

}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {

  width: 168px;

  border-radius: 5px;

  cursor: pointer;

  font: 700 14px/40px "Roboto", sans-serif;

  border: 1px solid #99a2a8;

  text-align: center;

  transition: all 300ms linear 0s;

  color: #5f6771;

}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i {

  font-size: 20px;

  padding-right: 10px;

}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover, .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus {

  background: #5cb85c;

  border-color: #5cb85c;

  color: #fff;

}

.multi_step_form #msform fieldset .input-group .custom-file input {

  display: none;

}

.multi_step_form #msform fieldset .file_added {

  text-align: left;

  padding-left: 190px;

  padding-bottom: 60px;

}

.multi_step_form #msform fieldset .file_added li {

  font: 400 15px/28px "Roboto", sans-serif;

  color: #5f6771;

}

.multi_step_form #msform fieldset .file_added li a {

  color: #5cb85c;

  font-weight: 500;

  display: inline-block;

  position: relative;

  padding-left: 15px;

}

.multi_step_form #msform fieldset .file_added li a i {

  font-size: 22px;

  padding-right: 8px;

  position: absolute;

  left: 0;

  transform: rotate(20deg);

}

.multi_step_form #msform #progressbar {

  margin-bottom: 30px;

  overflow: hidden;

}

.multi_step_form #msform #progressbar li {

  list-style-type: none;

  color: #99a2a8;

  /*font-size: 9px;*/

  width: calc(100% / 3);

  float: left;

  position: relative;

  font: 500 16px/1 "Roboto", sans-serif;

}

.multi_step_form #msform #progressbar li:nth-child(2):before {

   /*content: "\e83a";*/

	content: url("../images/checklist.png");

	

}

.multi_step_form #msform #progressbar li:nth-child(3):before {

 /* content: "\f457";*/

	content: url("../images/credit-card-machine.png");

	 

}

.multi_step_form #msform #progressbar li:before {

  /*content: "\e83a";*/

	content: url("../images/calendar.png");

	

 

  font: normal normal normal 30px/50px Ionicons;

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: block;

  background: #bbbbbb;

  border-radius: 50%;

  margin: 0 auto 10px auto;

}

.multi_step_form #msform #progressbar li:after {

  content: "";

  width: 100%;

  height: 10px;

  background: #bbbbbb;

  position: absolute;

  left: -50%;

  top: 21px;

  z-index: -1;

}

.multi_step_form #msform #progressbar li:last-child:after {

  width: 150%;

}

.multi_step_form #msform #progressbar li.active {

  color: #3f4d67;

}

.multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after {

  background: #3f4d67;

  color: white;

}

.multi_step_form #msform .action-button {

  background: #5cb85c;

  color: white;

  border: 0 none;

  border-radius: 5px;

  cursor: pointer;

  min-width: 130px;

  font: 700 14px/40px "Roboto", sans-serif;

  border: 1px solid #5cb85c;

  margin: 0 5px;

  text-transform: uppercase;

  display: inline-block;

}

.multi_step_form #msform .action-button:hover, .multi_step_form #msform .action-button:focus {

  background: #405867;

  border-color: #405867;

}

.multi_step_form #msform .previous_button {

  background: transparent;

  color: #99a2a8;

  border-color: #99a2a8;

}

.multi_step_form #msform .previous_button:hover, .multi_step_form #msform .previous_button:focus {

  background: #405867;

  border-color: #405867;

  color: #fff;

}





.tooltip-inner {

    background-color: #fff;color: #000 !important;

}







.tooltip.bs-tooltip-right .arrow::after {

    border-right-color: #fff !important;

}

.tooltip.bs-tooltip-left .arrow::after {

    border-left: #fff !important;

}

.tooltip.bs-tooltip-bottom .arrow:before {

    border-right-color: #fff !important;

}

.tooltip.bs-tooltip-top .arrow:before {

    border-right-color: #fff !important;

}

.tooltip.top .tooltip-arrow {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #fff !important;

}


.tooltip .arrow::before {

  content: "\6d";

  left: 0;

  font-family: "pct";

  font-size: 20px;

  line-height: 0.3;

  color: white ;

  border: none;

  text-shadow: 0 2px 3px rgba(220, 220, 220, 0.46);

}





.custom-quote-bg{background-color: #f4f7fa; height: 151px; color: #111; padding-top: 25px; /*background-image: url("../images/custom-quote.jpg"); background-repeat: no-repeat;*/}

.custom-label{border: solid 0px !important; background-color:transparent !important; padding: 0px !important;}





.custom-label .radio input[type=radio] + .cr:after {

    width: 10px;

    height: 10px;

    position: absolute;

    top: 17px;

    left: 4px;

}



.painter-quote-bg{background-image: url("../images/custom-quote.jpg"); background-repeat: no-repeat;}

.checkmark {color:#000;}

.checkmark li {font-size: 12px; line-height: 30px;

 list-style-type: none;

 list-style-position: outside;

	list-style-image: url(../images/pa-tick.png);



}



.subjob-title{ color: #8392a5;}	

.card-new {border: solid 1px #e2e5ed; padding: 0px; border-radius: 5px; background-color: #fff; position: relative !important;}

.sub-text-job{font-size: 11px; color:#8392a5;}

.nowrap{white-space: normal !important;}	

.odd-tr{background-color: #f5f5f5;}

.cardnew-title{background-color: #f5f6fa; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 32px;

    padding-top: 5px;}	

.f-11 { font-size: 11px;}	

/*.room-td{padding: 1.05rem 0.25rem !important;}*/	

.table td, .table th {

    border-top: 1px solid #eaeaea;

    white-space: nowrap;

    padding: .6rem 0.20rem !important;

}

	

.form-panel:not(.active) {

    display:none;

}	



	



/*.inprogress {background-color: #ff5400;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: absolute;top: 20px;right: 30px; }

.completed {background-color: #00b22e;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: absolute;top: 20px;right: 30px; }

.broadcast {background-color: #ff0018;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: absolute;top: 20px;right: 30px; content: }*/





















.noti-icon-badge {

    display: inline-block;

    height: 10px;

    width: 10px;

    background-color: #ff5d48;

    border-radius: 50%;

    border: 2px solid #378cff !important;

    position: absolute;

    top: 22px;

    right: 14px;

}



.counter {

   position: relative;

    user-select: none;

    cursor: default;

    font-size: 0.6rem;

    background: #e74c3c;

    width: 10px;

    height: 10px;

    color: #ecf0f1;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    top: -12px;

    right: -12px;

    box-sizing: border-box;

   	}



.cus-tag{background-color: #ecf0f3;

    padding: 10px;

	float: left;

    border-radius: 5px;

    margin: 5px;}	

.ch-bt{background-color: #378cff; padding: 2px 8px 2px 8px; border-radius: 3px;}

.elip-detail{white-space: nowrap; width: 220px; overflow: hidden;text-overflow: ellipsis;}

.elip-title{white-space: nowrap; width: 140px; overflow: hidden;text-overflow: ellipsis;}	

.track-bg{background-color: #ecf0f3; border-radius: 5px; position: relative;}

.room-progress{background-color: #1ed5d3; border-radius:25px; padding: 3px; color: #fff; font-size: 11px; font-weight: normal; padding-right: 10px; padding-left: 10px; }

.inprogress {background-color: #ff92a5;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: relative !important; top: -2px;left: 5px; width: 65px; }

.completed {background-color: #1ed5d3;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: relative !important;top: -2px;left: 5px; width: 65px; }

.broadcast {background-color: #9b8dd8;border-radius: 20px;padding-right: 8px;padding-left: 8px;font-size: 10px;color: #fff;position: relative !important;top: -2px;left: 5px; width: 65px;}



.room-icon {position: absolute; top: 15px; right: 20px; color: #3f4d67;}

.room-title-bg{background-color: #3f4d67; border-top-right-radius: 5px; border-top-left-radius: 5px;}

.job-file-thumb{ width: 150px; height: 150px; margin-bottom: 15px;}







.room-empty{ background-color: #e6eaee; color: #000 !important; text-align: center; font-size:16px; padding-top: 35px; padding-bottom: 10px; padding-left: 10px; height: 87px; }	

	

.room{ background-color: #eef3f7; color: #000 !important; text-align: left; font-size:16px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; cursor: pointer}

.room:hover { background-color:#eaeff3;}