@import "rounded-boxes.css";

html, body { height: 100%; width:100%; margin:0 0 0 0px; padding:0;}

fieldset {border:1px solid #ccd7e4;}
legend   {color:grey;}
textarea {overflow-y:auto}

a 	 {text-decoration:none;}
a:hover {text-decoration:underline;}

.blue {background-color:#eef2f7;}

.general{font-size:11px;font-family:tahoma,arial,verdana;font-weight:normal;color:#111111;}

.maindata:hover{color:black; }

#icons {margin-top:-20px;}

.buttons   {font-family:arial; 
            border:1px solid black;
            color:#FFFFFF;
            background-color:#35629c;
            height:18px;
            padding:3px;
            font-size:11px;
           }    

.toolbar_buttons   
           {font-family:arial; 
            border:1px solid black;
            color:black;
            background-color:white;
            height:18px;
            padding:3px;
            font-size:11px;
            vertical-align:center;
           }    

.back_button
           {
            background:url(../images/icon_back.gif);
           }

.calc_button
           {
            background:url(../images/calc.png);
           }

.find_address_button
           {
            background:url(../images/search.gif);
           }

.create_button
           {
            background:url(../images/new.gif);
           }

.okay_button
           {
            background:url(../images/okay.png);
           }
           

.save_button
           {
            background:url(../images/save.png);
           }
.cancel_button
           {
            background:url(../images/cancel.gif);
           }

.notes_button
           {
            background:url(../images/notepad.gif);
           }

.up_button
           {
            background:url(../images/arrow_up.gif);
           }

.down_button
           {
            background:url(../images/arrow_down.gif);
           }

.link_button
           {
            background:url(../images/link.png);
           }



.blank_button, .find_address_button, .create_button, .save_button, .cancel_button, .okay_button, .calendar_button, .notes_button, .up_button, .down_button, .link_button, .back_button, .calc_button
           {
            background-repeat: no-repeat;
            background-position: 2px center;
            font-family:arial; 
            border:1px solid black;
            color:black;
            background-color:white;
            height:18px;
            padding:2px;
            padding-left:20px;
            font-size:11px;
            vertical-align:center;
            margin-left:0px;
            font-weight:normal;
            cursor:hand;
           }    

.blank_button {padding-left:2px}

.calendar_button
           {
            background:url(../images/calendar.gif);
            width:16px;
            height:15px;
            padding-left:0px;
            vertical-align:middle;
            border:0px solid black;
           }

.link_button, .calc_button
           {
            height:18px;
            vertical-align:top;
           }

.calc_button
           {
            height:20px;
            vertical-align:top;
           }


.toolbar, toolbar_inner
        {
          background:#EFEFEF url(../images/bg_header_blue.gif);
          cursor:pointer;
          color:#fff;
          border:0px solid white;
          width:100%;        
        } 
 
.toolbar_inner, .toolbar_inner_selected
        {
          margin-left:5px;
          cursor:pointer;
          border:0px solid white;        
          color:white;
        } 

.toolbar_inner_selected
        {
          background-color:black;
        } 


.tableOptionsHeader
        {
          color:#BFCED;
          font-weight:bold;
          border:1px solid #BFCEDE; 
          background-color:#BFCEDE;
          width:90%;
          /* border:1px solid #35629c; */        
        }
        
.tableOptionsTopBar 
        {
          font-size:13px;
          height:20px;
          background-color:#BFCEDE;
          color:white;
        }

.options, .options1 
        {
           display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
           margin:0 0 0 0;
           text-align:left;
           width:600px;
           border:1px solid black;
           /*background:white;*/
           /*background-color:#BFCEDE;*/
           background:#EFEFEF url(../images/bg_long_blue.gif);
           color:white;
        }
        
.options1
        {
           background:#EFEFEF url(../images/bg_header_blue.gif);
           padding-top:1px;
           padding-bottom:1px;
        }        

.options
        {
           border-top:0px solid black;
        }
        
        
.option_header {
  display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
  float: left;
  font-weight: bold;
  font-size: 90%;
  white-space: nowrap;
  /*background:#EFEFEF url(../images/bg_long_blue.gif);*/
}

.option_header2
        {
           padding:0px;
           cursor:pointer;
           color:#000;
           background-color:#BFCEDE;
           /*background-color:white;*/
           border:1px solid black;
           /*color:Black;*/
           color:white;
           font-weight: bold;
           font-size:13px;
           text-align:left;        
        }

.option_header_min 
        {
         background:url(../images/minimize.gif);
        }

.option_header_max 
        {
         background:url(../images/maximize.gif);
        }

.option_header_min, .option_header_max
        {
    	  margin: 0px 10px 1px 0px;
         display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
         background-repeat:no-repeat;
         cursor:hand;
         width:16px;
  	  float:right;
        }

.datatable_header {padding:0;height:20px;font-family:tahoma,verdana,arial;font-size:11px;font-weight:bolder;color:white;background:#EFEFEF url(../images/bg_header_blue.gif);}
        
.pageTitle    {
          	     margin:0px 0px 0px 0px;
                 font-size: 12px;
                 font-weight: bolder;
                 font-family: 'arial' ,'sans-serif';
                 letter-spacing: -.06em;
                 padding:0;
                 color: #013474;
              }

.pageButtons  {
                 text-align:right;
                 display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
                 width:100%;
                 font-family:arial;
                 font-size:11px;
                 margin-top:-12px;
                 border:0px solid black;
              }

#pageOptions   {
                display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
                font-family:arial;
                font-size:11px;
                margin-top:2px;
                margin-left:5px;
                border:0px solid black;
                padding:0px;
               }

#menucontainer {
                display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
                font-family:arial;
                font-size:10px;
                /*float:left;*/
                margin-top:-3px;
                margin-left:5px;
                border-right:0px solid black;
                padding-right:0px;
                vertical-align:top;
               }

#maincontent {
              display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
              font-family:arial;
              font-size:11px;
              margin:0 0px 0 0;
              margin-left:0px;
              border-left:0px solid grey;
              padding:0px;
              /*background:#BFCEDE;*/
              background-color:white;
             }

#footercontainer {
              margin-top:1px;
              display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
              display:block;
              text-align:left;              
              font-family:arial;
              font-size:10px;
              border-top:1px solid black;
              padding:0px;
             }

.pageHeader {
                height:30px;
                width:100%;      
                margin:0 0 0 0px;
                border:0px solid #F0F0F0;
                padding:0;
               }

                 
#tableContainer {
                margin:0 0 0 0px;
                border:0px solid #F0F0F0;
                padding:0;
                height:90%;
                overflow-y:auto;
               }

        
h2  {
	     margin:0px 0px 0px 0px;
       font-size: 18px;
       font-weight: bolder;
       font-family: 'arial' ,'sans-serif';
       letter-spacing: -.06em;
       padding:0;
    }

.spacer {width:50px}

.headerbar {height:76px;
            width:100%;
            margin:0 0 0 0;}
            
.searchbar {text-align:right;
            display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            width:100%;
            font-family:arial;
            font-size:11px;
            margin-top:8px;
            border:0px solid black;}
            
.textbox_search {font-family:arial;
                 border:1px solid black;
                 color:#FFFFFF;
                 background-color:#35629c;
                 width:100px;
                 height:14px;
                 font-size:11px;
                 vertical-align:top;
                }
            
.button_search {font-family:arial; 
                border:1px solid black;
                background-color:#35629c;
                color:#FFFFFF;
                height:18px;
                font-size:11px;
               }    

.welcome_user {font-family:arial;
               font-size:12px; 
               color:'black';
               height:18px;
              }    

.header_line  {
              margin:0px;
              background-color: #ed037c;
              height:20px;
              }

.menu_cat_closed {
            color:white;
            text-align:left;
            display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            background:url(../images/arrow_side.gif); 
            background-repeat: no-repeat;
            background-position: left center;
            width:100%;
            font-family:arial; verdana;
            font-size:11px;
            font-weight:bolder;
            margin-top:6px;
            /*border-bottom:1px solid silver;*/
            cursor:pointer;}

.menu_cat_open {
            color:white;
            text-align:left;
            display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            background:url(../images/arrow_down.gif); 
            background-repeat: no-repeat;
            background-position: left center;
            width:100%;
            font-family:arial; verdana;
            font-size:11px;
            font-weight:bolder;
            margin-top:6px;
            /*border-bottom:1px solid silver;*/
            cursor:pointer;}


.menu_item {display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            width:100%;
            font-family:arial;
            color: #1122FF;
            font-weight:bolder;
            font-size:11px;
            margin-left:10px;
            margin-top:2px;
            border:0px solid black;}

.menu_item_selected {
            background:url(../images/arrow_left.gif);
            background-repeat: no-repeat;
            background-position: 120px center;
            display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            width:100%;
            font-family:arial;
            color: #1122FF;
            font-weight:bolder;
            font-size:11px;
            margin-left:10px;
            margin-top:2px;
            border:0px solid black;}


span.menu_item:hover {text-decoration:underline;}

.menu_header {padding:0;
              /*width:162px;*/
              height:17px;
              background:url(../images/menu_header.png1) no-repeat;
              margin-bottom:0px;
             }

.menu_middle_open {
              padding:6px;
              /*width:162px;*/
              background:url(../images/menu_middle.png1) repeat-y;
             }

.menu_middle_closed{
              display:none;
              padding:6px;
              /*width:162px;*/
              background:url(../images/menu_middle.png1) repeat-y;
             }

.menu_footer {padding:0;
              /*width:162px;*/
              height:10px;
              background:url(../images/menu_footer.png1) no-repeat;
             }

.menu_spacer {height:10px;}             


.page_heading {font-family:sans-serif;
               font-size:20px;
               font-weight:bolder;
              }

.section_heading {font-family:sans-serif;
                  color:#1122FF;
                  font-size:12px;
                  font-weight:bolder;
                  padding-bottom:7px;
                 }

.star {color:red}

.textbox, .textbox_readonly, .textbox_readonly_wide, .textbox_date,
.textbox_prod, .textbox_prod_address, .textbox_prod_time, .select_time, 
.select_prod, .selectbox, .textbox_wide    
                {font-family:sans-serif;
                 border:1px solid #ccd7e4;;
                 height:16px;
                 font-size:11px;
                 padding:1px;
		             width:175px;
                }

.textbox_date   {width:80px}
.select_time    {height:19px;
                 width:40px}

.selectbox {height:19px}                
.textbox_readonly
                {width:50px;
                 background-color:lightgrey;
		             vertical-align:middle;
                }
                
.textbox_readonly_wide
                {width:100px;
                 background-color:lightgrey;
                }

.textbox_wide
                {width:100px;}

.textbox_prod, .textbox_prod_address, 
.textbox_prod_time, .select_prod  {height:15px;font-size:9px;width:50px;}
.textbox_prod_address   {width:90px; }
.textbox_prod_time   {width:40px;}
.select_prod   { width:80px; }

.label1         {font-family:sans-serif;
                 font-size:12px;
                 width:150px;
                 text-align:right;
                 display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
                }

.input1         {font-family:sans-serif;
                 font-size:12px;
                 width:150px;
                 text-align:left;
                 display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
                }

#locationbox    {position:absolute;
                 display:none;
                 border:1px solid grey;
                 background-color:#ffffff;
                 layer-background-color:#ffffff; 
                }
                                
.windowclose {text-align:right;
            display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
            width:100%;
            color:white;
            font-family:sans-serif;
            font-size:11px;
            margin-top:0px;
            border:0px solid black;}
                                
  
  .grid {
          border:1px solid black;
          padding:0px;
          border-collapse:collapse;
          font-family:sans-serif;
          font-size:11px;
        }
  
  .header_cell {
                border:1px solid black;
                background-color:lightgrey;
                height:15px;
               }
               
  .normal_cell {
                border:1px solid black;
                background-color:white;
                height:15px;
               }

  .cell_selected {
                    border:2px solid black;
                    background-color:white;
                 }
                
  .celltextbox {
                    border:0px solid black;
                    background-color:white;
                    height:15px;
                    font-family:sans-serif;
                    font-size:11px;
                 }


#supplierbox    {position:absolute;
                 display:none;
                 border:1px solid grey;
                 background-color:#ffffff;
        layer-background-color:#ffffff; 
                }
                
#vehicletypesbox    {position:absolute;
                     display:none;
                     border:1px solid grey;
                     background-color:#ffffff;
                     layer-background-color:#ffffff; 
                }

.mainoptions {
                margin:0 0 0 0;
                border:0px solid #fff;
                padding:0px;
                height:95%;
                overflow-y:auto;
               }

#cancel_date, #journey_date, #booking_date, #return_date { width:88px;}
#product_qty, #cancel_time_hour, #cancel_time_mins, #journey_time_hour, #journey_time_mins, #booking_time_hour, #booking_time_mins, #return_time_hour, #return_time_mins, #product_prefix{width:40px}


.prodtable {border:1px solid black;margin:0px;padding:0px;height:20px;font-family:tahoma,verdana,arial;font-size:9px;font-weight:bolder;color:black;background:silver;}
.prodtable_headerrow {text-align:center;padding:0;height:20px;font-family:tahoma,verdana,arial;font-size:9px;font-weight:bolder;color:black;background:silver;}
.prodtable_row {text-align:center;padding:0;height:20px;font-family:tahoma,verdana,arial;font-size:9px;font-weight:bolder;color:black;background:white;}

                
.right_spacer  { width:30px;
               }

.soptions{
  behavior: url(/styles/border-radius.htc); /* ie 8 */
  -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px;
  border:0px solid #fff;
}

.css-vertical-text {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
  white-space:nowrap;
	display:block;
	bottom:0;
	stext-shadow: 0px 0px 1px #333;
}

.tblheader_plain {
  border:1px solid white;
  border-bottom:1px solid grey;
  border-right:1px solid grey
}

.tblheader_dotted {
  border:1px dotted white;
  border-bottom:1px dotted grey;
  border-right:1px dotted grey
}

.tblheader_silver {
  background:url(../images/th_silver.png);
  border:1px solid white;
  border-right:1px solid grey;
  border-bottom:1px solid grey
}

.tblheader_silver2 {
  background:url(../images/1x30_grey.png);
  border:1px solid white;
  border-right:1px solid grey;
  border-bottom:1px solid grey;
}

.tdcell_white{
  background-color:white;
  border:1px solid white;
  border-right:1px dotted grey;
  border-bottom:1px dotted grey;
}

.tblcell_white {
  display:block;
  background-color:white;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width:100%;
}


.product_button {
  background:url(../images/th_silver.png);
  border:1px solid white;
  border-right:1px solid grey;
  border-bottom:1px solid grey;
  font-family:arial;
  font-size:8px;
  vertical-align:top;
}

                                  
.textbox_max  {background-color:transparent;
               font-family:sans-serif;
               border:0px solid white;
               font-size:9px;
               padding:1px;
               width:99%;}
                                  
                                  
.ui-dialog-titlebar {font-size:14px;height:20px}                                  
                                  
.addr { background:url(../images/btn_down.png);
        background-repeat: no-repeat;
        background-attachment:fixed;
        background-position: right center;
      }                                  

/* Custom Styles for the supplier last call status */
/*
.slick-cell {color:black;}
*/

.greenRow { background-color: green !important; color:white !important; }
.redRow { background-color: red !important; color:white !important }
.yellowRow { background-color: yellow !important; }
.greyRow { background-color: grey !important; color:white !important }
.purpleRow { background-color: purple !important; color:white !important }

/* Custom Styles for the tracking screen */
*.slick-row.standDownRow *.slick-cell { color: blue; }
*.slick-row.elapsedRow *.slick-cell { color: red !important}
*.slick-row.priorityRow *.slick-cell { background-color: yellow; color:black}
*.slick-row.emergencyRow *.slick-cell { background-color: pink; }
*.slick-row.asapRow *.slick-cell { background-color: #ed037c; color:white !important}
*.slick-row.asapRow *.slick-cell a { color:white !important}

*.slick-row.torecruitRow *.slick-cell { background-color: cyan;  color:black !important}
*.slick-row.torecruitRow *.slick-cell a { color:black !important}

*.slick-row.provrecruitRow *.slick-cell { background-color: #9F81F7; color:black}
*.slick-row.provrecruitRow *.slick-cell a { color:black}

*.slick-row.cancelledRow *.slick-cell { background-color: lightgrey; color:black !important}
*.slick-row.cancelledRow *.slick-cell a { color:black !important}



*.slick-row.associatedVehicleText *.slick-cell { color: text; }


		.loading-indicator {
			display: inline-block;
			padding: 12px;
			background: white;
			-opacity: 0.5;
			color: black;
			font-weight: bold;
			z-index: 9999;
			border: 1px solid red;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 0 0 5px red;
			-webkit-box-shadow: 0px 0px 5px red;
			-text-shadow: 1px 1px 1px white;
		}

		.loading-indicator label {
			padding-left: 20px;
			background: url('/slickgrid/images/ajax-loader-small.gif') no-repeat center left;
		}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


.formrow	{
			font-size:10px;
			width:100%;
			float:none;
			line-height:2.5em;
			border:0px solid black;
		}

.formrow_item {
			display:table-cell;
			width:100px;
			padding-right:5px;
			text-align:right;
			font-weight:bolder;
		}
	
.maxwidth	{
			width:100%;
		}

.nested	{
			width:90px;
		}

.formrow_value{
			display:table-cell;
			width:auto;
		}

@keyframes glowing {
  0% { background-color: #FF9BA0; box-shadow: 0 0 3px #FF9BA0; }
  50% { background-color: #FF000C; box-shadow: 0 0 10px #FF000C; }
  100% { background-color: #FF9BA0; box-shadow: 0 0 3px #FF9BA0; }
}

.glowbutton {
  animation: glowing 1500ms infinite;
}



/** Popup Tool Tips and Content **/

.tip_box {
    display:block;
    height:30px;
    position:absolute;
    z-index:5;
}

.tip_arrow {
    display:block;
    position:absolute;
    top:5px;
    left:-12px;
    width:12px;
    z-index:102;
}

.tip_box.right .tip_arrow {
    top: 5px;
    right: -12px;
    left: auto;
}

.flip-x {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.tip_content {
    height:auto !important;
    height:20px;
    min-height:20px;
    padding:10px;
    border:1px solid #666;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    z-index:3;
    position:absolute;
    top:0;
    left:-1px;
    min-width:400px;
    line-height: 1.15rem;
}

.tip_content .links {
    margin-top: 0.7em;
    padding-top: 0.4em;
    border-top: 1px solid #ddd;
}

.tip_content .links a {
    color: #548dd4;
}

.tip_content hr {

    color: #ddd;
    background-color: #ddd;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 0.2em 0;
    width: 100%;
}

.tip_close {
    position:absolute;
    top:0.3em;
    right:0.5em;
    text-decoration:none;
}

.tip_shadow {
    display:none;
    background:#000;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
    zoom: 1;
    position:absolute;
    z-index:200;
    top:0;
    left:0;
    width:auto !important;
    width:310px;
}

.tip_menu {
    margin:10px 0 0 0;
    padding:5px 0;
    border-top:1px solid #aaa;
    height:16px;
    font-size:9pt;
}

.tip_menu li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}

.tip_menu li a {
    display:block;
    width:auto;
    float:left;
    padding:0 10px;
    border-right:1px solid #ddd;
    color:#666;
}

.tip_menu li a:hover {
    color:#E76C74;
}

.tip_content form {
    display:none;
    line-height:24px;
}

.tip_content select, .tip_content textarea {
    width:295px;
}

.tip_content textarea {
    padding:0;
    border:1px solid #aaa;
    background:#fff;
}

.tip_content form p {
    margin:0;
    width:auto !important;
    width:295px;
    text-align:right;
    line-height:24px;
}

.tip_content h1 {
    font-size: 13pt;
    margin-top: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #ddd;
    padding-right: 1.5em;
}

i.help-tip {
    vertical-align: inherit;
    color: #aaa;
    opacity: 0.8;
}
i.help-tip:hover {
    color: orange !important;
    cursor: pointer;
    opacity: 1;
}

caption > i.help-tip {
    color: white;
    opacity: 0.2;
}
caption:hover > i.help-tip {
    color: orange;
    color: #ffc20f;
    opacity: 1;
}

h2 > i.help-tip {
    vertical-align: baseline;
    font-size: 11pt;
}
.form_table th h4 i.help-tip {
    color: white;
}


.redRowFlash { background-color: red !important; 
		 color:white !important;
  		 animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.pac-container { width: 300px !important}