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

/* Header images and background */
/* table#top_title_graphics {display: none;} */
div.second-alignment{width:100%; height: 100%;}
.header-top-bg, td.first-aligment { height: 60px;}
.header-top-bg {background-color: #fff; padding: 0;}
td.first-aligment {background-image: url('images/logo-80-160.png'); background-repeat: no-repeat;}
.header-top-bg {    
    background-color: #000;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url(https://i.imgur.com/u0H5JjX.png);
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: left center;
}
td.first-aligment img {
    display: none;
}
.second-alignment {background-image: url('images/logo-80-160.png'); background-repeat: no-repeat;}

body, .tiny-header {direction: ltr;}
td.first-aligment {background-position: left center;}
.second-alignment {background-position: right center;}
/* If the design is for RTL (BiDi) languages such as Hebrew and Arabic, then change to rtl */
/* body, .tiny-header {direction: rtl;} */
/* td.first-aligment {background-position: right center;} */
/* .second-alignment {background-position: left center;} */

body, th, td, select, input, button {font-family: Arial; font-size: 13px;}
td.left-menu-padding div.second-alignment {
    display: none;
}
/* Hiding the header image and the company logo */
.second-alignment img { display: none;}

.second-alignment{
	height:60px;
}
.secondRowStyle {display: none;}
/* .mmMessage {display: none;} */

/* Top menu */
/* table#menu_top_level_wrapper {display: none;} */
.menu-bg {background-color: #404040;}
.menu_top_level_wrapper {border: none; 
/* border-top:1px solid #5D7585;border-bottom:1px solid #5D7585; */
}
.top_menu {    font-family: arial;}
.top_menu a {color: #fff;    font-size: 14px;    font-weight: normal;}
.top_menu a:hover {color: #6CC9C1; font-size: 14px; text-decoration: underline;}
.top_menu-selected{}

.top_menu-selected a , .top_menu-selected a:hover{color: #6CC9C1; font-size: 13px; font-weight: bold; }

/* Welcome text and unwached reviews */
/* table#main_menu_title_text {display: none;} */
/* #set-language {display: none;} */
#set-language {padding: 0; margin: 0 0.1em; font-size: 1em;}
.gray-lighter2, .unwatchedLink {color: #404040; text-decoration: none;}
a.unwatchedLink {font-weight: bold}
.gray-lighter3 {border: none;}

/* Bottom information bar */
.side_menu {border-bottom: 1px solid #666;}
/* tr.bottom-tr {display: none;} */
.bottom-tr {
    background-color: #404040;
    color: #fff;
    text-align: left;
}
.font-style {font-size: 15px;}
.footer-dots { background: #404040; border-bottom: none;}
.contact-td { background: #404040; border: none;}

/* Tables */
/* Links in tables */
.report tr a {color: #000; font-weight: bold;}
.report tr a:hover {color: #fff; background-color: #4080e0;}
thead.report tr.filters td {border: none;}

.report , .report tr, .report td {color: #000000; border: none;}
table.report, #red_border, .db-surrounding {border: none;}
td.report-firstcol {padding: 7px;}

thead.db a, th.db-ltr {    color: #000;}
td.db-ltr , tr.filters td{   border-left: #777 1px solid;}
thead.db, thead.report{background-color: #A7BBC6; font-weight: bold;}
.report th, thead.report a, thead.report a:hover {color: #000000; background-color: transparent; border: none;}
tr.db th, .report-dir {border-left-color: #777; border-left-style: solid; border-left-width: 1px;}

table.db {  border: 1px solid #777;}
/* 1st tr */
tr.db1, tr.report1 {background-color: #eee;}
/* 2nd tr */
tr.db2, tr.report2 {background-color: #ffffff; border-bottom-color: #FFFFFF; border-top-color: #FFFFFF;}
table.report tr {    border: 0px solid #A7BBC6;}
/* higlighted tr */
tr.db1:hover, tr.report1:hover, tr.db2:hover, tr.report2:hover {background-color:#ccc; text-decoration: none;}

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

/* Analyst screen (dashboard) specific settings */

/* Categories (tabs) */
.reports_categories {background-color: transparent; padding: 0 20px; border-collapse: collapse; margin-bottom: 10px;}
/* .top_tabs_row {background-color: transparent; border-collapse: collapse; position: sticky; top: 0;} */
.top_tabs_row {background-color: transparent; border-collapse: collapse;}
.reports_categories tr {height: 25px;}
/* .toptabinactive {color: #204080; background-image: none; text-align: center; vertical-align: middle; font-size: 14px;} */
.toptabinactive {background-image: none; text-align: center; vertical-align: middle;}
.reports_categories .toptabinactive {background-color: #fff;}
.toptabinactive strong {color: #204080; font-size: 14px;}
.toptabactive {text-align: center; vertical-align: middle; background-color: #204080; background-image: none;}
.topTabActive strong, .tab_menu_item, .tab_menu_item a {color: #ffffff; font-size: 14px;}
 
.tab_menu_item a {text-decoration: none; font-weight: bold;}

.Ajax2TabActive {text-align: center; vertical-align: middle; font-size: 14px; background-image: none;}

.tab_menu_item:hover > .tab_menu_list, .tab_menu_list:hover {
    background-color: rgba(0, 98, 136, 0.8);
}

td.topTabActive, .reports_categories td.toptabinactive {border-radius: 10px;  -o-border-radius: 10px; -moz-border-radius: 10px; -icab-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}

/* Boxes (the containers for reports) */
.dragableBox {background: transparent;}
.dragableboxheader {background-color: transparent; border: none;}

.dragableboxheader, .grid_report_td h1, .title1 {color: #204080;}

/* See explanation for this item in the following link. the name should be changed */
/* http://i.imgur.com/is8ww57.png */
.calculated-width {
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

/* .p_wrapper {background-image: url('images/16257176732_368279c644_k.jpg'); } */
.p_wrapper {background-image: none; background-repeat: no-repeat; background-size: auto auto; background-color: #3399ff; padding: 15px;}
.grid_reports_table {border-spacing: 20px; border-collapse: separate;}

#lgnd tr {display: inline;}

/* #the_cell_with_the_program {border: 1px solid #666;} */
#the_cell_with_the_program {border: none;}

.grid_report_td h1, .title1{font-size: 24px;}

.grid_report_td h1 img {
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}

.grid_report_td h1 img:hover {
filter: alpha(opacity=100); /* IE */
-moz-opacity: 1; /* Mozilla */
opacity: 1; /* css3 */
}

.grid_report_td, .dragableBoxInner {
  /* border: 6px solid #204080; */
  padding: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

/* Forms and buttons */
.begin-report-area form {display: inline;}
.begin-report-area form[name="pastCycles"] table { border-collapse: collapse; margin: 0 10px; display: inline; vertical-align: bottom;}
/* .begin-report-area form[name="pastCycles"] {display: inline-flex;} */
.begin-report-area form[name="pastCycles"] input{display: inline-flex; white-space: nowrap;}
.begin-report-area input[name="pastDateCyclesNumber"] {border: 2px solid #dfdfd0; height: 25px; margin-right: 10px;}
.list-select {border: 2px solid #dfdfd0;}

/*.btn-input, .btn-input input {border: none; background-color: #4080e0; color: #ffffff; font-weight: bold; height: 25px;}*/
.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: transparent;
    background: #6CC9C1;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    transition: all 0.2s linear 0s;
    margin: 3px 2px;
    font-size: 13px;
    font-weight: bold;
    border-style: none;
    padding: 5px 10px;
}
input#do_login {
    position: relative;
    right: -30px;
}
input#do_login {
    background-color: #6CC9C1;
    background-image: none;
    font-size: 14px;
    color: #fff;
    padding: 6px 14px;
	border-radius: 0px;
}

div#FiltersArea p  {    font-size: 13px; font-weight:bold;}

form[name="login"] td {
    font-size: 13px;
    font-weight: bold;
}

form[action="show-entire-crit.php"] tr , form[action="show-entire-crit.php"] td {border: 1px solid #929396; color: black;}
.critChap, .critSubc {font-weight: bold;}
center .critInfoItemTitle, center .CritInfoItem {font-size: 16px;}

/* Main menu (the page that is displayed right after logging in) */
tr.titleinsidemain {      
	background-color: #63777F;
    color: #fff;
}

td.mainMenu-line1,td.mainMenu-line2 {    border: 0px solid #BBC5D1;     background-color: #e5e6e7;}

/* Internal pages */
.pageTitle {color: #404040;}
.breadcrums {}
.section-lable {
    background-color: #eee;
    color: #404040;
    padding: 6px;
    border-radius: 0px;
}
a.reportitemtitle {color: #222;}

/* Icon next to menu items */
img.submenu-arrow {
	background-image: url(https://i.imgur.com/XidjTfr.png);
    background-size: 14px auto;
    width: 15px;
    height: 17px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

td.leftpanel {background-color: #fff; border-top: 0px solid #cccccc;}

.leftcategorytitle {
    background-color: #fff;
    color: #63777F;
    border-bottom: 1px solid #ccc;
	font-size: 12px;
	line-height: 10px;
    height: 20px !important;
}

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: 20px 60px 20px 0px;
    top: 0;
    display: inline-block;
    box-shadow: 0 5px 18px 0px #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;}

a.login_checkers_link,a[href*="recover-password"] {
    color: #2A92E5;
}


#set-language {
    background: #6CC9C1 !important;
    display: inline-block;
    padding: 0px;
    border-radius: 0px;
    border: 0px solid #777777 !important;
    text-decoration: none;
    color: #fff !important;
}


thead.db, thead.report {
    background-color: #63777F;
	text-align:center;
}
table.report {
    font-size: smaller;
    border: 0px solid #555;
    border-collapse: collapse;
}
td.db-surrounding {
    border: 2px solid transparent;
}
thead.report a, thead.db th,thead.db th a, thead.db th font {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
}
table.db {
    border-collapse: collapse;
    border-width: thin;
    font-size: smaller;
    border: 0px solid #83A8CC;
}
.report th {
    color: #fff;
	padding:8px;
}
tr.report1 td,tr.report2 td {
    padding: 8px;
}
tr.db2,tr.report2 {
    background-color: #f5f5f5;
    border-collapse: collapse;
	border: 0px solid #808080;
	text-align:center;
}
tr.db1, tr.report1 {
    background-color: #ddd;
	border: 0px solid #808080;
	text-align:center;
}
tr.report1 a:hover {
    text-decoration: none;
	color:none;
}
tr.db1:hover, tr.report1:hover, tr.db2:hover, tr.report2:hover {
    background-color: #ccc;
    text-decoration: none;
    background-image: none;
}
thead.report td {
    color: #fff;
	border: 1px solid #808080;
}
td.report-ltr {
    border-right: 0px !important;
}
td.report-firstcol {
    text-align: left;
}
tr.report1 td,tr.report2 td, tr.db1 td,tr.db2 td {
    padding: 10px;
}
.btn-input:focus, .btn-input input:focus, input[type="button"]:focus, input[type="submit"]:focus, button:not(.ui-multiselect):focus, input[type="file"]:focus {
	outline: none;
}
.ui-widget-header {
    color: #333 !important;
    font-weight: bold;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;
	border: 1px solid #999999 !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border: 1px solid #999999 !important;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color:#333 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #999 !important;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #333 !important;
}
.ui-state-default .ui-icon,.ui-state-active .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(http://www.checker-soft.com/hospitality-works-netherlands/libraries/jquery/custom-theme/images/ui-icons_454545_256x240.png) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	 color:#333 !important;
}
div#FiltersArea p {
    font-size: 15px; color: #404040;
}
form[name="login"] {
    background: #404040;
    border: 0px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    margin: 0 0 35px;
    top: 0;
    display: inline-block;
}
form[name="login"] td {
    display: block;
    font-size: 13px;
	color: #fff
}
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;
    font-size: 14px;
}
form[name="login"] table tr:first-child td:nth-child(2) {
    background-image: url(https://i.imgur.com/fjEP2cZ.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size: auto 17px;
    text-indent: 25px;
}
form[name="login"] table tr:nth-child(2) td:nth-child(2) {
    background-image: url(https://i.imgur.com/nSeYUKj.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size: auto 17px;
    text-indent: 25px;
}
a.login_checkers_link, a.login_panels_link {
    background-color: #404040;
    color: #fff;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 0px;
}
a.login_checkers_link:hover, a.login_panels_link:hover {
    background-color: #6CC9C1;
    color: #fff;
}
a[href*="recover-password.php"] {
    color: #404040 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ccc !important;
    background: #eee !important;
    color: #000 !important;
    padding: 10px 0px !important;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f9ded2 !important;
    background: #fef6dc !important;
    color: #000 !important;
    padding: 10px 0px !important;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a !important;
}

@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: 10px;
    font-size: 40px;
    font-weight: bold;
}
a[href*="recover-password.php"] {
    color: #2A92E5 !important;
    font-size: 50px;
}

form[name="login"] tr:first-child td:last-child {
    background-image: url(http://i.imgur.com/ZI5h4F0.png);
    background-position: left 40%;
    background-size: auto 70px;
    background-repeat: no-repeat;
    text-indent: 80px;
}

form[name="login"] tr:last-child td:last-child {
    background-image: url(http://i.imgur.com/A042idR.png);
    background-position: 1% 40%;
    background-size: auto 70px;
    background-repeat: no-repeat;
    text-indent: 80px;
}
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;
}
input[name="username"]:focus, input[name="password"]:focus {
    outline: none;
}
input#do_login {
    border-radius: 10px;
    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;
}
form[name="login"] table tr:first-child td:nth-child(2) {
   
    background-repeat: no-repeat;
    background-position: 4% center;
    background-size: auto 35px;
    text-indent: 45px;
    padding: 15px 30px;
}
form[name="login"] table tr:nth-child(2) td:nth-child(2) {
     background-repeat: no-repeat;
    background-position: 4% center;
    background-size: auto 35px;
    text-indent: 45px;
    padding: 15px 30px;
}	
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;
}
}