/* 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: 80px;}
.header-top-bg {background-color: #fff; padding: 0;}
td.first-aligment {background-image: none; background-repeat: no-repeat; background-position: left center;}
.header-top-bg {background-image: url('images/The_Comentator-logo-80.png'); background-repeat: no-repeat; background-position: center center;}
.second-alignment {background-image: none; text-align: left; background-repeat: no-repeat; 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;} */
/* for RTL systems, the alignment is different */
/* td.first-aligment {background-position: right center;} */
/* .second-alignment {text-align: right; background-position: left center;} */

body, th, td, select, input, button {font-family: Arial;}

.tiny-header > table {margin-left: auto; margin-right: auto;}

/* Hiding the header image and the company logo */
/* .second-alignment img, .first-aligment img  {display: none;} */


.secondRowStyle {display: none;}
/* .mmMessage {display: none;} */

/* Top menu */
/* table#menu_top_level_wrapper {display: none;} */
.menu-bg {background-color: #3E454C;}
.menu_top_level_wrapper {border: none;}
.top_menu a, .top_menu a:hover {color: #CCCCCC;}
.top_menu-selected a , .top_menu-selected a :hover{color: #ffffff;}

/* 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: #204080; 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: #ffffff; color: #1b53a7; text-align: center;}
.font-style {font-size: 15px;}
.footer-dots { background: none; border-bottom: none;}
.contact-td { background: none; border: none;}

/* Tables */
.report , .report tr, .report td, .report th, thead.report a {color: #000000; border: none;}
table.report, #red_border, .db-surrounding {border: none;}
td.report-firstcol {padding: 7px;}

thead.db, thead.report{background-color: #cccccc; font-weight: bold;}

 tr.db th, .report-dir {border-left-color: #808080; border-left-style: solid; border-left-width: 1px;}

/* 1st tr */
tr.db1, tr.report1 {background-color: #d3dfee;}

/* 2nd tr */
tr.db2, tr.report2 {background-color: #ffffff; border-bottom-color: #FFFFFF; border-top-color: #FFFFFF;}

/* higlighted tr */
tr.db1:hover, tr.report1:hover, tr.db2:hover, tr.report2:hover {background-color: #B3B3B3; text-decoration: none;}

/* 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;}

/* 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;}
.reports_categories .toptabinactive {background-color: #fff;}
.toptabinactive strong {color: #204080; font-size: 14px;}
.toptabactive {text-align: center; vertical-align: middle; font-size: 14px; background-color: #204080; background-image: none;}
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; color: #204080; border: none;}

/* 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: url('images/16257176732_368279c644_k.jpg'); background-repeat: no-repeat; background-size:100% 100%;} */
/* .p_wrapper {background-color: #4080e0;} */
.p_wrapper {background-color: #3399ff;}
.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{color: #204080; font-size: 24px;}

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

.grid_report_td h1 img:hover {
opacity: 1;
filter: alpha(opacity=100);
}

.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);
}

.tab_menu_item {color: #ffffff;}

.tab_menu_item a {color: white; text-decoration: none; font-weight: bold;}

.Ajax2TabActive {text-align: center; vertical-align: middle; font-size: 14px; background-image: url('images/blank.gif'); background-repeat: repeat-x; background-position: right top;}

.tab_menu_item:hover > .tab_menu_list, .tab_menu_list:hover {
    background-color: rgba(0, 98, 136, 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 #c3e4ee; height: 25px; margin-right: 10px;}
.list-select {border: 2px solid #c3e4ee;}

/*.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: bold; min-height: 22px;
    background: none repeat scroll 0 0 #4080e0;
    border: 1px solid rgb(28, 108, 122);
    border-radius: 3px;
    /* box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0 0 0 1px rgb(254, 254, 254), 0 2px 3px 3px rgb(210, 210, 210); */
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s linear 0s;
    margin: 3px 2px;
}


form[action="show-entire-crit.php"] tr , form[action="show-entire-crit.php"] td {border: 1px solid #929396; color: black;}
thead.report {background-color: #cccccc; font-weight: bold;}
.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: #1b53a7; color: white;}

/* Internal pages */
.pageTitle {color: #204080;}
.section-lable {background-color: #204080; color: #ffffff;}
a.reportitemtitle {color: #000000;}

/* Icon next to menu items */
img.submenu-arrow {background-image: url('images/blank.gif'); width: 16px; height: 16px; background-repeat: no-repeat; vertical-align: middle;}

td.leftpanel {background-color: #FAFAFA; border-top-color: #D8DDEF; border-top-style: solid;}

.leftcategorytitle {background-color: #204080; color: #FFFFFF;}

form[name="login"] {
    background: none repeat scroll 0 0 rgb(147, 184, 189, 0.8);
    border: 1px solid rgba(147, 184, 189, 0.8);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    margin: 0 0 35px;
    padding: 20px;
    top: 0;
    display: inline-block;
}

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: 0;
    padding: 2px;
    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;}
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>.insideMain  {
  box-shadow: 0px 0px 15px 0px #00000026;
    border-radius: 5px !important;
    overflow: hidden;
    background-color:#fff; 
}
.page-main-menu .begin-report-area-td>center>table {
  margin-top: 20px;
}
.insideMain.self-billing-banner {
  padding-inline-start: 0px !important;
}
.contentInsideMain:has(main) {
  padding: 0px !important;
}