/* here you can put your own css to customize and override the theme */
#row-main {
    /* necessary to hide collapsed sidebar */
    overflow-x: hidden;
}

#content {
    /* for the animation */
    /*-webkit-transition: width 0.3s ease;
            -moz-transition: width 0.3s ease;
            -o-transition: width 0.3s ease;
            transition: width 0.3s ease;*/
}

#sidebar {
    /*-webkit-transition: margin 0.3s ease;
            -moz-transition: margin 0.3s ease;
            -o-transition: margin 0.3s ease;
            transition: margin 0.3s ease;*/
}

#ui-datepicker-div {
    z-index: 100 !important;
}

table.dataTable tbody tr.even {
    cursor:pointer !important;
}

table.dataTable tbody tr.odd {
    cursor: pointer !important;
}

table.dataTable tbody tr.selected {
    background-color: #acbad4;
}

table.dataTable tbody tr.selected > .sorting_1 {
    background-color: #a6b4cd !important;
}

table.dataTable tbody tr.selected > .sorting_2 {
    background-color: #a8b5cf !important;
}

table.dataTable tbody tr.selected > .sorting_3 {
    background-color: #a9b7d1 !important;
}

.msg-success {
    color: #3c763d;
}

.msg-warning {
    color: #8a6d3b;
}

.msg-danger {
    color: #a94442;
}
/*Forms visited border-bottom Css override*/
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after {
    visibility: visible;
    left: 0;
    width: 100%;
    background: transparent;
}

/*Kendo Listbox Css override*/
.k-listbox {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: visible;
    border-width: 0;
    vertical-align: middle;
}

/*Kendo grid text ellipsing override
.k-grid td {
    /*white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}*/
/*.k-grid-content tr td{
    padding:5px !important;
    width:25%;
}*/
/*Kendo tooltip container*/
.k-tooltip.k-popup {
    visibility: hidden;
}

/*Bootstrap tooltip css override*/
.modal-content .tooltip {
    position: fixed;
}

.tooltip-inner {
    max-width: 400px;
}

.collapsed {
    display: none; /* hide it for small displays */
}

.content-list-pane {
    padding: 10px 10px 0px 10px;
}


@media (min-width: 992px) {
    .collapsed {
        display: block;
        margin-left: -41.66667%; /* same width as sidebar */
    }
}

.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    table-layout:inherit !important;
}
/*disables the kendo preloader*/
.k-loading-image {
    display: none;
}

#tab {
    margin-left: 2.5em
}

#tabrule {
    margin-left: 2.5em
}

#tabRoll {
    margin-left: 1.5em
}

#codeDiv{
    width:430px;
}
#field-long {
    font-size: 10pt;
    height: 30px;
    width: 700px;
    
}
#Divid {
    width: 100%;
    float: right;
}

#codeid {
    width: 100%;
}

#idDiv {
    width: 100%;
    float: right;
}

#checkDiv {
    width: 100%;
    float: right;
}

#code {
    padding-top: 30px;
    width: 100%;
}

#Type {
    padding-top: 30px;
    width: 300px;
}

#idinput {
    padding-top: 30px;
    width: 100%;
}
#OccurrenceDiv{
    margin-left:20px;
}

.LeftDiv{
    width:200px;
}

.OnOverIcon {
    float:right;
    margin-top:-23px;
}

#monthSpan,#daySpan{
    padding:10PX;
}

#postDate{
    float:right;
}

.floatLeft{
    float:left
}

.floatRight {
    float:right
}
.width400Px{
    width:400px;
}
.plus_Minus {
    float: right;
    margin-top: -20px;
    margin-right:60px;
}
.plus_Minus1 {
    float: right;
    margin-top: -30px;
    margin-right: 120px;
}
.fa-minus-circle-icon {
    font-size: 25px;
    padding-left: 10px;
    color: red;
}
.fa-plus-circle-icon {
    font-size: 25px;
    color: green;
}
.no-padding{
margin:0px !important;
padding:0px !important;
}

.active-btn {
    color: white;
    background-color: #039BE5;
    border: #039BE5;
    border-radius: 5px;
}

.inactive-btn {
    color: #A8A8A8;
    background-color: #E0E0E0;
    border: #E0E0E0;
    border-radius: 5px;
}