.foo{}
/* Contributor(s): RetroViz Design. */
/* HTML GENERAL */
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,form,input{margin:0;padding:0;}
body{font-family:'Calibri', arial, verdana, helvetica, sans-serif;font-size:12px;background:#9c8851;letter-spacing:0.02em;  /*color:#f93;*/  background: #fff;  color:#333;}
select
{
    font-size: 12px;
    border: 1px solid #a4aeb7;
    height:20px;
    width:201px;
}
.mceLayout
{
    width:99% !important;
 
}
hr{border-bottom:1px solid #CCC;color:#FFF;}
label.forcheckbox{margin:0 0 0 .4em;display:inline;}
/* LINKS */
a{color:#6b6b6b;text-decoration:none;font-weight:700;}
a:hover{text-decoration:underline;color:#009FFF;font-weight:700;}
a img{border:0;}
.header-menu a{font-weight:400;}
.header-menu a:hover{font-weight:normal;}
/* IMAGES */
img{border:none;}
/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6{font-family: 'Segoe UI',arial, helvetica, sans-serif;}
h2,h3{font-size:17px;}
/* SECTION HEADERS */
.section-title{background:#f6f6f6;border-bottom:solid 1px #e5e5e5;padding:3px 10px;color:#6b6b6b;font-size:13px;font-weight:600;vertical-align:bottom;}
.section-title img{vertical-align:top;margin-right:3px;}
.section-header .title a{text-decoration:none;font-size:12px;color:#34465a;text-transform:none;}
.section-header{
    border-bottom: 3px solid #DFDFDF;
    color: #34465a;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 5px;
    vertical-align: bottom;
     margin-bottom: 10px;
}

.section-header img
{
    vertical-align: middle;
}
/*.section-header .title{float:left;color:#333;font-size:16px;font-weight:700;vertical-align:bottom;padding-top:5px;text-transform:capitalize;}*/
/*.section-header .title img{vertical-align:middle;padding-bottom:2px;}*/
.section-header .options, .options
{
    float: right;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: right;

}
    
.dashboard .title
{
    padding:7px;
    background: #efefef;
    
}

.VehicleInspctionChecklist img
{
    /*vertical-align:bottom;*/
}

.VehicleInspctionChecklist input
{
    vertical-align:middle;
}
    
/* Vehicle Inspection */
#VehicalChecked img
{
    vertical-align:middle;
}

#VehicalChecked input
{
    vertical-align:middle;
}

/*#RouteDetailsTable tr:first-child td
{
padding: 6px 15px;
text-align: left;
border: solid 1px #94abb5;
color: #fff;
background: #3baae3 url(/Content/smoothness/humanity/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
font-weight: normal;
font-size: 13px;
}*/

/* TABLES */
td{vertical-align:middle;}
td.fieldname{font-size:12px;}
.table-container{}
.table-container .row{}
.table-container .row .item-name{padding:3px 10px 0 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;}
.table-container .row .item-value{padding:3px 0 0;vertical-align:middle;}
table.adminContent{border-collapse:collapse;color:#000;font-size:12px;margin:0;width:100%;vertical-align:middle; text-align:left; }
table.adminContent td.adminTitle{padding:4px;}
table.adminContent td.adminData{padding:4px;}
td.adminTitle{text-align:left;vertical-align:middle;white-space:nowrap;  font-family: segoe ui;height:30px;}
td.adminTitle img{vertical-align:bottom;padding:2px 2px 0 0; float:left;}
td.adminData{text-align:left;vertical-align:middle;}
td.adminData .text-box.single-line{border:1px solid #A7BAC5;width:199px;}
.t-grid .text-box.single-line{border:1px solid #A7BAC5;padding:2px;}
td.adminData textarea{border:1px solid #a4aeb7;width:195px;padding:2px;}
td.adminData .t-combobox{/*width:256px;*/}
td.adminData label {vertical-align:middle;}
td.adminData input {vertical-align:middle;font-family:'Segoe UI';height: 20px; vertical-align: middle;padding-left:3px; width: 196px !important;border: 1px solid #a4aeb7;}
td.adminData input[type='radio'], td.adminData input[type='checkbox']{width:auto !important;}
.t-picker-wrap input{height:15px !important;}
td.adminData .t-numerictextbox .t-input{border:1px solid #ACACAC;width:147px;padding:2px;}
tr.adminSeparator hr{background-color:#D3D3D3;border:medium none;color:#D3D3D3;height:1px;margin-top:10px;margin-bottom:10px;padding:0;}
span.nop-tooltip{white-space:nowrap;}
/* SERVER CONTROLS */
.adminButtonBlue{background:url(images/blue_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #0f72ac;margin-bottom:3px;color:#FFF;height:22px;padding:0 10px;font-size:12px;font-weight:700;}
.adminButton{background:url(images/grey_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #333;margin-bottom:3px;color:#FFF;text-align:right;height:20px;padding:0 10px;font-size:12px;font-weight:700;}
.adminInput{border:1px solid #acacac;width:250px;}
.adminInputNoWidth{border:1px solid #acacac;}
label{padding-left:3px;}
/* ADMIN GRID VIEW */
.tablestyle{font-family:'Segoe UI',arial;font-size:12px;border:1px solid gray;background-color:#FFF;margin-left:0;color:#245D75;width:100%;}
.tablestyle td a{color:#D16400;font-weight:700;text-decoration:none;}
.altrowstyle{background-color:#F4FAFF;}
.headerstyle th{background:url(images/admin-gvw-bg.gif) repeat-x 50%;color:#fff;padding:5px 10px;text-align:center;vertical-align:middle;font-weight:700;border:solid 1px #676767;}
.headerstyle th a{font-weight:700;text-decoration:none;text-align:center;color:#fff;display:block;padding-right:10px;}
.rowstyle td,.altrowstyle td{padding:4px 10px;border-right:solid 1px #A0C0E7;border-right-color:gray;}
.PagerStyle{height:28px;background:url(Images/grid_header_back.png) repeat-x;background:#EEE;vertical-align:middle;}
/* MISC. CLASSES */
.clear{border:medium none;clear:both;float:none;font-size:0;height:0;line-height:0;}
.progress{position:absolute;top:20px;width:280px;height:40px;left:0;right:0;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #FFF;padding:5px 10px;text-align:center;z-index:2147483647;}
/* MASTER PAGE WRAPPERS */
.master-wrapper-page{
    background: none repeat scroll 0 0 #fff;
    min-height: 580px !important;

}




.master-wrapper-content{ overflow: auto; }
/* MASTER HEADER */
.header{height: 66px;width:100%;/*background: url("images/JMan_header.jpg") no-repeat scroll 0 0 #fff;position:relative;*/background:#fff}
.main-logo{margin: 0 auto; float:none !important;}
.header .logo{/*background:url(images/logo.gif);*/display:block;width:340px;height:62px;text-decoration:none;padding: 2px 0 0 7px;float:left }
.header .languageselector{position:absolute;right:400px;top:7px;text-align:right;}
.header .links{position:absolute;right:10px;top:7px;text-align:right;}
a img{border:0;}
.header .links .separator{color:#FFF;padding:0 3px;}
.header .login-info{position:absolute;right:5px;top:10px;text-align:right;color:#535353;font-size:12px;}
.header .login-info .a{color:#2779aa;text-decoration:none;font-weight:700;}
.header .version{position:absolute;right:5px;top:55px;text-align:right;color:#e7e7e7;font-size:11px;}
/* MASTER HEADER MENU */
.header-menu{width:100%;text-transform:capitalize; margin-top: -1px;}
.header-menu .t-menu .t-link{padding:.6em .97em;}
.header-menu .t-menu .t-arrow-next{top:7px;}
/* MASTER HEADER STATUS BAR */
.status-bar{background:#e7efef no-repeat;height:26px;border:solid 1px #acacac;padding:0 5px;}
.status-bar .help{padding-top:5px;float:left;font-weight:700;}
.status-bar .breadcrumb{float:right;text-align:right;padding-top:5px;}
/* MASTER ERRORS */
.messageBox{background-color:#F4F4F4;background-position:7px 5px;background-repeat:no-repeat;color:#333;font-family:'Segoe UI',Tahoma;font-size:12px;margin:5px 0;padding:8px 8px 8px 30px;}
.messageBoxError{background-color:#FFECEC;background-image:url(images/error-message.gif);}
.messageBoxSuccess{background-image:url(images/success-message.gif);}
/* MASTER CONTENT */
.content .cph{padding:5px;}
/* DASHBOARD */
table.dashboard{margin-top:15px;border:solid 1px #ccc;width:100%;border-collapse:collapse;}
table.dashboard td.maincol{padding:10px;vertical-align:top;}
table.dashboard td.splitcol{width:50%;vertical-align:top;}
table.dashboard td.rightcol{width:215px;background:#f3f3f3;padding:10px 5px 5px;vertical-align:top;}
table.stats{margin-top:10px;width:100%;}
table.stats td.orderaveragereport{width:100%;vertical-align:top;}
table.stats td.orderstatistics{width:50%;vertical-align:top;}
table.stats td.customerstatistics{width:50%;vertical-align:top;padding-left:5px;}
table.stats td.bestsellers{width:50%;vertical-align:top;}
.statisticsTitle{text-align:left;color:#333;font-weight:700;margin-bottom:5px;}
.nop-news .newsitem{}
.nop-news .newsitem .newstitle{}
.nop-news .newsitem .newstitle a:hover{text-decoration:none;}
.nop-news .newsitem .newsdate{font-size:.8em;color:#555;border-bottom:solid 1px #dfdfdf;padding-bottom:5px;margin-bottom:5px;}
.nop-news .newsitem .newsdetails{color:#333;margin-bottom:10px;}
.nop-news .adv{border-top:solid 3px #dfdfdf;padding:1px 0;text-align:right;}
.nop-news .adv a{color:#D16400;}
/* ORDER AND PRODUCT EDITING */
table.order-edit{width:100%;border:solid 1px #000;padding:5px;}
table.order-edit td{padding:1px 5px;border:medium none;}
.product-attributes-input{}
.product-attributes-input .text-prompt{font-weight:bold;}
.product-attributes-input .required{color:Red;}
.product-attributes-input .attribute-description{font-size:12px;}
.product-attributes-input ul.option-list{padding:0px;margin:0px;}
.product-attributes-input ul.option-list li{list-style:none;}
.product-attributes-input .textbox{width:300px;}
.product-attributes-input textarea{width:300px;height:150px;}
/* WARNINGS */
.system-warnings ul{padding-left:5px;}
.system-warnings .inprogress,.system-warnings .pass,.system-warnings .fail,.system-warnings .warning{padding-left:40px;display:block;min-height:35px;font-size:120%;vertical-align:middle;}
.system-warnings .inprogress{background:transparent url(images/warnings-ajax-loader.gif) no-repeat;}
.system-warnings .pass{background:transparent url(images/warnings-tick.png) no-repeat;}
.system-warnings .fail{background:transparent url(images/warnings-cross.png) no-repeat;}
.system-warnings .warning{background:transparent url(images/warnings-warning.png) no-repeat;}
.system-warnings .error{color:Red;}
.system-warnings .suggestion{color:Red;font-style:italic;font-size:120%;}
.system-warnings ul{list-style:none;}
.throbber-header{font-size:145%;}
.throbber{display:none;}
.throbber .curtain{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#3e4d45;opacity:0.9;filter:alpha(opacity=90);}
.throbber .curtain-content{position:absolute;left:0;top:0;width:100%;height:100%;}
.throbber .curtain-content div{text-align:center;padding:250px;color:#FFF;}
/* Telerik overrides */
body .t-content.t-state-active{padding:10px!important;}
body .t-tabstrip{margin-bottom:10px!important;}
body .t-button{font-weight:400;text-decoration:none; color:#000;}
/* Telerik overrides */
.form-actions{overflow:hidden;padding-top:1em;}
.form-actions .t-button,.form-actions .t-button button{float:right;margin-left:10px;padding:2px 15px;}



.grid {
    border: solid 1px #94abb5;
    border-collapse: collapse;
    border-right: 0;
    width:100%;
    line-height: 10px;
}
.custom-grid
{
     border: solid 1px #94abb5;
    border-collapse: collapse;
    border-right: 0;
    width:100%;
    line-height: 25px;
}

.grid .t-button{
    color:#333;
    border-color: #ccc; 
    margin: 2px;
}

button.t-button{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.button{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.grid td {
   
    border: solid 1px #ccc;
    border-left:0;
    border-top:0;
    background: #fff;
    word-break: break-all;
    padding: 6px;

    
}

.custom-grid td {
   
    border: solid 1px #ccc;
    border-left:0;
    border-top:0;
    background: #fff;
    word-break: break-all;
    padding-left: 10px;

    
}

.grid th {
padding: 6px 15px;
text-align: left;
color: #fff;
background: #34465A;
font-weight: normal;
font-size: 13px;
border-right: 1px solid #fff;
}

.custom-grid th {
padding: 2px 6px;
text-align: left;
color: #fff;
background: #34465a;
font-weight: bold;
font-size: 12px;
border-right: 1px solid #fff;
}

.grid th a{
color: #6b6a69;
font-size: 13px;
font-weight: bold;
padding-right: 20px;
color:#fff;
}

.custom-grid th a{
color: #6b6a69;
font-size: 12px;
font-weight: bold;
padding-right: 5px;
color:#fff;
}

.grid th:hover
    
{
/*border: 1px solid #e5e5e5;
background: #e5e5e5;    
color:#000;*/
}

.custom-grid th:hover
    
{
border: 1px solid #e5e5e5;
background: #f6f6f6;    
color:#000;
}

.grid th:hover a
    
{
color: #000;
text-decoration: none;   
cursor: pointer;
}

.custom-grid th:hover a
    
{
color: #000;
text-decoration: none;   
cursor: pointer;
}

.grid tfoot td{
border: solid 1px #94abb5;
border-bottom:0;
color:#333;

}

.grid .grid-footer td{
    padding-left:20px;
    font-weight:normal;
    font-size:12px;
    color:#333;
    height: 30px;
    font-weight: bold;
    color: #0070a3;
    background:#f2fbff;
}

.grid .grid-footer td a{
    padding-left:20px;
     font-weight:normal;
    font-size:12px;
    color:#333;
    padding:2px;
    margin-left:5px;
    text-decoration: none;
}

.custom-grid .grid-footer td a{
    padding-left:20px;
     font-weight:normal;
    font-size:12px;
    color:#333;
    padding:2px;
    margin-left:5px;
    text-decoration: none;
}

.custom-grid .grid-footer td {
    
    color: #34465a;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding-left: 20px;
}

.grid .grid-footer td a:hover{
    text-decoration: underline;
}

.custom-grid .grid-footer td a:hover{
    text-decoration: underline;
}

/* Buttons and Button Holders*/

/*button {
border: 1px solid #ccc;
background: #25a0da;
font-weight: normal;
color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:3px 10px;
}*/

button:hover {
border: 1px solid #272727;
background: #92D0EC;
font-weight: normal;
color: #aaa;
cursor: pointer;
}

a.button {
border: 1px solid #b0b0b0;
background:#dfdcdc;
font-weight: normal;
color: #333;
padding:3px 10px;
font-family:'Segoe UI',Verdana
}

a.button:hover {
border: 1px solid #ccc;
background: #fff;
font-weight: normal;
cursor: pointer;
text-decoration:none;
}



    button.t-button
    {
        color:#333;
    }

.button_holder
{
    float:right; margin-bottom:6px; margin-top:-5px
}

.fixedDiv
{
height: 7px;
margin-top: -15px;
}

.nav { 
    background: #25446a;      
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 28px;
    line-height: 0.99;
    text-transform: capitalize;
}
.menu-aside {
display:none;
background: none repeat scroll 0 0 #fff;
    color: #333;
    margin-left: 16.3em;
    overflow: hidden;    
    padding-left:0px;
    box-shadow: 1px 1px 3px #bbb;
}
    .menu-aside > li
    {
        
        list-style-type:none;
    }
        .menu-aside > li:hover {
        font-weight:normal;
        }
#bar1 > li > ul > li:hover .menu-aside {
display:inline-block;
position: absolute;
}
#bar1 {
   /* background: linear-gradient();
    color: white;
    overflow:none;
    font-size: 14px;
    font-weight:bold;
      height: 30px;*/
      margin: 7px 2px;
}

#bar1>li {
    font-weight: normal;
    display: inline-block;   
    
}
#bar1>li>a {

display: block;
padding: 0.41em 1em;
line-height: 13px;
cursor: pointer;
text-align: center;
color:#fff;
font-family:Calibri,Arial,helvetica,sans-serif;

}
   #bar1 > li > a img
    {
        vertical-align: middle;
    }
#bar1>li>a:hover,#bar1>li>a:active, #bar1>li>a:focus,#bar1>li:hover>a {
    background: #657380;
    border: none;
    color: #fff;
    font-weight:normal;
    text-decoration:none;
    /*height:14px;*/
   
}

#bar1>li>ul>li {
    background: gray;
     /*border: 2px solid white;
    border-top: none;*/
    /*left: 0;*/
    top: 30px;
    /*position: absolute;*/
    width: 100%;
}
.t-print
{
    background:url('images/Journeyplan_icon.png') no-repeat !important;
    margin-left:0px !important;
}

.dropdown-inside {
    padding-left: 0;
}
.dropdown-container {
    /*color: white;
    overflow: hidden;
    padding: 10px;*/
    background: none repeat scroll 0 0 #fff;
    color: #333;
    overflow: hidden;    
    position: absolute;
    box-shadow: 1px 1px 3px #bbb;
}

.dropdown-blurb {
    /*border-right: 2px solid orange;*/
    float: left;
    line-height: 14px;
    padding: 5px 0 0 7px;
    width: 200px;
    font-size: 13px;
font-weight: normal;
}

#bar1>li>ul>li .dropdown-links {
    float: left;
    border:thin; 

}

#bar1>li>ul>li .dropdown-links a, .menu-aside>li>a {
    color: #333;
    display: block;   
    text-decoration:none!important;   
    padding: 0.3em 2em 0.3em 0.97em;
    text-decoration: none;   
    font-size:15px;    
    line-height: 16px;
}
    #bar1 > li > ul > li .dropdown-links a img
    {
        margin-right:3px;
    }
#bar1>li>ul>li .dropdown-links a:hover {
    display: block;
    text-decoration:none!important;   
    
    text-decoration: none;     
    font-weight:normal;
     background:#25446a;
     color:#fff;


}
    .menu-aside > li > a:hover 
    {
     display: block;
    text-decoration:none!important;   
    text-decoration: none;     
    font-weight:normal;
     background:#25446a;
     color:#fff;
    }
#bar1>li:hover>ul>li{
    display:block;
}
#bar1>li>ul>li{
    display:none;
}

/* Popup Styles*/

.ui-dialog
{
    z-index: 2000;
}

/* FOOTER */
.footer{background: #c95502 url('images/footer.png'); clear:both;height:78px; text-align: center; padding:5px 3px;  position: fixed; bottom: 0px; background-color: #FFFFFF; width: 100%; z-index: 1000; }
.footer a{text-decoration:none;color:#FFF;}
.footer-disclaimer{float:right;font-size:12px;}
.footer-poweredby{float:left;font-size:12px;}
.footer-store-theme{float:right;margin:0 100px 0 10px;font-size:12px;}
.store-theme-list{background:#e3e3e3;border:solid 1px #3a3a3a;}
.change-device{clear:both;text-align:right;}


/* Fixed Header and Footer */

.fixed-header
{
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}

.content
{
height: 100%;
padding-top: 10px;
padding-bottom: 56px;
background: #fff;
padding-left: 10px;
padding-right: 10px;
min-height:400px;
}


/* Grid Styles */

.adminContent

#itsthetable table a:link {color: #CC6633;}
#itsthetable table a:visited {color: #CC6633;}
#itsthetable table a:hover {color: #999966;}
#itsthetable table a:active {color: #CC6633;}
#itsthetable table a:focus{color: #CC6633;}


#itsthetable table caption {
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: centered;
		text-transform: capitalize;
		}

	#itsthetable table{
		border: 1px solid #D9D9D9;
	}
	#itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;

	}
	#itsthetable table thead th{
		background-color: #E5E5D8;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:left;
		padding: 16px 9px;
		color:#592C16;
	}
	#itsthetable table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 6px 9px;
		background-color: #E5E5D8;
	}
	#itsthetable table tbody td{
			border-left: 1px solid #D9D9D9;
	}
	#itsthetable table tbody tr.odd{
		background-color: #F3F3F3;
	}
	
#itsthetable table tbody tr:hover {
	color: #333333;
	background-color: #E5E5D8;
}

#itsthetable table tbody tr.odd:hover {
color: #333333;
	background-color: #E5E5D8;
}
	
	#itsthetable table tfoot td, #itsthetable table tfoot th{
		border-top: 1px solid #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;
		
	}

#dialog-form img
{
    /*float:left;*/
    padding-right:10px;
}

#dialog-form td
{
    line-height: 25px;
	}
.error
{
    line-height: 10px;
}

/*datetime picker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/*datetime picker*/


/* Top Links */

.links a
{
    color:#fff;
}




/* Others Pages */
.jm_block1 input  

{
    float:left;
   
}

.jm_block1 select

{
    float:left;
  
}

.jm_block1 td
{
    vertical-align:top;
}

.add_route td
{
    vertical-align:top;
     width:auto;
}


.add_route img
{
    padding-top:2px;
}


/* Error  */

.error
{
    font-weight: bold;
    color: red; 
}

input
{
    /*height:20px;*/
}


#DriverChecked input{
vertical-align: middle;

}

.journeyplanfont td
{
    font-family:'Segoe UI', Verdana,Arial,sans-serif;
    font-size: 12px;
    width:auto;
}
.inputButton
{
    background: #25a0da;
    border: 1px solid #2190C4;
    border-radius: 3px !important;
    color: #fff;
    font-weight: normal;
     height: 24px;   
    padding: 2px 10px 5px;
    line-height: 19px;
}


.inputButton:hover
{
    border-color:#000;
/*background: #92D0EC;
font-weight: normal;
cursor: pointer;
color: #333;*/
}


.location_hide tr:last-child td:last-child
{
    display:none;
}

/*  dashboard configuratin setting button*/

.t-button-dashboard {

    background:  #dedede; /*  url("/Content/smoothness/humanity/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x ; */
    border-color: #1FACF2;
    color: #0D202B;
    padding:5px;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
}

    .t-button-dashboard:hover
    {
    color: #0D202B;
    opacity:0.8;
    cursor:pointer;
    }


/* Vehicle Inspction Checklist Create*/

.VehicleInspctionChecklist
{
    padding-top:15px;
}

.VehicleInspctionChecklist img
{
    /*padding-top:5px;*/
}


h2 {
  text-transform: uppercase;



}

.Three-Dee{
font-family: 'Segoe UI','Bookman Old Style', serif;
line-height: 1em;
color: #0060A3;
font-weight:bold;
font-size: 36px;
text-shadow:0px 0px 0 rgb(255,255,255),1px 1px 0 rgb(255,255,255),2px 2px 0 rgb(255,255,255),3px 3px 0 rgb(22,35,62),4px 4px 0 rgb(-6,7,34),5px 5px 0 rgb(-33,-20,7),6px 6px 0 rgb(-61,-48,-21),7px 7px 0 rgb(-89,-76,-49), 8px 8px 0 rgb(-117,-104,-77),9px 9px 8px rgba(0,0,0,1),9px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(0,0,0,.2);}

.Three-Deesup{
font-family: 'Segoe UI','Bookman Old Style', serif;

color: #FF5500;

font-size: 15px;
text-shadow:0px 0px 0 rgb(0,96,163),1px 1px 0 rgb(0,96,163),2px 2px 0 rgb(255,255,255),3px 3px 0 rgb(255,255,255),4px 4px 0 rgb(255,255,255),5px 5px 0 rgb(-33,-20,7),6px 6px 0 rgb(-61,-48,-21),7px 7px 0 rgb(-89,-76,-49), 8px 8px 0 rgb(255,255,255),9px 9px 8px rgba(255,255,255),9px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(255,255,255);}


table.grid tr.alternate-row td
{
    background-color:#ECFAFF !important;
    
}
.grid tr
{
    height:10px;
}

.ui-datepicker-trigger
{
    vertical-align:top;
    margin-left:2px;
}

.jplandashboardgrid th a
{
  font-size: 13px;
    padding-right: 0;
    width: 206px;
}

.jplandashboardgrid th
{
    padding: 3px 0 3px 3px;
}

.jplandashboardgrid td
{
    border-right:1px solid #94ABB5;
}

/* Load Users Page Grid - Reset Password Column Width */
.load_users_grid_header
{
    width:125px;
    width:10%;
}

/* Inner Page Buttons on Hover */

.ui-button:hover
{
   background: url("/Content/smoothness/humanity/images/ui-bg_glass_100_0088c7_1x400.png") repeat-x scroll 50% 50% #0088C7;
    border: 1px solid #3380A3;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
}


/* Image and Label Alignment */

img
{
    vertical-align:middle;
}

label
{
    vertical-align:middle;
}

input[type='checkbox']
{ 
vertical-align:middle;
}

/* Notification User*/

.notification_user
{
   width:100%;
}

.notification_user label
{
 display:inline;
 vertical-align: middle;
}

.notification_user input
{
 display:inline;
 vertical-align: middle;
}

.user_form_input input
{
    float:left;
}
.user_add_form
{
    width:100%;
}

.user_add_form td
{
    vertical-align:top
}
.user_add_form img
{
    padding-top:5px;
}
.add_form td
{
    vertical-align:top
}
.userexp_add_form img
{
    padding-top:2px;
}

.password_form td
{
    vertical-align:top
}
.password_form img
{
    padding-top:2px;
}


#map-canvas { height: 500px; }

  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 0.3em;
  }

.t-picker-wrap .t-select, .t-dropdown-wrap .t-select
{
    
    height: 24px !important;
    padding-top: 0px;
}
.t-grid-header
{
    background: #25446a !important;
}

.vehicle_details_form
{
    width: 100%;
    
}

.vehicle_details_form td.adminTitle
{
   /* width: 300px;
    height: 35px;*/
}

.vehicle_details_form .t-button 
{
    color: #333333;
    border-color: #CCCCCC;
}

.language_change select
{
    opacity: 0;
    position: absolute;
    margin-left: -58px;
}


.language_change span
{
    background: url('images/arrow_icon.png') center right no-repeat;
    float: left;
    height: 16px;
    min-width: 56px;
    text-align: left;
}
.language_change select:hover
{
    cursor: pointer;
}

#kilometersdisable, #kilometers_1, #subLocation_1, #minutes_1, #minutesdisable, #restminutes_1, #restminutesdisable
{
    background: #fff;
    border:0;
}
#RestLocationId_1, #restLocation_1
{
    background: #fff;
    border:0;
}
#deletefirst, #deleteButton_1
{
    background: none;
    border: none;
}

.t-upload-button
{
    border-radius:3px !important;
}
#Location-grid th
{
    border-right:1px solid #fff;
}
.ui-dialog .ui-dialog-buttonpane button
{
    color:#fff !important;
}
.footertitleback a{
    color: #555;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
}
.ui-widget-content {
border:1px solid #e6e6e6;
}
#journeyplanTable .ui-multiselect.ui-state-default{background: none repeat scroll 0 0 #fff; border: 1px solid #a4aeb7; border-radius:0; width:200px !important;}
#journeyplanTable .ui-multiselect.ui-state-default .ui-icon{background-image:url("/Content/smoothness/humanity/images/ui-icons_0078ae_256x240.png")}
#RouteDetails-Grid{margin: 10px 0; width:100%;}
#accordion, #accordion1{margin-top:10px}
#accordion h3, #accordion1 h3{font-size:13px;font-weight:600}
.jm_block1 input[type="radio"]{vertical-align:middle;}
#heavy_id{margin-left:20px;}
.Dash-Div{width: 49%; vertical-align: top; float: left; margin: 0 0 10px 10px; height: 320px;}
.Dash-Div .ui-tabs{padding:0px;}
.Dash-Div>.ui-tabs>table{width:97%; margin:0 10px}
.Dash-Div>div>div.t-widget.t-grid{margin:10px; height: 265px;overflow: auto;}
.Dash-Div>div>div.t-grid table{display: block;overflow-x: auto;}
.Dash-Div>div>div.t-grid table colgroup{width:100%}
.section-header .t-button{font-size:12px;}
.section-header a.t-button{border-radius:3px;}
.logout{background-color: #cd2f38;border-radius: 3px; color: #ffffff; font-weight: bold; padding: 3px 10px; text-decoration: none;}
a.logout:hover{text-decoration:underline;color:#fff;}
.login-info #localtime{margin-right:10px;}
.Dash-Div>tbody>td>a{color:#000 !important;}
textarea{border:1px solid #a4aeb7;}
.custom-grid>tbody>tr>td>text>a, .Dash-Div table.adminContent>tbody>tr>td>a,.custom-grid>tbody>tr>td>a{color:#000 !important;}
.mobile-nav {display: none;}
.top-button-div{float:right; display:block ; margin-top:-20px}
#Location-gridPopUp{width: 475px; margin-left: -237px !important;left:50% !important;}
table.add_form{margin-bottom:10px;}
.tabs-div{display:block;}
#tabs-2 .tabs2 td.adminTitle, #tabs-3 .tabs3 td.adminTitle{width:250px;}
#tabs-2 .tabs2 td.adminData, #tabs-3 .tabs3 td.adminData{width:auto;}
.tabs-div #EmergencyContactNumber, .tabs-div #PhoneNo{width:197px !important;}
.t-dropdown .t-state-default .t-input{background-color: #fff; border: 1px solid #a4aeb7; color: #000;}
#ReportDescription table{width:100%; border: 1px solid #a7a7a7 ;border-collapse: separate; empty-cells: show;}
#ReportDescription table tr:first-child td{border-color: #fff; border-style: solid; border-width: 0 0 1px 1px; vertical-align: middle;}
#ReportDescription table tr td{border-color: #e5e5e5;border-style: solid; border-width: 0 0 0 1px;line-height: 1.6em; overflow: hidden;  padding: 0.25em 0.6em; text-overflow: ellipsis; vertical-align: middle;}
#ReportDescription  p{margin:0;}
#hideshow h4{margin:10px 0 3px;}
.customer-pass-recovery td.adminTitle, .customer-pass-recovery td.adminData{width:auto;}
.up-arrow{background-image: url("/Content/2012.2.607/Metro/sprite.png");background-position: -16px -160px;height: 16px; width: 16px;background-repeat: no-repeat; display: block;}
.down-arrow{background-image: url("/Content/2012.2.607/Metro/sprite.png");background-position: -16px -177px;height: 16px; width: 16px;background-repeat: no-repeat; display: block;}
.up-down-arrow{display:inline-flex;border:1px solid #b0b0b0;float: left; line-height: 1.435;  margin-right: 3px; padding: 3px 6px;}
.jm_block1 #RouteDetails-Grid td{width:auto;}
#uploadshow td:first-child{width:140px;}



/*Popup*/
.ui-dialog.ui-widget{width:850px !important;left:50% !important;margin-left:-425px;top:17% !important;}
#Route-gridPopUp, div[id^=RouteDetails][id$=PopUp], div[id^=PassengerDetails][id$=PopUp], #JplanConfig-gridPopUp{ width: 425px;left:50% !important;margin-left:-180px !important;} 
#importexcel-window{ left:50% !important;margin-left:-200px !important;top:25% !important;} 
#JourneyPlan-gridPopUp{width:350px;left:50% !important;margin-left:-175px !important;top:17% !important;}
#RouteMainDetails td.adminTitle,#RouteMainDetails td.adminData  {width:auto;}
#DriverChecked{width:100%;}
#DriverChecked td{vertical-align:top;}
#DriverChecked .checkBoxClass{float: left;}
#DriverChecked img {float: left;margin: 0 3px;}
#DriverChecked .label{ float: left; width: 130px;word-wrap: break-word;}

.latitude td.adminData input{display: inline-block; width: 94px !important;}

.tbl-file-upload td
{
       vertical-align:top;
}
    

@media screen and (max-width:480px) 
{
    .t-grid-filter .t-icon {
        display:none;
    }
}

@media screen and (min-width: 200px) and (max-width: 700px)
{
    /*Menu*/
    .nav{height: auto;}
    .header-menu {display:none;}
    #bar1{margin:0; padding:0;}
    #bar1 > li {display: block; font-weight: normal; position: relative; vertical-align: top;border-top: 1px solid #6a6a6a;}
    #bar1 > li > a{text-align:left;font-size:14px;}
    .mobile-nav {background: none repeat-x scroll 0 0 #25446a; margin-top:10px;color: #fff; display: block; font-size: 15px; height: 30px; padding-left: 20px; padding-right: 20px; padding-top: 6px;}
    .navigate-icon { background: url("../Content/images/mobile-nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    }
    .dropdown-container{ margin-left: -33px;z-index: 1;}
    #bar1 > li > ul > li .dropdown-links{border:none;float:none;}
    .header{height:auto;}
    .header .logo{float:none;width:240px;}

    /*Tabs*/
    #tabs>ul>li{float:none;display:table;}
    .ui-tabs-panel table td{display:block;width:100%}
    .ui-tabs-panel table .t-no-data td{display:table-cell;}


    .tabs-div{display:inline-block;}
    colgroup{width:100%}
    #Journey-grid{margin-top:56px;}    
    #vehicle-grid{margin-top: 57px;}
    #JourneyTask-grid{margin-top:60px;}
    td.adminTitle{height:auto;}
    .ui-dialog.ui-widget{width:90% !important;left:4% !important;margin:0 auto;}  
    .ui-dialog.ui-widget table td{display:block; width:100%;}
    #report-grid{margin-top:32px;}
    input:focus, textarea:focus,select:focus{font-size:16px;}
    #Body_tbl{ display: -moz-stack;overflow-x: auto; width: 100% !important;}

    /*Routes*/
    #Route-gridPopUp,div[id^=PassengerDetails][id$=PopUp], div[id^=RouteDetails][id$=PopUp], #JourneyPlan-gridPopUp, #importexcel-window{ width:90% !important;left:4% !important;margin:0 auto !important;}    
    #importexcel-window .t-window-content.t-content{width:95% !important; height:auto !important;}
    #importexcel-window td{display:block;}
    #RouteMainDetails td, #JourneyPlan-gridPopUp td, #Route-gridPopUp td, div[id^=RouteDetails][id$=PopUp] td, div[id^=PassengerDetails][id$=PopUp] td{display:block;width:auto;}
    #JourneyPlan-grid{margin-top:36px;}
    #routeDetailTr>td, .routeDetailTr>td{display:-moz-stack !important;}
    #RouteDetails-Grid{width:300px;}
    .ui-tabs-panel #routeDetailTr #RouteDetails-Grid tbody td,.ui-tabs-panel #routeDetailTr #RouteDetails-Grid tfoot td,
    .ui-tabs-panel .routeDetailTr #RouteDetails-Grid tbody td,.ui-tabs-panel .routeDetailTr #RouteDetails-Grid tfoot td
    {display:table-cell;}

    /*Dashboard*/
    .Dash-Div > .ui-tabs > table{width: 100%; margin:0;}
    .custom-grid th{ padding: 2px 3px;}
    .custom-grid th a{font-size: 11px;padding-right:0px;}
    .Dash-Div{margin: 10px 0 10px;width: 100%;float:none;}
    .custom-grid{line-height:20px;}
    .Dash-Div>div>div.t-grid table{display:-moz-stack;}

    /*Journey Plan*/
    .fixedDiv{float:none;margin-top: 0; margin-bottom: 5px;}
    .top-button-div{margin-top:0px}
    #journeyplanTable>tbody>tr>td{display:block;}
    #journeyplanTable table.grid{width:100% !important;}
    .ui-tabs-panel table.inspTable td{display: table-cell; width: auto;}
    #DriverChecked .checkBoxClass{float: none;}
    #DriverChecked img {float: none;margin: 0 3px;}
    #DriverChecked .label{ float: none; width: 100%;word-wrap: break-word;}
    #showextrapermission #ExtranPermission{width:195px !important;}
    #PassengerDetails-Grid td{display:table-cell;}
    .journeyPlanDiv{margin-top:40px;}

    /*Location Page*/
    #Location-gridPopUp{width: 80%; margin: 0 auto !important;left:10% !important;}
    #Location-gridPopUp td.adminData .text-box.single-line, #Location-gridPopUp td.adminData textarea{width:200px;}
    #Location-gridPopUp .add_form td{display:block;width:100%;}

    /*Reports*/
    #ReportDescription table{display:block;overflow-x:auto;}
    .TableRoundedBorderNew .CreatedDates td{display:block;width:100%;}
    .TableRoundedBorderNew{margin-top:35px;}
    .full-width .ui-tabs-panel table td{display:table-cell;}
    .ui-tabs-panel #fileattachment-grid.t-grid table tbody td{display:table-cell;width:auto;}
    .featurebox table td{display:block;}
    .featurebox p img{width:100%;background-size:contain;}
    .t-upload-button #Attachments, .t-upload-button #attachments{width:94px !important;}

    /* Change password */
    table.password_form td, Table.qLTable td, table.qEDetails td{display:block;width:100%;}
    Table.mceLayout td{display:table-cell;}

    /*tables in mobile view*/
    .mobile-table {
        width:100%;
    }
        .mobile-table td {
            display:block;
        }
        /*Route list page*/
        #RouteDetails_11 td {
    font-size: 1em;
}
    
}

@media screen and (min-width: 700px) and (max-width: 1024px)
{
    colgroup{width:100%}
    #Journey-grid{margin-top:0;}
    #fileattachment-grid.t-grid table{display:table;}
    .ui-tabs-panel #fileattachment-grid.t-grid table tbody td{display:table-cell;width:auto;}

 /*Dashboard*/
.Dash-Div{margin: 0 0 10px;width: 100%;}
#bar1{padding:0;}
.nav{text-align:center;}
#bar1 > li > a{padding: 0.41em 5px;}
.featurebox #tabs-column img{width:100%;background-size:contain;}
 .t-grid-filter .t-icon {
        display:inline-block;
    }
}