.poly
    {
        fill:white;
        opacity:0.5;
            
    }
    .poly:hover
    {
        fill : lightgreen;
        opacity:1;
    }

    body
    {
        font-size: 11px;
        padding: 0px; 
        margin: 0px; 
        border: 0px;
        background: white;
    }
    
    #CCSRightContainer
    {
        position: fixed;
        width:16%;
        height: 100%;
        right:0%;
        top:0px;
        z-index: 10000;
        opacity: 0.95;

    }
    
    #CCSHeader
    {
        background  : #2d5981; /*#adadad; */
        height      : 40px;
        color: white; 
        z-index: 1000;
        left: 0px;
        top: 0px;
        position: fixed;
        width: 99.5%;
        border-bottom: 1px solid gray;
        border-radius: 0px;
        margin-top: 5px;
        margin-left: 0.25%;
        margin-right: 0.25%;
    }
    
    #CCSHeaderOptionsBox
    {
        height: 100%;
        float:right;
        width:550px;
        margin-right: 16%;
    }
    
    #CCSToolsBox
    {
        height: 100%;
        float:right;
        width:380px;
        margin-right: 16%;
        z-index: 1005;
        position: relative;
        top: -27px;
    }
    
    .CCSHeaderOptions
    {
        height: 25px;
        float:right;
        width: 25px;
        margin-right: 2px;
        margin-top: 5px;
        padding-top: 5px;
        font-size: 15px;
        cursor: pointer;
    }
    
    .CCSHeaderOptionsSep
    {
        height: 25px;
        float:right;
        width: 25px;
        margin-right: 2px;
        margin-top: 5px;
        padding-top: 5px;
        font-size: 15px;
    }
    
    .CCSTools:hover
    {
        border-width      : 2px; 
        border-color      : #337ab7;
    }
    
    .CCSTools:focus
    {
        border-width      : 2px; 
        border-color      : #337ab7;
    }
    
    .CCSTools
    {
        height: 29px;
        float:right;
        width: 29px;
        margin-right: 4px;
        margin-top: 2px;
        padding-top: 6px;
        font-size: 15px;
        z-index: 1006;
        border : solid thin white;
        border-radius: 90px;
        color: gray;
        background: white;
        
    }
    
    .CCSHeaderOptions:hover
    {
        background: #c0c0c0;
    }
    
    .CCSHeaderSearch
    {
        height: 22px;
        float:right;
        width: 200px;
        margin-right: 2px;
        margin-top: 7px;
        padding-top: 0px;
        border-style: solid;
        border-radius: 1px;
        border-width: 1px;
        z-index: 1009;
        background: #c0c0c0;
        font-size: 12px;
        padding-left: 5px;
     
    }
    #CCSSearchGridName
    {
        background: blue;
        position: absolute;
        left:500px;
        top:5px;
        width: 200px;
        height: 20px;
        display:none;
    }
    
    #CCSFooter
    {
        background  : #adadad; 
        height      : 35px;
        color: white; 
        z-index: 1003;
        left: 0px;
        bottom: 0px;
        position: fixed;
        width: 99.5%;
        border: 1px solid gray;
        border-radius: 0px;
        margin-bottom: 5px;
        margin-left: 0.25%;
        margin-right: 0.25%;    
    }

    #CCSMenuCanvas
    {
        background: #23527c;
        width: 94%;
        left: 3%;
        bottom: 2px;
        position: relative;
        top: 1.5%;
        height: 80%;
        z-index: 2001;
        border-radius: 5px;
        overflow-x: hidden;
        /*opacity: 0.8;*/
    }

    #CCSLoginCanvas
    {
        background: #122b40;
        width: 94%;
        left: 3%;
        position: relative;
        top: 1%;
        height : 18%;
        z-index: 2001;
        border-radius: 5px;
        /*overflow: auto;*/
        color : white;
        padding-bottom: 3%;
    }

    .CCSLoginImg
    {
      position : relative;  
      /*width :17%;*/
      left: 15px;
      font-weight: bold;
      cursor: pointer;
      font-size: 13px;
      
    }
    
    .CCSLoginText
    {
      position : relative;  
      left : 45px;
      width : 75%;
      font-size : absolute-sies;
    }
    
    
    #CCSMenuHeader
    {
         font-size:11px; 
         color:white;
         background:#122b40; 
         height:4%; 
         width:100%;
         padding-top: 3%;
         border-radius: 5px;
    }
    
    #CCSMenuFooter
    {
         position: absolute;
         /*background:#122b40;*/ 
         color : white;
         height:4%; 
         width:100%;
         bottom: 0px;
         /*border-radius: 5px;*/
    }    
    
    #CCSMenu
    {
        padding-top: 10px;
        /*background: greenyellow;*/
        height: 92%;
    }
    
    #CCSMenu > ul 
    {
        margin-top: 20px;
        padding: 0px;
    }
    
    #CCSMenu > ul > li 
    {
        width: 96%;
        margin: 2%;
        padding: 3px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        list-style-type: none;  
        color: white;
    }
    
    .CCSMenuItems
    {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 12px;
        color: white;
        margins:5px;
        padding-top:40px; 
        padding-bottom:8px;
        width: 100%;
    }
    
    .CCSMenuItemsImg
    {
      width :17%;
      padding-left: 10px;
      padding-right: 5px;
    }
    
    .CCSMenuItemsText 
    {
      width :83%;
      padding-bottom: 5px;
      padding-top: 5px;
      padding-right: 10px;
    }
    
    .CCSMenuItem
    {
        width: 100%;       
        cursor: pointer;
    }    
    
    .CCSMenuSeparator
    {
        height: 10px;
        background: yellow;
    }    
    
    .CCSMenuItem:hover
    {
        /*background: #2e6da4;*/
        background: #e8e8e8;
        color: #2e6da4;
    }    
    
    
    #CCSMenu > ul > li:hover
    {
        /*background: #2e6da4;*/
        background: lightgray;
        color: #2e6da4;
    }
    

    
    #CCSMenu > ul > li > a
    {
        color: inherit;
        font-weight: normal;
        text-align: left;
        font-size: 12px;
        
    }
    
    .CCSMenuOptions
    {
        font-size: 13px;
        text-align: right;
        border-radius: 0px;
        border-style: solid;
        border-width: 0px;
        padding: 4px;
        margin-right: 5px; 
    }







    
    #CCSPage
    {
        width: 102%;
        height: 103%;
        overflow: auto;
        margin-top: 50px;
/*        margin-left: auto;
        margin-right: auto;*/
        padding-right: 10px;
        margin-left: -1%;
        background: white;
    }

    #CCSPageOK
    {
        width: 40px;
        height: 40px;
        background: green;
        position: relative;
        top: -12px;
        right: 45px;
        color: white;
        float: right;
        padding-top: 7px;
        padding-left: 7px;
        border-color: green;
        border-style: solid;
        border-width: 2px;
        font-weight: lighter;
        border-radius: 3px;
        font-size: 20px;
        z-index: 3;    
    }
    
    #CCSPageCancel
    {
        width: 40px;
        height: 40px;
        background: #c7254e;
        position: relative;
        top: -12px;
        right: -40px;
        color: white;
        float: right;
        padding-top: 7px;
        padding-left:7px;
        border-color: #c7254e;
        border-style: solid;
        border-width: 2px;
        font-weight: lighter;
        font-size: 20px;
        border-radius: 3px;
        z-index: 3;    
    }
    
    #CCSContainer
    {
        width:82%; 
        margin-left: 1%; 
        margin-right: 1%; 
        margin-top: 3%;
        height: 82%;
        background: inherit;
        padding: 0px;
        border: 0px;
    }
    
    #CCSDialogCanvas
    {
        width:100%; 
        height: 100%;
        background: gray;
        z-index: 9000;
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
        opacity: 0.2;
    }
    
    #CCSDialog
    {
        width: 600px; 
        height: 86%;
        background: green;
        z-index: 9001;
        position: absolute;
        display: none;
        top: 5% ;
        left:200px;
        box-shadow: 10px 10px 10px 2px rgba(0,0,0,0.4); 
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #CCSDialogHeader
    {
        position: relative; 
        background: #222;
        top:0px;
        height: 30px;
        width: 100%;
        color:lightgray;
        font-size: 22px;
        text-align: center;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    
    #CCSDialogOK
    {
        width: 40px;
        height: 40px;
        background: green;
        position: relative;
        top: -15px;
        left:-15px;
        color: white;
        float: right;
        padding-top: 7px;
        border-color: green;
        border-style: solid;
        border-width: 2px;
        font-weight: lighter;
        border-radius: 3px
    }
    
    #CCSDialogCancel
    {
        width: 40px;
        height: 40px;
        background: #c7254e;
        position: relative;
        top: -15px;
        left:-10px;
        color: white;
        float: right;
        padding-top: 7px;
        border-color: #c7254e;
        border-style: solid;
        border-width: 2px;
        font-weight: lighter;
        border-radius: 3px
    }
    
    #CCSDialogPage
    {
        position: relative;
        background: white;
        top: -10px;
        height: 96%;
        overflow: auto;
        width:100%;
    }
    
    #CCSPath
    {
        position: relative;
        top:5px;
        left:0px;
        width: 64%;
        padding-left: 10px;
        font-size: 12px;
    }

    #CCSPath li
    {
        display: inline;
        text-align: left;
        color: red;    
    }
    
    #CCSPath a
    {
        color: white;
        margin-left: 5px;
        margin-right: 5px;
    }
   
  
    #CCSLogo
    {
        position: relative;
        float: left;
        top:3px;
        margin-left: 10px;
        padding: 0px;
        margin-top: 0px;
        padding-top: 0px;
        border: 0px;
        font-size: 22px;
        font-weight: lighter;
        color : white;
    }
    
    #CCSTitle
    {
        position: relative;
        float: left;
        top:8px;
        margin-left: 10px;
        /*width: 500px;*/
        padding: 0px;
        margin-top: 0px;
        padding-top: 0px;
        border: 0px;
        font-size: 16px;
        font-weight: lighter;
        color : white;
    }
    
    #CCSPeriod
    {
        position: relative;
        float: left;
        top:8px;
        margin-left: 10px;
        /*width: 500px;*/
        padding: 0px;
        margin-top: 0px;
        padding-top: 0px;
        border: 0px;
        font-size: 16px;
        font-weight: lighter;
        color : white;
    }
  
    .CCSGridHeader
    {
        background   : #b6cade; /*#e7e7e7;*/
        height       : 12px;
    }
  
    .CCSGridRow
    {
        border-color      : gray;
        background: white;
    }

    .CCSGridRowHideHeader
    {
        border-color      : gray;
        background: #e8e8e8;
    }

    .CCSGridRowGroup
    {
        border-bottom-color: #c0c0c0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        background: #c7ddef;
    }

.CCSGridRowSum
{
    border-color      : gray;
    border-top-color: gray;
    border-top-style: solid;
    border-top-width: 1px;
    background: white;
}

.CCSGridOptions
{
/*    color : #888;
    font-size: 14px;
    text-align: right;
    border-color: #888;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    margin-bottom: 5px;*/
    font-size: 10px;
    text-align: right;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    margin-right: 5px; 
    

}

.CCSGridCol
{
    height: 5px;
    border           : thin solid;
    border-color:  transparent;
    padding: 5px;
    margin-left: 30px;
    height:16px; 
    font-size: 11px;
}

.CCSGridColHideHeader
{
    height: 5px;
    border-color      : #e7e7e7;
    padding: 3px;
    margin-left: 30px;
    height:16px; 
    font-size: 11px;
}

.CCSGridColBold
{
    font-weight: bold;
}

.CCSGridColHeader
{
    height            : 5px;
    border           : thin solid;
    border-color:  white;
    padding           : 5px;
    margin-left       : 30px;
    height:12px; 
    font-size: 10px;
    background   : #b6cade;
}

.CCSGridColHeader:hover
{
    background: #ddd;
}
.CCSGridRowQBE
{
    background: #337ab7;
    font-size: 11px;
    height: 20px;
    display: none;
    
}

.CCSGridRowcCheckBox
{
   width:20px; 
}
.CCSGridColQBE
{
    padding: 3px;
}

.CCSGridSearch
{
/*    border-top        : thin solid;
    border-bottom     : thin solid;
    border-left       : thin solid;
    border-right      : thin solid;*/
    background        : white;
    height            : 40px;
    
    
}
.CCSGridRow:hover 
{
    background: #c0c0c0; 
}

.CCSGridRowHideHeader:hover 
{
    background: #c0c0c0; 
}

.CCSGridMenu
{
    display:none; 
    position:absolute; 
    z-index:500; 
    left:6px; 
    top:24px;
    width:150px;
    height: 240px;
    background   : #e7e7e7;
    padding-top: 5px;
    font-size: 10px;
}

.CCSGridColSearchList
{
    display:none; 
    position:absolute; 
    z-index:500; 
    left:6px; 
    top:44px;
    width:50px;
    max-height: 500px;
    min-width: 200px;
    background: #337ab7;
    padding-top: 5px;
    font-size: 10px;
}

.CCSGridColSearchListItems
{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    top : 1px;
    background: white;
    overflow : auto;
    max-height: 490px;
    padding-top: 8px;
    padding-bottom: 8px;
}


.CCSGridColSearchListItem
{
    font-size: 10px;
}

.CCSGridColMenu
{
    display:none; 
    position:absolute; 
    z-index:500; 
    left:6px; 
    top:20px;
    width:150px;
    height: 110px;
    background   : #e7e7e7;
    padding-top: 5px;
    font-size: 10px;
}

.CCSGridMenuItem
{
    position:relative; 
    width:100%;
    padding: 3px;
    padding-left: 15px;
    float:left;
    text-align: left;
}

.CCSGridMenuSeparator
{
    float:left;
    position:relative; 
    height:5px;
    width: 100%;
}

.CCSGridMenuItem:hover
{
    background: white;
}




    
   
.CCSLabelRight 
{
    color             : gray; 
    position          : relative; 
    width             : 80px; 
    line-height       : 10px; 
    font-style        : normal;
    font-size         : 10px; 
    font-weight       : bold;
    vertical-align    : top;
    height            : 30px;
    padding-top       : 0px; 
    z-index           : 0;
    text-align        : right;
    top : 0px;
}
  
.CCSLabelLeft
{
    color             : gray; 
    position          : relative; 
    width             : 80px; 
    line-height       : 10px; 
    font-style        : normal;
    font-size         : 10px; 
    font-weight       : bold;
    vertical-align    : top;
    height            : 30px;
    padding-top       : 0px; 
    z-index           : 0;
    text-align        : left;
    top : 0px;
}
  
.CCSInput 
{
    position          : absolute;
    background        : #e8e8e8; 
    border-width      : 0px; 
    border-radius     : 1px;
    border-color      : lightgray;
    z-index           : 1;
    font-weight       : bold;
    font-size         : 10px;
    padding-left      : 3px;
    
}

.CCSInputFloat 
{
    position          : absolute;
    background        : #e8e8e8; 
    border-width      : 0px; 
    border-radius     : 1px;
    border-color      : lightgray;
    z-index           : 1;
    font-weight       : bold;
    font-size         : 10px;
    padding-right     : 3px;
    text-align        : right; 
    
}

.CCSInputInt
{
    position          : absolute;
    background        : #e8e8e8; 
    border-width      : 0px; 
    border-radius     : 1px;
    border-color      : lightgray;
    z-index           : 1;
    font-weight       : bold;
    font-size         : 10px;
    padding-left      : 3px;
    
}

.CCSInputChange
{
    position          : absolute;
    background        : #d59392; 
    border-width      : 0px; 
    border-radius     : 1px;
    border-color      : lightgray;
    z-index           : 1;
    font-weight       : bold;
    font-size         : 10px;
    padding-left      : 3px;
    
}

.CCSInputFloatChange
{
    position          : absolute;
    background        : #d59392; 
    border-width      : 0px; 
    border-radius     : 1px;
    border-color      : lightgray;
    z-index           : 1;
    font-weight       : bold;
    font-size         : 10px;
    padding-right     : 3px;
    text-align        : right; 
    
}

.CCSInput:focus
{
    background: #b6cade;
    color : black;
    border-width      : 1px; 
    border-radius     : 1px;
    border-color      : #337ab7;
}

.CCSInputInt:focus
{
    background: #b6cade;
    color : black;
    border-width      : 1px; 
    border-radius     : 1px;
    border-color      : #337ab7;
}

.CCSInputComboBoxListItem:hover
{
    background : #ddd;
}

.CCSInputComboBoxListItemSelected
{
    background : #adadad;
}

.CCSInputComboBoxButton
{
  position: relative; 
  float:right; 
  height:100%; 
  width:20px; 
  left:0px;    
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: white;
  background: #c0c0c0;
  background        : white; 
  padding-top: 3px;
}

.CCSInputComboBoxList
{
    position          : absolute; 
    background: white;
    padding           : 5px; 
    border-width      : 1px; 
    border-color      : lightgray;
    border-style      : solid;
    font-size         : 10px; 
    display           : none; 
    z-index           : 12000; 
    overflow-y: scroll; 
    left:90px; 
    top: 18px; 
    border-width      : 2px; 
    border-radius     : 2px;
    border-color      : #337ab7;
}

.CCSInputComboBoxNewItem
{ 
    width:40%; 
    margin-top:10px; 
    float:right; 
    padding:5px; 
    background:lightgray; 
    color:black; 
    border: 1px solid lightgray;
    border-radius: 5px;
    font-weight: bold;
    line-height: 12px;
}  

.CCSAdditionalDataBox
{
    /*background: #f7f7f7;*/
/*    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;*/
/*    margin: 15px;
    margin-left: 15px;*/
    /*margin-right: auto;*/

    float       : left; 
    width       : 50%; 
    top         : 2%;
}

.CCSAdditionalData
{
/*    border-bottom-width: 1px;
    border-bottom-color: gray;
    border-bottom-style: solid;*/
    float: left; 
    width: 100%; 
    margin-left: 10px;    
    margin-top: 10px;
}

.CCSDataGroup
{
    /*background: #f7f7f7;*/
/*    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    margin-top: 10px;*/
    margin-left: 0px;
    margin-right: 0px;
}

.CCSDataSubgroup
{
    /*background        : #c7ddef;*/ 
    /*background        : #f5f5f5;*/ 
    background: #e2e7f7; /*lightgray;*/
    background: white;
    margin: 5px;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    position : relative;  
    font-size: 10px;
    margin-bottom: 0px;
    padding-bottom: -10px;
}

.CCSHidenPanel
{ 
  background: whitesmoke;
}

.CCSHidenPanelHeader
{ 
  width:100%; 
  height: 25px;
  /*background: #d5d5d5;*/
  /*background: #c7ddef;*/  
  color:gray;
}

.CCSHidenPanelCaption
{
    margin: 5px;
    float:right;
    font-size: 10px;
}

.CCSHidenPanelButton
{
    margin: 5px;
    float:right;
}

.CCSDetailOptions
{
    border-bottom-width: 1px;
    border-bottom-color: gray;
    border-bottom-style: solid;
}

.CCSDocumentZadanie
{
    position: relative;
    top:10px; 
    background:#d59392; 
    width:860px; 
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left:10px;
    box-shadow: 10px 10px 10px 2px rgba(0,0,0,0.4); 
}

.CCSDocument
{
    position: relative;
    top:10px; 
    background:white; 
    width:860px; 
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left:10px;
/*    overflow: hidden;*/
    box-shadow: 10px 10px 10px 2px rgba(0,0,0,0.4); 
    float:left;
}

.CCSZalacznik
{
    position: relative;
    top:10px; 
    background:white; 
    width:860px;
    height: 98%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    box-shadow: 10px 10px 10px 2px rgba(0,0,0,0.4); 
    padding: 10px;
    margin-left:10px;
    float:left;
}


.CCSCalendarCanvas
{
    position: relative;
    margin-top:10px; 
    margin-left:auto; 
    margin-right:auto; 
    height:90%;
    width:99%;
}

.CCSCalendarData
{
    position: relative;
    margin:2px; 
    width:94%; 
    height:98%; 
    float:left;
    overflow: auto;
}

.CCSCalendarOptions
{
    position: relative;
    height: 30px;
    float: right;
    width: 20px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 22px;
    color: gray;
}

.CCSCalendarOptionsCaption
{
    position    : relative; 
    background: #d59392;
    color       : white; 
    z-index     : 1000; 
    left        : -13px; 
    top         : 1px;
    border-radius : 30em;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: tahoma;
}

.CCSCalendarLegendItem
{
    position:relative; 
    width:100%;
    border-top-style:  dotted;
    border-top-color: lightgray;
    border-top-width: thin;
}

.CCSCalendarPrev
{
    margin:2px; 
    width:2.0%; 
    height:98%; 
    padding-top:20%; 
    float:left;
    font-size: 20px;
}  

.CCSCalendarPrev:hover
{
    background: #d59392;
}

.CCSCalendarNext
{
    margin:2px; 
    width:2.0%; 
    height:98%; 
    padding-top:20%; 
    float:right;
    font-size: 20px;
}  

.CCSCalendarNext:hover
{
    background: #d59392;
}

.CCSCalendarWeekItem
{
    position:relative; 
    width:100%;
    border-top-style:  dotted;
    border-top-color: lightgray;
    border-top-width: thin;
    background: white;
}

.CCSCalendarWeekItem:hover
{
    border: solid blue 2px;
}


.CCSCalendarWeekData
{
    position:relative; 
    /*background:lightblue;*/ 
    /*height:220%;*/ 
    padding-left: 10px;
    margin:2px;
    border-radius: 2px;
    z-index:2000
}        

.CCSCalendarMonthItem
{
    position:relative; 
    width:100%;
    border-top-style:  dotted;
    border-top-color: lightgray;
    border-top-width: thin;
    background: white;
}

.CCSCalendarMonthItem:hover
{
    border: solid blue 2px;
}

.CCSCalendarYearItem
{
    position:relative; 
    width:100%;
    border-top-style:  dotted;
    border-top-color: lightgray;
    border-top-width: thin;
    background: white;
}

.CCSCalendarYearItem:hover
{
    border: solid blue 2px;
}



#CCSAttachments
{
    background: #adadad;;
    border-color: gray;
    border-style:  solid;
    border-width:  1px;
    display: none;
    height: 100px;
    width: 404px;
    z-index: 1010;
    right: 18%;
    bottom: 45px;
    position: fixed;
    padding: 4px;
    border-bottom-style: none;
}

#CCSAttachmentsList
{
    background: white;
    height: 100%;
    float: left;
    width: 335px;
    padding: 5px;
    overflow: auto;
}

#CCSAttachmentsMenu
{
    background: white;
    height: 100%;
    float: left;
    width: 59px;
    font-size: 8px;
    color: gray;
    padding: 5px;
    padding-top: 20px;
    border-left: dotted 1px gray;


}

#CCSAttachmentsMenu:hover
{
    background: lightgrey;
}


#CCSTasks
{
    background: #adadad;
    border-color: gray;
    border-style:  solid;
    border-width:  1px;
    display: none;
    height: 100px;
    width: 504px;
    z-index: 1010;
    right: 20%;
/*    bottom: 39px;*/
    bottom: 45px;
    position: fixed;
    padding: 4px;
    border-bottom-style: none;
}

#CCSTasksList
{
    background: white;
    height: 100%;
    float: left;
    width: 445px;
}

#CCSTasksMenu
{
    background: white;
    height: 100%;
    float: left;
    width: 49px;
    font-size: 8px;
    color: gray;
    padding-top: 20px;
    border-left: dotted 1px gray;
}

#CCSTasksMenu:hover
{
    background: lightgrey;
}


.CCSPagePanelResize
{
    top:0px; 
    border: 1px solid gray; 
    color:white; 
    background:gray;
    padding:3px; 
    margin-right:3px
}

#documet-header /*documet nie document */
{
    /* nadpisanie stylu inline */
    /*background: #2d5981 !important;*/
    background: #122b40 !important;
}


#CCSInfoBox
{
    width:20%;
    height:10%;
    background: #c7254e;
    color: white;
    padding: 15px;
    position: absolute;
    top:45%;
    left:35%;
    z-index: 2000;
    margin-left: auto;
    margin-right: auto;
    display: none;
    alignment-adjust: central;
    font-size: 20px;
}

#CCSWarningBox
{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    position: absolute;
    z-index: 9100;
}

#CCSWarningBoxCanvas
{
    width:20%;
    background: #c7254e;
    color: white;
    padding: 15px;
    position: absolute;
    top:25%;
    left:35%;
    z-index: 9100;
    margin-left: auto;
    margin-right: auto;
    alignment-adjust: central;
    font-size: 20px;
}

#CCSWait
{
    width:30%;
    height:40%;
    /*background: #c7254e;*/
    color: white;
    padding: 15px;
    position: absolute;
    top:25%;
    left:30%;
    z-index: 2000;
    margin-left: auto;
    margin-right: auto;
    display: none;
    alignment-adjust: central;
    font-size: 20px;
}

.ErrorWarning
{
    margin-left:3%;
    margin-right:3%;
    margin-top:2%;
    color:white;
    font-weight: bold;
    background: #c7254e;
    padding :5px;
    width:94%
}

.modal-600 {
        width: 600px !important;
}

.modal-800 {
        width: 800px !important;
}

.modal-900 {
        width: 900px !important;
}

.tooltip-inner {
    max-width: 600px;
    /* If max-width does not work, try using width instead */
}