/* 
    Document   : flTemplate
    Created on : 06-Aug-2013, 19:23:38
    Author     : yann
    Description:
        Purpose of the stylesheet follows.
*/

/* css for the suite/package of a TripTemplate component*/
.fl_workflowEditorPage {
    border-top: 2px solid #dcdcdc;/*#f2f2f2;*/
}

.fl_templateSuite {
    font-family: "Helvetica";
    font-size: 11px;
    color: rgb(60,60,60); 
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}

/* css for the date of a TripTemplate component*/
.fl_templateDate {
    font-family: "Helvetica";
    font-size: 10px;
    color: rgb(60,60,60); 
}

/* css for the template name of a TripTemplate component*/
.fl_templateName {
    font-family: "Helvetica";
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
/* css for the template description of a TripTemplate component*/
.fl_templateDescription {
    font-family: "Helvetica";
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* css for the number of tasks of a TripTemplate component*/
.fl_tasksCount {
    color: rgb(221,139,18); 
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    vertical-align: bottom;
}
/* css for the "TASKS" label of a TripTemplate component*/
.fl_tasksLabel {
    color: rgb(60,60,60); 
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}

/*css for the "new worflow" button */
.fl_newWorkFlowButton  {
    background-color: rgb(221,139,18) !important; 
    color: white ;
    cursor: pointer;
}
.fl_newWorkFlowButton_text {
    cursor: pointer;
}
.fl_newWorkFlowButton-hover{
    background-color: rgb(221,139,18) ; 
    color: white ;
    cursor: pointer;
}

/*css for the "import" button */
.fl_importButton  {
    color: rgb(221,139,18) !important; 
    cursor: pointer !important; 
    text-decoration: underline;
}
.fl_importButton_text {
    cursor: pointer;
    color: rgb(221,139,18) !important;   
    text-decoration: underline;
}
.fl_importButton-hover{
    color: pink !important; 
    cursor: pointer !important;  
    text-decoration: underline;
}



/*css for the TripTemplate component*/
.fl_workflow{
    background-color: white;
}

/*css for the TripTemplate component when selected*/
.fl_workflowSelected{
    background-color: rgb(235,235,235) ;
}

/* CSS classes for the Edit, Duplicate, Delete, Share buttons*/
.fl_workflowEdit{
    cursor: pointer;
    color: #27ae60;
    font-size: 12px;
}
.fl_workflowEdit-icon{
    border-radius: 50%;
    cursor: pointer;
    background-color: #27ae60;
    background-position: 0 0 !important; /* otherwise this is overriden by the x-btn-focus style */
}
.fl_workflowDuplicate{
    cursor: pointer;
    color: #6e74e6;
    font-size: 12px;
}
.fl_workflowDuplicate-icon{
    border-radius: 50%;
    cursor: pointer;
    background-color: #6e74e6;
    background-position: 0 0 !important; /* otherwise this is overriden by the x-btn-focus style */
}
.fl_workflowDelete{
    cursor: pointer;
    color: #ff0000;
    font-size: 12px;
}
.fl_workflowDelete-icon{
    border-radius: 50%;
    cursor: pointer;
    background-color: #ff0000;
    background-position: 0 0 !important; /* otherwise this is overriden by the x-btn-focus style */
}
.fl_workflowShare{
    cursor: pointer;
    color: #6ec1e6;
    font-size: 12px;
}
.fl_workflowShare-icon{
    border-radius: 50%;
    cursor: pointer;
    background-color: #6ec1e6;
    background-position: 0 0 !important; /* otherwise this is overriden by the x-btn-focus style */
}

/*CSS classes for the TripTemplateEditionPanel*/
.fl_WFEditionTitle {
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 16px;
}
.fl_WFEditionDate {
    font-family: "Helvetica";
    font-size: 16px;
    color: rgb(60,60,60); 
}
.fl_WFEditionLabel {
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 14px;
}
.fl_WFEditionSaveButton {  
    cursor: pointer;
    background-color: #27ae60;
    color: white;
    margin-bottom: 20;    
    border-radius: 5px;
    border-bottom: 1px solid black
}
.fl_WFEditionSaveButton_text{  
    cursor: pointer;
    background-color: #27ae60;
    color: white;
}
.fl_WFEditionSaveButton-hover{  
    cursor: pointer;
    background-color: #27ae60;
    color: white;
    border-radius: 5px;
    border-bottom: 1px solid black
}
.fl_WFEditionCancelButton {  
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    border-bottom: 1px solid black
}
.fl_WFEditionCancelButton_text{  
    cursor: pointer;
    background-color: white;
}
.fl_WFEditionCancelButton-hover{  
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    border-bottom: 1px solid black
}