.circle {
             display: inline-block;
             border-radius: 50%;
             border : 1px solid;
             padding: 2px;
             
        }

        .actionIcons {
            padding:4px; 
            color:#82828A;
            background: #E6E7ED; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#FDFDFD, #E6E7ED); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#FDFDFD, #E6E7ED); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#FDFDFD, #E6E7ED); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#FDFDFD,#E6E7ED); /* Standard syntax */
            border: 1px solid;
            border-color: #C6C5CA;
        }

        .closePopUp {
            color: #5D7B9D;
            border-color: #5D7B9D;
            background-color:#FFFFFF;
        }

        .helpIcon {
            color:#585864;
            background: #E6E7ED; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#FDFDFD, #BABDC9); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#FDFDFD, #BABDC9); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#FDFDFD, #BABDC9); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#FDFDFD,#BABDC9); /* Standard syntax */
            padding:4px;  
            padding-top:2px;
            padding-bottom:2px;
            border: 1px solid;
            border-color: #C6C5CA;
        }

        .rotateKey {
           -moz-transform: rotate(45deg) scale(1, -1);
            -webkit-transform: rotate(45deg) scale(1, -1);
            -o-transform: rotate(45deg) scale(1, -1);
           -ms-transform: rotate(45deg) scale(1, -1);
           transform: rotate(45deg) scale(1,-1);
           font-weight:bold;
        }

        .try {
            font-size:9px;
            font-weight:bold;
            border-radius:60%;
            padding-top:3px;
            padding-bottom: 3px;
            
        }

        .power {
            display: inline-block;
            font-size:9px;
            font-weight:bold;
            border-radius:60%;
            padding-top:6px;
            padding-bottom: 6px;
            padding-right:6px;
            padding-left:6px;
            background-color:#73D310;
        }

        .refresh {
            font-size:9px;
            font-weight:bold;
            border-radius:60%;
            padding-top:5px;
            padding-bottom: 5px;
            padding-right:6px;
            padding-left:6px;
            
        }

        .closeIcon {
            color:#646A82;
            border-color:#646A82;
            background-color:#E0E5F3;
        }

        .boxStyle {                        /*collapsible panel border*/
            border-collapse: separate; 
            border-color: #a3b8cf; 
            border-radius: 16px !important; 
            border-style: outset; 
            border-width: 3px; 
            cursor: pointer; 
            padding-bottom:2px;
        }