/* CSS Document */
body{font-size:12px;
     font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
.main
{
    width:100%;
    height:auto;
    background-image:url(../images/middle_back.png);
}
.clear
{
    clear:both;
}
.header
{
    width:100%;
    background-color:#6d7e92;
    color:#fefffd;
}
.logo
{
    float:left;
    font-size:30px;
    padding:5px 10px;
}
.left
{
    float:left;
}
.right
{
    float:right;
}
/*ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
.right ul li {
    border-right: 1px solid #5B6879;
    float: left;
}
.right ul li a{
    color: #FFFFFF;
    padding: 15px;
    text-decoration: none;
    display:block;
}
.right ul li:hover a
{
    background-image:url(../images/user_heade.png);
}*/
.middle
{
}
.middle_div1
{
    padding:0px 10px 0px;
}

.middle_div
{
    background-color:#3a3e4a;
    padding:6px 10px;
    overflow:hidden;
    color:white;
}
.searchtext
{
    font-size:16px;
    float:left;
    padding:5px 10px 6px 0;
}
.overflow1{ margin:2px 0 0;}
.overflow1 select
{
    background:#fff url(../images/calender.png) no-repeat 186px center;
    border: solid 1px #ccc;
    padding: 6px 5px 5px;
    width: 116px;
    float:left; box-shadow:inset 0 1px 5px 1px #ccc; margin:0 0 0 17px; color:#757575;
}
.searchbox1 input[type=text]
{
    background:#fff;
    border: solid 1px #ccc;
    padding: 7px 5px 6px;
    width: 196px;
    float:left; box-shadow:inset 0 1px 5px 1px #ccc; margin:1px 0 0 0;
}
.searchbox1 input[type=submit]
{
    background: url(../images/submit.png) no-repeat;
    border: medium none;
    width: 41px; height:31px;
    padding: 6px 0 6px 5px;
    text-indent: 91px; float:left; margin:1px 0 0 0;
}
.searchbox1 input[type=reset]
{
    background: url(../images/resetbutton.png) no-repeat;
    border: medium none;
    width: 29px; height:29px;
    background-color:#DAE2ED;
    padding: 6px 0 6px 5px;
    text-indent: 91px; float:left;
}
.searchbox input[type=submit]
{
    background: url(../images/submit.png) no-repeat;
    border: medium none;
    width: 41px;
/*	margin-left: 17px !important;
    padding: 7px 0 6px 5px;*/
    text-indent: 91px; height:31px;
}
.searchbox input[type=reset]
{
    background-image: url("../images/resetbutton.png");
    background-repeat:no-repeat;
    border: medium none;
    width: 29px; height:29px;
    background-color:#DAE2ED;
    padding: 6px 0 6px 5px;
    text-indent: 91px;
}
.middle_left{
    float:left;
    width:73%;    /*modified by Rajat Jain on 01-03-2016 old width was 73%; */
    height:592px;
}
.middle_right{
    float:right;
    width:26%;
}
.content ul li
{
    border-bottom:#cccacb 1px solid;
    overflow:hidden;
    padding: 10px;
}
.content ul li:hover
{
    background-color:#fff !important;
	color:#000 !important;
}
.user_list
{
    background-color: #f7f8fc;
	border:#cccacb 1px solid;
    width: 97%;
}
.user_inn ul
{
    overflow:auto;
    height:548px;
}
.user_name
{
    color:#237fe6;
}
.user_header
{
    background:#3a3e4a;
    color: #d9e2ed;
    font-size: 18px;
    height: auto;
    padding: 8px;
    text-align: center;
}
.footer
{
    background-color: #6D7E92;
    color: #FFFFFF;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    text-align: center; font-size:11px;
	width:100%;
}
.footer-no-data{
        position: absolute;
        bottom:0;
}
/*//mukul//*/
.paginator
{
    background: url("../images/paginator_select.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 7px;
    width: 110px;
}
.add_user
{
    background: url("images/add_user.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #227de5;
    padding: 2px 0 2px 20px;
}
.add_button
{
    background: url("../images/add_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 10px;


}
.overflow {
    overflow: hidden;
    width: 79px;
}
.table_class ul.heading
{
    display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  
}
a
{
    margin:0;
    padding:0;
    text-decoration:none;
}
h1,h2,h3,h4,h5
{
    margin:0;
    padding:10px 0;
}
ul
{
    margin:0;
    padding:0;
}
ul li
{
    margin:0;
    padding:0;
    list-style:none;
}
header, section, footer, aside, nav, article, figure
{ 
    display: block; 
}
.clear
{
    clear:both;
    margin:0;
    padding:0;
}

.page_title
{
    background:#f9f9f9;
    padding: 5px 10px;
    border-bottom: 1px solid #C1C2C2;
}
.page_title h2
{
    margin: 0 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 16px;
    float: left;
    color: #333333;
}
.page_title span
{
    margin: 0 0 0 0;
    float: right;

}
.page_title span:hover {
    background:#dedede;
}
.page_title span a
{
    color:#0069ff;
    font-weight:bold;
}
.globel_message
{
    font-size:13px;
    padding: 0 !important;
}
.globel_message img
{

    margin:3px 5px 0 0;
    float:left
}
.success
{
    background:#e4f4d8;
}
.errer
{
    background:#ee7b69;
}

.span.selectArrow, span.selected {
    float: left;

    position: relative;
    z-index: 1;
}
span.selectArrow {
    -moz-user-select: none;
    background: none repeat scroll 0 0 #4096EE;
    border: 1px solid #60ABF8;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 30px;
}


.table_class {
    margin: auto;
    width: 100%;
}
.table_class ul#row {
    display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  
  
}

.heading  li {
    background: none repeat scroll 0 0 #738498;
    border-left: medium none !important;
    border-right: 1px solid #939595;
    border-top: 1px solid #495A6F;
    color: #FFFFFF;
    float: left;
    padding: 5px 4px;
    word-break: break-all;
}

.li_odd 
{
    background:#e9eff6;
    border-left: 1px solid #495A6F;
    border-right: 1px solid #495A6F;
}
.li_even 
{
    background:#f2f0f0;
    border-left: 1px solid #495A6F;
    border-right: 1px solid #495A6F;
}
#row > li:first-child {
    border-left: medium none !important;
}
.center {
    text-align: center;
}
.center > a 
{
    color: #227DE5;
}
.note 
{
    padding: 10px 0;
}
.note > label 
{
    color: #227DE5;
    margin: 0 5px 0 0;
}
.table_class ul#row li {
    border-bottom: 1px solid #888989;
    border-left: 1px solid #888989;
    display: block;
    float: left;
    padding: 5px 4px;
    word-break: break-all;
    
}
.table_class li {
    /* border-left: 1px solid #C1C2C2;*/
}

span.selectArrow, span.selected {
    float: left;
    position: relative;
    z-index: 1;
}
span.selectArrow {
    -moz-user-select: none;
    background: none repeat scroll 0 0 #4096EE;
    border: 1px solid #60ABF8;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 30px;
}


.heading img {
    float: right;
    margin: 5px 0 0;
}
.total_records_row {
    margin: 0;
    padding: 6px 18px 0 0  !important;
}/* CSS Document */
.count_records.right {
    text-align: right;
    width: 11%;
    padding: 0 0 0;

}
.count_records.right span
{
    padding: 5px 5px 0 0 ;
}
.count_records{
    text-align: center;
    position: relative;
    margin: 0 0 8px;
}
.count_records.left {
    padding: 5px 0 0;
}
.globel_message > div {
    width: 98% !important;
    margin: 0 !important;
}
.invite_form
{
    margin: auto;
    width: 50%;
}
.search_but
{
   background-image: url("../images/user_heade.png");
/*    background-repeat: no-repeat;*/
    border: medium none;
   /* border-radius: 5px;*/
    color: #FFFFFF;
    padding: 6px 0 6px 6px;
    width: 155px;
}
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background:#4D5D72; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none;color: #fff; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #d9e2ed; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: normal;color: #000; }
.tab-container .panel-container { background: #d9e2ed; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.user_width
{
    width: 8%;
}
.setwidth
{
    width:38.25%
}

.detail
{
	font-size:11px solid !important;
	
	color:#000!important;
	padding: 10px
}
.detail strong{
color:#000;}
.usersDetail ul li{
    margin: 5px;
    list-style: none;
}
div#information{
    overflow: hidden;
}
.error
{
    color: #f00;
}
.gm-style-iw div
{
    overflow: hidden !important; 
}
.gm-style-iw{ overflow: hidden !important;}
#map
{
     background-color: #E5E3DF;
    height: 592px;
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
}
#distance
{float: right;
    margin: 0 13px 0 0;
    width: 22%;
}
#distance ul
{
    margin: 0;
    padding: 0;
}
 
#distance ul li
{
    margin: 0;
    padding: 5px 15px 10px 4px ;
    list-style: none;
    border-bottom: 1px solid #C1C2C2;
}
#distance h2
{
    margin: 0 0 10px;
    padding: 0;
}
#distance ul li p {
    margin: 0 0 0 19px;
}
#distance span {
    color: #0000FF;
    float: right;
    font-size: 10px;
    font-weight: bold;
}

@media screen and (max-width: 890px) 
{
   .user_width
{
    width: 15%;
}
.setwidth
{
    width:39.5%
}
.middle_div1 {
    padding: 10px 0;
}
.table_class {
    width: 100%;
}
.middle_left {
    float: none !important;
    height: 300px !important;
    width: 100% !important;
}
#map {
    height: 300px;
    width: 100%;
}
.middle_right {
    float: none;
    margin: 10px auto;
    width: 100%;
}
.user_list {
    width: 100%;
}
#scrollbar1 .overview {
    width: 100% !important;
}
#scrollbar1 .viewport {
    height: 240px !important;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    
      .user_width
{
    width: 15%;
}
.setwidth
{
    width:38.8%
}
.middle_div1 {
    padding: 10px 0;
}
.table_class {
    width: 100%;
}
.middle_left {
    float: none !important;
    height: 300px !important;
    width: 100% !important;
}
#map {
    height: 300px;
    width: 100%;
}
.middle_right {
    float: none;
    margin: 10px auto;
    width: 100%;
}

.user_list {
    width: 100%;
}
#scrollbar1 .overview {
   width: 100% !important;
    width: 100%;
}
#scrollbar1 .viewport {
    height: 240px !important;
}
    
}
@media screen and (max-width: 600px) 
{
    .right ul li a {
    
    padding: 8px;
}
.logo {
    font-size: 22px;
    padding: 3px 0 0 10px;
}
} 
@media screen and (max-width: 510px) 
{
    .right ul li a {
    padding: 7px 4px 8px;
}
.logo {
    font-size: 18px;
    padding: 5px 0 5px 10px;
}
.user_list {
    width: 100%;
}
.middle_right {
    width: 100%;
}
} 
@media screen and (max-width: 450px) 
{
    .logo {
    float: none;
    font-size: 22px;
    text-align: center;
}
.right ul li {
    border-bottom: 1px solid #5B6879;
    float: none;
    text-align: center;
    width: 100%;
}
.right.menu {
    float: none;
}
.invite_form {
    margin: auto;
    width: 97%;
}
} 
@media screen and (max-width: 380px) 
{
.setwidth {
    width: 45.6%;
}
}
@media screen and (max-width: 320px) 
{
.setwidth {
    width: 47%;
}

}

/*....This css created by Amit
.zend_form{ display:none;}*/
.user_address{ float:left; width:70%; font-size:12px}
.user_address h2{ font-size:16px; font-weight:normal; padding:0 0 5px 0;}
.user_address span{color:#237FE6 !important;}

.user_location_detail{ float:none; width:90%; font-size:12px}
.user_location_list:hover {cursor:pointer;}

.user_name{ float:right; width:25%; text-align:right; color:#237FE6; font-size:12px;}
.time_duration{float:left; text-align:left; color:#237FE6; font-size:12px;}
.search_box_main{ border:0px solid #CCCACB; /*min-height:588px;*/ bottom:0px;}
.searchbox1{ float:left}
.hasDatepicker{ float:left;}
.hassearbtn{ float:left; margin:2px 5px 0 0;}
.csv{border: 1px solid #CCCCCC;color: #000000;float: right;padding:7px 10px 6px 10px; margin:2px 0 0 0;}
.csv:hover{background:#EFEFEF;}

/*css created by amit*/
div.dataTables_length label {
    float: left;
    text-align: left;
}
div.dataTables_length select {
    width: 75px;
}
div.dataTables_filter label {
    float: right;
}
div.dataTables_info {
    padding-top: 8px;
}
div.dataTables_paginate {
    float: right;
    margin: 0;
}
table.table {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important;
}
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
    cursor: pointer;
}

.dataTable {
    clear: both;
    margin-top: 5px;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}
.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
/*    border-radius: 4px;*/
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
    border-top-left-radius: 2px;
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #F5F5F5;
}
table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}
.table td.span1, .table th.span1 {
    float: none;
    margin-left: 0;
    width: 44px;
}
.table td.span2, .table th.span2 {
    float: none;
    margin-left: 0;
    width: 124px;
}
.table td.span3, .table th.span3 {
    float: none;
    margin-left: 0;
    width: 204px;
}
.table td.span4, .table th.span4 {
    float: none;
    margin-left: 0;
    width: 284px;
}
.table td.span5, .table th.span5 {
    float: none;
    margin-left: 0;
    width: 364px;
}
.table td.span6, .table th.span6 {
    float: none;
    margin-left: 0;
    width: 444px;
}
.table td.span7, .table th.span7 {
    float: none;
    margin-left: 0;
    width: 524px;
}
.table td.span8, .table th.span8 {
    float: none;
    margin-left: 0;
    width: 604px;
}
.table td.span9, .table th.span9 {
    float: none;
    margin-left: 0;
    width: 684px;
}
.table td.span10, .table th.span10 {
    float: none;
    margin-left: 0;
    width: 764px;
}
.table td.span11, .table th.span11 {
    float: none;
    margin-left: 0;
    width: 844px;
}
.table td.span12, .table th.span12 {
    float: none;
    margin-left: 0;
    width: 924px;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}

.table th, .table td {
  border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.table th {
    font-weight: bold;
}
.table thead th {
    vertical-align: bottom;
}

.table {
    width: 100%;
	margin:0 auto;
}

.table-bordered {
    border-collapse: separate;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.table thead .sorting {
    background: url("images/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee !important;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
  background-color: #eee !important;
}

img{ border:none;}

/*on/off button css*/
    .onoffswitch {
    position: relative; width: 45px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin:0 auto;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #E8E8E8; border-radius: 20px;
    }
    .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 18px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background:url(images/switches-off.png) no-repeat; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background:url(images/switches-on.png) no-repeat; color: #999999;
    text-align: right;
    }
    .onoffswitch-switch {
    width: 22px; margin:0 -2px 0 0;
    background:url(images/switches.png) no-repeat;
    position: absolute; top: 0; bottom: 0; right: 30px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    }
	
	.text_color{ color:#fff;}
        
           .map_marker_label {
    color: white;
    background:transparent;
    font-family:"Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 30px;
    white-space: nowrap;
}


/* Tiny Scrollbar */
#scrollbar1 { margin: 0 0 -1px; overflow-y: scroll;}
::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
} 
/*#scrollbar1 .viewport { height: 544px; overflow: hidden; position: relative; }*/
#scrollbar1 .viewport { height: 550px; position: relative; }
#scrollbar1 .overview {width: 100% !important; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* -- Mohit -- */
#map_canvas img {
     /*left: 50%;
    padding: 10px;
    position: absolute; */
    /* padding-top: 50%; 
    margin:18.1% 47%*/
}
.loading-bg{
    background: rgba(0, 0, 0, 0.42);
    width: 100%;
   bottom: 0;
    position: fixed;
	height:100%;
    right: 0;
}
.loading-bg img{
 background: #000 none repeat scroll 0 0;
    border-radius: 10px;
	background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
	padding:10px;
	
}

#logo-img {
width:196px;
}
.locationdate {
    width: 200px;
}
@media screen and (max-width:1100px){
    .location-scrollbar {
        min-height: 600px;
    }
}

@media screen and (max-width:380px){
    .locationdate {
        width: 158px;
    }
}