.glyphicon-animate {
        -animation: spin .7s infinite linear;
        -webkit-animation: spin2 .7s infinite linear;
    }
    .fixed-table-loading {
        position: relative
    }
    @-webkit-keyframes spin2 {
        from { -webkit-transform: rotate(0deg);}
        to { -webkit-transform: rotate(360deg);}
    }

    @keyframes spin {
        from { transform: scale(1) rotate(0deg);}
        to { transform: scale(1) rotate(360deg);}
    }

    @keyframes attention {
        9% {
            transform: none;
        }
        12% {
            transform: scale(1.05);
        }
        16% {
            transform: scale(0.95);
        }
        20% {
            transform: scale(1.03);
        }
        24% {
            transform: scale(1);
        }
    }

    .gauge canvas, .donut canvas {
        width: 150px !important;
    }

    .panel-actions .progress {
        width: 100%;
    }

    .contextual-progress .progress {
        height: 12px;
    }


    @media (max-width: 767px) {
        .page-header-actions {position: relative;
                              top: 0;
                              right: 0;
                              transform: inherit;
                              margin-top: 15px;
        }

    }

    .page-header {background: #292929 !important; margin-top: -1px;z-index:999; position:relative; overflow:visible}
    .fixed-table-container {border:0}
    .panel {box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.16);}
    #incident_panel_list .panel {box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);}
    .overlay { overflow: visible;}
    .message_sent, .single_message{cursor: pointer; font-weight: 500;}
    .options-list .list-group-item {border: 1px solid #ddd} 
    .options-list .list-group-item .list-label-move {cursor:move} 
    .list-group-item-warning a.editable, 
    .list-group-item-warning a.editable:hover{color: white;}
    a.editable, a.editable:hover {color: #76838f; border: none;}
    .hContHeader {font-weight: 600;}
    .hBtn {color:#333;}
    .hAbortBtn {float:left }
    .hStartBtn {background: #56b52a;  color: white;}
    .hStartBtn:hover {background: #489723;}
    .hClose {background: #b91919;color: white;}
    .hClose:hover {background: #a21616;}
    body .hNavPos {top: 60px; bottom: 0px;Xz-index: 9989;}
    .hNavOpen .btn-pure , .hNavOpen .modal-header .close {display: none}

    #user_steps {z-index:1}
    .pearl.current .pearl-icon {transition:all 0.5s ease; box-shadow: 0 0 1.2em black;}
    .pearl.current:hover {cursor: pointer; }
    .pearl.current:hover .pearl-icon {-webkit-transform: scale(1.6);transform: scale(1.6); }
    .starttour {animation: attention 4s ease infinite;}

    .options-list .list-group-item i {opacity:0; transition:all 0.2s ease}
    .options-list .list-group-item:hover i {opacity:1}
    
    .pearl:first-child {
        margin-left: 8.333333%
    }
    .ih-details-panel .fixed-table-toolbar {
        display: none
    }
    #sent_details .fixed-table-toolbar {
        display: initial
    }