/**Site-Path **/

body.display-as-child .pagetitle {
    font-size: 15px;
    font-weight: bold;
    text-shadow: none;
    height: 30px;
    background-color: #428bca;
    color: white;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-right: none;
    border-left: none;
}

body.display-as-child .ListForm-List-Header-Div #HeaderInner {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

body.display-as-child .WebForms-PageHeader {
    padding-left: 10px;
    line-height: 30px;
    margin-top: -2px;
    font-size: 20px;
    font-weight: normal;
    float: left;
}
body.display-as-child .WebForms-UpdateProgressIndicator {
    top:-49px;
}
input:not([type='button']):not([type='submit']:not([type='file'])), textarea
{
    background-color: #fff;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;

}
input:focus:not([type='button']):not([type='submit']), textarea:focus
{
    background-color: rgb(255, 255, 163) !important;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;

}
textarea.cke_dialog_ui_input_textarea:focus {
    background-color:white!important;
}


.form-container {
    padding: 5px 15px;
}

    .form-container .ajax__scroll_horiz {
        overflow-x: scroll;
    }

    .form-container .ajax__scroll_vert {
        overflow-y: scroll;
    }

    .form-container .ajax__scroll_both {
        overflow: scroll;
    }

    .form-container .ajax__scroll_auto {
        overflow: auto;
    }

.WebForms-Required.has-error .form-control {
    /*background-color: rgb(255, 221, 221);*/
}

/*First level*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	background:#f5f5f5;
}
.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    margin-bottom:20px;
    background: #f5f5f5;
    overflow-x:auto;
}

/*Second level*/
.tab-content  .nav-tabs{
	background:#f5f5f5;
}
.tab-content  .nav-tabs > li.active > a:hover, .tab-content  .nav-tabs > li.active > a:focus,.tab-content  .nav-tabs> li.active a{
	background:#fff;
}
.tab-content  .tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    margin-bottom:20px;
    background: #fff;
    overflow-x:auto;
}

/*Third Level*/
.tab-content  .tab-content  .nav-tabs{
	background:#fff;
}
.tab-content  .tab-content  .nav-tabs > li.active > a:hover, .tab-content  .tab-content  .nav-tabs > li.active > a:focus,.tab-content  .tab-content  .nav-tabs > li.active a{
	background:#f5f5f5;
}

.tab-content  .tab-content .tab-content{
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    margin-bottom:20px;
    background: #f5f5f5;
    overflow-x:auto;
}
/*Forth level*/
.tab-content  .tab-content   .tab-content  .nav-tabs{
	background:#f5f5f5;
}
.tab-content  .tab-content  .tab-content  .nav-tabs> li.active > a:hover, .tab-content  .tab-content  .tab-content  .nav-tabs > li.active > a:focus,.tab-content  .tab-content  .tab-content  .nav-tabs > li.active a{
	background:#fff;
}
.tab-content  .tab-content .tab-content .tab-content{
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    margin-bottom:20px;
    background: #fff;
    overflow-x:auto;
}

.collapsible-panel:not([disabled='disabled']) > .panel-heading {
    cursor: pointer;
}

.collapsible-panel[disabled='disabled'] > .panel-heading > .tools > .glyphicon {
    cursor: default !important;
}

.panel-heading {
    border-bottom: 1px solid #eee;
    font-size:14px;
}
.tab-pane .panel-default >.panel-heading {
    background: #dedede;
    border-color:#dedede
}
.WebForms-ImageControl-Link {
    color: #FFF;
    height: inherit;
    max-height: inherit;
    width: inherit;
    max-width: inherit;
    vertical-align: bottom;
}

.WebForms-ImageControl-Image {
    background-color: Transparent;
    color: #FFF;
    height: inherit;
    max-height: inherit;
    width: inherit;
    max-width: inherit;
}


.WebForms-LargeImage {
    display:none;
    position:fixed;
    background:#fff;
    padding:10px;
    border:1px solid #ddd;
    max-height:800px;
    border-radius:4px;
    box-shadow:0px 1px 3px #ddd;
    z-index:10000;
}

.WebForms-LargeImage .glyphicon-remove {
    position: absolute;
    top: -9px;
    right: -9px;
    color: #ddd;
    background: #000;
    padding: 5px;
    width: 33px;
    border-radius: 17px;
    border: 2px solid #fff;
}
.WebForms-LargeImage .glyphicon-remove:hover {
    color:#fff;
}
.WebForms-LargeImage .close {
    text-shadow:none;
    opacity:1;  
}


.image-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    cursor: pointer;
    background: #000; /* fallback */
    background: rgba(0,0,0,0.75);
    z-index:9999;
}

.WebForms-ImageControl-FileUpload {
    height: 18px;
    white-space: normal;
}

label {
    margin: 0;
}

.label-for-required {
    color: Red;
}

.WebForms-Required {
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    display: block;
}

    .WebForms-Required:after {
        content: ' ';
        width: 8px;
        left: 0px;
        top: 0px;
        background-image: url('images/WebForms/Required.png');
        height: 8px;
        position: absolute;
        border-top-left-radius: 2px;
    }

.WebForms-Span-Required {
    display: inline-block;
    width: 10px;
    height: 7px;
    background: transparent url(images/webforms/Required.gif) no-repeat center center;
}

table.WebForms-OptionButton {
    table-layout: auto;
}

.WebForms-OptionButton td {
    padding-left: 2px !important;
}

.WebForms-OptionButton input {
    vertical-align: middle;
}

.WebForms-OptionButton label {
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 1px;
}
.WebForms-OptionButton input[type='radio'] + label:hover,
 .WebForms-OptionButton input[type='radio']:hover{
    cursor: pointer;
}
.WebForms-OptionButton input[type='radio']:disabled + label:hover,
.WebForms-OptionButton input[type='radio']:disabled:hover{
    cursor:default;
}
.WebForms-Required.has-error .WebForms-OptionButton{
	border:1px solid #b94a48;
	background-color: rgb(255, 221, 221);
}
/******** Grid and Table **********/

.WebForms-Table > thead > tr > th, .WebForms-Grid > thead > tr > th, .WebForms-Grid > tfoot > tr > td, .WebForms-Grid.table > tbody > tr > td {
    vertical-align: middle;
}

.WebForms-Table td, .WebForms-Grid td {
    vertical-align: middle;
}

.WebForms-Table td {
    overflow: hidden;
    padding: 5px;
}

.WebForms-Grid > thead > tr,
.WebForms-Grid > tfoot > tr {
    background-color: #428bca;
    color: white;
}

.WebForms-Grid > thead > tr, 
.WebForms-Grid > tfoot > tr {
    background-color: #428bca;
    color: white;
}
.WebForms-Grid > thead > tr > th,
.WebForms-Grid > tfoot > tr > td{
    height:42px;
}
.WebForms-Grid > tbody {
    outline: 1px solid #ccc;
    outline-offset: -1px;
}
.number-bold {
    font-weight:bold;
}
.WebForms-PickList-Container .WebForms-Grid > tbody {
    outline: 0px solid #ccc;
    outline-offset: 0px;
}
.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr > td{
    overflow: hidden;
	white-space: nowrap;
    word-break:normal;
    text-overflow: ellipsis;
}
.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr > td.non-compact {
    white-space: normal;
}
.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr > td:first-child{
    border-bottom:1px solid #fff;
}
.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr > td:last-child{
    -webkit-box-shadow: inset -3px 0px 0px -2px #ddd;
}
.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr:last-child{
    border-bottom:1px solid #ddd;
}

.WebForms-PickList-Container .WebForms-Grid.table > tbody > tr:last-child > td:first-child{
    border-bottom:1px solid #ddd;
}

.WebForms-PickList-Container .loading-element {
    display: none;    
    background-color: transparent;    
    position: absolute;
    top: 40px;
    bottom: 70px;
    left: 0px;
    right: 0px;
}

.WebForms-PickList-Container .loading-icon {
    background: url(Images/dialogs/ajax-loader.gif);
    padding: 50px;
    border: 2px solid #428bca;
    position: relative;    
    display: inline-block;
    background-size: initial;
    left: 45%;
    top: 120px;
    background-repeat: no-repeat;
    background-position-x: 35px;
    background-position-y: 35px;
    background-color: white;
    -webkit-box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.95);
    -moz-box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.95);
    box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.95);
}

.WebForms-PickList-Container .picklist-global-search-container {
    display: inline-block;
    position: relative;    
    float: right;
}

.WebForms-PickList-Container .picklist-global-search-container .input-group {
    width: 150px;
}

.WebForms-PickList-Container .picklist-global-search-container .global-search-input {
    width: 120px;
    padding-right: 25px;
}

.WebForms-PickList-Container .picklist-global-search-container .clear-global-search {
    display: none;
    position: absolute;
    top: 9px;
    left: 100px;
    opacity: 0.6;
    cursor: pointer;
	z-index: 5;
}

.WebForms-PickList-Container .picklist-global-search-container .clear-global-search:hover {
    opacity: 1;
}

.picklist-search.glyphicon-search {
    position: relative;
    color: #000;
    top: 7px;
    right: 9px;
    height:0px;
    text-align: right;
    width:100%;
    cursor:pointer;
}
.WebForms-Grid > tfoot > tr {
    border-top: 2px solid #428bca;
}

.WebForms-Grid > tfoot > tr.panel-footer {
    border-top: 2px solid #f5f5f5;
}

    .WebForms-Grid > thead > tr > th {
        vertical-align: middle;
        text-align: center;
    }

.WebForms-Grid > thead > tr > th:first-child {
    border-top-left-radius: 4px;
}

.WebForms-Grid > thead > tr > th:last-child{
    border-top-right-radius:4px;
}
.table > thead > tr.active > td:first-child, .table > thead > tr.active > th:first-child{
   border-top-left-radius:0px;
}
.table > thead > tr.active > td:last-child, .table > thead > tr.active > th:last-child{
   border-top-right-radius:0px;
}
.WebForms-Grid > tfoot > tr > td:not(:last-child) {
    border-right:1px solid #ddd;      
}

.WebForms-Grid > thead > tr > th:not(:first-child){
    border-left:1px solid #ddd;
}

.WebForms-Grid > tfoot > tr > td:first-child {
    border-bottom-left-radius: 4px;
}

.WebForms-Grid > tfoot > tr > td:last-child{
    border-bottom-right-radius:4px;
}

.WebForms-Grid.table > thead > tr > th {
    border-bottom:1px solid #ddd; 
}

.WebForms-Grid.table .grid-toolbar-cell {
    padding-left: 0px;
}

.WebForms-Grid-Pager .glyphicon-search {
    font-size: 17px;
}

.WebForms-Grid-Pager .gotopage {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom:6px;
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

.WebForms-Grid-Pager .gotopage + span + span {
    font-weight:bold;
}
.WebForms-Grid-Pager-Container .label-black {
    float: left;
    position: relative;
    top: 7px;
    margin-left: 16px;
    font-weight:normal;
}

.WebForms-Grid-Pager-Container .label-rentacle {
    float: left;
    position: relative;
    font-size: 12px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

.WebForms-Grid-Pager-Container .record-range {
    float: left;
    color: black; 
    font-weight: bold;
    font-size:13px;
    top: 5px;
    position: relative;   
}
.WebForms-Grid-Pager-Container .record-range span:nth-child(2){
	font-weight:normal;
}
.WebForms-Grid-AddItemFooter {
     background-color:#f5f5f5;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid-AddItemFooter:hover {
    background-color:#428bca;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
/*Highlight leves with different colors*/
.WebForms-Grid.table > tbody > tr.warning>td{
    background:rgb(254,236,136);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table > tbody > tr.WebForms-Grid-AlternateRow.warning > td {
	background:rgb(254,236,136);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table > tbody > tr > td {
	background-color: #fff;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table > tbody > tr.WebForms-Grid-AlternateRow > td {
	background-color: #f8f8f8;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table > tbody > tr.WebForms-Grid-AlternateRow.danger > td {
	background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
 }
.WebForms-Grid.table > tbody > tr.danger > td{
    background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}


.WebForms-Grid.table .WebForms-Grid.table  tr.warning td{
    background:rgb(254,212,95);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table  tr.WebForms-Grid-AlternateRow.warning > td {
	background:rgb(254,212,95);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table  tr:not(.WebForms-Grid-Footer) > td {
	background-color: #fff;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table tr:not(.WebForms-Grid-Footer).warning > td {
    background:rgb(254,212,95);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table  tr.WebForms-Grid-AlternateRow > td {
	background-color: #f8f8f8;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table  tr.WebForms-Grid-AlternateRow.danger > td {
	background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
 }
.WebForms-Grid.table .WebForms-Grid.table  tr.danger > td{
    background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.warning td{
    background:rgb(235,178,61);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.warning > td {
	background:rgb(235,178,61);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr  td {
	background-color: #fff;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow > td {
	background-color: #f8f8f8;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.danger > td {
	background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
 }
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.danger > td{
    background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}



.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.warning td{
    background:rgb(229,159,47);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.warning > td {
	background:rgb(229,159,47);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow > td {
	background-color: #fff;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow > td {
	background-color: #f8f8f8;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.danger > td {
	background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
 }
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.danger > td{
    background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}


.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.warning td{
    background:rgb(223,155,44);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.warning > td {
	background:rgb(223,155,44);
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow > td {
	background-color: #fff;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow > td {
	background-color: #f8f8f8;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.WebForms-Grid-AlternateRow.danger > td {
	background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
 }
.WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table .WebForms-Grid.table tr.danger > td{
    background:#f2dede;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

/*Highlight leves with different colors*/

.WebForms-Grid-AlternateRow {
    background-color: #f8f8f8;
}

.WebForm-Grids-HoverLine {
    background-color: rgb(255, 255, 163);
}

.WebForms-PickList-Grid-Container .ListForm-List-SortImage-Shown {
    width: 13px;
    height: 13px;
    margin-left: 4px;
    position:relative;
    top:2px;
}

    .WebForms-PickList-Grid-Container .ListForm-List-SortImage-Shown.asc {
        /*background: url('../../images/SortAsc.gif') top left no-repeat;*/
    }

    .WebForms-PickList-Grid-Container .ListForm-List-SortImage-Shown.desc {
        /*background: url('../../images/SortDesc.gif') top left no-repeat;*/
    }

.WebForms-Grid-Item-LastRow > td {
    border-bottom: 1px solid #E8EFF4;
}

.WebForms-Grid td.WebForms-Grid-RowIndexColumn {
    white-space: nowrap;
    color: #428bca;
    vertical-align: middle;
    text-align: center;
}

.WebForms-Grid .WebForms-Grid-AddItemFooter {
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #428bca;
    /*background-color: rgb(173, 173, 173);
    color: white;
    height: 60px;*/
}

.WebForms-Grid .WebForms-Grid-Footer:not([disabled]) .WebForms-Grid-AddItemFooter:hover {
    color: #fff;
    background-color: #428bca !important;
}

.WebForms-Grid .WebForms-Grid-Footer[disabled='disabled'] .WebForms-Grid-AddItemFooter:hover,
.WebForms-Grid .WebForms-Grid-Footer[disabled='disabled'] .WebForms-Grid-AddItemFooter:hover span:hover{
	cursor:not-allowed!important;
}


.WebForms-Grid-RowIndexColumn * {
    vertical-align: middle;
}

/*** Pick List ***/
.WebForms-PickList-Container {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 560px;
    height: 300px;
}


.WebForms-PickList-Container .modal-buttons {
    position: absolute;
    top: 15px;
    right: 1px;
}

.WebForms-PickList-Container .modal-buttons > a {
    margin-right: 5px;
}

.WebForms-PickList-Container .modal-buttons > a.toggle-size {
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 0.7;
    transition: all 0.5s;
    font-size: 15px;
    font-weight: normal;
    margin-top: -2px;
}

.WebForms-PickList-Container .modal-buttons > a.toggle-size:hover {
    opacity: 1;
    text-decoration: none;
}

.WebForms-PickList-Container .modal-buttons > a.close {
    font-size: 15px;
    font-weight:normal;
}

.WebForms-PickList-Title .modal-buttons > a.glyphicon-remove {
    font-size:19px;
    top:-2px;
}


.WebForms-PickList-Title {
    cursor: move;
}

    .WebForms-PickList-Title > .modal-title {
        display: block;
    }

.WebForms-PickList-Container .modal-dialog-body {
    font-size: inherit;
    position: absolute;
    top: 50px;
    left: 5px;
    right: 5px;
    bottom: 80px;
    max-height: 100%;
}

.WebForms-PickList-Footer {
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: 3px;
    right: 0px;
}

.WebForms-PickList-Container .WebForms-Grid-Pager {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    padding: 3px;
}

.WebForms-PickList-Filter {
    height: 25px;
    background: url(images/list/table_header.png) repeat-x left top;
    padding: 4px 5px 0px 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
}

.WebForms-PickList-Container .WebForms-PickList-Grid-Container {
    overflow: auto;
    top: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    background-color: #fff;
}

    .WebForms-PickList-Container .WebForms-PickList-Grid-Container .picklist-hover-row.picklist-selected-row > td:not(:first-child),
    .WebForms-PickList-Container .WebForms-PickList-Grid-Container .picklist-selected-row > td:not(:first-child) {
        background-color: #fee37a !important;
    }

    .WebForms-PickList-Container .WebForms-PickList-Grid-Container th.picklist-hover-row {
        background-color: #84B9E7 !important;
         -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;        
    }

    .WebForms-PickList-Container .WebForms-PickList-Grid-Container .picklist-hover-row > td {
        background-color: rgb(255,255,163)!important;
         -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;        
    }

   .WebForms-PickList-Container .WebForms-PickList-Grid-Container .picklist-hover-row > td:first-child {
        background-color: #84B9E7 !important; 
    }

    /*.WebForms-PickList-Container .WebForms-PickList-Grid-Container tr {
        border-bottom: 1px solid #FFF;
    }*/

.WebForms-PickList-Container table.WebForms-Grid {
    border: 0;
    min-width: 100%;
    width: 100%;
    table-layout: fixed;
}

    .WebForms-PickList-Container table.WebForms-Grid td {
        border: none;
    }

        .WebForms-PickList-Container table.WebForms-Grid td:first-child {
            background-color: #428bca !important;            
            color: white !important;
            font-weight: bold;
        }

        .WebForms-PickList-Container table.WebForms-Grid th.WebForms-Grid-RowIndexHeader {
            border-top-left-radius: 6px;
            border-left-color: transparent;
        }

        .WebForms-PickList-Container table.WebForms-Grid th:last-child {
            border-top-right-radius: 6px;
            border-right-color: transparent;
        }

        .WebForms-PickList-Container table.WebForms-Grid th.WebForms-Grid-RowIndexHeader,
        .WebForms-PickList-Container table.WebForms-Grid td.WebForms-Grid-RowIndexColumn {
            width: 30px;
            cursor: default;
            text-align: center;
        }

    .WebForms-PickList-Container table.WebForms-Grid .picklist-checkbox {
        display: none;
    }

    .WebForms-PickList-Container table.WebForms-Grid tr {
        cursor: pointer;
    }

        .WebForms-PickList-Container table.WebForms-Grid tr th input[type=text] {
            cursor: text;
        }

.WebForms-PickList-Container table .glyphicon-off,
.WebForms-PickList-Container table .glyphicon-remove {
    cursor: pointer;
    color: black;
    top: 2px;
    font-size: 17px;
}


.WebForms-PickList-Container table > thead > tr {
    background-color: #428bca;
    color: white;
}

    .WebForms-PickList-Container table > thead > tr > th > a {
        color: white;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.WebForms-PickList-Container .label-rentacle {
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 11px;
}

.WebForms-PickList-Container .label-black {
    color: black !important;
   font-weight:normal;
}
.WebForms-PickList-Container .gotopage + span {
    position: relative;
    top: 1px;
    margin-right: -9px;
}
.WebForms-PickList-Container .gotopage + span + span {
    font-weight:bold;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.WebForms-PickList-Container .centered-vertically {
    position: relative;
    top: 4px;
}

.WebForms-Calendar .ajax__calendar_container {
    background-color: #FFF;
    border: 1px solid #646464;
    color: #165EA9;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.WebForms-Calendar .ajax__calendar_active .ajax__calendar_day, .WebForms-Calendar .ajax__calendar_active .ajax__calendar_month, .WebForms-Calendar .ajax__calendar_active .ajax__calendar_year {
    color: #000;
    font-weight: 700;
}

.WebForms-Calendar td {
    padding: 0;
}

#prgr {
    float: left;
}

.WebForms-UpdateProgressIndicator {
    position: relative;
    top: 37px;
    padding:5px 10px;
    border-radius:4px;
}

.WebForms-UpdateProgressIndicator .inner {
    /*background: url(images/WebForms/Progress/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 4px;*/
    padding-left: 25px;
    font-size: 13px;
    font-weight:normal;
    color:#333;
}
.WebForms-UpdateProgressIndicator .inner.label-default{
	background:none;
}
.WebForms-UpdateProgressIndicator.small-progress .inner.label-default{
	display:none;
}
.WebForms-UpdateProgressIndicator .inner,
.WebForms-UpdateProgressIndicator.simple-progress-bar .inner {
    /*background: url(images/WebForms/Progress/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 7px;*/
    padding:1px 7px 1px 6px;
    background-color: #fff;
    color:#333;
    font-size: 13px;
    z-index:10000;
    font-weight:normal;
}

.WebForms-UpdateProgressIndicator.small-progress,
.WebForms-UpdateProgressIndicator.simple-progress-bar.small-progress {
    width: 35px!important;
}

.WebForms-UpdateProgressIndicator,
.WebForms-UpdateProgressIndicator.simple-progress-bar {
    left:15px;
    width: 141px;
    height: 30px;
    background: #fff;
    border: 1px solid #3F69A8;
    border-radius:4px;
    margin-right: 9px;
    background: #fff url(images/WebForms/Progress/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 9px;
    padding-top:8px;
}
.dirty-message {
    background:#fff;
    border:1px solid #3F69A8;
    max-width:300px;
    position:fixed;
    right:9px;
    top:99px;
    font-size:13px;
    padding:7px 10px;
    border-radius:4px;
    display:none;
    height:30px;
}
.dirty-message.pending-full-width {
    top:100px;
    width:100%;
}

.dirty-message.remove-pending-text{
    top:99px;
}

.dirty-message.remove-pending-text.pending-full-width .pending-text{
    display:block;
}
.dirty-message.remove-pending-text .pending-text{
    display:none;
}
.WebForms-PickList-Button,
.WebForms-CalendarButton,
.WebForms-Grid-InsertRow,
.WebForms-Grid-DeleteRow {
    height: 24px;
    padding: 4px;
    width: 24px;
    cursor: pointer;
}

.WebForms-Grid-DeleteRow {
    margin-top: 3px;
}

.WebForms-Grid-NumberingBox {
    font-size: 12px;
    position: relative;
    width: 37px;
    height: 30px;
    line-height: 29px;
    display: inline-block;
	/*New addition*/
    background-color: #E4E4E4;
    color: #428bca;
	border: 1px solid #E4E4E4;
}

.multi-delete-selection-td {
    text-align:center;
}

.WebForms-Grid-DeleteSelected {
	font-size: 18px;
	top: 4px;
	padding-left: 4px;
	cursor: pointer;
}

.WebForms-Grid-DeleteSelected:hover {
	color: #f2dede;
}

.RemoveButtonIsDisabled  .WebForms-Grid-DeleteRow{
	pointer-events: none;
    cursor:not-allowed;
}
.RemoveButtonIsDisabled {
    cursor:not-allowed;
}
    .WebForms-Grid-NumberingBox.NumberingBox-CanDeleteRows > .WebForms-Grid-DeleteRow {
        position: absolute;
        bottom: 0;
        right: -6px;
        margin: 0;
        padding: 0;
        font-size: 8px;
    }

    .WebForms-Grid-NumberingBox.NumberingBox-CanDeleteRows:not(.RemoveButtonIsHidden):not(.RemoveButtonIsDisabled):hover > .WebForms-Grid-DeleteRow,
    .WebForms-Grid-NumberingBox:not(.NumberingBox-HasNumbering) > .WebForms-Grid-DeleteRow {
        position: static;
        font-size: 21px;
        margin-left: -1.7px;
		margin-top: 2px;
    }
	
    .WebForms-Grid-NumberingBox.RemoveButtonIsHidden:not(.NumberingBox-HasNumbering),
    .WebForms-Grid-NumberingBox.RemoveButtonIsDisabled:not(.NumberingBox-HasNumbering){
        background:transparent;
    }
    .WebForms-Grid-NumberingBox.NumberingBox-CanDeleteRows:not(.RemoveButtonIsHidden):not(.RemoveButtonIsDisabled):hover {
        border: 1px solid #428bca;
        color: #428bca;
		/*New addition*/
		background-color: #E4E4E4;
        /*background-color: white;*/
        cursor: pointer;
    }

        .WebForms-Grid-NumberingBox.NumberingBox-CanDeleteRows:not(.RemoveButtonIsHidden):not(.RemoveButtonIsDisabled):hover > .WebForms-Grid-RowNumber {
            display: none;
        }

.WebForms-Grid-RowIndexColumn {
    vertical-align: top!important;
}

.WebForms-Calendar .ajax__calendar_other .ajax__calendar_day, .WebForms-Calendar .ajax__calendar_other .ajax__calendar_year, .WebForms-Calendar .ajax__calendar_hover .ajax__calendar_day, .WebForms-Calendar .ajax__calendar_hover .ajax__calendar_month, .WebForms-Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #000;
}

.WebForms-PickListContainer,
.WebForms-DateTimeContainer,
.WebForms-DateTimeContainer-ReadOnly {
    position: relative;
    box-sizing: border-box;
}
.WebForms-DateTimeContainer-ReadOnly {
    width:105px;
}
.WebForms-DateTimeContainer {
    width: 105px;
    display:block;
}

.WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult {
    cursor: pointer;
    display: inline-block;
    min-width: 45px;
    border: 1px solid transparent;
}

    .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult .glyphicon-remove {
        display: none;
    }

    .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult.remove-enabled .glyphicon-remove {
        display: block;
        position: absolute;
        font-size: 9px;
        top: 1px;
        right: 2px;
    }

     .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult {
        padding-bottom: 9px;
    }

    .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult.remove-enabled:hover {
        background-color: white !important;
        border: 1px solid #ddd;
    }

        .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult.remove-enabled:hover .glyphicon-remove {
            color: #428bca !important;
            font-size: 17px;
            top: 8px;
            right: 14px;
        }

        .WebForms-PickListRecords-SelectedCountLabel .WebForms-PickListRecords-CountResult.remove-enabled:hover .count-number {
            color: white;
        }

.WebForms-PickListRecords-SelectAllContainer {
    margin-left: 10px;
}

.WebForms-PickListRecords-SelectAllContainer .WebForms-PickListRecords-SelectAll[disabled="disabled"] {
    text-decoration: none;
}

.ckeditor-hidden {
    display: none !important;
}
.WebForms-RichTextBox {
    display: inline-block;
    cursor: text;
    overflow: auto;
    min-height: 30px;
    position: relative;
    font-size: 12px;
    background-color: #fff;
    height: auto;
}

.WebForms-RichTextBox[readonly='readonly'],

.WebForms-RichTextBox[disabled='disabled'] {
    border-color: #ddd;    
    opacity: 0.85;     
}

.WebForms-RichTextBox[readonly='readonly']:focus,
.WebForms-RichTextBox[disabled='disabled']:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #eee !important;
}

    .WebForms-RichTextBox > p {
        margin: 0;
    }

.WebForms-RichTextBox-ReadOnly {
    display: inline-block;
    cursor: text;
    overflow: auto;
    min-height: 15px;
    position: relative;
    font-size: 12px;
    
}

.WebForms-RichTextBox ul,
.WebForms-RichTextBox ol {
    margin: 1em 0;
    padding: 0 0 0 3em;
}
.WebForms-RichTextBox-ReadOnly ul {
    padding-left:30px;
}
.WebForms-DateTimeBox,
.WebForms-PickListTextBox,
.clmscombobox {
    padding-right: 20px;
}

.WebForms-PickList-Button,
.WebForms-CalendarButton {
    width: 24px;
    right: 2px;
    top: 4px;
    height: 24px;
    position: absolute;
    padding: 4px;
}

.WebForms-PickList-Container .WebForms-CalendarButton {
    margin: 0;
}

.WebForms-TextBox-Readonly {
}

.WebForms-DateTimeBox-Readonly {
}

.WebForms-Button-Container {
    padding: 3px 3px 3px 0px;
    *float: none !important; /* targets IE6 and IE7 */
    display: inline; /* !important;*/ 
    /* targets IE6 and IE7 */
}

.WebForms-Button-Container .btn {
    margin-top:3px;
    margin-bottom:10px;
}

[data-type="ResponsiveRow"] .form-group {
    min-height: 30px !important;
    overflow: visible;
}

[data-type="ResponsiveRow"] .form-group .WebForms-Button-Container .btn {
    margin-top: 0px;
    margin-bottom: 0px;
}

td .WebForms-Button-Container .btn {
    margin-top:0px;
    margin-bottom:2px;
}

.WebForms-Label {
    font-weight: normal;
}

tfoot .WebForms-Label,
th > .WebForms-Label {
    font-weight: bold;
}


.GridSortButton {
    position: relative;
    right: -45%;
    top: -30%;
}

.general-container,
.general-container-manage-user {
    border: 1px solid #A8A8A8;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px;
}

.general-container-manage-user label {
    width: 96%!important;
    padding-left: 5px;
    font-weight:normal;
    font-size:14px;
    line-height:14px;
}
.general-container-manage-user input[type=checkbox] {
    display:inline-block;
}

.CreateUser-Label {
    font-weight: normal;
    font-size:15px;
}
.AspNet-CreateUserWizard-UserPanel {
    margin-top:10px;
}

/* jQuery UI overrides for ComboBox */
.ui-state-default.clmscombobox,
.ui-state-default.ui-combobox-toggle,
.ui-widget-content .ui-state-default.clmscombobox,
.ui-widget-content .ui-state-default.ui-combobox-toggle {
    border: 0;
    background: transparent;
}

/* jQuery UI overrides for DatePicker */
.ui-datepicker-header {
    color: black;
}

.clmscombobox-value-container {
    box-sizing: border-box;
}

    .clmscombobox-value-container:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

.clmscombobox-container1:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.clmscombobox-list {
    overflow-x: hidden;
    box-sizing: border-box;
	z-index: 2000;
}

.clmscombobox-container.mobile {
   	position: fixed !important;
	right: 0px  !important;
	top: 0px  !important;
	left: 0px  !important;
	z-index: 2000000  !important;
	width: auto !important; 
	background-color: white;
}

.clmscombobox-container.mobile  input {
	width: 100% !important;
	height: 35px;
}

.clmscombobox-list.mobile {
	position: fixed !important;
	bottom: 0px  !important;
	right: 0px  !important;
	top: 34px  !important;
	left: 0px  !important;
	z-index: 200000  !important;
	box-shadow: 0px 0px 0px 90px rgba(0, 0, 0, 0.7) !important;
	width: auto !important;
}

.ui-autocomplete {
    background: #fff;
}

    .ui-autocomplete .ui-menu-item {
        height: 1.85em;
    }
      .clmscombobox-list.ui-autocomplete .ui-menu-item {
        height: 1.90em;
    }
        .clmscombobox-list.ui-autocomplete .ui-menu-item a {
            height: 1.85em;
        }
		
		.clmscombobox-list.ui-autocomplete.mobile .ui-menu-item {
			height: 3.5em;
		}
		
        .clmscombobox-list.ui-autocomplete.mobile  .ui-menu-item a {
            height: 3.45em;
			line-height: 3.00em
        }
		
		
		.ui-autocomplete .ui-menu-item-alternate a.ui-state-focus {
		   background: #007acc;
		}

        .ui-autocomplete .ui-menu-item a {
            cursor: pointer;
            height: 1.55em;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .ui-autocomplete .ui-menu-item-alternate a {
        background-color: #F7F9FB;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #79b7e7;
    background: #007acc;
    font-weight: bold;
    color: #fff!important;
    border-color: #007acc;
}

.ui-autocomplete.dropdown-menu>li>a:hover,.ui-autocomplete.dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #007acc;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    padding: 1px .3em;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
}

a.clmscombobox-loading span {
    background: transparent url('images/webforms/ajax-loader.gif') no-repeat right center !important;
}

.clmscombobox-previouspage,
.clmscombobox-nextpage {
    display: block;
    height: 16px;
    width: 16px;
}

.clmscombobox-previouspage {
    background: transparent url(images/ui-icons_6da8d5_256x240.png) -48px -160px;
}

.clmscombobox-nextpage {
    background: transparent url(images/ui-icons_6da8d5_256x240.png) -32px -160px;
}

.clmscombobox-previouspage,
.clmscombobox-nextpage {
    display: block;
    height: 16px;
    width: 16px;
}

.clmscombobox-previouspage {
    background: transparent url(images/ui-icons_6da8d5_256x240.png) -48px -160px;
}

.clmscombobox-nextpage {
    background: transparent url(images/ui-icons_6da8d5_256x240.png) -32px -160px;
}

a.ui-combobox-toggle {
    vertical-align: middle;
    outline: 0;
    visibility: inherit !important;
    margin-top: -18px;
    float: right;
}

.ui-widget {
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.ui-widget-overlay {
    z-index: 1000;
}

.ui-front-dialog {
    z-index: 9999;
    margin-left:20px;
    margin-right:20px;
}
.modal-dialog .ui-corner-all {
    border-radius:0px;
}

.treeview-container {
    padding: 4px 0;
}

    .treeview-container ul:first-child {
        margin-left: 8px;
    }

    .treeview-container ul {
        margin-left: 22px;
		padding-left:0px;
        list-style: none;
    }
	
	.treeview-container .glyphicon{
		top:3px;
	}

        .treeview-container:not(.accordion) ul li {
            padding: 1px;            
        }

        .treeview-container ul > li > div {
            border: 1px solid transparent;
            border-radius: 5px;
            display: inline-block;
            padding-right: 5px;
        }

        .treeview-container ul li span {
            padding-left: 4px;
            line-height: 26px;
            cursor: pointer;
        }

        .treeview-container ul li img {
            cursor: pointer;
            margin-left: 5px;
        }

        .treeview-container:not(.accordion) ul > li.treenode-selected > div {
            background-color: #eee;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .treeview-container:not(.accordion) ul > li.treenode-selected > div {
            background-color: #eee;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .treeview-container:not(.accordion) ul > li > div:hover {            
			border: 1px solid #ddd;
			background: #E7E7E7;           
        }

        .treeview-container ul > li > ul {
            display: none;
        }        

        .treenode-no-children {    
            padding-left: 0px !important; 
        }

        .treeview-container:not(.accordion) .treenode-no-children {     
            margin-right: 18px;
        }   

.accordion ul {        
    margin-left: 0px;    
}

.accordion ul:first-child {
    margin-left: 0px;
}

.accordion ul li:not(.treenode-leaf) {    
    border: 1px solid #eee;
}

.accordion ul li > div {        
    border-radius: 0px;
    display: block;    
}


.accordion ul li:not(.treenode-leaf) {    
    padding: 0px;
}

.accordion ul li:not(.treenode-leaf) > div {        
    border: none !important;    
    color: white;
    background-color: #428bca;
}

.accordion ul > li.treenode-leaf > div:hover {            
    background-color: #eee;   
}

.accordion ul li.treenode-leaf > div {    
    padding-left: 16px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

    .accordion ul > li.treenode-leaf.treenode-selected > div {
        background-color: #ccc !important;     
    }

.chart-control {
    height: 250px;
    width: 500px;
	position: relative;
}

.chart-legend{
	list-style: none;
	position: absolute;
	right: 8px;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	padding: 10px 20px;
	border-radius: 6px;
	color: white;
}

.chart-legend li{
	display: block;
	padding-left: 30px;
	position: relative;
	margin-bottom: 4px;
	border-radius: 5px;
	padding: 2px 8px 2px 28px;
	font-size: 14px;
	cursor: default;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}

.chart-legend li span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 100%;
border-radius: 5px;
}

.chart-no-data {
    background: url('images/WebForms/ChartNoData.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.chart-no-data canvas {
    display: none;
}

#picklistWaitModal {
    background:transparent;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    opacity:0.3;
}
.modal-open{
    overflow-y:scroll;
    position:fixed;
}

/* MENU CONTROL */

/* bootstrap override */
.menu-control {
    border-radius: 0px;
    margin-bottom: 0px;
}

/* VALIDATION SUMMARY */

#SiteContent {
    -webkit-transition-property: margin; /* Safari */
    -webkit-transition-delay: 0.5s; /* Safari */
    transition-property: margin;
    transition-duration: 0.5s;
}

    #SiteContent.validation-top {
        margin-top: 328px;
    }

    #SiteContent.validation-bottom {
        margin-bottom: 190px;
    }

.data-validation-slider.panel {
    display: none;
    margin: 0 3px;
    padding-bottom: 0;
    border-width: 2px;
}

.data-validation-slider.panel.danger {
    border-color: #e79996;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(217, 84, 79, 0.6);
}

.data-validation-slider.panel.warning {
    border-color: #fcf8e3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(192, 152, 83, 0.6);
}

.data-validation-slider.panel.information {
    border-color: #bce8f1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(58, 135, 173, 0.6);
}

    .data-validation-slider.panel.top {
        position: fixed;
        top: 138px;
        z-index: 100;
    }

    .data-validation-slider.panel.bottom {
        position: fixed;
        bottom: 32px;
        z-index: 100;
    }

        .data-validation-slider.panel.bottom.no-footer {
            bottom: 0;
        }

    .data-validation-slider.panel.full {
        position: fixed;
        left: 0;
        right: 0;
    }

    .data-validation-slider.panel.normal {
        padding: 0;
        width: 60%;
        /*margin: 0 0 0 -30%;
        left: 50%;*/
    }

    .clms-pop-up-html-contents .validation-pop-up-container {
        margin: 10px;
    }

    .clms-pop-up-html-contents .validation-pop-up {
        overflow: auto;
    }

    .clms-pop-up-html-contents .validation-pop-up-footer {
        text-align: center;
        margin-top: 10px;
    }

    .data-validation-slider.panel div.alert-danger {
        background-color: #ffc8c8;
    }
    
    .data-validation-slider.panel.danger .panel-heading {
        cursor: pointer;
		position: relative;
        background-color: #F7DBDB;
        border-bottom-color: #e79996;
        border-bottom-width: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(217, 84, 79, 0.6);
    }

    .data-validation-slider.panel.warning .panel-heading {
        cursor: pointer;
		position: relative;
        background-color: #FDFAE7;
        border-bottom-color: #fcf8e3;
        border-bottom-width: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(192, 152, 83, 0.6)
    }

    .data-validation-slider.panel.information .panel-heading {
        cursor: pointer;
		position: relative;
        background-color: #F1F7FA;
        border-bottom-color: #ECF4F9;
        border-bottom-width: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(58, 135, 173, 0.6);
    }

        .data-validation-slider.panel .panel-heading h3 {
            font-weight: bold;
        }

    .data-validation-slider.panel .panel-body {
        overflow: auto;
        max-height: 150px;
    }

        .data-validation-slider.panel .panel-body span.glyphicon,
        .clms-pop-up-html-contents .validation-pop-up span.glyphicon{
            font-size: 20px;
            line-height: 20px;
            top: 2px;
        }

        .data-validation-slider.panel .panel-body span.message {
            margin-left: 10px;
            cursor: pointer;
        }

        .clms-pop-up-html-contents .validation-pop-up span.message {
            margin-left: 10px;
        }

        .data-validation-slider.panel .panel-body .btn-message {
            float: right;
            margin-right: 5px;
        }

    .data-validation-slider.panel div.validation-summary-controls {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .data-validation-slider.panel div.validation-summary-controls button {
            margin-right: 10px;
        }

        .data-validation-slider.panel div.validation-summary-controls span {
            margin: 0 5px;
        }

    .data-validation-slider.panel .alert,
    .clms-pop-up-html-contents .validation-pop-up .alert {
        padding: 5px;
        margin-bottom: 5px;
    }

.form-control.highlight-info {
    border: 1px solid #5bc0de;
}

    .highlight-info, .form-control.highlight-info/*:focus*/ {
        border: 1px solid #5bc0de;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 194, 222, 0.6);
    }

.form-control.highlight-warning {
    border: 1px solid #f0ad4e;
}

    .highlight-warning, .form-control.highlight-warning/*:focus*/ {
        border: 1px solid #f0ad4e;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(239, 174, 77, 0.6);
    }

.form-control.highlight-danger {
    border: 1px solid #d9534f;
}

    .highlight-danger, .form-control.highlight-danger/*:focus*/, .WebForms-Required.has-error .form-control {
        border: 1px solid #d9544f !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(217, 84, 79, 0.6) !important;
}

.data-validation-slider .panel-body .validation-nav {
    float: right;
}

    .data-validation-slider .panel-body .validation-nav .btn {
        padding: 2px 7px 5px 7px;
    }

        .data-validation-slider .panel-body .validation-nav .btn span {
            cursor: pointer;
            font-size: 11px;
            line-height: initial;
        }


div.panel-heading.blue-white
{
    background-color: #428BCA;
    color: white;
}

div.panel.panel-default.narrow {
    width: 370px;
    margin: 20px auto;
    border-color: #428bca;
}

.btn.btn-sm.btn-normal {
    border-radius: 4px !important;
    line-height: 1.428571429 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    padding: 6px 12px !important;
    height: 34px !important;
}

/* Required Fields Legend */
#_MASTER_RequiredHelper,
#RequiredHelper {
    position: fixed;
    display: none;
    float: left;
    color: #F50202;
    padding: 4px 9px 4px 2px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 13px;
    top: 100px;
    left: 15px;
    border: #fff;
    border-width: 1.0px;
    border-style: solid;
    padding-left: 9px;
}

/* Tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs-below > .tab-content,
.tabs-right > .tab-content,
.tabs-left > .tab-content {
  border-top: 1px solid #ddd;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
    margin-top: -20px;
    margin-bottom: 20px;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;  
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

/*To remove scroll for first level responsive row*/
#rootElementMaster > div#ResponsiveRow {
  margin-left: 0px;
  margin-right: 0px;
}

.input-group.input-group-sm.global-search-area.grid-search-area {
	width: 15%;
}

.grid-search-area .grid-search-clear.is-visible {
  display: block;
  z-index: 0;
  color: black;
}

.grid-search-area .grid-search-input {
	padding-right: 30px;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	z-index:0;
}

.grid-search-match {
  background-color: rgb(255, 255, 163) !important; 
  color: black;
}

.grid-search-results {
	display: none;
	position: fixed;    
	background-color: rgb(255, 255, 158);
	color: black;
	z-index: 5;	
	padding: 5px;
	border: 1px solid rgb(66, 139, 202);
	border-radius: 3px;	
	text-align: center;
	width: 170px;
}

@media screen and (max-width: 768px) {
    .MasterPageHeader  [data-type="ResponsiveRow"] .form-group.col-md-2:first-child,
    .MasterPageHeader  [data-type="ResponsiveRow"] .form-group.col-md-3:first-child,
    .MasterPageHeader  [data-type="ResponsiveRow"] .form-group.col-md-4:first-child{
        display:none;
    }
    .MasterPageHeader{
        height:30px;
    }
    .MasterPageFooter {
        display: none;
    }
}