﻿.ConfirmDeleteButton {
    display: none;
}

/* Classes */
.thinContent{width:94%;margin:0px auto;}
hr{height:0px;border-color:transparent;border:0px;border-top:1px solid #efefef;margin:0px;}
h1,h2,h3,h4,h5{margin:0px;font-weight:300;}
h1 {line-height:50px;font-size:45px;}
h2 {line-height:45px;font-size:40px;}
h3{line-height:30px;font-size:25px;}
h4{line-height:25px;font-size:20px;}
h5{line-height:14px;font-size:14px;}

/*.statBlock{padding:40px;color:#fff;background-color:#787389;background:-webkit-linear-gradient(top,#787389,#5A5665);background:-o-linear-gradient(bottom,#787389,#5A5665);background:-moz-linear-gradient(bottom,#787389,#5A5665);background:linear-gradient(to bottom,#787389,#5A5665)}
.statBlock h2{color:inherit;font-size:600%;}*/

.gradientBg{background: linear-gradient(#fff,#efefef);border:1px solid #efefef;}
.statBlock {
    font-size:20px;line-height:25px;
}
.statBlock div {
    min-height: 100px;
    margin-right: 0.8%;border:1px solid #efefef;
    background: linear-gradient(#fff,#efefef);
}
    .statBlock span {
        font-size: 50px;
        line-height: 50px;
        color: #0061EE;
    }
.statBlock label{font-size:70%;}
.statBlock h3{color:red;}

.statTable {
    width:100%;border-top:1px solid #efefef;margin-top:20px;margin-bottom:20px;
}
.statTable td{padding:8px 15px;}
.statTable tbody tr:first-child td{font-weight:bold;border-bottom:1px dashed #ccc;padding-top:15px;}
.statTable .statTableFoot td{font-weight:bold;border-top:3px solid #ccc;border-bottom:0px solid #f7f7f7;border-top-style: double;padding-top:10px;}
.statTable tr:first-child td:not(:first-child){text-align:center;}
.statTable tbody tr:not(:first-child) td{border-bottom:1px solid #fff;}
.statTable tbody tr:not(:first-child) td{border-bottom:1px solid #fff;}
.statTable tbody tr:not(:first-child) td:not(:first-child){text-align:center;}
.statTable tbody tr:not(.statTableFoot):not(:first-child):nth-child(2n+1){background-color:#f7f7f7}
    .statTable tbody tr:not(:first-child):hover td {
        background-color: var(--light-blue);
    }

.filterActions {

}
.filterActions hr{margin-bottom:5px;}
.filterActions label{display:inline-block;width:45%;margin-bottom:5px;}
.filterActions select{display:inline-block;width:55%;margin-bottom:5px;}
.filterActions input[type=text]{display:inline-block;width:51%;margin-bottom:5px;}
.filterActions input[type=submit]{float:right;margin-left:1px;width:49.5%;}
    .filterActions input[type=text], .filterActions select {
        font-style: normal;
        border-radius: 3px;
        background-color: #fff;
        outline: none;
        border: 1px solid #ccc;
    }
      
        /* text positioning */
        .text_center {
            text-align: center;
        }
.text_right{text-align:right;}
.text_left{text-align:left;}

/* grids */
.grid_clear {clear:both;}
.grid_twelve {clear:both;}

.grid_twelve.with_background .grid_three,.grid_twelve.with_background .grid_two,.grid_twelve.with_background .grid_ten,.grid_twelve.with_background .grid_nine,.grid_twelve.with_background .grid_four,.grid_twelve.with_background .grid_six,.grid_twelve.with_background .grid_eight{background-color:#efefef;}
.grid_two {display:inline;float:left;width:14.25%;margin-right:1%;}
.grid_three {display:inline;float:left;width:24.25%;margin-right:1%;}
.grid_four {display:inline;float:left;width:32.7%;margin-right:0.9%;}
.grid_six {display:inline;float:left;width:49.5%;margin-right:1%;}
.grid_eight {display:inline;float:left;width:66.4%;margin-right:0.9%;}
.grid_nine {display:inline;float:left;width:74.8%;margin-right:0.9%;}
.grid_ten {display:inline;float:left;width:84.25%;margin-right:1%;}
.grid_three.no_right_margin,.grid_two.no_right_margin,.grid_ten.no_right_margin,.grid_four.no_right_margin,.grid_six.no_right_margin,.grid_eight.no_right_margin,.grid_nine.no_right_margin{margin-right:-1%;}
.grid_three:last-child,.grid_two:last-child,.grid_ten:last-child,.grid_four:last-child,.grid_six:last-child,.grid_eight:last-child,grid_nine:last-child{margin-right:0%;}

/* padding */
.padding_right {padding-right:20px;}
.padding_left {padding-left:20px;}
.padding_all{padding:40px;}
.padding_all_half{padding:20px;}
.padding_all, .padding_right, .padding_left,.padding_all_half {
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
.padding_all .padding_all{padding:20px;}

/*tables*/
.dataTable {width:100%;border-width:0px;}
    /*margin-top:10px;*/
.dataTable  td,.dataTable th{padding:8px 10px;}
.tabContent_Body .dataTable  td,.dataTable th{padding:12px 15px;}
.dataTable thead td,.dataTable tr:first-child td,.dataTable th {border-bottom:1px dashed #ccc;background-color:#fff;font-weight:bold;padding-top:30px;position:sticky;top:40px;z-index:5;}

.dataTable tbody{font-size:90%;}
    .dataTable tbody tr td a {
        text-decoration: underline;
        color: var(--primary-blue);
    }
.dataTable tbody tr td a:hover{text-decoration:none;}
    .dataTable tbody tr:not(:first-child):hover td {
        background-color: var(--light-blue);
    }
.dataTable tbody tr td select {
        background-color: #fff;border-radius:5px;border-color:#ccc;
    }
    .dataTable tbody tr:hover td select {
        background-color: var(--primary-blue);
        cursor: pointer;
        color: #fff;
    }

.dataTable tbody tr:nth-child(2n+1){background-color:#F7F7F7;}
.dataTable tbody tr:last-child:not(.dataTableFooter) td{border-bottom:1px dashed #ccc;}
.dataTable tr td select:focus{}

.dataTableFooter td {
    /*border-top: 1px dashed #ccc;*/
    font-weight: bold;
    border-bottom: 0px solid #F2F1F3;
    background-color: #efefef;
}

.dataTable_Title{}
.dataTable_Actions{font-size:90%;padding:0px 0px 20px 0px}
.dataTable_Actions label{margin-right:5px;font-weight:bold;}
    .dataTable_Actions input[type=text], .dataTable_Actions input[type=date], .dataTable_Actions select, .dataTable_Actions input[type=checkbox] {
        font-style: normal;
        color: #2C3362;
        border-radius: 3px;
        background-color: #fff;
        outline: none;
        border: 1px solid #ccc;
    }
        .dataTable_Actions input[type=text]:focus, .dataTable_Actions input[type=date]:focs, .dataTable_Actions select:focus, .dataTable_Actions input[type=checkbox]:focus {
            background-color: var(--primary-blue);
            color: #fff;
        }
    .dataTable_Actions input, .dataTable_Actions select {
        margin-right: 10px;
    }
.dataTable_Actions input[type=submit] {
    padding: 7px 15px;
    background-color: #666
}
    .dataTable_Actions input[type=submit]:hover {
        background-color: var(--primary-blue);
    }

.dataTablePaging{font-size:80%;height:50px;
}
.dataTablePaging  td{padding:10px 20px 5px 20px;}
.dataTablePaging td:not(:last-child){border-right:1px dashed #ccc;}
    .dataTablePaging select {
        font-size: 90%;
        font-style: normal;
        border-radius: 5px;
        border-color: #ccc;
    }
    .dataTablePaging select:focus {
        background-color: var(--primary-blue);
        cursor: pointer;
        color: #fff;
    }

.dataTable em{font-size:90%;opacity:0.8;}


.dataTable .sortAscending, .dataTable .sortDescending {
    background-position: 90% 60%;
    background-repeat: no-repeat;
}
.dataTable .sortAscending {
    background-image: url('/base/img/skin/ascendingArrow.png?v=2');
}
.dataTable .sortDescending {
    background-image: url('/base/img/skin/descendingArrow.png?v=2');
}

/* flex grid */
.grd {
    display: flex;
    flex-wrap: wrap;
}

    .grd.col, .grd.col-1, .grd.col-2, .grd.col-3, .grd.col-4, .grd.col-5, .grd.col-6, .grd.col-7, .grd.col-8, .grd.col-9, .grd.col-10, .grd.col-fill {
        flex-basis: 0;
        position: relative;
        max-width: 100%;
        flex-grow: 1;
    }

.col-fill {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}