body {/*color: #f3f3f3; */margin: 0;padding: 0; color:#535353; font-size: 13px;margin: 0;padding: 0; font-family: 'Tahoma',  Arial,  Sans-Serif; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: url("font/roboto-v18-latin_latin-ext-300.eot");
	/* IE9 Compat Modes */
	src: local("Roboto Light"), local("Roboto-Light"), url("font/roboto-v18-latin_latin-ext-300.eot?#iefix") format("embedded-opentype"), url("font/roboto-v18-latin_latin-ext-300.woff2") format("woff2"), url("font/roboto-v18-latin_latin-ext-300.woff") format("woff"), url("font/roboto-v18-latin_latin-ext-300.ttf") format("truetype"), url("font/roboto-v18-latin_latin-ext-300.svg#Roboto") format("svg");
	/* Legacy iOS */
 }
 /* roboto-regular - latin */
 @font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("font/roboto-v18-latin_latin-ext-regular.eot");
	/* IE9 Compat Modes */
	src: local("Roboto"), local("Roboto-Regular"), url("font/roboto-v18-latin_latin-ext-regular.eot#iefix") format("embedded-opentype"), url("font/roboto-v18-latin_latin-ext-regular.woff2") format("woff2"), url("font/roboto-v18-latin_latin-ext-regular.woff") format("woff"), url("font/roboto-v18-latin_latin-ext-regular.ttf") format("truetype"), url("font/roboto-v18-latin_latin-ext-regular.svg#Roboto") format("svg");
	/* Legacy iOS */
 }
 /* roboto-500 - latin */
 @font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	src: url("font/roboto-v18-latin_latin-ext-500.eot");
	/* IE9 Compat Modes */
	src: local("Roboto Medium"), local("Roboto-Medium"), url("font/roboto-v18-latin_latin-ext-500.eot#iefix") format("embedded-opentype"), url("font/roboto-v18-latin_latin-ext-500.woff2") format("woff2"), url("font/roboto-v18-latin_latin-ext-500.woff") format("woff"), url("font/roboto-v18-latin_latin-ext-500.ttf") format("truetype"), url("font/roboto-v18-latin_latin-ext-500.svg#Roboto") format("svg");
	/* Legacy iOS */
 }
 /* roboto-700 - latin */
 @font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: url("font/roboto-v18-latin_latin-ext-700.eot");
	/* IE9 Compat Modes */
	src: local("Roboto Bold"), local("Roboto-Bold"), url("font/roboto-v18-latin_latin-ext-700.eot#iefix") format("embedded-opentype"), url("font/roboto-v18-latin_latin-ext-700.woff2") format("woff2"), url("font/roboto-v18-latin_latin-ext-700.woff") format("woff"), url("font/roboto-v18-latin_latin-ext-700.ttf") format("truetype"), url("font/roboto-v18-latin_latin-ext-700.svg#Roboto") format("svg");
	/* Legacy iOS */
 }
@font-face {
  font-family: Roboto;
  font-style: normal;
}
select option {
    max-width:350px !important;
    word-break: break-all;
    white-space: inherit;
}

.ficon{font-size:22px !important;}

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

.shadow h4{font-family:'Open Sans', Tahoma, Arial, Sans-Serif; font-size:21px;  line-height:25px; margin:0px; padding:0px; background:#f3f3f3; font-size:14px; font-weight:bold;}
select{ min-height: 21px;  font-family: 'Tahome',  Arial, Open Sans, Sans-Serif; font-size: 12px;}

.verticaltext{ font: normal 10px; background-color: #3399CC; color: White; writing-mode: tb-lr; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); font-size: 11px; height: 113px; width: 22px; font-weight: normal;}
.verticaltext1{ font: normal 10px ; background-color: #3399CC; color: White; writing-mode: tb-lr; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); font-size: 11px; border: 1px; height: 80px; width: 22px; font-weight: normal;}
.verticaltext2{ font: bold 10px ; background-color: #3399CC; color: White; writing-mode: tb-rl; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); font-size: 11px; border: 1px; height: 45px; width: 30px; font-weight: normal;}
.verticaltext5{ font: bold 10px ; background-color: #3399CC; color: White; writing-mode: tb-lr; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); font-size: 11px; border: 1px; height: 132px; width: 22px; font-weight: normal;}

.Vert_stbtext23{ filter: flipV() flipH(); writing-mode: tb-rl; font-weight: bolder; border-bottom-color: #999999; border-right-color: #999999;}
/*
.verticaltext { font:bold 10px Open Sans; color: #0000FF;  filter: flipH() flipV(); writing-mode: tb-lr;     background-color: #5588bb; font-weight: bold; font-size: 12px; color: White;    border-spacing: 3px; border: 1px solid #efefef; filter: flipH() flipV(); }*/

.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; width: auto; height: 100px; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-shadow: 0px 0px 1px #333; border: 1px;}


/*------------------------------PAGE/POPUPS/CONTROLS/GRADIENTS/TOOL TIPS STYLE--------------------------------------*/
.page-title{ border: 1px solid #cccccc; height: 20px; vertical-align: bottom; background: url(../Images/bg.png) left -10px repeat-x;  text-align: left; padding: 2px;
              background-color: #f2f2f2; text-align: center; font-weight: bold; line-height:19px; display:none;}
.page-content-main{ }
.page-content{ }
.button-css{ height: 20px;  letter-spacing: normal; font-size: 12px; border: 1px solid gray;}
.textbox-css{ font-size: 10px; }
.dropdown-css{ font-size: 11px;  background-color: White;}
.select-css{ position: relative; top: 25px; height: 25px; vertical-align: bottom; font-size: 12px;}
.radio-css{ color: Green;}
.checkbox-css{ color: Green;}
.listbox-css{ color: Green; border-style: solid; border-color: Green; border-width: 1px;}
.label-css{   font-size: 13px; }

.popup-css{ border: 4px solid #d9d9d9; background-color: #F5F5F5;  }

.Paging-link-nav{ border: 1px solid gray; text-decoration: none;}

.popUp-title{  border-bottom:1px solid #d9d9d9;
    text-align: left;
    font-weight: bold;
    padding: 5px;
}

.cradio{text-align:left;}
.cradio input[type="radio"]{float:left; margin-right:5px; margin-left:0px}
.cradio input[type="checkbox"]{float:left; margin-right:5px; margin-left:0px }
.cradio label{float:left; line-height:18px;}
.cradio1 table{width:100%;}
        .cradio1 table td{float:left; border:0px solid red; padding-right:10px; font-size:12px;}
        .cradio1 table td input{float:left; margin:0px 3px 0px 0px;}
        
.inindex {background-color: ; border:1px solid #d9d9d9; padding:5px; height: 47px; cursor: pointer; font-weight: bold; text-align: left; color:#3498db; margin-right:5px}
.inindexb {background-color: #3498db; border:1px solid #3498db; padding:5px; height: 47px; cursor: pointer; font-weight: bold; text-align: left; color:#fff;}

.circle{border:1px solid #d9d9d9; background:#f2f2f2; border-radius:50px; display:inline-block; height:30px; width:30px; padding:5px; color:#535353; text-align:center; vertical-align:bottom; line-height:30px;}
/*------------------------------GRID STYLE--------------------------------------*/


/* ----- =============== --------------------*/
/*------- INTERVIEW PLANNER ---------------*/
/* ----- =============== --------------------*/

.headerText{ font-weight: bold; font-size: 12px;}
.calTable{ width: 100%; border: 1px solid #dcdcdc;}
.cellMonth{ font-size: 13px; font-weight: bold; background-color: #f2f2f2; padding: 5px;}
.cellMonth td{ padding: 5px;}
.cellDHeader{ font-size: 13px; font-weight: bold; background-color: #f2f2f2;}
.cellDHeader td{ padding:5px;}
.cellToday{ font-size: 10px; border: 1px solid #3498db;  width: 80px; vertical-align: top;}
.cellDay{ font-size: 10px; border: 1px solid #d9d9d9;  width: 80px; vertical-align: top; height:50px;}



.PMSGridHeaderStyle-css{ padding:7px 5px !important; background: #d9d9d9; border: none;  font-weight: 600; border-right: 1px solid #c9c9c9; height: 21px !important; font-size: 12px; color:#535353;}
.PMSGridHeaderStyle-css th{  padding:7px 5px !important; background: #d9d9d9; border: none;  font-weight: 600; border-right: 1px solid #c9c9c9; height: 21px !important; font-size: 12px; color:#535353;}
.PMSGridAlternatingRowStyle-css{ /*EDF1F8*/ background-color: #F6F6F6; color: #333333; font-size: 12px;  padding:7px 5px !important;}
.PMSGridAlternatingRowStyle-css :hover{ background-color: #DDEBF7 !important;}
.PMSGridAlternatingRowStyle-css td{ padding:7px 5px !important; color: #535353;  border: 0px solid #f2f2f2;  font-size: 12px; }
.PMSGridAlternatingRowStyle-css td:hover{  background-color: #DDEBF7 !important; }
.PMSGridSelectedRowStyle-css{ background-color: #DDEBF7 !important;}

.PMSGridRowStyle-css{ font-size: 12px; background-color: white; color: #333333;  padding:7px 5px !important; }
.PMSGridItemStyle-css{ border: 1px solid #efefef; font-size: 12px; } 
.PMSPagerStyle-css{ background-color:#D8D8D8;   text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #efefef;}

#blur-on-updateprogress{position: absolute; left: 49%; top: 10px; z-index: 201; text-align:center}

#dvDisabled{ width: 100%; background:  moz-opacity: 0.5; khtml-opacity: .5; opacity: .5; filter: alpha(opacity=50); z-index: 700; height: 100%; position: absolute; top: 0; left: 0;}

.GridView-css{ border-collapse: collapse; border: 1px solid #959EAF; font-size: 12px; }
.HeaderStyle-css{ background:#d9d9d9; /*background: url(../Images/gradient-blue.png) left -500px repeat-x;*/  font-size: 12px;  border-collapse: collapse;}
.HeaderStyle-css th{  border-collapse: collapse; padding:7px 0px !important; font-size: 12px; }
.HeaderStyle-css th .HeaderStyle-css-2{ background: gray !important; }
.HeaderStyle-css th:hover .HeaderStyle-css-2{ background: gray !important; }

.AlternatingRowStyle-css{ /*EDF1F8*/ background-color: #F6F6F6; color: #333333; font-size: 12px; }
.AlternatingRowStyle-css td{ border-bottom: 0px solid #EAEAEA;}

.RowStyle-css{ font-size: 12px; background-color: white; color: #333333;}
.RowStyle-css td{ border-bottom: 0px solid #EAEAEA;}
.gridmain-css{ border-collapse: collapse; border: 0px solid #959EAF; font-size: 12px; }

.FooterStyle-css{ background: url(../Images/gridheaderbg-silver-image.png) left -20px repeat-x; color: #333333; background-color: #d9d9d9; font-weight: bold;  border: 1px solid #959EAF;}
.FooterStyle-css td{ border: 1px solid #959EAF; border-collapse: collapse;}

.SelectedRowStyle-Css{ background-color: Navy; color: #d9d9d9; }
.EmptyDataRowStyle{}

.SortedAscendingCellStyle-css{}
.SortedAscendingHeaderStyle-css{}
.SortedDescendingCellStyle-css{}
.SortedDescendingHeaderStyle{}

.tdHeaderBackGround{  padding: 0px;   font-weight: bold; height: 22px;}

/* Grid Footer Entry - Mandatory and Non Mandatory fields*/
.gridinput{ background-color: #FFFFFF;  color: #333333; border: 1px solid #9f9fff; width: 100%; height: inherit;}

.gridinput_mandatory{ background-color: #FFFFFF;  color: #333333; border: 1px solid #ff9191; /*ff0000*/ width: 100%;}

.gridposition{ position: relative;}

.gridnavlink{ color: #ffffff;}
/* Screen Entry - Mandatory and Non Mandatory fields*/

.input_lable{ color: #000080;}

.input{ background-color: #FFFFFF;  font-size: 11px; color: #333333; border: 1px solid ActiveBorder; height: inherit;}

.input_mandatory{ background-color: #FFFFFF;  font-size: 11px; color: #333333; border: 1px solid #ff9191; /*ff0000*/ width: 120px; height: inherit;}

/*style for Readonly Text Box*/
.readonlytextbox{ background-color: #EEEEEE; border: 1px solid #D6D5B6;  font-size: 11px; color: #333333; height: inherit;}

/*style for mandatory dropdownlist*/
.dropdown_mandatory{ background-color: #FFFFFF;  font-size: 11px; color: #333333; border: 1px solid #ff9191; /*ff0000*/}
.DataGrid-HeaderStyle{ background-color: #5588bb; color: #ffffff; font-weight: bold; position: relative; cursor: default; z-index: 10;}

.datagrid_alternatingstyle{ background-color: #f9f9fa;}

.datagrid_footerstyle{ color: #000066; background-color: #dfdfdf;}

.datagrid_selectedstyle{ background-color: #bbddff; font-weight: bold;}

.datagrid_pagestyle{ background-color: #88bbee;}

/*Grid Messages */
.grid_statusmessage{ visibility: visible; height: 65px; width: 300px; left: 350px; top: 0px; background-color: #bddeff; border: solid 1px #043b76; color: #043b76; text-align: center; position: fixed;}
.centeralinment{ text-align: center;}

/* ---------------------------------------------------- E-FORMS ----------------------------------*/
.eform-report-header{ font-weight: bold; font-size: 16px; text-align: center;  }
.eform-report-sub-header{ font-weight: bold; font-size: 14px; padding: 4px; text-align: center; background-color: #cccccc;}
.eform-header-row{ font-weight: bold; font-size: 12px; background-color: gray; text-align: center;}
.eform-field-caption{ font-weight: bold; font-size: 12px; min-height: 20px; padding: 4px;}
.eform-field-data{ font-weight: normal; font-size: 12px; padding: 4px; background-color: #FAF8CC; min-height: 20px;}
.eform-report-table{}
.eform-vertical-text{ writing-mode: tb-rl; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); font: bold 16px verdana; font-weight: normal;}

.tbl-common-Css{ width: 100%;  border-collapse: collapse;}

.tbl-common-Css th  { padding:7px 5px !important; background: #d9d9d9; border: none;  font-weight: 600; border-right: 1px solid #c9c9c9; height: 21px !important; font-size: 12px; color:#535353;}
.tbl-common-Css th:nth-of-type(last-child)  {border-right:none !important; }
.tbl-common-Css th a { color: #535353; }
.tbl-common-Css td { padding:7px 5px !important; color: #535353;  border: 0px solid #f2f2f2;  font-size: 12px;  }
.tbl-common-Css td i {   font-size: 16px !important;  }
.tbl-common-Css td a {color:#535353;}
.tbl-common-Css td a:hover {color:#535353;}
.tbl-common-Css td a:hover {color:#535353;}
.tbl-common-Css td:nth-type(last-child) img {margin-right:5px;}
.tbl-common-Css tr:hover  { background-color: #DDEBF7 !important; }
.tbl-common-Css tr:nth-child(odd)  {  background: #fff;  }
.tbl-common-Css tr:nth-child(even) {  background: #f9f9f9 ;  }

.tbl-common-Css tr td table tr:nth-child(odd)  { background:none !important;  }
.tbl-common-Css tr td table tr:nth-child(even) { background: none !important; }
.tbl-common-Css tr td table tr:hover  { background-color:none !important; }
.tbl-common-Css tr tr td { padding: 1px  !important; color: #535353;  border: 0px solid #fff;  font-size: 12px; height:5px; word-break:break-all;}
.tbl-common-Css table{border-collapse:collapse;}

.hdr-common-Css{ background-color: #d9d9d9; font-weight: bold; font-size: 12px; }
.row-common-Css{ font-size: 12px; background-color: transparent;  }

.hdr-common-Css-Vertical{ background-color: transparent; font-weight: bold;     border: 1px solid #cccccc; width:200px; vertical-align:top;}

.row-common-Css-Vertical{ background-color: transparent;   text-align: left;  border: 1px solid #cccccc; padding-left: 5px; }

.tdh{ font-size: 11px; text-align: right; padding: 0px 3px 0px 0px; width: auto; vertical-align: middle; font-weight: bold; }
.tdd{ font-size: 11px; text-align: left; padding: 0px 0px 0px 3px; width:auto; vertical-align: middle;}


/*-- module popup new css --*/
.moheader {padding: 6px 20px 6px 6px;
    word-break:break-all;
    word-wrap:break-word;
    background-color: rgb(52, 152, 219);
    color: white;
    font-weight: bold;
    cursor: move;}
.moder {z-index: 1000 !important; position:absolute; border:1px solid #d9d9d9; background:#fff; padding:1px !important; top:15%; left:30%; }

/*-- module popup new css --*/

/*--- New css created by designer for generic design structure  --*/
.popheader{background: #f2f2f2;    border-bottom: 1px solid #d9d9d9;    font-weight: bold; padding:5px;    text-align: left;}
.gheader{   font-weight: bold; padding:5px;    text-align: left; font-size:15px;}


.shadow 
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    padding: 1px;
    z-index: 2;
}

.link {color:#535353 !important; text-decoration:none;}
.link:hover {color:#3498db !important; text-decoration:none;}

.ajax__fileupload{border:none !important;}

/*-- Table design css  --*/
.TFtable th  { padding:7px 5px !important; background: #d9d9d9; border: none;  font-weight: 600;  box-shadow:inset 1px 0px 0px #c9c9c9; height: 21px !important; font-size: 12px; color:#535353;} /*border-right: 1px solid #c9c9c9; */
.TFtable th:nth-of-type(last-child)  {border-right:none !important; }
.TFtable td:nth-type(last-child) img {margin-right:5px;}
.TFtable th a { color: #535353; cursor:pointer; }
.TFtable td { padding:7px 5px !important; color: #535353;  border: 0px solid #f2f2f2;  font-size: 12px;  word-break:break-all;  white-space: initial; }
.TFtable tr.norecord td{ text-align:left; color:#535353 !important; line-height:25px; text-transform:capitalize; border-top: 0px solid #d9d9d9 !important;}

.norecord {text-align:left; color:#535353 !important; line-height:25px; text-transform:capitalize; }

.TFtable td i {   font-size: 16px;  }
.TFtable td a { cursor:pointer;  color: #535353; }
.TFtable td a:hover { cursor:pointer;  color: #3498db !important; text-decoration:underline!important; }
.TFtable tr:hover  { background-color: #DDEBF7 !important; }
/*.TFtable tr:hover td a { cursor:pointer;  color: #3498db !important; }*/
.TFtable tr:nth-child(odd)  {  background: #fff;  }
.TFtable tr:nth-child(even) {  background: #f9f9f9 ;  }

.TFtable tr td table tr:nth-child(odd)  { background:none !important;  }
.TFtable tr td table tr:nth-child(even) { background: none !important; }
.TFtable tr td table tr:hover  { background-color:none !important; }

.TFtable tr tr td { padding: 1px  !important; color: #535353;  border: 0px solid #fff;  font-size: 12px; }
.TFtable table{border-collapse:collapse;}

/*-- for double header only --*/

.TFtable2 th  { padding:2px 5px; background: #d9d9d9; border: none;  font-weight: 600; border-left: 1px solid #c9c9c9; height: 20px;  font-size: 12px; color:#535353; }
.TFtable2 tr th:nth-of-type(first-child)  {border-right:none !important; }
.TFtable2 th a { color: #535353 ; cursor:pointer; } 
.TFtable2 td a { cursor:pointer;  color: #535353; } 
.TFtable2 tr:hover td a { cursor:pointer;  color: #3498db !important; }
.TFtable2 td {  padding:5px !important; color: #535353;  border: 0px solid #fff;  font-size: 12px; word-break:break-all;  white-space: initial;  }
.TFtable2 td:nth-type(last-child) img {margin-right:5px;}
.TFtable2 tr:hover  { background-color: #DDEBF7 !important; }
.TFtable2 tr:nth-child(odd)  {  background: #fff;  } 

.TFtable2 tr tr td { padding: 1px  !important; color: #535353;  border: 0px solid #fff;  font-size: 12px; }
.TFtable2 table{border-collapse:collapse;}

.TFtable2 tr:nth-child(even) {  background: #f9f9f9 ;  }

.TFtable2 tr.norecord td{text-align:left; color:#535353 !important; line-height:25px; text-transform:capitalize; border-top: 1px solid #d9d9d9 !important;}

.TFtable2 tr table { padding:0px; margin:0px; }
.TFtable2 tr table tr:nth-child(odd)  { background:none !important;  }
.TFtable2 tr table tr:nth-child(even) { background: none !important; }
.TFtable2 tr tr td { padding: 0px; color: #535353;  border: 0px solid #fff;  font-size: 12px;  }


.TFtable3 { width:100%; position:relative;}
.TFtable3 tr:nth-of-type(1) { width:100%; position:absolute;}
.TFtable3 tr:nth-of-type(2) {margin-top:25px;}
.TFtable3 th  { padding:7px 5px !important; background: #d9d9d9; border: none;  font-weight: 600; border-right: 1px solid #c9c9c9; height: 21px !important; font-size: 12px; color:#535353; }
.TFtable3 th:nth-of-type(last-child)  {border-right:none !important; }
.TFtable3 th a { color: #535353; cursor:pointer; }
.TFtable3 tr:nth-child(odd)  {  background: #fff;  }

.TFtable3 tr:nth-child(odd) td  { border-right: 1px solid #fff; }
.TFtable3 tr:nth-child(odd) td:nth-of-type(last-child)  {border-right:none !important; }

.TFtable3 tr:nth-child(even) {  background: #f9f9f9 ;  }
.TFtable3 tr:hover  { background-color: #DDEBF7 !important; }
.TFtable3 tr.norecord td{ text-align:left; color:#535353 !important; line-height:25px; text-transform:capitalize; border-top: 1px solid #d9d9d9 !important;}

.TFtable3 table {}
.TFtable3 tr table tr:nth-of-type(1) {  position:relative !important;}
.TFtable3  tr table tr th  { padding:none !important; background: #d9d9d9; border: none;  font-weight: 600; border-right:none !important; height: 15px !important; font-size: 12px; color:#535353; }

.TFtable3 td { padding:7px 5px !important; color: #535353;  border: 0px solid #f2f2f2;  font-size: 12px;  word-break:break-all;  white-space: initial; }




/*Comments By Shubham*/
/*--Table--*/
.TFtab th{padding:5px;border-bottom:2px solid #f2f2f2;font-weight:600;color:#535353;height:20px;font-size:12px;}
.TFtab th a{color:#535353;}
.TFtab tr{border-bottom:1px solid #f2f2f2;}
.TFtab td{padding:5px !important;border-bottom:1px solid #f2f2f2;font-size:12px;height:18px;}
.TFtab td:nth-type(last-child) img {margin-right:5px;}
.TFtab tr tr td{padding:0px;border:none !important;font-size:12px;height:10px;}
.theader td{padding:5px;border-bottom:2px solid #f2f2f2 !important;font-weight:600;font-size:12px;color:#535353;}



/*-- for double header only --*/

.GridFilterRow_Office2007 td, .GridRow_Office2007 td, .GridAltRow_Office2007 td, .GridEditRow_Office2007 td, .GridFooter_Office2007 td, .GridGroupFooter_Office2007 td
        { border:0px;  -moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: none; 
         border-image: none; border-style: none none solid solid; border-width: 0px !important;  }
.RadGrid_Office2007{color:#535353 !important; }
.GridHeader_Office2007 a{color:#535353 !important; }

.clear{clear:both;}
.red{color:Red;}

#dropbtn{ position:relative;}
#ImgDropdownContent{display:none;position:absolute; background-color:#f2f2f2; min-width:175px; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.2); z-index:1; height:auto;  }
#ImgDropdownContent a { padding:5px 10px; text-decoration:none; display:block; }
#ImgDropdownContent a:hover { background-color:#f1f1f1;  }
#dropbtn:hover #ImgDropdownContent { display:block; }

.off{background:#FFACB5 !important;  height:12px; width:12px; padding:5px; border-radius:100px; font-size:8px; color:#000;}
.off:before{content:"Off";}

.on{background:#B6EDD8 !important; height:10px; width:11px; padding:5px; border-radius:100px; font-size:8px;}
.on:before{content:"On";}

.redalert{background:#FFACB5 !important;}
.orangealert{background:#FFCC80 !important;}
.greenalert{background:#B6EDD8 !important;}
.yellowalert{background:#FFF59D !important;}
.chocalert{background:#bcaaa4 !important;}
.oralert{background:#FFCC80 !important;}
.bluealert{background:#BBDEFB !important;}
.whitealert{background:#fff !important; -webkit-box-shadow: inset 0px 0px 0px 1px #d9d9d9;  -moz-box-shadow: inset 0px 0px 0px 1px #d9d9d9; box-shadow: inset 0px 0px 0px 1px #d9d9d9;}
.inalert {background:#B6EDD8;  -webkit-box-shadow: inset 0px 0px 0px 1px #FFF59D;  -moz-box-shadow: inset 0px 0px 0px 1px #FFF59D; box-shadow: inset 0px 0px 0px 1px #FFF59D;}

.ajax__fileupload_selectFileButton {color: #fff  !important; cursor: pointer !important; background: #888888 !important; border: 1px solid #888888 !important; text-decoration: none !important; padding:5px 25px 7px !important;   font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px !important; text-transform:capitalize !important;  letter-spacing:0.8px !important; height:34px !important;}
.ajax__fileupload_selectFileContainer { width:100px !important; float:right !important;padding:5px 25px 7px;}

.bluebutton {color: #fff; cursor: pointer; background: #3498db; border: 1px solid #3498db; text-decoration: none; padding:5px 25px 7px;   font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px; text-transform:capitalize;  letter-spacing:0.8px;}
.bluebutton:hover{background:#56b1ed;  border: 1px solid #56b1ed; box-shadow:0px 1px 0px 0px #a8a8a8;}
.bluebutton:active{background:#3498db;  border: 1px solid #3498db; box-shadow:0px 1px 0px 0px #a8a8a8;}
.bluebutton:focus { outline:none;}
		
.graybutton {color: #fff; cursor: pointer; background: #727b84; border: 1px solid #888888; text-decoration: none; padding:5px 25px 7px;    font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px; text-transform:capitalize;   letter-spacing:0.8px; }
.graybutton:hover{background:#acacac;  border: 1px solid #acacac; box-shadow:0px 1px 0px 0px #a8a8a8;}
.graybutton:active{background:#888888;  border: 1px solid #888888; box-shadow:0px 1px 0px 0px #a8a8a8;}
.graybutton:focus { outline:none;}
	
		
.disbutton {color: #868686;  background:#eaeaea; border: 1px solid #eaeaea; text-decoration: none; padding:5px 25px 7px;    font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px; text-transform:capitalize;  letter-spacing:0.8px;  }
.disbutton:focus { outline:none;}
		
.nobutton {color: #727b84; cursor: pointer; background:#fff; border: 1px solid #727b84; text-decoration: none; padding:5px 25px 7px;    font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px; text-transform:capitalize;  letter-spacing:0.8px;  }
.nobutton:hover{background:#f9f9f9;  border: 1px solid #727b84; box-shadow:0px 1px 0px 0px #f2f2f2;}
.nobutton:active{background:#fff;  border: 1px solid #727b84; box-shadow:0px 1px 0px 0px #f2f2f2;}
.nobutton:focus { outline:none;}

.yellowbutton {color: #535353; cursor: pointer; background:yellow; border: 1px solid yellow; text-decoration: none; padding:5px 25px 7px;    font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;
border-radius:1px; text-transform:capitalize;  letter-spacing:0.8px;  }
.nobutton:hover{background:#f9f9f9;  border: 1px solid #d9d9d9; box-shadow:0px 1px 0px 0px #f2f2f2;}
.nobutton:active{background:#fff;  border: 1px solid #d9d9d9; box-shadow:0px 1px 0px 0px #f2f2f2;}
.nobutton:focus { outline:none;}


            
.headerdata {font-size: 13px;   text-align:left; }
.label { color: #3498db;  font-size: 13px; text-decoration: none; font-weight:bold;}

a:link{color:#3498db; text-decoration:none;}
a:link, a:hover{color:#535353; text-decoration:none;}
a:link, a:visited{color:#3498db; text-decoration:none;}

.ghead{background:#DDEBF7; line-height:18px; border-bottom:0px solid #d9d9d9; padding:5px;}

.GridFilterRow_Office2007 td, .GridRow_Office2007 td, .GridAltRow_Office2007 td, .GridEditRow_Office2007 td, .GridFooter_Office2007 td, .GridGroupFooter_Office2007 td
{
	border:1px solid #d9d9d9;
} 
input[type="password"] {  border: 1px solid #d9d9d9; } 

 a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
    color:#3498db;
}
 a:hover:-webkit-any-link  {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
    color:#535353;
}

.disable{background:#eaeaea; color:#535353;}
select {  border: 1px solid #d9d9d9; min-height:21px; color:#535353;  font-family: 'Tahome',  Arial, Open Sans, Sans-Serif; }
input[type="text"]{  border: 1px solid #d9d9d9; padding:1px 2px; color:#535353; min-height:17px;  font-family: 'Tahome',  Arial, Open Sans, Sans-Serif; font-size: 12px; }
textarea {  border: 1px solid #d9d9d9; color:#535353;  font-family: 'Tahome',  Arial, Open Sans, Sans-Serif;}

.page{border:none !important; margin:0px auto 0 !important; padding-bottom:30px;width:100%; min-height:850px; display:inline-block;}

.right{text-align:right;}

.xfClient {border:0px solid #ccc !important;}



.page-heading{border-bottom:1px solid #d9d9d9; line-height:22px; text-align:left; font-weight:bold; overflow:hidden; padding-bottom:1px;}
.date{background-image:url(../Images/calendar.png) !important; background-repeat:no-repeat !important;background-position:right 2px !important; padding:1px 2px;  }

.filthead{border-bottom:1px solid #d9d9d9;}

.roboto {font-family: 'Roboto';}
.main{ margin:0px 15px 15px;}

.carbg{background:#fff; padding:5px 5px 3px 5px;}

.cart th  { padding:8px 5px 7px;  border: none;  /*line-height:25px; */  font-weight: 600; border-bottom: 1px solid #d9d9d9; height: 20px !important; 
               font-size: 12px; color:#535353;}
.cart th:last-child  {border-right:none !important;}
.cart th a { color: #535353 !important; }
.cart td { padding:8px 5px 8px;  border-bottom: 1px solid #f2f2f2;  font-size: 12px; word-break:break-all; }
.cart td:nth-type(last-child) img {margin-right:5px;}
.cart td a { color: #535353; }/**/
.cart tr:hover  { background-color: #f2f2f2 !important; }
.cart tr:nth-child(odd)  {  background: #fff;  }
.cart tr:nth-child(even) {  background: #fff ;  }

.cart tr table tr:nth-child(odd)  { background:none !important;  }
.cart tr table tr:nth-child(even) { background: none !important; }
.cart tr tr td { padding: 0px; color: #535353;  border: 0px solid #f2f2f2;  font-size: 11px;  height: 10px; line-height:12px !important;}

.cartable th  { padding:8px 5px 7px;  border: none;  /*line-height:25px; */  font-weight: 600; border-bottom: 1px solid #f2f2f2; height: 20px !important; 
               font-size: 12px; color:#535353;}
.cartable th:last-child  {border-right:none !important;}
.cartable th a { color: #535353 !important; }
.cartable td { padding:8px 5px 8px;  border-bottom: 1px solid #f2f2f2;  font-size: 12px; }
.cartable td:nth-type(last-child) img {margin-right:5px;}
.cartable td a { color: #535353; }/**/
.cartable tr:hover  { background-color: #f2f2f2 !important; }
.cartable tr:nth-child(odd)  {  background: #fff;  }
.cartable tr:nth-child(even) {  background: #fff ;  }

.cartable tr table tr:nth-child(odd)  { background:none !important;  }
.cartable tr table tr:nth-child(even) { background: none !important; }
.cartable tr tr td { padding: 0px; color: #535353;  border: 0px solid #f2f2f2;  font-size: 11px;  height: 10px; line-height:12px !important;}



.ajax__tab_xp .ajax__tab_tab  { height: 13px !important; padding: 11px 25px !important;margin: 0px; background: #f9f9f9 !important;  font-weight: bold;  border-radius: 3px 3px 0px 0px; }
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {  background: #fff !important; border-radius: 3px; }
.ajax__tab_xp .ajax__tab_outer {  padding-right: 0px !important;    margin-right: 1px;  background: #f9f9f9 !important;  height: 37px !important;  border-left: 1px solid #d9d9d9 !important;
            border-right: 1px solid #d9d9d9 !important; border-top: 1px solid #d9d9d9 !important; border-bottom: none !important; border-radius: 3px 3px 0px 0px; }
.ajax__tab_xp .ajax__tab_inner  {  padding-left: 0px !important;  border-radius: 3px;  }
.ajax__tab_xp .ajax__tab_header  {  font-family: 'Tahome',  Arial, Open Sans, Sans-Serif; font-size: 11px;  background: #fff !important; border-bottom:0px solid #d9d9d9;
            margin-top: 14px; position: relative;     }
.ajax__tab_xp .ajax__tab_body {  font-size: 10pt;    border: none !important;  border-top: 0;  padding: 10px 0px !important; border-top: 1px solid #d9d9d9 !important;
            background-color: #fff !important; margin-top: 0px;  border-top: none !important; padding-top: 17px !important; }
.ajax__tab_active {  border-bottom: 1px solid #fff;  }
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner { background: #fff !important;  }
        

/* Roboto font call start */

.Roboto{font-family:'Roboto',  Open Sans, Arial, sans-serif, sans-serif;}
	 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(font/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*-- Roboto font call end --*/

/*-- css for exclamation mark --*/
.icons8-exclamation {font-weight:normal; font-style:normal; display:inline-block; width:10px; text-align:center; font-size:16px; }
.icons8-exclamation:before { content: "\203c"; }




/*-- css added for tooltip table --*/
.tooltable table {
    width:100%;
    word-break:break-all;
    vertical-align:top;
}
.tooltable table tr td:nth-child(1) {
    width:100px;
    word-break:break-all;
    vertical-align:top;
}
.tooltable table tr td:nth-child(2) {
    width:200px;
    word-break:break-all;
    vertical-align:top;
}
.tooltable table tr td:nth-child(3) {
    word-break:break-all;
    vertical-align:top;
}
.tooltable table tr td:nth-child(4) {
    width:70px;
    word-break:break-all;
    vertical-align:top;
}
.tooltable table tr td:nth-child(5) {
    width:70px;
    word-break:break-all;
    vertical-align:top;
}