/* general stuff  - hmm.. causes too many problems! using body tags instead
a:link    { color: blue; }
a:visited { color: blue; }  */

/* TableEditor/db report styles  */
td.db-surrounding { 
  border-style: solid;
  border-width: 2px;
  border-color: #CE0000;
  padding: 2px;
}
table.db        { border-collapse: collapse;  
                  border-width: thin; font-size: smaller }
table.db a      { color: black; }                  
tr.db-current   { background-color: #F8B854  }
tr.db1          { background-color: #E1DED9; }
tr.db1 a        {  text-decoration: none;} 
tr.db1 a:hover    { background-color: red; text-decoration: none;} 
tr.db1:hover    { background-color: white; text-decoration: none;} 

tr.db2          { background-color: #F1F1F1 /* #F0f0f0;  */ } 
tr.db2 a        { text-decoration: none;} 
tr.db2 a:hover    { background-color: red; text-decoration: none;} 
tr.db2:hover    { background-color: white; text-decoration: none;} 

td.db-firstcol  { padding-left: 5px;  padding-right: 5px; }
td.db-rtl       { padding-left: 5px;  padding-right: 5px; border-right: #E1DED9 1px solid; }
td.db-ltr       { padding-left: 5px;  padding-right: 5px; border-left: #E1DED9 1px solid; }
thead.db	      { color: white;  background-color: #2C3033;  /*#9e9e9e;*/ }
thead.db a      { color: white; font-weight: bold; text-decoration: none; }
thead.db a:hover {color: red; text-decoration: none; }
a.tedit-caption {  }
a.db-pageNumber    { text-decoration: none; color: black; }
span.db-curPageNumber { color: red; }

/* Edit forms of TableEdit and PropEdit */
table.tedit     { border-collapse: collapse; font-size: smaller }
tr.tedit { font-size: 14px; 
}
td.tedit-mandatory { font-weight: bold;   }
td.tedit           { font-size: 14px;   }
td.tedit-editbox   {   }
tr.tedit-seperator {
  background: url('images/title_dots.png'); 
  background-repeat: repeat-x;
  background-position: center;
}
td.tedit-seperator { font-size: 0; height: 5px; }
.tedit-desc     { font-size: 90% }

/* for the table that externally wraps the edit form (called outside TableEditor)
   this TD is for seperating between the edit form and the "edit contacts" texts.  
   and for seperating other stuff, too
   */
td.links-on-the-side { 
  font-size: 1px;
  width: 1px;
  background: url('images/horizontal-seperator.bmp');
  background-repeat: repeat-y;
  background-position: center;
}

/* Table report styles */
td.report-surrounding { 
  border-style: solid;
  border-width: 2px;
  border-color: #CE0000;
  padding: 2px;
}
table.report    { border-collapse: collapse; border-width: thin; font-size: smaller}
a.report-caption        { color: black; }
tr.report1      { background-color: #F1F1F1; } 
tr.report1 a    { text-decoration: none;} 
tr.report1 a:hover    { background-color: red; text-decoration: none;} 
tr.report1:hover      { background-color: #FFFFFF; } 

tr.report2      { background-color: #E1DED9; }
tr.report2 a     { text-decoration: none;} 
tr.report2 a:hover    { background-color: red; text-decoration: none;} 
tr.report2:hover      { background-color: #FFFFFF; } 

td.report-firstcol  { padding-left: 5px;  padding-right: 5px; }
td.report-rtl       { padding-left: 5px;  padding-right: 5px; border-right: #949EB5 1px solid; }
td.report-ltr       { padding-left: 5px;  padding-right: 5px; border-left: #949EB5 1px solid; }
thead.report-old    { color: black; font-weight: bold; background-color: #9e9e9e;  }
thead.report	      { color: white;  background-color: #2C3033; font-weight: bold;  /*#9e9e9e;*/ }
thead.report a      { color: white; font-weight: bold; text-decoration: none; }
thead.report a:hover {color: red; text-decoration: none; }



/* question forms */
.critSubc      { font-weight: bold; }
.critChap      { font-size: 20; font-weight: normal; }
.critWeight    { font-size: 75% } 
.critRptAnswer { font-size: 75% }

.critInfoItemTitle  {  }
.critInfoItem   { font-weight: bold; }

/* Main menu */
.mmTitle         { font-size: 120%; font-weight: bold; }
.mmAwaiting      { color: blue;  }
.mmUrgent        { color: red; }
.mmExpired       { color: red; font-weight: bold; }
.mmAwaitingOther { color: green; }
.mmMessage       { font-size: 140%; background-color: #F1F1F1;}

.notice        { color: red; font-weight: bold; }
.anouncement   { text-align: center; font-weight: bold; font-size: 160% }
.error         { text-align: center; font-weight: bold; font-size: 160%; color: red }

/* For removing the extra lines from the form tag */
form.inline    { display: inline; }

/*  new q groups table design */

*#col1         { border: 2px solid black; }

/* end of q groups table design */

/* Menu */
/* 
Whoa, CSS is lovely! It's easy to say that only links inside the menu
will have no underline unless they are hovered.

belongs to previous design...
*/
td.menu               {  white-space: nowrap; vertical-align: top; font-size: 60%; }
td.menu a             { text-decoration: none }
td.menu a:hover       { text-decoration: underline }

a.item                { color: darkblue }
a.item-selected       { color: green }
a.parent              { color: darkblue }
a.parent-selected     { color: green }
a.parent-open         { color: indigo; font-weight: bold }
a.semiparent          { color: darkblue }
a.semiparent-selected { color: green }
a.semiparent-open     { color: darkgreen }

.title   					    { color: #333639; font-weight: bold; font-size: 200%; }  

/* end previous design (by Eyal) */

/********* Start : Added by Sandy ******************/

.pageTitle  { color: #868EA6; font-size: 150% }
.leftCategoryTitle { color: #BD0000;}
td.leftPanel { padding: 1; width: 125;}
.leftPanel div { height: 24;}
td.middlePanel { color: #BD0000;}

/********** Third CSS block: no margins for main page *********/
body { 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.header-top-bg{
  background-image: url('images/top-bg.gif'); 
  background-repeat: repeat-x; 
  background-position: bottom;
}

.secondRowStyle{
  background-image: url('images/title-bottom-bg.bmp');
  background-repeat: repeat-x; 
  height: 12px; font-size: 3px;
}

.menu-bg{
	background-image: url('images/menu_bg.gif'); 
	background-repeat: repeat-x; 
	background-position: bottom;
}
.top_menu{font-family: tahoma; font-size:11; padding-left: 10; padding-right: 10; font-weight: bold; color: black;}

.top_menu-selected{
	background-image: url('images/menu_bg_ON.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	color: white;
}

.top_menu a{text-decoration: none; color:black; }
.top_menu-selected a{text-decoration: none; color:white; }

.top_menu-red_strip{
	height: 5; 
	background-image: url('images/ca-top-red-strip.gif'); 
	background-repeat: repeat-x; 
	font-size: 0;
}

.top_menu-gray_strip{
	height: 3;
	background-color: #52617B; 
	background-image: url('images/ca-top-grays-horiz-strip.gif'); 
	background-repeat: repeat-x; 
	font-size: 0;
}

.logo-bg	{background-image: url('images/logo-bg.bmp')}
.gray-darker	{height: 15; background-color: #52617B; font-size: 0;}
.gray-lighter1	{height: 7; background-color: #848EA5; font-size: 0;}
.gray-lighter2	{height: 25; background-color: #52617B; color: white;}
.gray-lighter3	{height: 5; background-color: #848EA5; font-size: 0;}
.breadcrums 		{background-repeat: no-repeat; background-position: right;}
.middle-table		{background-repeat: no-repeat; background-position: left; height: 65; background-color:#52617B; color: white;}

.horizontal-dots{
	font-size: 1px;
	height: 3px;
	background: url('images/title_dots.png');
	background-repeat: repeat-x;
	background-position: center;
}
.vertical-dots{
	font-size: 1px;
	width: 3px;
	background:  url('images/horizontal-seperator.bmp');
	background-repeat: repeat-y;
	background-position: center;
}

.empty-style 			{font-size: 1px; padding: 0}
.empty-line-style {font-size: 10px;}
.left-menu-padding{padding: 1 2 1 2;}
.left-menu-padding a{text-decoration: none;}

.main-page-td{
	background: url('images/horizontal-seperator.bmp'); 
	background-repeat: repeat-y; 
	font-size: 2;
}

.middle-right{
	padding: 8; 
	height: 350px
}

.section-lable{
	color: #BD0000;
	font-size: 130%;
	font-weight: bold;
}

a.reportItemTitle{ font-size:110%;font-weight: bold;}

.footer-dots{
	font-size: 0px;
	background: white url('images/footer_dots.gif'); 
	background-position: top; 
	background-repeat: repeat-x;
	height:2px;
}

.bottom-tr	{height: 26px; background-color: #BD0000; color: white;}
.font-style	{font-size: 10; font-family: arial;}
.font-black		{color: black;}
.td-bottom-bg	{background: url('images/new_design_images/bottom_background.png'); }

.contact-td {height: 39px; color: black; background-color:#CFD6E6} 

/*-------------- Main menu boxes -----------------*/
td.mainMenu-line1 {
	border: solid 1px #73799C;
	/* CHANGE THIS LINE WHEN ADDING MORE BOXES */
	width: 33%;
	padding-bottom: 5px;
}
td.mainMenu-line2 {
	border: solid 1px #73799C;
	/* Again, CHANGE THIS LINE WHEN ADDING MORE BOXES */
	width: 50%;
	padding-bottom: 5px;
}
table.insideMain {
	width: 100%;
	font-weight: bold;
}
td.lineInsideMain {
	font-size: 0;
}

tr.titleInsideMain {
	color: #CE0000;
	padding-top: 1;
	padding-bottom: 1;
}
/*************************************/
.big_edit-client-list { border-collapse: collapse; }

/************* 	setedit-frameset Left Part ******************/
a.treeChapter { font-size: 120%; font-weight: bold; text-decoration: none }
a.treeSubchapter { font-size: 110%; font-weight: bold; text-decoration: none }


/************* 	questionair preview CSS ******************/


/***************************Logo style**********************/
.menu-td-Style-left{border-left: solid thin;}
.menu-td-Style-right{border-RIGHT: solid thin;}
.menu-td-Style-default{border-RIGHT: solid thin;}
.header-line{border-bottom: solid black; height: 1px;}

/******************************Footer style*****************************/
.footers-line{font-size: 6; border-bottom: solid black 1px;}
/********************* End : Added by Sandy ***********************/

.survey-details-table{border-collapse:collapse;}
.substituted-formatted-text{font-size: 130%; font-weight: bold;}

/******************/
.main-div-bg   {/*background-image: url('images/bgquest.png');*/ background-color: #FFFFFF;}
.main-table   {background-color: white; border-collapse: collapse; border-color: #4BBCE8; border-spacing: 5px;}
.select-obj-td select{width:150px;}
.list-select{border-style: groove;}
.textareaQuest{border-style: groove;}         
.questDiv{  }                                
.questText{ font-weight: bold;}
.selectClassQ{border-style: groove;}
.readonlyBox{background-color: #ADADAD; color:#182532; }
/*span:hover{background-color: red;} */
 textarea:hover{background-color: #ADADAD;}
 option:hover{background-color: #F5F5F5; color: #182532;}
 select:hover{background-color: #ADADAD; color: #182532;}
 .text-input{border-style: groove;}
 .freeTextField{border-style: groove;}
 .bottomTable{ font-size:13px;}
 .radioAnswers{ font-family: Trebuchet MS;}
 .freeTextTitle{ font-family: Trebuchet MS;} 
 
 /******************/
.border1-fontbold{border: 1px solid; font-weight: bold;}
.border1{border: 1px solid;}
.bigger-font-size{font-size: 13px;}
.buttonRestartCrit{ font-size:13px;}
.buttonExitDeleteCrit{color:red; font-size:13px;}
.buttonSaveExitCrit{font-size:13px;}
.color-red{color:red; font-size:13px; }
.color-green{ color: green; font-size:13px;}
.title1{font-size: 25; color: black;}
.title2{font-size: 18; color: #9C1818;}
.title3{font-size: 16; color: #52617B;}
.font0-height0{font-size: 0; height: 0;}
.font-size-20{font-size: 20%;}
.font-size-9{font-size: 9;}
.padding-4{padding: 4px;}
.padding-2{padding: 2px;}
.text-decoration-none{text-decoration: none;}
/*.width400{width: 400px;}*/
.font-weight-bold{font-weight: bold;}
/*.width-64{width:64px;}
.width-180{width:180px;}
.comboboxwidth400{width: 400px;}*/
/*********************************/
.btn-input{ 
 	/*border:0px;*/

  cursor: pointer; 
}

.screen_top{
}

.tr_screen_top{
  
}

.right_screen_top{
}

.companyLogo-bg{
}

.companyInfoMenu{
/*  border-style: groove;*/
  font-style: italic;
}

.center_screen_top{
  /*background-image: url(images/checker-headbar2.png);  */
  background-repeat: no-repeat;
  background-position: right;
}

.left_screen_top{
}

.center-bg{
  vertical-align: middle;
 
}

.shopperGreetings{
  /*position: relative;*/
  right: 50px;      
  font-weight: bold;
  color: #333639;
  font-size: 20px;
  font-style: oblique;
}

.p-menu1{
  background-image: url(images/checkerV.png);  
  /*background-attachment:scroll;   */
  background-position:left;  
  background-repeat: no-repeat;   
  padding-left: 24px;    
  height: 19px;  
  /*border :1px solid #F1F1F1;   */
}
.p-menu1 a:hover{
  background-color: #838383;
}
.p-menu2{
  background-image: url(images/checkerV.png);  
  /*background-attachment:scroll;   */
  background-position:left; 
  background-repeat: no-repeat;  
  padding-left: 24px;  
  height: 19px;  
  /*border :1px solid #F1F1F1;   */
}
.p-menu2 a:hover{
  background-color: #838383;
}

.p-menu-logoff{
  background-image: url(images/door_out.png);
  background-position: left;    
  background-repeat: no-repeat;
  padding-left: 24px; 
  height: 19px;
  border-bottom :1px solid red; 
}
.p-menu-logoff a:hover{
  background-color: green;
}

.p-menu-language{
  font-size: 16px;
  font-weight: bold;
  color: #333639;     
}

.p-menu-bg{
  background-image: url(images/menubg2.png); 
  padding-right: 124px;
}

.footers-info{
  background-color: #464646;
  color: white;
  font-weight: bold;
}

a.linkclass:link {color: #333639; font-size: 14px; font-weight: bold; text-decoration: none;}
a.linkclass:visited {color: #333639; font-size: 14px; font-weight: bold; text-decoration: none;}
a.linkclass:hover {color: white; font-size: 14px; font-weight: bold; text-decoration: underline; background-color: #838383;}

a.linklogoff:link {color: #333639; font-size: 14px; font-weight: bold; text-decoration: none;}
a.linklogoff:visited {color: #333639; font-size: 14px; font-weight: bold; text-decoration: none;}
a.linklogoff:hover {color: white; font-size: 14px; font-weight: bold; text-decoration: underline; background-color: green;}

.menuTitle{
  font-weight: bold;
  color: #F1F1F1;
  background-color: #464646;
  text-align: center;
}

.td-menu1{
  border: #464646 1px solid;
  width: 350px;
  background-color: #F1F1F1;
}

.td-menu2{
  border: #464646 1px solid;
  width: 350px; 
  background-color: #F1F1F1;
}

.td-menu3{
  border: #464646 1px solid;
  width: 350px;
  background-color: #F1F1F1;
}

.set-preview
{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  overflow: hidden;
}

.set-preview iframe
{
  width: calc(100% - 120px);
  height: calc(100% - 120px);

  margin: 30px 60px 0;
}

.set-preview table
{
  margin: 30px 60px 10px;
}

.set-preview .ajax-loading
{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products table
{
	border-collapse: collapse;
}

.products table th,
.products table td
{
	border: 2px solid #980000;
	padding: 3px;
}

.products table th
{
	background: #fff4f4;
	text-align: center;
	font-weight: normal;
}

.products table textarea
{
	width: 300px;
	height: 150px;
}

.overlay1 {
  position: fixed;
  background: #777;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  opacity: 0.5;
  cursor: wait;
}

@media handheld,
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (max-width : 320px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
only screen and (max-width: 480px),
only screen and (max-device-width: 480px),
only screen and (min-device-width: 480px) and (max-device-width: 800px),
only screen and (device-width: 768px),
only screen and (device-width: 480px)
{
	a.linkclass:link{
		font-size: 2em;
	}
  }

  button.btn[data-title="Facebook"],a.btn[data-title="Google"] {
    background-color: #ffffff !important;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #797979 !important;
    padding: 12px 20px 12px 50px !important;
    white-space: nowrap;
    min-height: 40px;
    width: 196px;
    transition: all 0.3s linear;
    margin-bottom: 2%;
    border: 1px solid currentColor;
  }

  button.btn[data-title="Facebook"] {
    background-image: url("images/icon/Facebook.svg");
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 24px;
    margin: 0px 5px;
  }


button.btn[data-title="Facebook"]:hover {
  background-image: url("images/icon/Facebook_w.svg");

  box-shadow: none;
  background-color: hsl(208,100%,50%) !important;
  color: #fff !important;
  transition: all 0.3s linear;
}

button.btn[data-title="Facebook"]:hover font,a.btn[data-title="Google"]:hover font {
    color: #fff !important;
}

a.btn[data-title="Google"] {
    background-image: url("images/icon/Google.svg");
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 24px;
    text-decoration: none;
    margin: 0px 5px;

}

a.btn[data-title="Google"]:hover {
    background-image: url("images/icon/Google_w.svg");
    box-shadow: none;
  background-color: hsl(208,100%,50%) !important;
  color: #fff !important;
  transition: all 0.3s linear;
}
.social-link{
  display:flex;
    justify-content: center;
}

@media  screen and (max-device-width: 767.5px){
    button.btn[data-title="Facebook"],a.btn[data-title="Google"]{
        font-size: 40px !important;
        line-height: 1;
        width: auto;
        padding: 30px !important;
        padding-left: 80px !important;
        background-size: auto 50px;
    }
}

.error-login-text {
    background: rgba(236, 28, 36, 0.08);
    border-radius: 5px;
    padding: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #ec1c24;
    margin-bottom: 0px;
  }