@import 'def';

.tree-toggle {
    i {
        cursor: pointer;
    }
}

.selectall, .addall, .removeall {
    cursor: pointer;
}

.alarmicons {
    list-style-type: none;
    margin:0;
    padding:0;
    line-height:0px;
    li {
        margin:0 12px;
        vertical-align:top;
        width:23px;
        height:16px;
        padding:0;
        display:inline-block;
        position: relative;

        span.label-count {
            position: absolute;
            top:-8px;
            right:-15px;
        }

        .icon-stack + .label-count{
            right:3px;
        }

        i {
            font-size:16px!important;
            cursor: default!important;
        }
    }
}

.alarmmodal {
    .modal-header {
        @include themify($themes) {
            background-color: themed('alert');
        }
        border:none;

        h5 {
            font-size:15px;
            color:#fff;
        }
        button { 
            opacity:1;
        
            span {
                    color: #fff;
                    text-shadow: none;
                
            }
        }
    }

 



    .modal-content {
        .modal-body {
            padding:0px;
        }

        .container-fluid {
            padding:0;
            .row {
                margin:0;
            }

            .dark {
                @include themify($themes) {
                    background-color: themed('navbg');
                }
            }
            .centerdiv, .note {
                padding:40px;
            }

            textarea {
                width:100%;
                height:210px;
                margin-bottom:10px;

                @include themify($themes) {
                    background-color: themed('navbg');
                    color: themed('txtcolor100');
                    padding:10px;
                    font-size: 14px;
                    border:none;
                }
            }
            .btn {
                @include themify($themes) {
                    background-color: themed('navbg');
                }
                width:100%;     
            }
        }

        .modalscroll {
            overflow-y:scroll;
            height:200px;
            margin-top:40px;

            hr {
                border-color:#666;
            }

        }

        @include themify($themes) {
            background-color: themed('bodybg');
        }
        table {
            padding:0;
            margin: 35px 0;
            font-size: 14px;

            tr {
                height: auto;
                border:none;
                td {
                    padding: 8px;
                }
            }
        }


    }

    .modal-lg {
        max-width: 80%;
    }
}



.spaceddrillheader {
    padding:11px 0 15px 0;
    i {
        cursor: pointer;
        display: inline-block;
    }
    
   
}

.alarmperiod {
    display: block;
   /* margin-top: -5px;*/
    .imageinput {
        width:250px;
    }
}

.alarmtabs {
    .tab-content {
        @include themify($themes) {
            border-top: 1px solid themed('txtcolor3');
        }
    }
}

#alarmtabnav {
    border:none;
    width:auto;
    float:left;
    margin-right:30px;
    
    li {
        display: inline-block;
        padding:0;
        font-size:14px;
    }

    .nav-link {
        border: none;
        padding: 0 0 0 15px;
        background-color: transparent;
        @include themify($themes) {
            color: themed('focusborder');
        }

        i {
            font-size:24px;
            line-height:10px;
            vertical-align: middle;
            @include themify($themes) {
                color: themed('focusborder');
            }
        }

        &.active, &.active i {
            @include themify($themes) {
                color: themed('txtcolor100');
            }
        }
    }


}

#selectednotificationwrapper {
    @include themify($themes) {
        background-color: themed('navbg');
    }
    padding:20px;
    transition: all 16s;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius:5px;
    height:370px;
    margin: 20px 0 40px 0;

    &.fullheight{
        height: auto;
        overflow-y: visible;
    } 

    table {
        margin-top:10px;
        tr {
            td:first-of-type {
                padding-left:30px;
            }
        }
    }

    input[type="checkbox"] {
        position: relative;
        display: inline;
        width: auto;
        vertical-align: baseline;
        margin-right:6px;
        opacity: 1;
    }

}

#notificationwrapper {

    padding:0 20px 20px 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius:5px;
    height:370px;
    margin-bottom: 40px;

    &.fullheight{
        height: auto;
        overflow-y: visible;
    }

    input {
        width:auto!important;
    }

    table {
        tr {
            td:first-of-type {
                padding-left:30px;
            }
        }
    }
}

#alarmrecipients {
    input {
        width:auto!important;
    }

    input[type="checkbox"] {
        position: relative;
        display: inline;
        width:auto;
        vertical-align: baseline;
        margin-right:6px;
        opacity: 1;
    }
}

#alarmtypes, #alarmrecipients, #alarmlist {
    .no-input {
        .sort-arrows {
            padding-top:0;
        }

        &.no-sort {
            padding-top:20px;
        }
    }
}



#showallalarms {
    padding-right:15px;
    cursor: pointer;
}

#alarmlist td, #alarmstats td, #alarmcalendar td {
    i {
        font-size:18px;
    }

    .icon-stack {
margin-left:8px;    }
}