.alert_reminder{
    width: 35%;
    position: fixed;
    z-index: 99999;
    right: 0%;
    top: 4%;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.scroll_y{
    /* height: 500px; */
	max-height: 300px;
    overflow-y: auto;
}
.box_scroll{
    height: 160px;
    overflow-y: auto;
}
.fc-event-inner{
  cursor: pointer !important;
}
.select_full_width{
  width:100% !important;
}

.fixedSidebarClass{
    top:60px !important;
  }
.select2-container-disabled .select2-choice .select2-arrow b:before{
      content: no-close-quote !important;
}
.modal-dialog {
margin-top:10%;
transform: translateY(10%) !important;
-webkit-transform: translateY(10%) !important;
-moz-transform: translateY(10%) !important;
-o-transform: translateY(10%) !important;
-ms-transform: translateY(10%) !important;
}
.table-custom-text-left{
  text-align: left !important;
}
.modal_popup_issue .modal-content {
float: left;
}
.modal_popup_issue .modal-body {
padding: 20px 20px 0;
float: left;
width: 100%;
}
.modal_popup_issue .modal-footer {
float: left;
width: 100%;
}

.form-control[readonly]{
  cursor:pointer !important;
}
.label-inverse{
  background-color: #394264;
  color: #ecf0f1;
}

.label-pending{
  background-color: #6d5bb7;
  color: #ecf0f1;
}
.dt-style-format{
  font-weight: 700;
  color: #394264;
  font-size: 13px;
}
.reservation_deatails_panel_height_customize{
    height: 235px;
}
    
.search-filter-table tbody tr td{
  padding-left: 3px;
}
.pbper1{
  padding-bottom: 1%;
}

.img-center{
  margin-left: auto;
  margin-right: auto;
}

.table-custom tbody tr td,.table-custom thead tr th{
  text-align: center;
  vertical-align: middle;
}
.client-profile{
	border-radius: 3px;
    margin: 11px 0 0 10px;
    width: 89% ;
}

.fixedHeaderClass{
  position: fixed !important;
  width: 100% !important;
  z-index: 10000;
}

.fixedfooterClass{
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
}

.error {
    border: 1px solid #c80000;
}

.radio_align{
  vertical-align: middle !important;
  padding-left: 5px !important;
}

.radio_space{
  margin-left: 10px !important;
}

.trip-details_dt{
  display: inline-block !important;
}

.trip-details_dd{
  display: inline!important;
  margin-left: 5px !important;
}

.padding_1_per{
  padding: 1%;
}

.container_width{
  min-width: 376px;
}

.wp_15{
  width:15%;
}

.prp_5{
  padding-right:5%;
}

.panel-title{
  text-transform: uppercase !important;
}

#accordion1 .no-uppercase{
  text-transform:capitalize !important;
}

.no-uppercase{
  text-transform:capitalize !important;
}

.has_error_class{
  position: absolute;top: 0px;right: 15px;display: block;width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #DA4F49;
}
.has_error_class_select{
    position: absolute;top: 0px;right: 95px;display: block;width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #DA4F49;
 }   
.errorInput{
  border-color:#DA4F49;
}

.errorInput input::-moz-placeholder {
    color: #DA4F49;
    opacity: 1;
}

.errorInput input:-moz-placeholder {
    color: #DA4F49;
    opacity: 1;
}

i.fa.fa-asterisk {
    font-size: 7px !important;
    vertical-align: 4px !important;
}

.add_task_btn{
  right: 80% !important;border-radius: 4px;border-color: #13a89e;background-color: #13a89e;
}
/*-------------- 23-03-18 -------------*/
div#panel-calender .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}
div#panel-calender .panel-heading h4#calendar-viewtitle1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
div#panel-calender .panel-heading h4#calendar-viewtitle{
    display: inline-block;
    vertical-align: middle;
}
div#panel-calender .panel-heading h4 .select2-container{
    min-width: 120px;
}
div#panel-calender .panel-heading h4 .select2-container .select2-choice{
    font-size: 12px;
}
div#panel-calender .panel-heading h4 .select2-container .select2-choice > .select2-chosen{text-align: center;}
div#panel-calender .panel-heading h4 .select2-container .select2-choice .select2-arrow b:before{
    padding: 6px 0px;
}
div#panel-calender .panel-heading h4 .select2-container .select2-choice{
    height: auto;
}


/* ipad portrait */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  #add_notes_task{
    font-size:11px;
  }
  .add_task_btn{
    right:60%  !important;
  }
   table.tablesearchfilter, table.tablesearchfilter tr td {
    display: inline-block;
    margin-bottom: 10px;
} 
  .panel_title_font_size{
      font-size:14px;
  }
  .panel_body_font_size{
        font-size:10px; 
  }
  .tbl-responsive{
    overflow-x:auto !important;
  }
    .brand-logo {
    vertical-align: middle;
    max-width: 90%;
    height: auto !important;
}
  .header-brand{
      width: 60%;
      line-height: 60px;

  }
  .calendar_items_group {
      line-height: 25px;
  }
}

/* ipad landscape */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  /*table responsive*/
 table.tablesearchfilter, table.tablesearchfilter tr td {
    display: inline-block;
    margin-bottom: 10px;
} 
  .tbl-responsive{
    overflow-x:auto !important;
  }
.calendar_items_group {
      line-height: 25px;
  }
  div#panel-calender .panel-heading h4#calendar-viewtitle1 {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
}
div#panel-calender.panel .panel-actions .btn-panel {
    line-height: 67px;
}
div#panel-calender.panel > .panel-heading > .panel-actions {
    height: 67px;
}
}

/* mobile portrait */
@media screen and (min-width:240px) and (max-width:767px) and (orientation:portrait) {
  .tbl-responsive{
    overflow-x:auto !important;
  }
  div#panel-calender .panel-heading h4#calendar-viewtitle1 {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
}
div#panel-calender .panel-actions .btn-panel{
    width: 25%;
        clear: right;
}
div#panel-calender.panel > .panel-heading > .panel-actions{
    width: 100%;
}
div#panel-calender .panel-heading h4#calendar-viewtitle {
    display: inline-block;
    vertical-align: middle;
    padding-top: 45px;
}
div#panel-calender .panel-actions .btn-panel:first-child {
    border-left: 0px;
}
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) { 
      div#panel-calender .panel-heading h4#calendar-viewtitle1 {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
}
div#panel-calender.panel .panel-actions .btn-panel {
    line-height: 67px;
}
div#panel-calender.panel > .panel-heading > .panel-actions {
    height: 67px;
}
}
@media (max-width: 385px){
div#panel-calender .panel-heading h4#calendar-viewtitle {
    padding-top: 0px;
}
}

/* mobile landscape */
@media screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) { 
  .tbl-responsive{
    overflow-x:auto !important;
  }
}

.datepicker.dropdown-menu {
z-index: 999999 !important;
}

/* 1280,1366,1440 */
@media screen and (min-width:1441px) { 
  .fixedSidebarClass{
    position: fixed !important;
    top:60px !important;
  }
}

.salesTable{
  width: 49% !important;
}

/* Client Multiple File upload */

.remove_file_user{
    margin-left: 0.5%;
    vertical-align: middle;
}

.remove-btn{
  margin-left: 0.5%;
  vertical-align: middle;
  display: inline-block;
}

.fileInput_text{
  color: #394264 !important;
  font-weight: 700 !important;
  margin-left: -1.5%;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-CHAT BOX CSS START=-=-=-=-=-=-=-=-=-=-=-=-*/
.chat_list {
	position: fixed;
	bottom: 0px;
	right:0;	
  z-index:1020; 
}
.chat_box_cust {
	position: fixed;bottom: 0px;
	right:320px;
	z-index:1020;	
}
.chatbox_inner a {
	outline:none;	
}
.chatbox_main_block .chatbox_inner {
  background-color: #fff;
  border: 1px solid #CCC;
  width: 320px;
  float:left;
  max-width:100%;
  box-sizing:border-box;
  margin-bottom:0;
}
.chat_list_title {
  background-color: #00c0ef;
  display: block;
  float: left;
  padding: 8px 15px;
  width: 100%;
}
.chatbox_main_block .search_box .search_newchat_ink a, .single_chat_block .search_box .search_newchat_ink a  {
	color:#00c0ef;	
	font-size:14px;
}
.chat_list_title > a {
	color:#FFF;	
	padding-right:10px;
	font-size:16px;
}
.chatbox_inner .box-primary.box {
	padding:10px;	
}
.chatbox_main_block .chatbox_inner .chat {
  padding: 0;
  list-style:none;
  max-height: 255px;
  overflow-y: auto;
  display: block;
  width: 100%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}
.chatbox_main_block .chatbox_inner .chat li 
{
    padding: 5px 0;
}
.chatbox_main_block .chatbox_inner .chat li:first-child
{
	padding-top:0;	
}
.chatbox_main_block .chatbox_inner .chat li:last-child
{
	padding-bottom:0;	
}
.chatbox_main_block .chatbox_inner .chat li:not(:last-child) 
{
	border-bottom: 1px dotted #B3A9A9;	
}
.chatbox_main_block .chatbox_inner .box-primary {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  float: left;
  display: block;
}
.chatbox_main_block  .chatbox_inner .chat li .chat-img
{
	width:60px;
}
.chatbox_main_block .chatbox_inner .chat li .chat-img
{
	width:35px;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	margin-right:5px;
}
.chatbox_main_block .chatbox_inner .chat li .chat-img img {
  max-width: 100%;
  width: auto;
}
.chatbox_main_block .chatbox_inner .chat li .chat-body {
	width:calc(100% - 60px);
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box; 
}
.chatbox_main_block .chatbox_inner .chat li.left .online_offline {
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  float: none;
  height: 6px;
  vertical-align: middle;
  width: 6px;
}
.chatbox_main_block .chatbox_inner .chat li.left.online .online_offline {
	background-color:rgb(66, 183, 42);	
}
.chatbox_main_block .chatbox_inner .chat li .img-circle {
    border-radius: 50%;
}
.chatbox_main_block .search_box, .single_chat_block .search_box 
{
  background-color: #ecf0f1;
  display: block;
  float: left;
  width: 100%;
}
.chatbox_main_block .search_newchat_ink > a:hover 
{
	cursor:pointer;	
}
.chatbox_main_block .search_box > input, .single_chat_block .search_box > input
{
  border: medium none;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: calc(100% - 54px);
  background-color:#ecf0f1;
  padding-left:15px;
}
.chatbox_main_block .search_box .search_newchat_ink, .single_chat_block .search_box .search_newchat_ink
{
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: calc(50px - 4px);
  text-align:center;
}
.chatbox_main_block .search_newchat_ink > a, .single_chat_block .search_newchat_ink > a
{
  display: inline-block;
  float: none;
  line-height: normal;
  vertical-align: middle;
  text-align:center;
  padding:7px 0;
}
.single_chat_block .chat li.left .chat-body {
    margin-left: 0;
}
.single_chat_block .chat li .chat-body p {
    margin: 0;
    color: #777777;
	font-size:14px;
}
.single_chat_block .header .text-muted {
    color: #999;
}
.single_chat_block .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
	list-style:none;
}
.single_chat_block .panel-body {
  display: block;
  float: left;
  height: 250px;
  padding: 10px;
  overflow:auto;
  width: 100%;
}
.single_chat_block .panel.panel-primary {
  border-color: #ccc;
  display: block;
  float: left;
  width: 100%;
}
.single_chat_block .chat-img img{
  width: auto;
  max-width:100%;
}
.single_chat_block li .chat-body p{
  width: calc(100% - 55px);
  display: inline-block;
  vertical-align: middle;
   position: relative;
}
.single_chat_block li.left .chat-body p::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #d2d6de;
  border-top: 5px solid transparent;
  color: black;
  content: "";
  display: block;
  left: -5px;
  position: absolute;
  top: 8px;
}
.single_chat_block li.right .chat-body p::before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #dcf8c6;
  border-top: 5px solid transparent;
  color: black;
  content: "";
  display: block;
  right: -5px;
  position: absolute;
  top: 8px;
}
.single_chat_block .chat-img {
  display: inline-block;
  vertical-align: top;
  width: calc(45px - 4px);
}
.single_chat_block li.right .chat-img  { 
  margin-left: 10px;
}
.single_chat_block li.left .chat-img  { 
  margin-right: 10px;
}
.single_chat_block .chat-body .header {
	height:auto;	
	background-color:transparent;
	border-bottom:none;
}
.single_chat_block .panel-body .chat {
	padding:0;	
}
.single_chat_block .panel.panel-primary {
	margin-bottom:0;		
}
.single_chat_block .panel-footer {
    padding: 10px 15px;
    background-color: #ecf0f1;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.single_chat_block li .chat-body .header strong {
	color:#333;
}
.single_chat_block .header {
  background-color: transparent;
  border-bottom: medium none navy;
  display: block;
  float: left;
  height: auto;
  padding: 0 5px;
  width: 100%;
  margin-bottom:10px;
}
.single_chat_block .chat li.left .header small span {
    padding-right: 3px;
}
.single_chat_block .chat li.right .header small span {
    padding-right: 3px;
}
.single_chat_block li .chat-body {
  display: block;
  float: left;
  width: 100%;
}
.panel-footer .input-group input, .panel-footer .input-group span.input-group-btn button {
  height: 30px;
}
.panel-footer .input-group span.input-group-btn button {
  line-height: normal;
  padding: 0 10px;
}
.single_chat_block .chat li .header strong {
	font-size:12px;
	font-weight:600;
	color:#333; 	
}
.single_chat_block .chat li.left .header strong {
  float: left;
}
.single_chat_block .chat li.left .header small {
  float: right;
}
.single_chat_block .chat li.right .header strong {
  float: right;
}
.single_chat_block .chat li.right .header small {
  float: left;
}
.single_chat_block .chat li .chat-body p {
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  padding: 5px;
}
.single_chat_block .chat li.right .chat-body p {
	background-color:#dcf8c6;
	color:#394264;
}
.single_chat_block .chat li.left .chat-body p {
	background-color:#d2d6de;
	color:#444;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-CHAT BOX CSS END=-=-=-=-=-=-=-=-=-=-=-=-*/


/*=-=-=-=-=-=-=-=-=-=-=-=-MEDIA QUERY START=-=-=-=-=-=-=-=-=-=-=-=-*/

/* iPhone 6+ ----------- */
@media only screen and (min-width: 240px) and (max-width: 736px) and (orientation : landscape){
.brand-logo {
    vertical-align: middle;
    max-width: 80%;
    height: auto !important;
}
.header-brand{
      width: 60%;
      line-height: 60px;

    }
 table.tablesearchfilter, table.tablesearchfilter tr td {
    display: inline-block;
    margin-bottom: 5px;
} 
.add_task_btn{
  right: 15px !important; 
}  
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td{display: block;}
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td h5{padding-left: 0px !important}
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td:nth-last-child(-n+2) {
    display: inline-block;
}
.form-group.client_search_div .col-sm-4 {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}
}
@media only screen and (min-width: 240px) and (max-width: 736px) and (orientation : portrait){
 #chatBox1{
  right: 0px !important;    
 }
.side-left .sidebar li:nth-child(4) .sidebar-child, .side-left .sidebar li:last-child .sidebar-child {
    right: 0;
    left: inherit;
} 
  .brand-logo{
      vertical-align: middle;
      max-width: 100%;
      height: auto !important;
    }
  .header-brand{
    width: 60%;
  }

  .modal_responsive{
      z-index: 99999;
  }
 .modal_responsive .modal-dialog{
    float: left;
    margin: 20% 15px;
    max-height: 80%;
    overflow-y: auto;
    z-index: 999;
}
  .calendar_items_group{
    line-height:25px;
  }
 #panel-basicform table.tablesearchfilter, #panel-basicform table.tablesearchfilter tr td {
    display: inline-block;
    margin-bottom: 5px;
} 
#panel-basicform table.tablesearchfilter tr td:first-child{display: block;}
#panel-basicform table.tablesearchfilter tr td:first-child h5 {
    margin-bottom: 0;
}
#panel-basicform .tbl_responsive_div{
 padding: 0px 10px;
}
table.tablesearchfilter, table.tablesearchfilter tr td {
    display: block;
    margin-bottom: 5px;
}
table.tablesearchfilter tr td h5{margin-bottom: 0px}
table.tablesearchfilter tr td:nth-last-child(-n+3){
  display: inline-block;
}
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td{display: block;}
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td h5{padding-left: 0px !important}
#panel-basicform table.tablesearchfilter.search-filter-table2 tr td:nth-last-child(-n+2) {
    display: inline-block;
}
.form-group.client_search_div .col-sm-4 {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}
.add_task_btn{
  right: 15px !important; 
}
.pa_responsive{
  position: relative !important;
}
}


@media screen and (max-width: 1442px) {
   .col-custom-12 {
      width:100% !important;
   }
}

@media only screen and (min-width:1280px) and (max-width:1366px) {
  #chatBox2{
    right: 760px;    
  }
}

@media only screen and (min-width:1367px) and (max-width:1440px) {
  #chatBox2{
    right: 786px;    
  }
}
@media (min-width: 1401px) and (max-width: 1920px) {
  #chatBox2{
    right: 940px;    
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-MEDIA QUERY START END=-=-=-=-=-=-=-=-=-=-=-=-*/

/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @25-09-2017 END=-=-=-=-=-=-=-=-=-=-=-=-*/
div.alert-trial
{
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 15px;
  text-align: center;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @25-09-2017 END=-=-=-=-=-=-=-=-=-=-=-=-*/
/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @13-03-2018 START=-=-=-=-=-=-=-=-=-=-=-=-*/
@media screen and (min-width:768px) {
	.padding_0{padding:0;}
}
/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @13-03-2018 END=-=-=-=-=-=-=-=-=-=-=-=-*/
/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @21-09-2018 START=-=-=-=-=-=-=-=-=-=-=-=-*/
.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 auto;
    margin-top: 1px;
    /*margin-right: 2px;*/
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    /*border: 2px solid #2573A6;*/
    border: 2px solid #b7b7b7;
    border-radius: 20px;
    margin-bottom: 0px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 18px;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 5px;
    background-color: #88BD3E;
    color: #FFFFFF;
    text-align: left;
}
.onoffswitch-inner:after {
    content: "No";
    padding-right: 5px;
    background-color: #5AB3D6;
    background-color: #ccc;
    color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0;
    /*right: 27px;*/
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
    height: 16px;
    left: 1px;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 1px;
    left: unset;
}
.onoffswitch-checkbox:checked+.onoffswitch-label {
    border-color: #78a538;
}
#reservations #tbl_reservations .btn, #common_payment_table #tbl_payments .btn, #tbl_pending_payments .btn {
    margin-bottom: 2px;
}
.datepicker-inline{
  display: none !important;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-CHANGES DONE @21-09-2018 END=-=-=-=-=-=-=-=-=-=-=-=-*/
.variable-div {
    padding: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    background: lightblue none repeat scroll 0 0;
    line-height: 21px;
    padding: 9px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
}

.select2-container, .select2-dropdown, .select2-search, .select2-results {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  }