/*#region General*/
.body-content{
  
}

/*#region General Property From Components*/

.k-tabstrip:focus{
    box-shadow:none;
    background:none;
    background-color:transparent;
}
/*input.form-control, .container{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/
.k-widget *,  .k-list-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button{
    width:100%;
}
.k-autocomplete.k-widget * , .k-multiselect.k-widget * , .k-combobox.k-widget * , .k-datepicker.k-widget * , .k-timepicker.k-widget * , .k-datetimepicker.k-widget * , .k-colorpicker.k-widget * , .k-numerictextbox.k-widget * , .k-dropdown.k-widget * , .k-selectbox.k-widget * , .k-textbox.k-widget * , .k-toolbar .k-split-button.k-widget * , .k-grid-pager.k-widget * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.k-grid-content-expander{
    width:100% !important;
}
/*textarea{
    min-height:50px;
}*/
.scroll-hidden{
    overflow:hidden;
}
.DisableGridDiv {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    /*width: 100%;
    height:100%;*/
    left:0;
    right:0;
    bottom:0;
    z-index: 3000;
    position: absolute;
}
.k-chart{
    width:100%;
    height:100%;
}
  
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
    text-align:center;
}
/*.k-dropdown-wrap.k-state-default{
    height:100%;
}*/


/*#endregion General Property Fro Compunents*/


/*#endregion General*/

/*#region  Cartable Tab*/

/*#tsPackages > .k-tabstrip-items > .k-item > .k-link > span{
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
}
#tsPackages > .k-tabstrip-items > .k-item > .k-link > .TabImage{
    width:20px;
    height:20px;
    background-size: cover;
}
#tsPackages > .k-tabstrip-items > .k-item > .k-link > .TabTitle{
    margin-top:3px;
    margin-left:2px;
}
#tsPackages > .k-tabstrip-items > .k-item{
    background: url("Image/TaskManager/TabSheetHeaderHover.png");
    margin-left:1px !important;
}
#tsPackages > .k-tabstrip-items > .k-item > a > span > h6 {
    
    margin-top:-5px;
    margin-right:4px;
    display:table;
}
#tsPackages > .k-tabstrip-items > .k-item > a > span > h6 > span.label.label-danger {
    border-radius:20px;
}
#tsPackages > .k-tabstrip-items > .k-item.k-state-active{
    border-color:#d27201;
    background: url("Image/TaskManager/TabSheetHeader.png");
}
#tsPackages > .k-tabstrip-items > .k-item.k-state-active .TabTitle{
    color:white;
}
#tsPackages > .k-tabstrip-items > .k-item.k-state-default.k-state-hover{
    border-color:#d27201;
    background-color:unset;
    background: url("Image/TaskManager/TabSheetHeaderHover.png");
}
#tsPackages > .k-tabstrip-items > .k-item > .k-link{
    padding:2px;
    padding-right:4px;
    padding-left:0;
    color:black;
    background:none;
}*/

#tsPackages > ul.nav.nav-tabs > li > a > span.TabImage > span.label.label-danger {
    border-radius:20px;
    display:table;
    margin-top:-4px;
}
#tsPackages > ul.nav.nav-tabs{
    border-bottom: solid 2px #d27201;
}
#tsPackages > ul.nav.nav-tabs > li > a{
    height:30px;
    background: url("Image/TaskManager/TabSheetHeaderHover.png");
    color:black;
    padding:1px;
}
#tsPackages > ul.nav.nav-tabs > li.active > a{
    background: url("Image/TaskManager/TabSheetHeader.png");
    color:white;
}
#tsPackages > ul.nav.nav-tabs > li > a > .TabImage{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
}

/* #region Special for each tab Diactive*/
#tsPackages > ul.nav.nav-tabs > li[tab-type="HomeDashboard"] > a > .TabImage{
    background-image: Url(Image/TaskManager/Dashboard-B.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="CartableTab"][tab-id='1'] > a > .TabImage{
    background-image: Url(Image/TaskManager/Task-B.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="CartableTab"][tab-id='2'] > a > .TabImage{
    background-image: Url(Image/TaskManager/GroupTask-B.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="PackageTab"] > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-B.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="TaskGroupTabList"] > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-B.png);
}
/*#tsPackages > ul.nav.nav-tabs > li[tab-type="TaskGroupTab"] > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-B.png);
}*/
#tsPackages > ul.nav.nav-tabs > li[tab-type="GeneralUserTab"][tab-id='1'] > a > .TabImage{
    background-image: Url(Image/TaskManager/Massege-B.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="GeneralUserTab"][tab-id='2'] > a > .TabImage{
    background-image: Url(Image/TaskManager/Search-B.png);
}
/* #endregion Special for each tab Diactive*/


/* #region Special for each tab active*/
#tsPackages > ul.nav.nav-tabs > li[tab-type="HomeDashboard"].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Dashboard-w.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="CartableTab"][tab-id='1'].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Task-w.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="CartableTab"][tab-id='2'].active > a > .TabImage{
    background-image: Url(Image/TaskManager/GroupTask-w.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="PackageTab"].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-w.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="TaskGroupTabList"].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-w.png);
}
/*#tsPackages > ul.nav.nav-tabs > li[tab-type="TaskGroupTab"].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Defult-w.png);
}*/
#tsPackages > ul.nav.nav-tabs > li[tab-type="GeneralUserTab"][tab-id='1'].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Massege-w.png);
}
#tsPackages > ul.nav.nav-tabs > li[tab-type="GeneralUserTab"][tab-id='2'].active > a > .TabImage{
    background-image: Url(Image/TaskManager/Search-w.png);
}
/* #endregion Special for each tab active*/

/*#endregion  Cartable Tab*/

/*#region  Cartable Tab Content*/

/*#tsPackages > .k-content.k-state-active{
    border: solid 2px #d27201;
    padding: 8px;
    background-color:#424953;
    display:inline-block !important;
    width:100%;
}*/
 #tsPackages >.tab-content > .tab-pane.active{
    display:inline-block;
 }

/*#endregion  Cartable Tab Content*/

/*#region  Cartable Grids*/
.grid_fullHeight > .k-grid > .k-grid-content {
    height: 70vh !important;
    overflow: scroll !important;
}
.k-grid > .k-grid-content{
    overflow:auto;
    height: inherit;
    padding-left:0 !important;
}
.k-grid > .k-grid-header{
   padding: 0 !important;
}

.dvWorkflowGrids {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    float: right;
    width: 100%;
}
.dvWorkflowGrids > .k-grid{
    height:98%;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group{
    margin:0;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group .panel-title{
    font-size:small;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group > .panel > .panel-collapse > .panel-body{
    padding:10px;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group > .panel > .panel-collapse > .panel-body > .form-group{
    margin-bottom:5px;
    float:right;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group > .panel > .panel-collapse > .panel-body > .form-group > label{
    padding-left:0;
    padding-right:0;
    margin-top:8px;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group > .panel > .panel-collapse > .panel-body > div > input.btn{
    margin-right:-10px;
}
.dvWorkflowGrids > .k-grid > .k-grid-toolbar > .panel-group > .panel > .panel-collapse > .panel-body > .form-group .k-widget.k-multiselect.k-header{
    height:inherit;
}

.k-window-titlebar.k-header {
    margin-top: -29px !important;
    height: 28px;
}
/*@media(max-width: 767px){
    .dvWorkflowGrids{
        width:100% ;
    }
}*/

/*#tsPackages > .k-content > .dvWorkflowGrids > .k-grid > .k-grid-content{
    height: 100% !important;
    overflow-y: visible;
    min-height:80px;
}
#tsPackages > .k-content > .dvWorkflowGrids > .k-grid > .k-grid-header{
   padding: 0 !important;
}*/
/*#tsPackages > .k-content > .dvWorkflowGrids > .k-grid > .k-grid-content tbody >  .k-detail-row > .k-detail-cell    {
    margin:10px;
    background-color: white ; 
    color:black;
}
#tsPackages > .k-content > .dvWorkflowGrids > .k-grid > .k-grid-content tbody > .k-detail-row > .k-detail-cell >
 .TaskSummeriesListViewObject > .TaskSummeryItem{
    float:right;
    margin:10px;
}*/
#tsPackages > .k-content > .dvWorkflowGrids > .k-grid > .k-grid-content tbody > .k-detail-row > .k-detail-cell >
 .TaskSummeriesListViewObject > .TaskSummeryItem > strong{
    /*margin-right:5px;*/
}

/*#endregion  Cartable Grids*/

/*#region Messages Cartable*/

.TabContent{
    /*background-color:#dadada;
    */
    background-color:white;
    padding:5px;
    padding-top:10px;
    border-radius:3px;
    width:100%;
    display:inline-block;
}
.MesssagesTabContent > .tsMessages-content {
    padding:7px;
}
.MesssagesTabContent > .tsMessages-content > .tab-pane > .k-grid{
    margin-top:7px;
}
/*#endregion Messages Cartable*/

/*#region Popup Send new Message*/
#NewMessagePopup{
    padding-top:10px;
    color:white;
}
/*.k-list-container.k-popup > .dropdown-header > .columns-default{
    height:100%;
    width:98%;
    display:inline-block;
    margin-right:2%;
    background-color:ActiveCaption;
    border:none;
    border-left:dotted 1px #808080;
}
.k-list-container.k-popup > .dropdown-header > .columns-last{
    border :0;
}
.k-list-container.k-popup > .dropdown-header > .columns-default.columns-two{
    width:48%;
}
.k-list-container.k-popup > .dropdown-header{
    height:20px;
    padding-right:0;
    background-color:ActiveCaption;
}
.k-list-container.k-popup > ul.k-list > li > .columns-default{
    width:98%;
    display:inline-block;
    margin-right:2%;
}
.k-list-container.k-popup > ul.k-list > li > .columns-default.columns-two{
    width:48%;
}
*/


/*#endregion Popup Send new Message*/

/*#region Advance Search*/

#SearchResult{
    margin-top:5px;
    margin-bottom:5px;
}
#dvAdvanceSearch{
    display:inline-block;
}

/*#endregion Advance Search*/

/*#region PackagesButton Affix*/
.AffixPackageButton{
    position: relative;
    width:calc(100% - 2px);
    padding:0;
    top:2px;
    left:2px;
    border: solid 2px white;
    border-radius:4px;
    background-color:#424953;
    display:inline-block;
    float:right;
    margin-bottom:5px;
}
.AffixPackageFixHeight{
    position: relative;
    float: right;
    top:2px;
    left:2px;
    z-index:60;
    height:35px;
    border:none;
    margin:0;
    padding:0;
    width:1px;
    background-color:transparent;
}
.PackagesButton{
    
    color:white;
    width:100%;
    height:100%;
    padding:3px;
}
.PackagesButton > span{
    color:white;
    font-size:medium;
    margin-left:5px;
    margin-right:5px;
}
.PackagesButton :hover{
    color:white;
}
.PackagesButton > .nav-title {
    float:right;
}
.PackagesButton > .nav-icon {
    float:left;
    margin-top:3px;
}
.affix {
    position:fixed;
    top: 0;
    left:1px;
    right:1px;
    z-index:4000;
}
.DrowerPackag{
    width:100%;
    margin-top:5px;
    
}

/*#endregion PackagesButton*/

/*#region Packages Access Panel */

/*.modal-dialog {
    margin-top:120px;
}
@media(max-width: 767px){
    .modal-dialog {
        width:60%;
        margin-left:auto;
        margin-right:auto;
    }
}
@media(max-width: 500px){
    .modal-dialog {
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
}
.modal-header{
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
}
.modal-body{
    padding:10px;
}*/
.dvAccessPanels{
    /*width:25% ;*/
    float:left;
    padding-left:0;
    padding-right:8px;
    /*padding-right:10px;
    padding-right:10px;*/
}
.dvAccessPanels > .k-panelbar{
    border-radius:5px;
}
.dvAccessPanels-modal{
    width:100% !important;
    float:none;
    padding-right:0;
}
.dvAccessPanels .k-panelbar>li.k-state-default>.k-link{
    color:white;
}
.dvAccessPanels > ul > li .k-link{
    background-color:#7a838a;
    border-radius:5px 5px 0 0;
    height:30px;
    color:white;
    padding:0 10px 0 0;
    margin:0;
    border:0;
    box-shadow:none !important;
}
#tsPackages .dvAccessPanels > ul > li .k-link img{
    padding:0;
    margin:0 0 0 5px;
    float:left;
}
.dvAccessPanels .k-listview{
    background-color:#68727b;
    padding:5px 0 5px 0;
    border:0;
    overflow-y:auto;
    max-height:150px;
}
/*.dvAccessPanels .k-listview ul{
    
}*/
.dvAccessPanels .k-listview li{
    margin:2px 0 5px 0;
    list-style:none;
    padding:0 10px 0 10px;
}
.dvAccessPanels .k-listview li a{
    color:#dde2e6;
}
/*.dvAccessPanels .k-listview li a.Item-List{
    color:#dde2e6;
}*/
.dvAccessPanels .k-listview li a.Item-Menu{
    float:left;
}
.dvAccessPanels .k-listview li a:hover{
    text-decoration:none;
    color:#fbfea0;
    cursor:pointer;
}
.dvAccessPanels .k-listview li a:hover img {
    opacity:0.4;
}
/*#endregion Packages Access Panel Modal*/

/*#region Dashboard Tab*/

.Dashboard_Body{
    background-color:#f5f5f5 !important;
}
.Dashboard_Element{
    background-color:white;
    margin: 8px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 6px 20px #AFAFAF;
    padding:3px;
    text-align:center;
    padding:5px;
    /*padding-top:3px;
    padding-bottom:3px;*/
}
.Dashboard_Wide{
    
}
.Dashboard_Square{
    height:330px;
}
@media(max-width: 767px) {
    .Dashboard_Element.Dashboard_grid {
        height: 100%;
    }
}
/*.Dashboard_Element > div{
    height:100%;
    overflow:auto;
}*/
.Dashboard_Element > .chart_all{
    direction:ltr;
}
.Dashboard_Element > .chart_squareArea > div {
    width:250px;
    height:250px;
    margin:auto;
}
.chart_wideAera{
    height:250px;
}
@media(max-width: 922px) {
    .chart_wideAera {
        height: 500px;
    }
}                         
/*.market-donut g{
    float:right;
}*/
/*#endregion Dashboard Tab*/

.k-rtl.ng-scope {
    height: 95% !important;
}

div#tsPackages {
    height: 100% !important;
}