﻿.sectioncontent {
    margin-left: 0;
    padding-bottom:20px;
}
.required-label {
    padding-right: 10px; color: red; font-size: 16px;
}
.grayedout {background-color:#f2f2f2 !important;
           border:solid 1px #c2c2c2 !important;
           cursor:not-allowed !important;
}
.pleasewait {
    font-size:35px;
}
.ctrl-group {
    position: relative;
    margin: 0 0 30px;
}

    .ctrl-group > header {
        color: #333;
        border: 1px solid #c2c2c2;
        background: #fafafa;
    }

    .ctrl-group > header {
        height: 38px;
        padding: 0;
        line-height: 40px;
    }

        .ctrl-group > header h2 {
            height: 100%;
            width: auto;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            position: relative;
            margin: 0;
            margin-left: 10px;
            line-height: 34px;
            letter-spacing: 0px;
        }

    .ctrl-group > .ctrls {
        background-color: #fff !important;
        float: left;
        width: 100%;
        position: relative;
        font-size: 13px;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        border-width: 1px 1px 2px;
        border-style: solid;
        border-top: none;
        border-right-color: #ccc !important;
        border-bottom-color: #ccc !important;
        border-left-color: #ccc !important;
        padding: 13px 13px 13px;
        overflow: visible;
    }

        .ctrl-group > .ctrls .ctrl-label {
            padding-right: 5px;
            font-weight: bold !important;
        }

        .ctrl-group > .ctrls .select {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 100%;
            height: 25px;
            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;
        }

        .ctrl-group > .ctrls .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;
        }

.control-label {
    color: #000;
}

.modal-widget {
    margin: 0 0 30px;
    position: relative;
    padding: 0;
    padding-right: 10px;
    background-color:#f2f2f2;
}

.modal-widget section {
        margin-bottom: 15px;
        position: relative;
    }
.modal-widget-content{
    background-color: #fff;
    border: solid 1px #c2c2c2;
    padding: 15px;
    margin-left:10px;
}

.form-widget {
    margin: 0 0 30px;
    position: relative;
    padding: 0;
    padding-right: 10px;
}

    .form-widget .row {
        margin: 0 -15px;
    }

    .form-widget legend {
        font-size: 16px;
        font-weight: bold;
    }

    .ctrl-group .col, .form-widget .col {float: left;min-height: 1px;padding-right: 15px;padding-left: 15px;box-sizing: border-box;-moz-box-sizing: border-box;}
    .ctrl-group .col-2 , .form-widget .col-2 {width: 16.66%;}
    .ctrl-group .col-3 , .form-widget .col-3 {width: 25%;}
    .ctrl-group .col-4 , .form-widget .col-4 {width: 33.33%;}
    .ctrl-group .col-5 , .form-widget .col-5 {width: 41.66%;}
    .ctrl-group .col-6 , .form-widget .col-6 {width: 50%;}
    .ctrl-group .col-6 , .form-widget .col-6 {width: 50%;}
    .ctrl-group .col-8 , .form-widget .col-8 {width: 66.67%;}
    .ctrl-group .col-9 , .form-widget .col-9 {width: 75%;}
    .ctrl-group .col-10, .form-widget .col-10 {width: 83.33%;}
    .form-widget select, .modal-widget-content 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;
    }
    .form-widget input, .modal-widget-content 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;
    }
     .form-widget textarea, .modal-widget-content textarea  {
          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;
     }
     .form-widget .input input {
            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;
        }
     /*.form-widget .input-file .button {
        position: absolute;
        top: 4px;
        right: 4px;
        float: none;
        height: 22px;
        margin: 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 22px;
    }

        .form-widget .input-file .button:hover {
            box-shadow: none;
        }

        .form-widget .input-file .button input {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            font-size: 30px;
            cursor: pointer;
            opacity: 0;
        }*/
    .form-widget section {
        margin-bottom: 15px;
        position: relative;
    }
    .form-widget > header {
        color: #000;
        position: relative;
        line-height: normal;
        background-color: #fafafa;
        border: 1px solid #c2c2c2;
        height: 42px;
        
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    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);
    }
        .form-widget > header .widget-icon {
            padding-left: 10px;
        }
        .form-widget > header .widget-actions{
            margin-top:3px;
            margin-right:5px;
        }
        .form-widget > header h2 {
            font-size: 16px;
            font-weight: bold;
            margin-left: 10px;
            line-height: 34px;
            display: inline-block;
            height: 100%;
            position: relative;
            line-height: 34px;
            letter-spacing: 0px;
            margin: 0;
            width: auto;
            padding-left: 5px;
        }
    .form-widget footer::after {
        content: "";
        display: table;
        clear: both;
    }
    .form-widget footer {
        display: block;
        padding: 15px 14px 15px;
        border: solid 1px #c2c2c2;
        border-top: 0;
        background: rgba(248,248,248,.9);
        margin-bottom: 20px;
        text-align: right;
    }
    .form-widget .widget-content {
        margin-left: 10px;
        background-color: #fff;
        border: solid 1px #c2c2c2;
        border-top: 0;
        padding: 15px;
        margin-left: 0;
    }

.err-widget .alert {
    font-size:16px !important;
}
.err-widget .err-content{
    background-color:#f0f5ca;
    color:red;
    margin-top:-20px;
    padding-top:20px;
    border:solid 1px #D89E9E;
    /*border-left:solid 5px #953B39;*/
}
.err-widget .err-content ul li{
   font-size:16px;
   min-height:25px;
}

.nested{
    background-color:transparent;
   width:100%;
}
.nested > tbody > tr > td{
     line-height: 1.4285;
     padding: 8px 10px;
     vertical-align:middle;
     /*border-top: 1px solid #ddd;*/
}
/*.nested > tbody > tr:last-child > td{
     border-bottom: 1px solid #ddd;
}*/
td.td-caption {font-weight:bold;
}
.topright {
    vertical-align:middle;
    padding-right:10px;
}
a[disabled] {cursor:not-allowed !important;
}
.hdnMnu {display:none;
}
th[center]{
    text-align:center;
}
td[center]{
    text-align:center;
}
.modal-extra-lg {
    width:1000px !important;
}

.exportBtn {
    margin-top: 5px;
}
.dataTable tbody .details-control:before{font-family:FontAwesome;content:"\f196" !important; font-size:16px !important;color:#616161 !important;}
.dataTable tbody .shown .details-control:before{content:"\f147" !important;}
