/* General */
/* best left as is */
.tiny-header {background: none;}

/* If the design is for RTL (BiDi) languages such as Hebrew and Arabic, then uncomment the following lines */
body {direction:rtl;}
.second-alignment{text-align: left;}
.tiny-header{direction:rtl;}

/* Header image and logo */
/* Hiding the header image */
/* 020 */
.second-alignment img {display: none;}

/* Replacing the header image */
/* 025 */
/* Replace the following address with your own image link */
div.second-alignment{width:100%; height: 100%;}
.header-top-bg {padding-left:0px;}

/* Hiding the company logo. Remove the comment if you want to hide the logo*/
/* 030 */
/*.first-aligment img {display: none;} */

/* Top menu */
/* 040 */
.menu-bg {background-color:#7fc241; }
.menu_top_level_wrapper {border-bottom: 0px solid black; border-top: 0px solid black;}

/* 044 */
.top_menu a, .top_menu a:hover {color: #404042;}
.top_menu-selected {background-color: #404042;}
.top_menu-selected a, .top_menu-selected a:hover {color: #7fc241;}

/* 048 */
.gray-lighter2 {color: #404042;}
.gray-lighter3 {border: none;}

/* 060 Bottom information bar */
.bottom-tr {    background-color: #404042;    color: #fff;}
.footer-dots { background: #404042; border-bottom: solid 0px #4579ab}
.contact-td { background: #404042; border-bottom: solid 0px #4579ab}
.font-style {    font-size: 14px;    font-family: arial;}

/* Main menu (the page that is displayed right after logging in) */
/* 070 */
tr.titleinsidemain {background-color: #666; color: #fff;}
td.mainMenu-line1,td.mainMenu-line2 {border:1px solid #666;}

/* Internal pages */
/* 105 */
.pageTitle {color: #404042;}

/* 110 */
.section-lable {
	background-color: #666;
    color: #ffffff;
    padding: 3px;
    border-radius: 6px 6px 0 0;
	text-indent:10px;
}

/* 115 */
a.reportitemtitle {color: #404042;}

/* 120 */
/* Replace the following address with your own image link */
/*img.submenu-arrow {background-image: url('https://www.checker-soft.com/demo/checker-files/media/68/pictures/dot-orange.png'); width: 16px; height: 16px; background-repeat: no-repeat; vertical-align: middle;}*/

/* 130 */
td.leftpanel {background-color: #fafafa; border-top-color: #D8DDEF; border-top-style: solid;}

/* 142 */
.leftcategorytitle {background-color: #7fc241; color: #FFFFFF;}

/* Tables */

/* 200 */
thead.db, thead.report{background-color: #666; color:#fff;}
thead.report a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
td.db-surrounding {
    border: 2px solid transparent;
}
table.report {
    font-size: smaller;
    border: 2px solid #666;
    border-collapse: collapse;
}
/* 210 */
tr.db th, .report-dir {border-left-color: #808080; border-left-style: solid; border-left-width: 1px; }
thead.db th a {    color: #fff;}
table.db {    border: 2px solid #777;}
/* 220 */
tr.db1, tr.report1 {background-color: #E7E7ED;}
tr.db1 td {    padding: 7px;}
/* 230 */
tr.db2, tr.report2 {background-color: #ffffff; border-bottom-color: #FFFFFF; border-top-color: #FFFFFF;}
tr.db2 td {    padding: 7px;}

/* 240 */
tr.db1:hover, tr.report1:hover, tr.db2:hover, tr.report2:hover {background-color: rgba(127,194,65,0.4); text-decoration: none;}

/* Visit report */
/* These 2 lines set the border for the summary in the 1st page */
/* 320 */
table.HeaderGradeTable td {border: solid 1px black;}
table.HeaderGradeTable {border-collapse: collapse;}

/* Analyst screen (dashboard) specific settings */

/* Categories (tabs) */
/* 420 */
.toptabactive {background-color: #006699; background-image: none; text-align: center; vertical-align: middle;}

/* 430 */
.toptabinactive {color: white; background-color: #437fc7; background-image: none; text-align: center; vertical-align: middle;}
.toptabinactive strong {color: white;}

/* Boxes (the containers for reports) */
/* 450 */
.dragableboxheader {background-color: #006699; color: white;}
/* input {direction: rtl;} */
.subChapterName {font-size: 20px;}
.chapterName {font-size: 20px;}


td.first-aligment img {   width:auto; height:80px;}


#set-language{padding:0px;}

input {font-size:13px;}

.btn-input, .btn-input input, input[type="button"], input[type="submit"], button:not(.ui-multiselect), input[type="file"] {
    font-weight: normal;
    min-height: 22px;
    background: none repeat scroll 0 0;
    background-color: #7fc241;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s linear 0s;
    margin: 3px 2px;
}

img.submenu-arrow {
    content: url(https://eu.checker-soft.com/expose-lm/checker-files/media/189/css/images/bullet.png);
    height: 13px;
    vertical-align: baseline;
}

form[name="login"] {
	border: 1px solid rgba(178, 178, 178, 0.8);
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(178, 178, 178, 0.4) inset;
    margin: 0 0 35px;
    padding: 10px 50px 10px 0px;
    top: 0;
    display: inline-block;
    box-shadow: 0 5px 18px 5px #999999, 0 0 2px #999;
    margin-bottom: 0px;
}
form[name="login"] table {
    position: relative;
    right: -30px;
}

input[type="text"], input.searchClass, textarea {
    display: inline-block;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 5px;
    transition: all 0.2s linear 0s;
}

input[name="username"], input[name="password"] {
    display: inline-block; border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 5px;
    transition: all 0.2s linear 0s;
}

form[name="login"] td {display: table; font-size:14px;}

div#FiltersArea p {
    font-size: 15px;
}
input#do_login {
    margin-left: 25%;
    padding: 4px 15px; 
	font-size: 14px;
    font-weight: bold;
}
input#do_login:hover{background-color:#404042; color:#7fc241;}

td.tedit,td.tedit-mandatory {
    vertical-align: middle;
}
form#frm[action*="shoppers-list"] #OtherFilters{
    max-width: 250px !important;
}

form#frm[action*="shoppers-list"] .shoppers-list{
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

td.mainMenu-line1,
td.mainMenu-line2 > .insideMain:last-child {
  padding: 0px !important;
}
td.mainMenu-line1 .insideMain .insideMain,
td.mainMenu-line2 .insideMain {
  padding-inline-start: 16px;
}
.contentInsideMain {
  padding: 16px 16px 0 !important;
}
.mainMenu-line1,
.mainMenu-line2 {
  box-shadow: 0px 0px 15px 0px #00000026;
    border-radius: 5px !important;
    overflow: hidden
}

.page-main-menu .begin-report-area-td>center>table {
  margin-top: 20px;
}
@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){
form[name="login"] {
	position:relative;
	width: 80%; text-align:center;
}
.font-style {
    font-size: 40px;
}	
a.fieldset_toggler {
    font-size: 3em;
    color: inherit;
    height: 100px;
    width: 100px;
    background-image: url(https://www.checker-soft.com/qualimetrie-fr/css/images/menu-200.png);
    background-size: 100px 100px;
    display: block;
    color: transparent;
}
a.fieldset_toggler.menu_top_level_wrapper img {
    content: url(http://i.imgur.com/lCun2lq.png) !important;
    height: 55px;
    position: relative;
    top: 30%;
    left: 0%;
	display:none;
}
.pageTitle {
	font-size: 40px;
}
span.breadcrums {
	font-size: 40px;
}
ul#menu_top_level {
    padding-left: 0;
}	
tr.menu-bg ul li a {
    display: block;
    float: left;
    padding: 10px 10px;
    font-size: 25px;
}	
 .top_menu a:hover {
    font-weight: bold;
    font-size: 25px;
    padding: 10px 10px;
}

.header-top-bg {
    display: block;
    height: 100px !important;
	padding-top: 10px;
}

td.first-aligment img {
    height: 80px;
}
table#top_title_graphics tr:nth-child(2) {
    display: none;
}
.second-alignment img {
    display:none;
}
a.login_checkers_link, a.login_panels_link {
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 0px;
    font-size: 40px;
    font-weight: bold;
}
a[href*="recover-password.php"] {
     font-size: 50px;
}

form[name="login"] {border:0px; box-shadow:none;}

form[name="login"] td {
    font-size: 40px;     padding-bottom: 15px; }

input[name="username"], input[name="password"] {
    display: inline-block;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 15px;
    transition: all 0.2s linear 0s;
    font-size: 40px;
	width: 500px;
}
input[name="username"]:focus, input[name="password"]:focus {
    outline: none;
}
input#do_login {
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
    font-size: 3em;
    font-weight: normal;
    margin: 3px 2px;
    min-height: 44px;
    padding: 15px 60px;
    transition: all 0.2s linear 0s;
    color: #fff;
}

div#FiltersArea table {
    background-color: transparent;
    margin: 0 auto;
}
	
input#do_login {font-size: 40px; font-weight: bold;} 

input[name="username"], input[name="password"] {font-size: 40px;}
div#FiltersArea p:nth-child(3) {font-size: 40px;}
.ui-state-error.ui-corner-all, .ui-state-highlight.ui-corner-all {
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
}
form[name="login"] {
    border: 1px solid rgba(178, 178, 178, 0.8);
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(178, 178, 178, 0.4) inset;
    margin: 0 0 35px;
    padding: 10px 50px 10px 0px;
    top: 0;
    display: inline-block;
    box-shadow: 0 5px 18px 5px #999999, 0 0 2px #999;
    margin-bottom: 0px;
}
}