/*------------------------------------------------------------------
						- Style Sheet -
  ------------------------------------------------------------------
	File Name	:	common.css
	Purpose		:	common style sheet for all web pages
  ------------------------------------------------------------------
	Owner		:	Aakriti Technologies
	Email		:	aakriti.technologies@gmail.com
  ------------------------------------------------------------------
	Modification History : Change log								
  ------------------------------------------------------------------
	Date		Change Code		Programmer Name		QA Checker	
  ------------------------------------------------------------------
	11/24/15	*INIT*			Gaurav Gupta		F.llllllllllll
	   DESC:	New Implementaion	 
  ------------------------------------------------------------------*/	

* {margin:0; padding:0;}
/*html {min-width:900px;min-height:200px;}*/
/*body{ margin:0px auto; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif;}*/
body{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
form {padding:0px;margin:0px;}
img{ border:0;}
ul li{ list-style:none;}
p {margin:0;	padding:0;}
a{text-decoration:none;}
a:hover{ text-decoration:underline;}

fieldset {
	padding: 2px 7px 8px 7px;
}

legend {
	font-family: Verdana,Arial;
	font-size:12;
}

td {
	font-family: Verdana,Arial;
	font-size:12;
}

input {
	height: 14px;
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#000000; 
	border:none;
}

input[type=text]:disabled {
    background:#E1E1E1;
	color:#6D6D6D;
}

select {
	height:19px;
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#000000; 
}

select:disabled {
    background:#E1E1E1;
}

.inner {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid red;*/
}

.inner-round {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	*z-index:999;
    border-radius:4px;
}

.inner-round-rad10 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	*z-index:999;
    border-radius:10px;
}

.inner-round-top-rad10 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	*z-index:999;
    border-radius:10px 10px 0px 0px;
}

.inner-round-bottom-rad10 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	*z-index:999;
    border-radius:0px 0px 10px 10px;
}

.round {
	*z-index:999;
    border-radius:4px;
}

.tbl-body {
	width: 100%;
    border-collapse: collapse;
	padding:0;
	margin:0;
}

.tbl-body tr {
	width:100%;
	display:table;
}

.tbl-body td {
	font-family: Verdana,Arial;
	font-size: 11px;
	text-align: center;
	padding:0;
	margin:0;
}

.tbl-sub1 {
    border-collapse: collapse;
	padding:0;
	margin:0;
	}

.tbl-sub1 tr {
	display:table;
}

.tbl-sub1 td {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	padding:0;
	margin:0;
}

.text-label {
    color: #8B8B8B;
}

.imgBoxContainer {
	position:relative;
	display: inline-block;
	border:2px solid #808080;
	margin:0px 10px 0px 10px;
	padding:3px 3px 3px 3px;
	text-align:center;
}

.imgBoxBorderGreen {
	border:2px solid #008000;
}

.imgBoxBorderRed {
	border:2px solid #FF0000;
}

.imgBoxBorderBlue {
	border:2px solid #0066CC;
}

.imgBoxContainer:hover{
	border:2px solid #0066CC;
}

a:focus .imgBoxContainer {
	border:2px solid #0066CC;
}

.imgBoxContainer  .close{
	float:right;
	position:absolute;
	top:-15px;
	right:-20px;
	cursor:pointer;
}

.imgBoxContainer  .edit{
	float:right;
	position:absolute;
	top:-5px;
	right:-5px;
	cursor:pointer;
}

.imgBoxContainer  .add{
	float:right;
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
}

.imgBoxContainer  .lock{
	float:right;
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:not-allowed;
}

.imgBoxContainer  .chkbox{
	float:right;
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
}

.imgRound {
	border-radius: 50%;
}

.keywordContainer {
	position:relative;
	/*display: block;*/
	border-radius:4px;
	border:1px solid #808080;
	margin:0px 0px 10px 10px;
	padding:5px 8px 5px 8px;
	text-align:center;
	background-color:#FFFF95;
	float: left;
}

.keywordContainer  .chkbox{
	float:right;
	position:absolute;
	top:-5px;
	right:-5px;
}

.popUpBlockScreen {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	/*background: #000;*/
	background: #000000;
	z-index:9997;
}

.popUpHtmlContainer {
	display: none;
	position: absolute;
	/*background: #FFF;
	border: 3px solid #8A8A8A;*/
	text-align: center;
	/*min-height: 20px; 
    min-width: 20px; */
	z-index:9998;
	/*padding: 10px 10px 10px 10px;*/
	color:red;
}

.popUpCloseIcon {
	float:right;
	position:absolute;
	top:-15px;
	right:-25px;
	cursor:pointer;
	z-index:9999;
}

.popUpContainerResultScroll {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	/*width:800px;*/
	height:235px;
	overflow:auto;
	white-space: nowrap;
	background-color:#FFFFFF;
	border:1px solid #808080;
}

.popUpToastr {
	/*display: none;*/
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 999;
	width:300px;
	padding:5px 0px 0px 0px;
}

.popup-section {
	border:1px solid #444444;
 } 
 
 .popup-section .popup-section-title {
	padding:5px 5px 5px 5px;
	background-color:#444444;
 } 
 
 .popup-section td.title-text {
	vertical-align:middle;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	letter-spacing:0.5px;
 } 	
 
 .popup-section  td.title-icon{
	width:22px;
 } 
 
 .popup-section .popup-section-body {
	padding:8px 5px 8px 5px;
 } 

.footerFix {
	position: fixed;
	left: 0;
	bottom:0px;
	width: 100%;
	z-index:9999;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.fixToolbarContainer {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 4px 0px;
}
  
.fixToolbarContainer .fixToolbar {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #808080;
	background-color:#EBEBEB;
	padding:2px 4px 3px 4px;
}

.fixToolbarContainer2 {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding:4px 0px 4px 0px;
}
  
.fixToolbarContainer2 .fixToolbar2 {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:#fdd922;
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding: 4px 5px 4px 5px;
	border:1px solid #808080;
}

.fixToolbarContainer .fixToolbarTab {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #808080;
	/*padding:2px 4px 3px 4px;*/
	background-color: #ddd;
}

.fixToolbarContainer .fixToolbarTab td.tabTitle {
	padding:3px 0px 5px 0px;
}

.fixToolbarContainer .fixToolbarTab td.active {
    background-color: #454545;
}

.fixToolbarContainer .fixToolbarTab td:hover {
   background-color: #C0C0C0;
}

.fixToolbarContainer .fixToolbarTab td.tabTitle  a.tabLink{
	font:menu;
	font-size:14px;
	text-decoration: none;
}

.fixToolbarContainer .fixToolbarTab td.active  a.tabLink{
	color: #FFFFFF;
}

.fixToolbarContainer .fixToolbarTab td:hover  a.tabLink {
	color: #000000;
}

.fixToolbarContainer .fixToolbarTab td:not(.active) a.tabLink {
	color: #000000;
}

.tabContent {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.fixToolbarContainer .fixToolbar td {
	text-align:left;
	padding:0px 3px 2px 0px;
	font:menu;
	font-size:12px;
	color:#000000;
}

.fixToolbarContainer .message {
	text-align:left;
	font:menu;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
}

.message {
	text-align:left;
	font:menu;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	border: 1 px solid red;
}

.input-button-active {
	background-color:#fdd922;
	color:#3e3e3e;
	border-radius:4px;
	border:1px solid #818181;
	height:20px;
	text-align:center;
	font:menu;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:0px 0px 0px 0px;
	/*cursor:pointer;*/
}

.input-text-box-error {
	background-color:#FF0000;
}

.div-button-active {
	background-color:#fdd922;
	color:#3e3e3e;
	border-radius:4px;
	border:1px solid #818181;
	height:20px;
	text-align:center;
	font:menu;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:4px 0px 0px 0px;
	/*cursor:pointer;*/
}

.div-button-login-option {
	background-color:#80ffff;
}

.div-button-inactive {
	background-color:#fdd922;
	color:#3e3e3e;
	border-radius:4px;
	border:1px solid #818181;
	height:20px;
	text-align:center;
	font:menu;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:4px 0px 0px 0px;
	cursor:not-allowed;
	opacity: 0.6;
}

.div-data-row {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#F3F3F3;
	color:#000000;
	/*border:1px solid red;*/
}

.div-data-row:hover {
	background-color:#f2f2f2;
}

.div-form-fix-toolbar {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

.div-form-fix-toolbar .fix-form {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border:1px solid #808080;
	background-color:#EBEBEB;
	padding:2px 4px 2px 4px;
}

.div-form-fix-toolbar .fix-title {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border:1px solid #fdd922;
	background-color:#fdd922;
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:4px 5px 4px 5px;
}

.div-form-fix-toolbar .fix-message {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border:1px solid #808080;
	background-color:#EBEBEB;
	padding:2px 4px 2px 4px;
}

.div-form-scroll {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.div-fix-border {
	border:1px solid #808080;
}

/*
.div-button-active:hover {
	background-color:#F7CC02;
	border:1px solid #000000;
	color:#000000;
}
*/

.div-grid-box {
	position:relative;
	float:left;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	overflow-y:auto;
	background-color:transparent;
	border:2px solid #9b9b9b;
}

.div-grid-box:hover {
	background-color:#fbfbfb;
	border:2px solid #808080;
}

.text-error {
	background-color:#FF1717;
}

.form {
	/*background-color:#ffffff;*/
}

.form .title {
	background-color:#fdd922;
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding: 5px 5px 5px 5px;
}

.form .field-title {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.5px;
}

.form .field-title span {
	color:#A80000;
}

.form .field-message {
	text-align:left;
	font-size:10px;
	letter-spacing:0.5px;
	padding:0px 0px 3px 0px;
}

.form .field-message span {
	color:#CC0000;
}

.form .field-title {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:0px 0px 3px 0px;
	color:#535353;
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	white-space: pre-wrap; /* css-3 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ 
	word-break: break-all; 
	white-space: normal; 
}

.form .field-input {
	text-align:left;
}

.form .field-input input {
	text-align:left;
	border:1px solid #8C8C8C;
	padding:5px 5px 5px 5px;
}

.form .field-input select {
	height:26px;
	text-align:left;
	font-size: 11px;
	border:1px solid #8C8C8C;
}
/*
.form .field-input span {
	display:none;
}*/

.form .field-display {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
	border:1px solid #8C8C8C;
	padding:5px 5px 6px 5px;
}

.form .field-display {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
	border:1px solid #8C8C8C;
	padding:5px 5px 6px 5px;
}

.form .field-disabled {
	background-color:#E1E1E1;
}

.form .field-text {
	text-align:left;
	font-size: 12px;
}

.div-disabled {
	background-color:#E1E1E1;
}

.wrapword { 
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	white-space: pre-wrap; /* css-3 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ 
	/*word-break: break-all; */
	white-space: normal; 
} 

.txa-wrap-word {
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	white-space: pre-wrap; /* css-3 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ 
	/*word-break: break-all; */
}

.background-white {
	background-color:#FFFFFF;
}

.background-light-red {
	background-color:#FF1717;
}

ul.ui-autocomplete {
	max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */
	height: 100px;
}

ul.ui-autocomplete li.ui-menu-item {
	text-align:left;
}

.sticky-header {
	position: -webkit-sticky; 
	/* Safari */
	position: sticky;
	top: 0;
	/*z-index:999;*/
}

.even-row {
	background-color:#f5f5f5;
}

.even-row:hover {
	background-color:#e4e4e4;
}

.odd-row {
	background-color:#fcfcfc;
}

.odd-row:hover {
	background-color:#e4e4e4;
}

/* Switch Toggle */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .toggle {
  background-color: #2196F3;
}

input:focus + .toggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggle.round {
  border-radius: 34px;
}

.toggle.round:before {
  border-radius: 50%;
}

/* Radio-Switch toggle-field */
.toggle-field {
	display: flex;
	overflow: hidden;
}

.toggle-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.toggle-field .label-text {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.toggle-field .label-img {
	/*background-color: #e4e4e4;*/
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 2px 7px 2px 7px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	/*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;*/
}

.toggle-field label:hover {
	cursor: pointer;
}

.toggle-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
}

.toggle-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.toggle-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.plus-minus-input {
	padding:1px 1px 1px 1px;
	border:1px solid #ddd;
	background:#ffffff;
	border-radius:4px;
	display: inline-block;
}

.plus-minus-input .minus, .plus{
	width:16px;
	height:15px;
	margin:0px;
	background:#0008fb;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	border-radius:4px;
	padding:0px 2px 3px 3px;
	border:1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.plus-minus-input input {
	height:20px;
	width: 40px;
	margin:0px;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	border:none;
	display: inline-block;
	vertical-align: middle;
}

.plus-minus-input input:focus {
    outline: none;
    border: none;
}
			
.noTextSelect {
	cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.noTextOutline input:focus, select:focus {
    outline: none;
    border: none;
}

a.link1:visited	{color: #ffffff;}
a.link1:link	{color: #ffffff;}
a.link1:active	{color: #ffffff; text-decoration: none;}
a.link1:hover	{color: #FFCC00; text-decoration: none; cursor:pointer; }

a.link2:visited	{color: #494949;}
a.link2:link	{color: #494949;}
a.link2:active	{color: #494949; text-decoration: none;}
a.link2:hover	{color: #CB2430; text-decoration: none; cursor:pointer; }
a.link2 .div-button-inactive	{background-color:#F7CC02; opacity: 0.6; cursor: not-allowed;}

a.link2:focus .div-button-active	{background-color:#AFE903;border:1px solid #004800; border-style: groove;color:#000000;}
a.link2:hover .div-button-active	{background-color:#F7CC02; border:1px solid #000000; color:#000000; }

a.link2:focus .div-button-login-option	{background-color:#80ffff;}
a.link2:hover .div-button-login-option	{background-color:#80ffff;}
		
a.link3:visited	{color: #000000;}
a.link3:link	{color: #000000;}
a.link3:active	{color: #000000; text-decoration: none;}
a.link3:hover	{color: #FFFFFF; text-decoration: none; cursor:pointer; }

a.link4:visited	{color: #000000;}
a.link4:link	{color: #000000;}
a.link4:active	{color: #000000; text-decoration: none;}
a.link4:hover	{color: #0000FF; text-decoration: none; cursor:pointer; }