/* styles for tooltip starts */

/* Style for yellow tooltip starts. Eg:Person page - First Name textbox*/

.tooltip-type1 + .tooltip > .tooltip-inner {
           background-color: #fcebba!important;
           border:1px solid #c59207;
           border-radius:10px;
           opacity:1!important;
           color:#000000;
           width:auto; 
           max-width:400px;
           text-align:left!important;
           padding-top:9px!important;
           padding-left:10px!important;
           font-size:11px!important;
           font-family: sans-serif;
}

.tooltip-type1  + .tooltip > .tooltip-arrow { 
    display: none;
}
/*style to support body container prop */
.tooltip-type1 .tooltip-inner {
    background-color: #fcebba!important;
    border:1px solid #c59207;
    border-radius:10px;
    opacity:1!important;
    color:#000000;
    width:auto; 
    max-width:400px;
    text-align:left!important;
    padding-top:9px!important;
    padding-left:10px!important;
    font-size:11px!important;
    font-family: sans-serif;
}

.tooltip-type1  .tooltip-arrow { 
    display: none;
}

.tooltip .tooltip-inner > li{
    margin-left : 20px;
}

.tooltip-elipses .tooltip-inner {
    background-color: #fff7d2!important;
    border: 1px solid #cccccc;
    opacity:1!important;
    color:black!important;
    width:auto;
    max-width:400px;
    word-wrap: break-word;
    font-size:10px!important;    
}

.tooltip-elipses .tooltip-arrow { 
    display: none;
}

/* Style for yellow tooltip ends*/
/*Styles for schedules tooltip starts*/
.schedule-tooltip-type1 + .tooltip > .tooltip-inner {background-color: #fcebba!important;
    border:1px solid #c59207;
    border-radius:10px;
    opacity:1!important;
    color:#000000;
  /*  width:auto; */
  width:inherit;
    max-width:400px;
    text-align:left!important;
    padding-top:59px!important;
    padding-left:10px!important;
    font-size:11px!important;
    font-family: sans-serif;
}
.schedule-tooltip-type1  + .tooltip > .tooltip-arrow { 
 display: none;
  }
/*Styles for schedules tooltip ends*/

/*Style for warning tooltip starts. */
    .warning-tooltip + .tooltip > .tooltip-inner {
        background-color: #CD3030 !important;
        color:#ffffff;        
        width:auto;
        font-size:12px!important;
    } 
    .warning-tooltip + .tooltip.right > .tooltip-arrow { border-right-color:#CD3030; }
    .warning-tooltip + .tooltip.top > .tooltip-arrow { border-top-color:#CD3030; }
    .warning-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom-color:#CD3030; }
    .warning-tooltip + .tooltip.left > .tooltip-arrow { border-left-color:#CD3030; }
    
    .warning-tooltip + .tooltip{
        display:inline-block;
    }
    /* style to support body container prop */
    .warning-tooltip .tooltip-inner {
        background-color: #CD3030;
        color:#ffffff;        
        width:auto;
        font-size:12px!important;
    }
    
    .warning-tooltip.tooltip.right > .tooltip-arrow { border-right-color:#CD3030; }
    .warning-tooltip.tooltip.top > .tooltip-arrow { border-top-color:#CD3030; }
    .warning-tooltip.tooltip.bottom > .tooltip-arrow { border-bottom-color:#CD3030; }
    .warning-tooltip.tooltip.left > .tooltip-arrow { border-left-color:#CD3030; }
    
    .warning-tooltip .tooltip{
        display:inline-block;
    }
/*Style for warning tooltip ends*/
.report-warning-tooltip1 + .tooltip > .tooltip-inner {
    background-color: #b30000!important;
    color:#ffffff;
    border-radius:0px!important;
    width:auto;
    font-size:12px!important;
} 
.report-warning-tooltip1 + .tooltip > .tooltip-arrow { border-right-color:#b30000; }
.report-warning-tooltip1 + .tooltip{
    width: 100%;
}
.report-warning-tooltip2 + .tooltip > .tooltip-inner {
    background-color: #b30000!important;
    color:#ffffff;
    border-radius:0px!important;
    width:auto;
    font-size:12px!important;
} 
.report-warning-tooltip2 + .tooltip > .tooltip-arrow { border-top-color:#b30000; }
.report-warning-tooltip2 + .tooltip{
    width: 100%;
}
/*Style for the warning tooltip of Reports*/

/*Style for latest events tooltip starts. Eg:latest evnts in sidebar.*/
 .latest-tooltip + .tooltip > .tooltip-inner {background-color:#466777!important;
           border-radius:0px;
           color:#ffffff;
           max-width:inherit;
           font-size:12px!important;
           margin-top: -4em;
           position: fixed; 
            }
    .latest-tooltip  + .tooltip > .tooltip-arrow { 
        display: none;
         }

/*Style for latest events tooltip ends. */
/* styles for tooltip ends */
   /*Temp classes are used temporarily need to be removed later*/
   .temp{
     margin:65px;
    }
   .temp2{
        margin:13px 14px 6px 19px;
    }                          

    .temp3{
        margin:13px 14px 6px 1px;
    }

    /*Custom check box style starts*/
       /* Base for label styling */
   .cust-checkbox:not(:checked),      
    .cust-checkbox:checked {
    position: absolute;
    left: -9999px;
    }
    .cust-checkbox:not(:checked) + label,
    .cust-checkbox:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    } 

    /* checkbox aspect */
    .cust-checkbox:not(:checked) + label:before,
    .cust-checkbox:checked + label:before {
    content: '';
    position: absolute;
    left: 2px; top: 0px;
    width: 1.1em; height: 1.2em;
    border: 1px solid #565656;
    background: #afafaf;
    /* border-radius: 4px;*/
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    }
    /* checked mark aspect */
    .cust-checkbox:not(:checked) + label:after,
    .cust-checkbox:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0.09em; left: .2em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #2b333c;
    transition: all .2s;
    }
    /* checked mark aspect changes */
   .cust-checkbox:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    }
    .cust-checkbox:checked + label:after {
    opacity: 1;
    transform: scale(1);
    } 


    .color-change-checkbox:not(:checked) + label:hover,
    .color-change-checkbox:checked + label:hover{
        color:black;
    }
     .color-change-checkbox:not(:checked) + label,
    .color-change-checkbox:checked + label {
    color:cadetblue;
    } 
    .color-checkbox:not(:checked) + label,
    .color-checkbox:checked + label {
    color:gray;
    } 
    .color-checkbox:not(:checked) + label:hover,
    .color-checkbox:checked + label:hover {
    color:black;
    } 

 /*Custom check box style ends*/

    /*Custom invalid check box style starts*/
       /* Base for label styling */
   .cust-invalid-checkbox:not(:checked),      
   .cust-invalid-checkbox:checked {
   position: absolute;
   left: -9999px;
   }
   .cust-invalid-checkbox:not(:checked) + label,
   .cust-invalid-checkbox:checked + label {
   position: relative;
   padding-left: 1.95em;
   cursor: pointer;
   } 

   /* checkbox aspect */
   .cust-invalid-checkbox:not(:checked) + label:before,
   .cust-invalid-checkbox:checked + label:before {
   content: '';
   position: absolute;
   left: 2px; top: 0px;
   width: 1.1em; height: 1.2em;
   border: 1px solid red;
   background: #afafaf;
   /* border-radius: 4px;*/
   box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
   }
   /* checked mark aspect */
   .cust-invalid-checkbox:not(:checked) + label:after,
   .cust-invalid-checkbox:checked + label:after {
   content: '✔';
   position: absolute;
   top: 0.09em; left: .2em;
   font-size: 1.3em;
   line-height: 0.8;
   color: #2b333c;
   transition: all .2s;
   }
   /* checked mark aspect changes */
  .cust-invalid-checkbox:not(:checked) + label:after {
   opacity: 0;
   transform: scale(0);
   }
   .cust-invalid-checkbox:checked + label:after {
   opacity: 1;
   transform: scale(1);
   } 
/*Custom invalid check box style ends*/

    /*Radio button styles*/
 .control {
     font-size: 18px;
     position: relative;
     display: block;
     margin-bottom: 15px;
     padding-left: 30px;
     cursor: pointer;
                }

 .control input {
     position: absolute;
     z-index: -1;
     opacity: 0;
                 }

.control-indicator {
      position: absolute;
      top: 2px;
      left: 0;
      width: 16px;
      height: 16px;
      background: #e6e6e6;
      border:1px solid #2b333c;
                }

.control-radio .control-indicator {
       border-radius: 50%;
                }

/* Check mark */
 .control-indicator:after {
        position: absolute;
        display: none;
         content: '';
                }

 /* Show check mark */
 .control input:checked ~ .control-indicator:after {
        display: block;
                }

 /* Radio button inner circle */
 .control-radio .control-indicator:after {
    top: 5px;
    left: 5px;
    width: 4px;
    height: 4px;
        border-radius: 50%;
        background: #2b333c;
                }
 .control-indicator{
       background-color:#999999;
                }
.label-style {
    font-weight: 100!important;
    font-family: Arial!important;
    font-size: 12px;
    color: #666666;
                    }
    /*Radio button style ends*/

/*Styles for progress bar starts*/
.progress-bar-size{
    position:relative;
    width:45%;
    background: #F3F3F3!important; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ececec, #f9f9f9)!important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ececec, #f9f9f9)!important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ececec, #f9f9f9)!important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ececec, #f9f9f9)!important;   
        border-radius:0px!important;
        border:1px solid #808283;

}
.progress-bar-size>span{
    position:absolute;
    left:0px;
    right:0px;
    text-align:center;
}
.progress-bar-size>div{
     background: #149fc9; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#4fb6d6, #149fc9)!important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#4fb6d6, #149fc9)!important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#4fb6d6, #149fc9)!important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#4fb6d6, #149fc9)!important;   
}
/*Style for stripped progress bar*/
.progress-bar-striped-color{
    height:20px;
    width:35%;
    border-radius:0px;
}

.progress-bar-striped-color .progress-bar-striped{
    background-color:#27a6cd;
}

.progress-bar-stripped-grey{
     background-color:#8f8f8f!important;
}
/*Styles for progress bar ends*/
.disabled-dropdown-option {
    pointer-events: none;
    cursor: default;
    color: #c2c2c2!important;
 }
 .disabled-dropdown-caret {
    color: #aaaaaa!important;
 }


 /*overriding uib-timepicker styles */
 .uib-timepicker input[type="text"]{
     width: 30px !important;
     padding: 0px;
 }

 .rounded-text-box{  
    border-radius: 15px !important;
  }

  .dropdown-menu-fix-height{
    max-height: 250px;
    overflow-y: auto;
  }