.align-center {
 margin-top: 70px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-right: -50%;
 transform: translate(-50%, -50%) 
}
.arrow-red-left {
  width: 15px;
  height: 15px;
  border: solid #e01327;
  border-left: 0;
  border-bottom: 0;
  background: rgba(0,0,0,0);
  transform: rotate(-45deg) scaleX(-1);
}
.arrow-red-right {
  width: 15px;
  height: 15px;
  border: solid #e01327;
  border-left: 0;
  border-bottom: 0;
  background: rgba(0,0,0,0);
  transform: rotate(135deg) scaleX(-1);
}
/*  */
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
/*  */
.ex-tb {
  
  background-size: 100% 200%;  
  background-image: linear-gradient(to bottom, #1E1E25 50%, #CC3333 50%);
  transition: 
    background-position .5s ease, 
    color .5s ease;
}

.ex-tb:hover,
.ex-tb:focus {
  background-position: 0 100%;
  color: #fff;
}

/* .ex-tb.ex-t {
  background-image: linear-gradient(to top, #fff 50%, #a60000 50%);
  color: #fff;
} */

/* .ex-tb.ex-t:hover,
.ex-tb.ex-t:focus {
  color:#CC3333;
} */



/*  */
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#000000;
  z-index: 10;
  cursor: pointer;
}
.cropped1 {
   /* width of container */
  height: 100%; /* height of container */
  object-fit: cover;
  
 }
 .cropped1 {
  /* width of container */
 height: 100%; /* height of container */
 object-fit: cover;
 
}
 
 .cropped2 {
  /* width of container */
 width: 100%; /* height of container */
 object-fit: cover;
 
}
.loader {
  position: absolute;
  left: 50%;
  top: 55%;
  z-index: 1;
  width: 50px;
  height: 50px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #CC3333;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader1 {
  margin-top: 2px;
}

.formWrapper {
  display: flex;
}

.shadowCard {
  box-shadow:0px 8px 16px 0px rgba(43, 45, 61, 0.2);
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; 
}

.responsive-padding {
  padding:0;
}

.getInTouchForm {
  flex:0 0 480px;
}

@media screen and (max-width: 480px) {
  .formWrapper{
    display: unset;
  }

  .responsive-padding {
    padding: 0px 8px;
  }

  .getInTouchForm{
    width: 100%;
    min-width: 360px;
  }

  .getInTouchBg{
    flex:0;
  }
}

 .shadowCard::-webkit-scrollbar {
  width: 8px; 
  height: 100%; 
} 

.getInTouchBg{
  object-fit:cover;
  width:100%; 
  height:100%;
}

select.decorated option:hover {
  box-shadow: 0 0 10px 100px red inset;
}
.btnModel{
 padding: "10px 20px 10px 20px";
 border-radius: 24px;
 border:"1px solid #CC3333" ;
}
.LatoBlackWhite {
  font-family: "Lato-Black";
  color:#FFFFFF;

}
.LatoBlackBlack20 {
  font-family: "Lato-Black";
  font-size: 19px;
  color:#231F20;

}
.LatoBlackBlack14 {
  font-family: "Lato-Black";
  font-size: 15px;
  color:#231F20;

}
.LatoBlackBlack40 {
  font-family: "Lato-Black";
  font-size: 38px;
  color:#231F20;

}
.LatoBold14White {
  font-family: "Lato-Bold";
  font-size: 13px;
  color:#FFFFFF;

}
.LatoBold120Black {
  font-family: "Lato-Bold";
  font-size:19px;
  color:#231F20;

}
.LatoBold14Gray {
  font-family: "Lato-Bold";
  font-size: 13px;
  color:#919191;

}
.LatoBold14Red {
  font-family: "Lato-Bold";
  font-size: 13px;
  color:#CC3333;

}
.LatoRegular14White {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#FFFFFF;
}
.LatoRegular20White {
  font-family: "Lato-Bold";
  font-size: 19px;
  color:#FFFFFF;
}
.LatoRegular16Black {
  font-family: "Lato-Regular";
  font-size: 15px;
  color:#231F20;
}
.LatoRegular18Gray {
  font-family: "Lato-Regular";
  font-size: 17px;
  color:#919191;
}
.LatoRegular12Gray {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#919191;
  
}
.LatoRegular14GrayBold {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#919191;
  /* font-weight: bold; */
}
.LatoRegular16Gray {
  font-family: "Lato-Regular";
  font-size: 15px;
  color:#919191;
}
.LatoRegular161Gray {
  font-family: "Lato-Regular";
  font-size: 15px;
  color:#C9C9C9;
}
.LatoRegular161White {
  font-family: "Lato-Regular";
  font-size: 15px;
  color:#FFFFFF;
}
.LatoRegular14White {
  font-family: "Lato-Regular";
  font-size: 13px;
  color:#FFFFFF;
}
.LatoRegular13White
{
  font-family: "Lato-Bold";
  font-size: 12px;
  color:#FFFFFF;
}
.LatoRegular12Gray {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#C9C9C9;
}
.LatoBold161Black {
  font-family: "Lato-Regular";
  font-size: 13px;
  color:#231F20;
  /* font-weight: bold; */
  
}

.LatoBold16Black {
  font-family: "Lato-Bold";
  font-size: 12px;
  color:#231F20;
  
  
}
.LatoBold16Red {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#CC3333;
  /* font-weight: bold; */
  
}
.LatoBold16White {
  font-family: "Lato-Regular";
  font-size: 12px;
  color:#FFFFFF;
  /* font-weight: bold; */
  
}
.LatoBold14Black {
  font-family: "Lato-Black";
  font-size: 17px;
  color:#231F20;
  font-weight: bold;
  
}
.LatoBold161Black {
  font-family: "Lato-Bold";
  font-size: 15px;
  color:#231F20;
  
}
.LatoHeavy40Black {
  font-family: "Lato-Heavy";
  font-size: 28px;
  color:#231F20;
  
  
}
.LatoBold30Black {
  font-family: "Lato-Black";
  font-size: 28px;
  color:#FFFFFF;
  font-weight: bold;
  
}
/* Reduce font size of main title */

.borderBottomInput
{
  border-bottom: "1px solid #919191";
}
/* .bgstyle1 {
	background-image: url('../../images/Background Image.jpg');
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
  background-position: center;

} */
.dropIcon {  
  background: url("../../images/Arrow_Down.svg") no-repeat;
  background-position: center right;
  background-size: 15px 15px;
}
.dropIcon1 {  
  background: url("../../images/Arrow_Down.svg") no-repeat;
  background-position: 98% 10px;
  background-size: 15px 15px;
}
.bgstyle1 {
  background-image: linear-gradient(#ffffff,#f5f5f5 ,#cccccc);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: bottom;
}
.bgstyle2_overlay {
  background: linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0,0.5)), url('../../images/bottom_bg.png');
	/* background-image: url('../../images/bottom_bg.png'); */
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  background-position: center;

}
.bgstyle3 {  
	background-image: url('../../images/bottom_bg.png');
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  background-position: center;

}
.bgstyle2 {  
	background-image: url('../../images/bottom_bg.png');
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  background-position: center;

}
@font-face {
  font-family: Lato-Black;
  src: url(../../images/LatoFont/Lato-Black.ttf);
}
@font-face {
  font-family: Lato-BlackItalic;
  src: url(../../images/LatoFont/Lato-BlackItalic.ttf);
}
@font-face {
  font-family: Lato-Bold;
  src: url(../../images/LatoFont/Lato-Bold.ttf);
}
@font-face {
  font-family: Lato-BoldItalic;
  src: url(../../images/LatoFont/Lato-BoldItalic.ttf);
}
@font-face {
  font-family: Lato-Hairline;
  src: url(../../images/LatoFont/Lato-Hairline.ttf);
}
@font-face {
  font-family: Lato-HairlineItalic;
  src: url(../../images/LatoFont/Lato-HairlineItalic.ttf);
}
@font-face {
  font-family: Lato-Heavy;
  src: url(../../images/LatoFont/Lato-Heavy.ttf);
}
@font-face {
  font-family: Lato-HeavyItalic;
  src: url(../../images/LatoFont/Lato-HeavyItalic.ttf);
}
@font-face {
  font-family: Lato-Italic;
  src: url(../../images/LatoFont/Lato-Italic.ttf);
}
@font-face {
  font-family: Lato-Light;
  src: url(../../images/LatoFont/Lato-Light.ttf);
}
@font-face {
  font-family: Lato-LightItalic;
  src: url(../../images/LatoFont/Lato-LightItalic.ttf);
}
@font-face {
  font-family: Lato-Medium;
  src: url(../../images/LatoFont/Lato-Medium.ttf);
}
@font-face {
  font-family: Lato-MediumItalic;
  src: url(../../images/LatoFont/Lato-MediumItalic.ttf);
}
@font-face {
  font-family: Lato-Regular;
  src: url(../../images/LatoFont/Lato-Regular.ttf);
}
@font-face {
  font-family: Lato-Semibold;
  src: url(../../images/LatoFont/Lato-Semibold.ttf);
}
@font-face {
  font-family: Lato-SemiboldItalic;
  src: url(../../images/LatoFont/Lato-SemiboldItalic.ttf);
}
@font-face {
  font-family: Lato-Thin;
  src: url(../../images/LatoFont/Lato-Thin.ttf);
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
  letter-spacing: inherit;
  font-family: inherit;
}

.card_shadow_0{
box-shadow:none;
}
.card_border_1{
border: 1px solid #ddd;
}

.edit_hover_class a {
visibility:hidden;
}
.edit_hover_class:hover a {
visibility:visible;
}

@keyframes fadeIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}

::-webkit-scrollbar {
  width: 8px; 
  height: 8px; 
}
::-webkit-scrollbar-button {
  background: unset;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);   
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgb(235, 235, 235);   
}​
::-webkit-scrollbar-thumb:window-inactive {
  background: rgb(235, 235, 235); 
}
@font-face {
  font-family: SF-UI-Display-Black;
  src: url(../../images/fonts/SF-UI-Display-Black.otf);
}
@font-face {
  font-family: SF-UI-Display-Heavy;
  src: url(../../images/fonts/SF-UI-Display-Heavy.otf);
}
@font-face {
  font-family: SF-UI-Display-Bold;
  src: url(../../images/fonts/SF-UI-Display-Bold.otf);
}
@font-face {
  font-family: SF-UI-Display-Regular;
  src: url(../../images/fonts/SF-UI-Display-Regular.otf);
}
@font-face {
  font-family: SF-UI-Display-Medium;
  src: url(../../images/fonts/SF-UI-Display-Medium.otf);
}
@font-face {
  font-family: SF-UI-Text-Semibold;
  src: url(../../images/fonts/SF-UI-Text-Semibold.otf);
}
@font-face {
  font-family: SF-UI-Text-SemiboldItalic;
  src: url(.../../images/fonts/SF-UI-Text-SemiboldItalic.otf);
}
@font-face {
  font-family: SF-UI-Text-Bold;
  src: url(../../images/fonts/SF-UI-Text-Bold.otf);
}
@font-face {
  font-family: SF-UI-Text-BoldItalic;
  src: url(../../images/fonts/fonts/SF-UI-Text-BoldItalic.otf);
}
@font-face {
  font-family: SF-UI-Text-Heavy;
  src: url(../../images/fonts/fonts/SF-UI-Text-Heavy.otf);
}
@font-face {
  font-family: SF-UI-Text-Medium;
  src: url(../../images/fonts/SF-UI-Text-Medium.otf);
}
@font-face {
  font-family: SF-UI-Text-MediumItalic;
  src: url(../../images/fonts/SF-UI-Text-MediumItalic.otf);
}
@font-face {
  font-family: SF-UI-Text-RegularItalic;
  src: url(../../images/fonts/SF-UI-Text-RegularItalic.otf);
}
@font-face {
  font-family: SF-UI-Text-Regular;
  src: url(../../images/fonts/SF-UI-Text-Regular.otf);
}
@font-face {
  font-family: SF-UI-Text-Light;
  src: url(../../images/fonts/SF-UI-Text-Light.otf);
}
@font-face {
  font-family: SF-UI-Text-MediumItalic;
  src: url(../../images/fonts/SF-UI-Text-MediumItalic.otf);
}
@font-face {
  font-family: Proxima-Nova-Bold;
  src: url(../../images/fonts/Proxima-Nova-Bold.otf);
}
@font-face {
  font-family: Proxima-Nova-Regular;
  src: url(../fonts/Proxima-Nova-Regular.ttf);
}
@font-face {
  font-family: Circular-Bold;
  src: url(../../images/fonts/Circular-Bold.otf);
}
@font-face {
  font-family: Europa-Bold;
  src: url(../../images/fonts/Europa-Bold.ttf);
}
@font-face {
  font-family: Europa;
  src: url(../../images/fonts/Europa.ttf);
}
.refresh_sec{
animation: fadeIn 0.5s linear;	
}

.hidden {
  display: none;
}

.card {
border-radius:22px;
box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .15);
}
.switch {
position: relative;
display: inline-block;
width: 36px;
height: 20px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #007bff;
}

input:focus + .slider {
box-shadow: 0 0 1px #007bff;
}

input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.istudio_logo {
margin-left:60px; margin-right:14px; max-height:34px;
}

.istudio_top_navibar{
margin-right:50px; margin-top:10px;
}

.istudio_support_link{
font-size:11pt; margin-top:3px; margin-right:-10px;
}

.istudio_user_img_s{
width:28px;
}

.istudio_user_img_m{
width:40px;
}

.istudio_menu_navibar{
background:#f8fbff; height:43px;
}

.istudio_hoz_menu{
margin-right:50px;
}

.istudio_hoz_menu_active{
font-weight:bold;
color:#4c4c4c;
}

.istudio_ver_menu_0{
padding:7px 20px 7px 20px; border-radius:10px; width:100%; text-align:left;
}
.istudio_ver_menu_1{
padding:7px 20px 7px 38px; border: 0px; border-radius:10px; width:100%; text-align:left;
}
.istudio_ver_menu_2{
padding:14px; padding-left:30px; border: 0px; border-radius:10px; width:100%; text-align:left;
}
.istudio_ver_menu_active{
background-color: #f1f2f2;
font-weight:bold;
}

.client_logo{
margin-left:50px; padding:3px 20px 3px 20px;
}

.client_logo_img{
width:30px; margin-top:-2px; margin-right:-10px;
}

.dashboard_widget_title{
margin-top:-10px; margin-bottom:15px;
}

.ver_border_right{
border-right: 1px solid #ddd;
}

.ver_noborder{
border-right: 0px solid #ddd;
}

.composer_img{
height:130px; border-radius:11px 11px 0px 0px;
}

.composer_img_upload{
opacity: 0.0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height:50%;
}

.composer_text{
font-size:10pt; height:40px; border-radius:0px; border:0px; border-bottom: 1px solid #ddd;
}

.composer_select{
  font-size:16px; height:40px; border-radius:0px; border:0px; border-bottom: 2px solid #919191;
  color: "#231F20";font-family:"Lato-Bold";
  
  background: #ffffff url("../../images/Dropdown.png") no-repeat right 1.5rem center;
  background-size: 10px 6px;
  
}

.composer_area{
max-height:485px; overflow: auto; overflow-x:hidden;
}

.composer_textarea{
font-size:10pt; min-height:250px; border-radius:11px 11px 0px 0px; border:0px; border-bottom: 1px solid #ddd;
}
.composer_input_text{
font-size:16px; height:40px; border-radius:0px; border:0px; border-bottom: 2px solid #919191;
color: "#919191";font-family:"Lato-Bold" ;
}
.composer_input_text_error{
  font-size:16px; height:40px; border-radius:0px; border:0px; border-bottom: 2px solid #CC3333;
  color: "#919191";font-family:"Lato-Bold" ;
  }

.save_label{
padding-top:30px; padding-right:10px;	
}

.action_button{
height:32px; margin:0px 8px 0px 8px; border: 2px solid #007bff; border-radius:5px; width:100px;
}

.action_to_label{
font-size:7pt; font-weight:bold;
}

.action_nav_box{
box-shadow:none; border: 2px solid #ddd; width:348px;
}

.action_nav_list{
font-size:7pt; font-weight:bold; margin-left:0px;
}

.action_nav_box_item{
width:82px;
}

.box_shadow_none{
box-shadow:none; border: 1px solid #ddd;
}

.right_option_panel{
max-height:600px; overflow: auto; overflow-x:hidden;
}

.option_panel_div{
padding-bottom:5px;
}

.option_panel_item_label{
font-size:9pt;
}

.option_panel_item_radio{
margin-top:6px;
}

.option_panel_item_btn{
font-size:9pt; margin-top:4px; padding:7px; border: 1px solid #aaa; border-radius:5px;
}

.input_noborder{
border:0px;
font-size:12pt;
padding:5px;
margin:5px 15px;
}

.transaction_popup{
padding:20px; height:520px; overflow: auto; overflow-x:hidden;
}
.carActive 
{
  border: 1px solid #CC3333;
  border-radius: 8px;
}
div.scrollmenu4 {
  overflow: auto;
  white-space: nowrap;
  background-color: #FFFFFF;
  
}
div.scrollmenu4 a {
  display: inline-block;
  color: #000000;
  text-align: center;
  text-decoration: none; 
  
}
div.scrollmenu4 a:hover{  
  border-radius:8px;
  
 }
 .scroller::-webkit-scrollbar {
  display: none;
  
}
/*  */
div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  background-color: #FFFFFF;
  margin:3px;
  padding-right:10px;
}
div.scrollmenu a {
  display: inline-block;
  color: #000000;
  text-align: center;
  text-decoration: none; 
  border: 1px solid transparent;
}
div.scrollmenu a:hover{  
  border-radius:8px;
  border: 1px solid #CC3333;
 }
 .scroller::-webkit-scrollbar {
  display: none;
  
}

div.scrollmenu.scroller{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; 
}
/* 1 */
/* div.scrollmenu1 {
  overflow: auto;
  white-space: nowrap;  
  margin:3px;
  padding-right:10px;
  scrollbar-color: "#000000";
  width: 100%;
  
}
div.scrollmenu1 a {
  display: inline-block;
  color:#919191;
  padding: 14px 42px 14px 32px;
  text-align: center;
  font-family: "Lato-Bold";
  font-size: 16px;
  text-decoration: none;
}
div.scrollmenu1 a:hover{    
  border-bottom: 2px solid #CC3333;
  color:#CC3333;
 }
 .scroller::-webkit-scrollbar {
  display: none;
  
} */
div.scrollmenu31 {
  overflow: auto;
  white-space: nowrap;
  /* background-color: #FFFFFF; */
  padding-right:10px;
  scrollbar-color: "#000000";
  width: 100%;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; 
  
}

div.scrollmenu31::-webkit-scrollbar{
  display:none;
}

div.scrollmenu31 a {
  display: inline-block;
  color:#919191;  
  /* padding: 14px 42px 14px 32px; */
  padding-left: 14px;
  padding-right: 64px;
  padding-top:20px ;
  padding-bottom: 20px;
  text-align: center;
  font-family: "Lato-Bold";
  font-size: 16px;
  text-decoration: none;
  width:auto;  
}
div.scrollmenu31 a:hover{    
  border-bottom: 2px solid #CC3333;
  color:#CC3333;
 }

/*  */
div.scrollmenu3 {
  overflow: auto;
  white-space: nowrap;
  /* background-color: #FFFFFF; */
  margin:3px;
  padding-right:10px;
  scrollbar-color: "#000000";
  width: 100%;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; 
  
}

div.scrollmenu3::-webkit-scrollbar{
  display:none;

}

div.scrollmenu3 a {
  display: inline-block;
  color:#919191;  
  padding: 14px 42px 14px 32px;
  text-align: center;
  font-family: "Lato-Bold";
  font-size: 16px;
  text-decoration: none;
  width:auto;  
}
/* .slider {
  position: inherit;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #C00;
  width: 0%;
  -webkit-transition: width 2s ease;
  transition: width 2s ease;
}
div.scrollmenu3 a:hover .slider{
  width: 100%;
} */
div.scrollmenu3 a:hover{    
  border-bottom: 2px solid #CC3333;
  color:#CC3333;
 }
 .scroller::-webkit-scrollbar {
  display: none;
  
}
/* Accessories scroll */
div.scrollmenu2 {
  overflow: auto;
  white-space: nowrap;
  background-color: #FFFFFF;
  
  
}
div.scrollmenu2 a {
  display: inline-block;
  color:#919191;
  /* padding:10px 30px 10px 30px ; */
  padding: 10px 15px 10px 20px;
  text-align: center;
  font-family: "Lato-Bold";
  font-size: 16px;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid #919191;
  z-index: -1;
  vertical-align:top;
  white-space: normal;
}
div.scrollmenu2 a:hover{    
  border: 1px solid #CC3333;
  color:#CC3333;
 }
 /* scroll bar */
/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.paddle {
	position: absolute;
	top: 0;
	bottom: 0;
  width: 3em;
  border:none;
  padding:0;
}
#left-paddle {
  left: 0;
  outline:none;
}
#right-paddle {
  right: 0;
  outline:none;
}

.wordwrap {  
  white-space: pre-wrap;      /* Webkit */    
  white-space: -moz-pre-wrap; /* Firefox */     
  white-space: -pre-wrap;     /* Opera <7 */    
  white-space: -o-pre-wrap;   /* Opera 7 */     
  word-wrap: break-word;      /* IE */ 
}

.ow {
  word-break: break-all;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*  */
.title-section {
  padding-top: 30px;
  padding-bottom: 10px;
}

.logo-div {
  padding-right: 15px;
  padding-bottom: 10px;
}
.title-div {
  height: 30px;
  /* border-left: 3px solid #CC3333; */
  padding-left: 20px;
  padding-bottom: 20px;
}

.toggle-div {
  overflow: auto;
}
.toggle-label {
  float: left;
  padding-left: 25px;
}

/* added new */
.pricing {
  padding-right: 0px;
}

  /* added new */
  .showMenuWinPreBook{
    display:block;
  }
  /* added new */
  .showMenuMobilePreBook{
    display:none;
  }

/* added new */
@media only screen and (max-width: 767px){
  .pricing {
    padding-right: 25px;
  }
  /* added new */
  .showMenuWinPreBook{
    display: none;
  }

  /* added new */
  .showMenuMobilePreBook{
    display:block;
  }
}

@media only screen and (max-width: 600px){
  
  .logo-div {
    float: left;
  }
  .title-div {
    float: left;
    margin-left: -20px;
    margin-bottom: 10px;     
  }
  .toggle-div {
    padding-top: 10px;
    float: left;
  }
  .showMenuMobile
  {
    display: block;
  }
  .showMenuWin{
    display: none;
  }

  .showMenuIpad{
    display: none;
  }
  .img_responsive
  {
    margin-top: 0px;
  }
  .lb_left {
    padding-right: 40px;
  }
  .lb_right {
    text-align: right;
  }
  .float_right {
    float: right;
  }
  .sellPrice {
    text-align: right;
  }

  .pricing {
    padding-right: 25px;
  }
  
} 
@media only screen and (min-width: 500px) {
  
  .max_min_width{
    min-width: 390px;
    max-width: 390px;
  }
  .showMenuMobile
  {
    display: none;
  }
  .showMenuIpad{
    display: none;
  }
  .showMenuWin{
    display: block;
  }


  .logo-div {
    float: left;
  }
  .margin_left{
    margin-left: 170px;
  }
  .title-div {
    float: left;
    height: 30px;
    border-left: 3px solid #CC3333;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .toggle-div {
    padding-top: 10px;
    float: left;
  }

  .img_responsive
  {
    margin-top: 20px;
    margin-left: 80px;
  }
  .sellPrice {
    text-align: left;
    padding-left: 65px;
  }
  .lb_left {
    padding-right: 65px;
  }
  .float_right {
    margin-left: 50px;
  }
} 
@media screen and (min-width: 1920px) {
.margin_right_arrow {
  margin-right: 70px;
}
  .table_bottom
{
  margin-left: 140px;
}
.margin_left{
  margin-left: 402px;
}
.max_min_width{
  min-width: 500px;
  max-width: 500px;
}  
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{ 
  .showMenuMobile
  {
    display: none;
  }
  .showMenuWin{
    display: none;
  }
  .showMenuIpad{
    display: block;
  }
  .margin_left{
    margin-left: 0px;
  }
  

} 



.circle:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
  
}
.circle { 
  width: 30px;
  height: 30px; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  transition: transform .2s; 
  margin:10px;
  box-shadow:2px 8px 8px 0px rgba(43, 45, 61, 0.2);
}
.form-control:focus {  
  box-shadow:none;
  background-color: transparent;
}


/* added new */

.example-enter {
  opacity: 0.01;
  left:100px;
}

.example-enter.example-enter-active {
  opacity: 1;
  left:0px;
  transition: left 500ms ease-in;
  /* transition:  opacity 500ms ease-in; */
}

.example-leave {
  opacity: 1;
  margin-right:0px;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  margin-right:100px;
  transition: margin-right 300ms ease-in;
}
.form-control:read-only {
  background-color: transparent;
}