/* Tab Content - menucool.com */
ul.tabs {
    padding: 6px 0;
    font-size: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
    /*set to left, center, or right to align the tabs as desired*/
}
ul.tabs li {
    display: inline;
    margin: 0;
    margin-right: 3px;
    /*distance between tabs*/
}
ul.tabs li a {
    font: normal 11px Verdana;
    text-decoration: none;
    position: relative;
    padding: 6px 16px;
    border: 1px solid #CCC;
    border-bottom-color: #B7B7B7;
    color: #000;
    background: #F0F0F0 url(../img/tabbg.gif) 0 0 repeat-x;
    border-radius: 3px 3px 0 0;
    outline: none;
}
ul.tabs li a:visited {
    color: #000;
}
ul.tabs li a:hover {
    border: 1px solid #B7B7B7;
    background: #F0F0F0 url(../img/tabbg.gif) 0 -6px repeat-x;
}
ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    font-weight: bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
ul.tabs li.selected a:hover {
    text-decoration: none;
}
div.tabcontents {
    border: 1px solid #B7B7B7;
    padding: 5px;
    background-color: #FFFFFF;
    border-radius: 0 3px 3px 3px;
    /*height:100%;*/
    overflow: auto;
}



#footer, #main, #header, .footer, .header,.maintable,.centertable  {
    border: 0px solid #B7B7B7;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
    width:1300px;
}

#main, .maintable  {
    height:100%;
    width:1300px;
    padding: 0px;

}

#main, .centertable  {
    height:100%;
    width:100%;
}

.sitestatus {
  writing-mode: vertical-lr;
  transform: scale(-1, -1);
  background-color: red;
  position: absolute;
  z-index:-1;
}



.Mon, .Tue, .Wed, .Thu, .Fri  {
                                padding: 0px 0px 0px 0px;
                                margin: 0px 0px 0px 0px;
                                font-size: 10px;
                                width:30px;
                                vertical-align: middle;
                                text-align: center;
}


.Sat, .Sun  { padding: 0px 0px 0px 0px;
              margin: 0px 0px 0px 0px;
              font-size: 10px;
              width:14px;
              color: #FF0000;
              background-color: #3cb0fd;
              display: table-cell;
              text-align: center;
              vertical-align: middle;
}


.login    {
    margin-left:auto; 
    margin-right:auto;
    width: 400px;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    box-shadow: 0 0 8px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}
.login tr {
    width: 100%;
}




.description {
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgb(153,204,255);
    box-shadow: 0 0 8px rgb(153,204,255);
    background-color: #3cb0fd;
    font-weight: bold;

}

.project_name {
    font-size: 11px;
}

.base_text {
    font-size:11px;
    padding: 0px 0px 0px 0px;
}

body { 
    font-size: 11px; 
    margin: 0px;

}

form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.pro_cli_dv { background-color:rgb(192,176,255); width : 170px; border: 0px solid; padding: 0px 0px 0px 0px; margin: 0px; font-size: 11px;}
.pro_cli_gt { background-color:#e4b9b9; width : 170px; border: 0px solid; padding: 0px 0px 0px 0px; margin: 0px; font-size: 11px;}
.pro_cli_oth { background-color:rgb(212,226,195); width : 170px; border: 0px solid; padding: 0px 0px 0px 0px; margin: 0px; font-size: 11px;}


.inp_ts_time_dv  { background-color:rgb(192,176,255);}
.inp_ts_time_oth { background-color:rgb(212,226,195);}

.tab_ts,.tab_ts_plan, .def_tab, .tab_ts_viw, .js-sort-table {
    font-size: 11px; 
    border:1px solid rgb(240,240,240);

 } 

.tab_ts_reality {
    font-size: 11px;    
    background-color:rgb(229,229,229);
 } 
 
 .tab_ts_plan {
    font-size: 11px;    
    border:1px solid rgb(240,240,240);
	border-spacing: 1px 1px 1px 1px;
 } 

.tab_ts_reality tr th {
    background-color:#A46C54;
    font-size:11px;
    color:rgb(255,255,255);
}


.tab_ts th, .tab_ts_viw th, .js-sort-table th {
    background-color:#627378;
    font-size:11px;
    color:rgb(255,255,255);
} 
       

.tab_ts, .tab_ts_plan, .def_tab, .tab_ts_viw, .tab_ts_reality, .js-sort-table {
    width: 100%;
} 

.tab_ts_viw tr:nth-child(even) { background-color: rgb(253,253,253);} 
.tab_ts_viw tr:nth-child(odd) { background-color: rgb(227,227,227)}


DEL.tab_ts_in tr td {
    border:1px solid rgb(240,240,240);
} 

.DIVdarkClass
{
    filter:alpha(opacity=10); /* IE */
    opacity: 0.1; /* Safari, Opera */
    -moz-opacity:0.10; /* FireFox */
    background-color: gray;
}

.DIVnormClass
{
    filter:alpha(opacity=100); /* IE */
    opacity: 1; /* Safari, Opera */
    -moz-opacity:1; /* FireFox */
    background-color: white;
}

.popup_visible {
    position:fixed;
    overflow:auto;
    top:10%;
    left:10%;
    /*margin:11px auto;*/
    margin-left: auto;
    margin-right: auto;
    font-size:11px;
    margin: 0px 0px 0px 0px;
#    padding: 5px 5px 5px 5px;
    /*background-color:rgb(240,240,240);*/
    background-color:rgb(255,255,255);
    z-index:100;
    visibility: visible; 
    display:block;
    filter:alpha(opacity=100); /* IE */
    opacity: 1; /* Safari, Opera */
    -moz-opacity:1; /* FireFox */
	width:auto;
	min-width: 120px;	
	height: auto;
	spacing: 10px;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid gray;
}

.popup_visible_transparent {
    position:fixed;
    overflow:auto;
    top:1%;
    left:5%;
    margin-left: auto;
    margin-right: auto;
    font-size:11px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    visibility: visible; 
    display:block;
}

.disable_mainframe {
    background:url(img/transparent.png) repeat 0 0;

}

.frm_foreign_detail {
    position:fixed;
    z-index:1;
    border: 2px solid black;
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;  
    top:0;
    left:0;
    width: 800px;
    background-color:rgb(240,240,240);
    overflow:auto;
}

.popup_hidden {
    visibility: hidden; 
    width:0px;
    height:0px;
    position:fixed;
    top:100px;
    left:200px;
}

#title {
    font: oblique normal bold medium/1 Arial, sans-serif;
}



.inp_ts_time_val, .inp_ts_time_err, .inp_ts_sum, .inp_ts_time, .inp_ts_time_oks  {
    background-color:rgb(240,160,255);
    width : 21px;
    border: 0px solid;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px;
	border-radius: 3px;
	height: 20px
}


.xinp_ts_time_val:disabled{
	height: 20px;
    border-radius: 3px;
    width: 20px;
}

.inp_ts_time_err  { background-color:rgb(255,32,48);}
.inp_ts_time { background-color: #F0F0F0 ;}
.inp_ts_time_oks { background-color: #66CC00 ;}   


.inp_ts_car, .inp_ts_num, .inp_ts_num_dis, .inp_ts_num, .inp_ts_datetime  {
    border: 1px solid #B7B7B7;
    text-align: right;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px ;
    padding:0px;
    height: 18px;
	width:100%;	
}


.inp_ts_num-Y {
	border: 1px solid red;
    text-align: right;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px ;
    padding:0px;
    height: 18px;
	width:100%;
}

.inp_ts_text-Y, .inp_ts_select-Y  {
	border: 1px solid red;
    text-align: left;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px ;
    padding:0px;
    height: 18px;
	width:100%;
}


.inp_ts_num_dis2 {
    border: 1px solid #B7B7B7;
    text-align: right;
    padding: 0px 0px 0px 0px;
	background-color: rgb(220,220,220);
    font-size:11px;
    margin: 0px ;
    padding:0px;
    height: 18px;  
	width:100px; 
}

.inp_ts_num_disable  {
    border: 1px solid #B7B7B7;
    background-color: rgb(220,220,220);
    text-align: right;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px ;
    padding:0px;
    height: 18px;  
}


input[type="text"]:disabled {
  /*background: #ccc;*/
  border: 1px dashed;
}



.textleft {
    text-align: left;
    /*zwidth:100%*/
}

.textright {
    text-align: right;
    /*zwidth:100%*/
}

.textleft0 {
    text-align: left;
}

.textleft30 {
    text-align: left;
    width:30%
}

.textleft50 {
    text-align: left;
    width:50%
}


.td_num {
    text-align: right;
}

.td_num_sum {
    text-align: right;
    background-color: rgb(204,204,153);
}


.inp_ts_time_dv, .inp_ts_time_oth {
    width : 21px; /*201802*/
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:10px;
    border: 1px solid gray;
    /*display:block;*/
    height: 100%;
	height: 20px;
	border-radius: 3px;

}

input[type=text]:focus, textarea:focus, input[type=checkbox]:focus, select:focus, input[type=password]:focus {
    box-shadow: 0 0 2px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}


.inp_ts_combo {
    border: 1px solid #B7B7B7;
    text-align: left;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px;
    height:18px;
}


.inp_ts_select, .inp_ts_text, .inp_ts_date, .inp_ts_text_bold, .inp_ts_text_status0,.inp_ts_text_status1,.inp_ts_text_status {
    border: 1px solid #B7B7B7;
    text-align: left;
    padding: 0px 0px 0px 0px;
    font-size:11px;
    margin: 0px;
    height:18px;
	width: 100%;
}

.inp_ts_text_status,.inp_ts_text_status0 {background:#FF0000;}
.inp_ts_text_status1 {background:#33FF00;}

.inp_ts_date {
    width:70px;
}

.inp_ts_comment {
    border: 0;
    font-style: italic;
    font-size: 11px;
    background-color:rgb(255,255,255);
}

.inp_ts_text_bold {
    font-weight: bold;
}

.cell_disabled {
    cursor:not-allowed;
    background-color: rgb(255,102,153);  
    vertical-align: middle;
    text-align: center;
	width:30px;
}

.inp_ts_num disabled, .inp_ts_num_dis, .inp_ts_car disabled, 
.inp_ts_time_dv disabled, .inp_ts_time_oth disabled {
    background-color:rgb(140,228,255);
    margin: 0px ;
    padding:0px;
    border: 0px solid #B7B7B7; 
	width: 100%;

}

.inp_ts_datetime {
    width :130px;
    text-align: left;
}

button {
    padding:-0px;
    xdisplay:inline;
    xborder-radius: 2px;
    xheight : 17px; 
    xwidth  : 17px; 
    xbox-shadow: #CCC    ; 
}

button:hover {
    background: #3cb0fd;

    text-decoration: none;
}


button img{
    width:   14px;
    height : 14px;  
	display: inline;
	vertical-align: middle;	
}

.mnu_button {
    width: 105px;
    height: 21px;
    text-align: center;
    border-radius: 4px;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px; 
	border-width: thin;
}

.ico_button {
    height: 18px;
    width: 21px;
    border-radius: 3px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}

.icon {
    height: 14px;
    width: 14px;
    border-radius: 3px;
    align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
} 

.mnu_button img{
    width: 14px;          
    height: 14px;
	display: inline;
	vertical-align: middle;
}

.msg_title { 
    background-color: rgb(102,204,255);
    height: 20px;
    border: 1px solid #000000;
}

.rec_rejected {   background-color: rgb(255,51,102);}
.rec_accepted {   background-color: rgb(153,255,153);}
.rec_normal {   background-color: rgb(255,255,255);}

.user_listbox {
    size:10;
    multiple: multiple;
    width:320px;
    font-size: 11px; 
    border: 1px solid #B7B7B7;
}

.tab_mng {font-size: 11px; border:1px solid rgb(240,240,240); width:100%;} 
.tab_mng th {font-size: 11px; font-weight: bold; background-color: #95B28E}
.tab_mng td {font-size: 11px;}



.pagebreak {
    page-break-after: avoid;
}

.headtable ui-state-default {
    font-size: 11px;
}

.inp_ts_combo option {
    float:left;
}

.link_image {
    width:18px;
    height:18px;
    display:inline;
    cursor: auto;
}

.label_text {
    color: rgb(255,0,0);
    font-weight: bold;
}

.folder {
    color: rgb(51,0,204);
    font-size: 12px;
}

.info_view {
    visibility: visible;
    font-size:10px;
    font-style: italic;
    color: rgb(160,160,160);   
}

.info_view_alert {
    visibility: visible;
    font-size:10px;
    color: red;
    font-weight: bold;   
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.plan_polo { min-width:230px;width:230px;}
.plan_pozn { min-width:120px;width:1200px;}
.plan_cenamj { min-width:55px;width:55px;}
.plan_cenac {  min-width:75px;width:75px;}
.plan_mxx {  min-width:58px;width:58px;}
.plan_one {  min-width:58px; width:58px;}

.eltooltip {
	background-color: #FFFFAA;
	opacity: 90%;
	border-radius: 10px;
	border: 1px solid gray;
	font-size: 10px;
	color: black;
	font-family:italic;
	font-size: 10px;
	z-index:2;
	width:auto;
	min-width: 220px;	
	height: auto;
	spacing: 5px;
	padding: 5px;
	z-index:900;
}

.eltooltip table tr td{
		border-color: yellow;		
}

.trow1{
	background-color: #C9D2FA;
	color: #080808;
}
.trow-1{
	
}
.tab_orgchart tr td {
	border: 1px solid #B7B7B7;
	
}

.contact {
	display: flex; 
	float:left;
	padding: 5px;    
	border: 0px solid #B7B7B7;
	width:200px;    
	margin: 2px; 
	border-radius:8px;
	background-color : #F3F3F3;
}

.t_contact {
	
}
.d_contact {
	display:inline-block;
	width:100%;
}

.d_contact_n {
	font-weight :bold;
	display:inline-block;
}

.d_contact_r {
		font-size: 10px;
}

.t_contact_role {
		border:0px dashed #D3D3D3;
		border-radius:5px;
		xmargin:4px;
}

.userphoto:hover {
   	transform:scale(4,4);
	transform-origin:-2 -2;
}

.bck_status_1 {
	background-color: lightgreen;
}