﻿.gridwidget, .formwidget {
    margin: 0 0 10px;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
   
}
.gridwidget{ margin-left:-13px;}
.gridwidget .gridwidget-content{ padding-bottom:0 !important;}
.gridwidget > header{
    height: 34px;
        color: #fff;
        padding: 0;
        border: 1px solid #404040;
        background: #404040;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        line-height: normal;
        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
        -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}
 .gridwidget > footer {
        clear: left;
        text-align: right;
        display: block;
        padding: 7px 14px 7px;
        border: 1px solid #ccc;
        border-top: none;
        background: rgba(248,248,248,.9);
    }
.gridwidget-ctrls {
    width: auto;
    float: right;
    padding: 0;
    padding-right: 10px;
    margin: 0;
}

.gridwidget-ctrls .button-icon {
    min-width: 30px;
    height: 32px;
    float: left;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    border-left: 1px solid rgba(0,0,0,.09);
    color:#fff !important;
}
.gridwidget-ctrls a {
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    margin: 0;
    color: #333;
}

    .gridwidget .gridwidget-content, .formwidget .formwidget-content {
        float: left;
        width: 100%;
        font-size: 13px;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        border-width: 1px;
        border-style: solid;
        border-top: none;
        border-right-color: #ccc !important;
        border-left-color: #ccc !important;
        border-bottom-color: #ccc !important;
        padding: 0 5px 10px;
        overflow: visible;
        background-color: #fff !important;
    }
        .gridwidget .gridwidget-content .dt-toolbar-footer {margin:0 -5px;
        }
    .formwidget > header {
        height: 34px;
        color: #000;
        padding: 0;
        border: 1px solid #c2c2c2;
        background: #fafafa;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        line-height: normal;
        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
        -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    }

       .gridwidget > header > .icon,  .formwidget > header > .icon {
            display: block;
            width: 30px;
            height: 32px;
            float: left;
            font-size: 111%;
            line-height: 32px;
            text-align: center;
            margin-right: -10px;
        }

        .gridwidget > header h2, .formwidget > header h2 {
            height: 100%;
            width: auto;
            display: inline-block;
            font-size: 14px;
            position: relative;
            margin: 0;
            line-height: 34px;
            font-weight: 400;
            letter-spacing: 0px;
        }

        .gridwidget > header > h2, .formwidget > header > h2 {
            margin-left: 10px;
            float: left;
        }

     .formwidget .formwidget-content {
        float: left;
        width: 100%;
        font-size: 13px;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        border-width: 1px;
        border-style: solid;
        border-top: none;
        border-right-color: #ccc !important;
        border-left-color: #ccc !important;
        border-bottom-color: #ccc !important;
        padding: 10px 5px 10px;
        overflow: visible;
        background-color: #fff !important;
    }
     .formwidget .formwidget-content section .row section{
         padding-left:0 !important;
     }
    .formwidget footer {
        clear: left;
        text-align: right;
        display: block;
        padding: 7px 14px 7px;
        border: 1px solid #ccc;
        border-top: none;
        background: rgba(248,248,248,.9);
    }

    .formwidget .formwidget-action, .gridwidget .gridwidget-action{
        width: auto;
        float: right;
        padding: 0;
        margin: 0;
    }

        .formwidget .formwidget-action span{
            text-decoration: none;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            line-height: 32px;
            padding: 0;
            margin: 0;
            color: #333;
        }

        .formwidget .formwidget-action .icon {
            cursor:pointer;
            min-width: 30px;
            height: 32px;
            float: left;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            border-left: 1px solid rgba(0, 0, 0, .09);
        }
        .gridwidget .gridwidget-action a{
            text-decoration: none;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            line-height: 28px;
            padding: 0;
            margin: 0;
            color: #fff !important;
            padding:0 10px;
        }
        /*.gridwidget .gridwidget-action .btn{
             cursor:pointer;
            min-width: 30px;
            height: 28px;
            float: left;
            position: relative;
            font-family: Arial,Helvetica,sans-serif;
            background-color:#f2f2f2;
            margin-top:2px;
            margin-right:5px;
        }*/
    .formwidget > label {
        font-weight: bold;
    }

    /*------------Controls--------------*/

    .formwidget .select {
        position: relative;
        font-weight: 400;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        line-height: 32px;
        padding: 5px 10px;
        outline: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 0;
        background: #fff;
        font: 13px/16px "Open Sans", Helvetica, Arial, sans-serif;
        color: #404040;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-color: #bdbdbd;
    }

    .formwidget .select-multiple {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        height: auto;
        /*line-height: 25px;*/
        padding: 5px;
        outline: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 0;
        border-color: #bdbdbd;
        background: #fff;
        font: 13px/16px "Open Sans", Helvetica, Arial, sans-serif;
        color: #404040;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .formwidget .input{
        position: relative;
        font-weight: 400;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        height: 32px;
        line-height: 32px;
        padding: 5px 10px;
        outline: 0;
        border-width: 1px;
        border-style: solid;
        border-radius: 0;
        background: #fff;
        font: 13px/16px "Open Sans", Helvetica, Arial, sans-serif;
        color: #404040;
        appearance: normal;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-color: #bdbdbd;
    }
    
.dataTables_filter {margin-left:-5px !important;
}

.gridwidget .without-header {
    border-top: 1px solid !important;
    border-top-color: #ccc !important;
}

.formwidget .select-button {
    margin-top:55px;
}