/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.iframe-dash
{
    /*width:100%;*/
    margin: 0 !important;
    padding:0 !important;
    border-width:0;
    background:#fff;
    float:left;
    /*display:inline-block;*/
    /*vertical-align:top;*/
    /*position:absolute;
    top:43px;
    right:0;*/
}


.content-dashboard-wrapper
{
    padding-top:0 !important;
     padding-bottom:0 !important;
    /*padding-left:0 !important;
    padding-right:0 !important;*/
    padding-left:8px !important;
    background:#3D3D3D;
}


.page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover, .page-header.navbar .hor-menu .navbar-nav > li > a:focus {
color: #fff;
background: #333333;
}
.page-header.navbar .hor-menu .navbar-nav > li > a {
color: #fff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
/*color: #fff;*/
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
color: #fff;
}

.date-selector
{
    height:42px;
    /*text-align:right;*/
    float:right;
}
    .clear
    {
        clear:both;
    }
.date-selector-wrapper
{
    /*display:inline-block;*/
    width:270px;
    /*vertical-align:middle;*/
    /*margin-right:90px;*/
}

.fteHour-selector
{
    /*display:inline-block;*/
    /*margin-right:30px;*/
    /*vertical-align:middle;*/
    
}


.date-selector > .toggler {
    /*top: 4px;
    right: 0;*/
    top:0;
    right: 0px;
    /*padding: 20px;*/
    cursor: pointer;
    position: absolute;
    /*background: #242424 url(/assets/admin/layout/img/icon-color.png) center no-repeat;*/


    margin: 8px 7px 7px 0px;
    width: 30px;
    line-height: 27px;
    background: #242424;
    opacity: 0.7;
    display: inline-block;    
    color: #d9d9d9;
    font-size:14px;
    vertical-align: top;
    text-align:center;
}
    .date-selector > .toggler:hover
    {
        /*background: #000 url(/assets/admin/layout/img/icon-color.png) center no-repeat;*/
        opacity: 1;
        cursor:pointer;
    }

.date-selector >.toggler-close {
    display: none;
    /*top: 4px;
    right: 0;*/
    top:0;
    right: 0px;
    padding: 20px;
    z-index: 101;
    cursor: pointer;
    position: absolute;
    background: #3d3d3d url(/assets/admin/layout/img/icon-color-close.png) center no-repeat !important;
}
    .date-selector > .toggler-close:hover
    {
        background: #000 url(/assets/admin/layout/img/icon-color-close.png) center no-repeat !important;
        
    }

.date-selector > .date-options {
    /*top: 4px;
    right: 0;*/
    top:0;
    right: 0px;
    display: none;
    position: absolute;
    z-index: 100;
    background: #3d3d3d;
}
.date-selector > .date-options > .date-options
{
    color: #cfcfcf;
    padding: 10px;
    border-top: 1px solid #444;
    margin-top: 0px;
    margin-bottom: 0px;
}

.date-selector > .date-options > .date-options > span {
    text-transform: uppercase;
    display: block;    
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
}


.page-sidebar .sidebar-toggler
{
    margin-top:8px;
    margin-bottom:7px;
}


.navigation-menu
{
    float:left;
}
.navigation-menu .tree-view, .navigation-menu .filter-pnl, .navigation-menu .report-filter-pnl, .navigation-menu .report-refresh, .navigation-menu .refresh-btn, .navigation-menu .toggle-filter-btn, .navigation-menu .add-record-btn
{
    margin: 0px 7px 7px 0px;
    width: 30px;
    line-height: 27px;
    background: #242424;
    opacity: 0.7;
    display: inline-block;    
    color: #d9d9d9;
    font-size:14px;
    vertical-align: top;
    text-align:center;
}
    .navigation-menu .tree-view:hover,
    .navigation-menu .filter-pnl:hover,
    .navigation-menu .report-filter-pnl:hover,
    .navigation-menu .report-refresh:hover,
    .navigation-menu .refresh-btn:hover,
    .navigation-menu .toggle-filter-btn:hover, 
    .navigation-menu .add-record-btn:hover
    {
        opacity: 1;
        cursor:pointer;
    }

#tree-view
{
    width:0;
    float:left;
    overflow:hidden;
    background:#fff;    
}
.programsTree
{
    margin:10px;
	font-size:11px;
}

.grid-bool-checked {
    opacity: 1;
}

.grid-bool-unchecked {
    opacity: .2;
}

.save-changes {

}

.cancel-edit {

}

.apply-filter {
}

.reset-filter {
}

#divFilterTop {
    min-width: 350px;
}

#divFilterTop > table {
    width: 100%;
}

.tdApply, .tdCancel {
    width: 42px;
    max-width: 42px;
}

.required {
    color: #F00;
}

.custom-actions {
    font-size: 20px;
}


/*iframe custom action griglia*/
.modal-body > iframe,
.iframeCustom {
    border: none;
    width: 100%;
    height: 415px;
}

/* manage team groups */
.search-resources {
    width:48%;
    margin: 0 1% 0 0;
    padding: 0 0 5px 0;
}

.div-team-group {
    border: solid 1px #CCC;
    width:48%;
    margin: 0 1% 0 0;
    height: 320px;
    overflow: auto;
}

.left.div-team-group-hover {
    border: solid 1px #5D5;
}

.right.div-team-group-hover {
    border: solid 1px #F55;
}

.left {
    float:left;
}

.right {
    float:right;
}

.draggable-resource {
    margin: 3px;
    padding: 5px;
    cursor: move;
}

.left .draggable-resource {
    border: solid 1px #9C9;
    background: #DFD;
}

.right .draggable-resource {
    border: solid 1px #C99;
    background: #FDD;
}

.search-resource {
    width: 80%;
    float: left;
}

.error {
    height: 30px;
    background-color: #FDD;
    color: #f44;
    border: solid 1px #f44;
    border-radius: 2px !important;
    margin-top: 5px;
    padding: 5px;
    display: none;
}

.tg-tab-page {
    height: 365px;
    overflow: auto;
}

.button-modal {
    
    border: solid 1px #AACCFF;
    background: #EAFEFF;
    color: #5577AA;
    padding: 2px 4px;
    margin: 3px 3px 0 0;
}

.date-options .blue.btn {
  color: white;
  background-color: #838A8F;
}
.date-options .blue.btn:hover, .date-options .blue.btn:focus, .date-options .blue.btn:active {
  color: white;
  background-color: #4b8df8;
}

.date-options .blue.btn.active, #optionSave {
  color: white;
  background-color: #2474f6;
}

/*Filter Panel*/
#pnl-report-filters,
#pnl-filters {
    width: 60%;
    max-width: 1000px;
    background-color: #fff;
    border: solid 1px #999;
    /*opacity: .97;*/
}

#pnl-report-filters > .title,
#pnl-filters > .title {
    line-height: 30px;
    font-size: 15px;
    padding: 5px 5px 5px 10px;
    background: #3D3D3D;
    color: #D9D9D9;
    text-transform: uppercase;
    margin: 1%;
    width: 98%;
    height: 9%;
    overflow: hidden;
}
#pnl-report-filters > .title > .apply,
#pnl-report-filters > .title > .reset,
#pnl-filters > .title > .apply,
#pnl-filters > .title > .reset {
    padding: 0 10px;
    display: inline-block;
    text-transform: none;
    font-size: 13px;
    float:right;
    color: #FFF;
    cursor: pointer;
    line-height: 30px;
    height: 100%;
}

#pnl-report-filters > .title > .apply,
#pnl-filters > .title > .apply {
    background: #428BCA;
}

#pnl-report-filters > .title > .reset,
#pnl-filters > .title > .reset {
    background: #838A8F;
}

#pnl-filters > .title > .lblFilter {
    float: right;
    display: inline-block;
}

#pnl-filters > .title > .txbFilter {
    float: right;
    height: 30px;
    border: solid 1px #838A8F;
    padding: 0 5px;
    width: 250px;
    margin: 0 5px;
    color: #000;
}

#pnl-filters > .panel {
    height: 75%;
    color: rgb(81, 89, 103);
    margin-bottom: 0;
    border-bottom: solid 1px #d9d9d9;
    overflow-x: auto;
}

#pnl-filters > .panel .panel-table {
    height: 95%;
}

#pnl-filters > .panel .filter {
    vertical-align: top;
    padding: 0 15px;
    border-right: solid 1px #d9d9d9;
    height: 270px;
    overflow: auto;
}


#pnl-filters > .panel .fltHeader {
    min-width: 250px;
    vertical-align: top;
    padding: 0 15px;
    border-right: solid 1px #d9d9d9;
    height: 35px;
}

#pnl-filters > .panel .fltHeader .buttons {
    float: right;
    width: 200px;
    text-align: right;
}

#tree-view .buttons {
    float: right;
    width: 250px;
    text-align: right;
    padding-bottom: 5px;

}

#pnl-filters > .panel .filter #divPrg,
#pnl-filters > .panel .filter #divWkc {
    /*
        ????
        Senza questo css, non funziona l'overflow: auto; dei pannelli dei filtri
        Cosė funziona, ma non ne capisco il senso
        ????
    */
    height: 0px; 
}

#pnl-filters > .panel .fltHeader b {
    line-height: 31px;
}

#pnl-filters .divSave {
    padding:10px;
    text-align: right;
    width: 60%;
    float: right;
}


#pnl-filters .divSelect {
    padding:10px;
    width: 40%;
    float: left;
}

#pnl-filters .divSave span {
    font-size: 18px;
}

#txbFilterName,
#selFilter {
    height: 35px;
    border: solid 1px #838A8F;
    padding: 0 5px;
    width: 250px;
}

.forecast-activity
{
    background-color:red;
}

.currentWeek {
    background: #def;
}

/*Context Menu*/
/*Popup Info Resource*/

.tblResourceInfo
{
    width: 100%;
    font-size: 13px;
}

.tblResourceInfo td {
    padding: 2px 0;
    width: 50px;
    font-size:11px
}

.tblResourceInfo td:first-child {
    width: 250px;
    font-weight: bold;
}

.tblResourceInfo td:last-child {
    width: auto;
}

.divResourceOccupation {
   /* width: 420px;*/
    height: 230px;
    /*overflow: scroll;
    
    margin-left: 248px;*/
}

.tblResourceOccupation {
}

.tblResourceOccupation td, 
.tblResourceOccupation th
 {
    min-width: 50px;
    width: 50px !important;
    text-align: left;
    border: 1px solid #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px;
}

.tblResourceOccupation th:first-child,
.tblResourceOccupation td:first-child {
    min-width: 250px;
    width: 250px;
    max-width: 250px;
    font-weight: bold;
    /*position:absolute;
    left: 0px;*/
    padding: 5px;
}

.tblResourceOccupation th {
    background: rgb(199,199,199);
    background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(190,190,190,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(190,190,190,1)));
    background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -o-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#bebebe',GradientType=0 );
    color: #666666;
    font-size:10px
}

.tblResourceOccupation td {
    background: #fff;
    padding: 0;
    font-size:10px
}

.resource-occupation {
    background: #beebff !important;
    cursor: pointer;
}

.resource-occupation:hover {
    background: #8debef !important;
    cursor: pointer;
}

.resource-occupation > div {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 5px 0;
}

.cxtMenuItem {
    overflow:hidden; 
    text-overflow: ellipsis; 
    width: 225px; 
    white-space: nowrap
}

.divHeaderMainWrapper {
    height: 25px;
    overflow:hidden;
}

.divHeaderMain {
    width: 100%;
    overflow-x:scroll;
    border: solid 1px #666;
}

.divHeaderWrapper {
    width: 10000px;
   /* overflow-x:scroll;*/
}

.divHeaderTab {
    float: left;
    background: rgb(199,199,199);
    background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(190,190,190,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(190,190,190,1)));
    background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -o-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#bebebe',GradientType=0 );
    color: #666666;
    border-right: solid 1px #666;
    text-align: center;
    padding: 3px 0;
}

/*risorse*/
#resources .foundResource-pm-av {
    background-color: #9ef9fd !important;
}


#resources .foundResource-pm-av:hover {
    background-color: #7ed9dd !important;
}


#resources .foundResource-av {
    background-color: #f69685 !important;
}


#resources .foundResource-av:hover {
    background-color: #d67665 !important;
}

#resources .foundResource-pm {
    background-color: #9ee98d !important;
}


#resources .foundResource-pm:hover {
    background-color: #7ec96d !important;
}

#resources .foundResource-src {
    background-color: #eee98d !important;
}

#resources .foundResource-src:hover {
    background-color: #cec96d !important;
}

#resources .foundResource-no {
    display: none;
}

#searchBox span {
    padding: 4px !important; 
    vertical-align:middle;
    cursor: pointer;
}

#searchBox span:hover {
    background-color: #AAA;
}

.collapsedResources {
    height: 20px;
    position: relative;
    line-height: 20px;
    padding: 3px 5px;
    border: 1px solid #999;
    color: #4c4d4d;
    z-index: 1;
    margin: 2px;
    font-size: 11px;
    background: #eee98d;
}

#iframeKeepSessionAlive {
    
    width: 0px !important;
    height: 0px !important;
    border:0;
    opacity: 0;
    display: none;
}

.ui-resizable-w {
    width: 6px !important;
    background: #428BCA;
}

#drpOpenLvl {
    display: none;
    margin: 9px 0 0 -10px;
    height: 25px;
}

#capacityWrapper {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    height: 100%;
    overflow:auto;
}

#capacitySetter {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 10px;
}

.tblResourceAvilability {
}

.tblResourceAvilability td, 
.tblResourceAvilability th
 {
    min-width: 50px;
    width: 50px !important;
    max-width: 50px;
    text-align: center;
    border: 1px solid #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px;
}

.tblResourceAvilability th:first-child,
.tblResourceAvilability td:first-child {
    min-width: 250px;
    width: 250px;
    max-width: 250px;
    font-weight: bold;
    /*position:absolute;
    left: 0px;*/
    padding: 5px;
}

.tblResourceAvilability th {
    background: rgb(199,199,199);
    background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(190,190,190,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,199,199,1)), color-stop(100%,rgba(190,190,190,1)));
    background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -o-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%,rgba(190,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#bebebe',GradientType=0 );
    color: #666666;
    font-size:10px
}

.tblResourceAvilability td {
    background: #fff;
    padding: 0;
    font-size:10px
}

.resource-edit {
    background: #beebff !important;
}

.resource-edit:hover {
    background: #8debef !important;
}

.ui-resizable-w {
    width: 6px !important;
    background: #428BCA;
}

#drpOpenLvl {
    display: none;
    margin: 9px 0 0 -10px;
    height: 25px;
}

#rptErrorMessage{
    font-family: "Open Sans", sans-serif;
    font-size: large;
    position: relative;
    top: 50px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
}

.filtergrouprow{
    padding-left: 9px;
    height: 347px;
    vertical-align: top;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}