/*container 100% width */
@media (min-width: 768px) {
    .container {
        /*width: 750px;*/
    }
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    .container {
        /*width: 970px;*/
    }
}

@media (min-width: 1200px) {
    .container {
        /*width: 1170px;*/
    }
}

/* Navigation header*/
.navbar-inverse {
    padding-top: 5px;
    background-color: #fff;
    /*border-color: #286090;*/
    /*border-bottom: 5px solid #c5e1fd;*/
    font-family: 'Segoe UI','Comic Sans MS';
    /*text-transform:capitalize;*/
    font-variant: small-caps;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #286090;
        font-weight: bold;
        top: 30px;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #1a4366;
            top: 30px;
            background-color: #f5faff;
            /*border-bottom: 5px solid #286090;*/
        }

    /* toogle Header Menu*/
    .navbar-inverse .navbar-toggle {
        /*border-color: #286090;*/
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #fff;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #286090;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        /*border-color: #286090;*/
    }

.navbar-collapse {
    text-align: right;
    padding-right: 30px;
    color: #286090;
    font-weight: bold;
}

/* toogle Header Text*/
.HeaderText {
    /*float:left ;
    position: fixed;*/
    /*left: 50%;*/
    font-size: 18px;
    color: #286090;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}

.Renderbody {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    /*height:70vh;*/
    padding: 0px 15px 5px 20px;
    /*padding-bottom: 5px;*/
    /*padding-bottom: 60px;*/
}

.SetTabImage {
    float: left;
    padding-left: 30px;
    padding-bottom: 15px;
    height: 64px;
}

/* set Body start after header*/
body {
    background-color: #eceff3;
    /*padding-top: 102px;*/
    /*padding-right: 15px;*/
    padding-bottom: 60px;
}

.DefaultFont {
    font-variant: small-caps;
    font-family: 'Segoe UI','Comic Sans MS';
    font-weight: bold;
    /*color: maroon;*/
}

footer {
    bottom: 0px;
    position: fixed;
    /*position: fixed;*/
    width: 100%;
    padding-top: 7px;
    padding-left: 15px;
    background-color: #fff;
    border-top: 5px solid #c5e1fd;
    height: 40px;
}

.PanelHeader {
    color: #286090;
    font-weight: bold;
    padding-top: 8px;
    height: 35px;
    border-bottom: 3px solid #286090;
}

.PanelSubHeader {
    color: #286090;
    font-weight: bold;
}

.BlueColorTab {
    background-color: #6a8abe;
    color: white;
    height: 60px;
    border-bottom: 5px solid #5c78a5;
    border-radius: 5px;
    text-align: center;
    padding-top: 15px;
    font-size: medium;
}

.LightBlueColorTab {
    background-color: #5ab6df;
    color: white;
    height: 60px;
    border-bottom: 5px solid #50a1c5;
    border-radius: 5px;
    text-align: center;
    padding-top: 15px;
    font-size: medium;
}

.OrangeColorTab {
    background-color: #fc8675;
    color: white;
    height: 90px;
    border-bottom: 5px solid #df7769;
    border-radius: 5px;
    text-align: center;
    padding-top: 25px;
    font-size: medium;
}

.GreenColorTab {
    background-color: #4acacb;
    color: white;
    height: 90px;
    border-bottom: 5px solid #42b1b2;
    border-radius: 5px;
    text-align: center;
    padding-top: 25px;
    font-size: medium;
}

.input-validation-error, .required {
    border-left: 5px solid #ee0000 !important;
    height: 30px;
}

.valid {
    border-left: 5px solid #00aa00 !important;
}

.field-validation-error {
    color: #990000;
}

/* accordion containers----------------------------------*/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1.2em;
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 1.2em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0.5em;
    border-top: 0;
    overflow: auto;
}

/* Component containers----------------------------------*/
#accordion .ui-accordion-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
    border-radius: 5px;
}
/* Header containers----------------------------------*/
#accordion .ui-accordion-header {
    border: 1px solid #d3d3d3;
    border-bottom: 3px solid #ccc; /* #c5e1fd ;   #286090;*/
    /*background-color: #286090;*/
    font-weight: bold;
    color: #fff;
    font-variant: small-caps;
    border-radius: 5px;
}

    #accordion .ui-accordion-header:focus {
        border: 1px solid #d3d3d3;
        border-bottom: 3px solid #ccc; /* #c5e1fd ;   #286090;*/
        /*background-color: #286090;*/
        font-weight: bold;
        color: #fff;
        border-radius: 5px;
    }




#AccordionOpenClose {
    display: block;
}

.RenderbodyExpand {
    display: block;
    width: 100%;
}

.arrowUp {
    float: left;
    top: 150px;
    left: 0px;
    position: fixed;
}

.SideMenuText > li {
    font-size: 14px;
    color: #286090;
}

    .SideMenuText > li:hover {
        font-size: 14px;
        color: #286090;
        font-weight: bold;
    }

/*Datatable Style*/
.table > thead > tr > th {
    border-bottom: 0px;
}


table.dataTable tr td {
    color: #000;
}

table.dataTable th {
    min-width: 100px;
}

table.dataTable tr.odd {
    background: -webkit-linear-gradient(#ffffff, #e2e2e3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e2e2e3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e2e2e3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e2e2e3); /* Standard syntax (must be last) */
}

table.dataTable tr.even {
    background: -webkit-linear-gradient(#ffffff, #f8f8f8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f8f8f8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f8f8f8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f8f8f8); /* Standard syntax (must be last) */
}


.selected {
    background: #286090;
    background-color: #286090;
}


/*From here datepicker*/

.SearchResultCSS {
    padding: 2px 5px 2px 10px;
    border: 2px solid #286090;
    border-radius: 4px;
}



/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align icon */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}


.k-state-active.k-grid-filter {
    background-color: #6a8abe;
    color: white;
}

.k-grid td {
    white-space: nowrap;
    text-wrap: normal;
    text-overflow: ellipsis;
}


#gdkLicenseCheckList .k-grid-header .k-header {
    /*background-color:lightgray;
   color:white;*/
    font-weight: bold;
    white-space: normal;
    text-overflow: ellipsis;
}


.display-text {
    font-variant: small-caps;
    font-family: 'Segoe UI','Comic Sans MS';
    font-weight: normal;
}

.div-row1 {
    margin-bottom: 5px;
}

.div-row2 {
    margin-bottom: 10px;
}

.Danger-tab {
    background: #d43d3a;
    /*background: -webkit-linear-gradient(#d43d3a, #fb5955); /* For Safari 5.1 to 6.0 * /
    background: -o-linear-gradient(#d43d3a, #fb5955); /* For Opera 11.1 to 12.0 * /
    background: -moz-linear-gradient(#d43d3a, #fb5955); /* For Firefox 3.6 to 15 * /
    background: linear-gradient(#d43d3a, #fb5955); /* Standard syntax (must be last) */ */;
}

.Success-tab {
    background: #4fac4f;
    /*background: -webkit-linear-gradient(#4fac4f, #64d464);  
    background: -o-linear-gradient(#4fac4f, #64d464);  
    background: -moz-linear-gradient(#4fac4f, #64d464); 
    background: linear-gradient(#4fac4f, #64d464);*/
}

.Info-tab {
    background: #286090;
    /*background: #747474;*/
    /*background: -webkit-linear-gradient(#3da0bd, #5bc8e8); / * For Safari 5.1 to 6.0 * /
    background: -o-linear-gradient(#3da0bd, #5bc8e8); /* For Opera 11.1 to 12.0 * /
    background: -moz-linear-gradient(#3da0bd, #5bc8e8); /* For Firefox 3.6 to 15 * /
    background: linear-gradient(#3da0bd, #5bc8e8); /* Standard syntax (must be last) * /*/
}

.TextRight {
    text-align: right;
}

.label-text {
    font-family: 'Segoe UI','Comic Sans MS';
    font-weight: normal;
}


/* Jquery ui Autcomplete: Start*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-menu-item {
    border-bottom: 1px solid #286090;
    padding: 8px;
}
/*.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}*/

.ui-helper-hidden-accessible {
    display: none;
}

/* Jquery ui Autcomplete: End*/


/* Invoice Kendo Grid: Start*/

table#InvoicePayments {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
}

#InvoicePayments th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #898888;
    color: white;
}

#InvoicePayments td, #InvoicePayments th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}
.DuplicateLHDB {
    background-color: #fecd88 !important;
    border-bottom: 1px solid #808080;
}
.DeclinedLHDB {
    background-color: #fbcdcd !important;
    border-bottom: 1px solid #808080;
}

.ApprovedLHDB {
    background-color: #dff0d8 !important;
    border-bottom: 1px solid #808080;
    color: black !important;
}

.k-grid td {
    white-space: nowrap;
    text-wrap: normal;
    text-overflow: ellipsis;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
    font-weight: bold;
}

.page-template {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.for {
    position: absolute;
    top: 0.9in;
    left: .5in;
    width: 4.5in;
}

.from {
    position: absolute;
    top: 0.9in;
    right: .5in;
    width: 4.5in;
}

.page-template .header {
    position: absolute;
    top: 30px;
    left: .5in;
    right: 30px;
    padding-bottom: 5px;
    border-bottom: 1px double #808080;
    text-align: center;
    font-size: 18px;
}

.page-template .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

.text-box {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .text-box:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.k-grid-edit {
    background-color: #2198e3 !important;
    border-color: #177bba !important;
    color: white !important;
}

    .k-grid-edit:hover {
        background-color: #177bba !important;
        border-color: #177bba !important;
        color: white !important;
        background-image: none !important;
    }

.k-grid-update {
    background-color: #5cb85c !important;
    border-color: #398439 !important;
    color: white !important;
    background-image: none !important;
}

    .k-grid-update:hover {
        background-color: #5cb85c !important;
        border-color: #398439 !important;
        color: white !important;
    }

.k-grid-decline {
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
    color: white !important;
}

    .k-grid-decline:hover {
        background-color: #c9302c !important;
        border-color: #ac2925 !important;
        color: white !important;
        background-image: none !important;
    }

.k-grid-Approve {
    background-color: #5cb85c !important;
    border-color: #398439 !important;
    color: white !important;
    background-image: none !important;
}

    .k-grid-Approve:hover {
        background-color: #5cb85c !important;
        border-color: #398439 !important;
        color: white !important;
    }

.k-grid-Approveall {
    background-color: #5cb85c !important;
    border-color: #398439 !important;
    color: white !important;
    background-image: none !important;
}

    .k-grid-Approveall:hover {
        background-color: #5cb85c !important;
        border-color: #398439 !important;
        color: white !important;
    }



.k-animation-container {
    width: 500px;
}

.k-list-container {
    width: 500px;
    height: 250px;
}

/*.k-grid-content {
    height: 250px;
}*/



/*.k-grid-update {
        background-color: #5cb85c;
        border-color: #398439;
        color: white;
        background-image: none;
    }

        .k-grid-update:hover {
            background-color: #5cb85c;
            border-color: #398439;
            color: white;
        }*/

/*#reportGrid {
        overflow-x: scroll;
    }*/
/* Invoice kendo grid: End*/

.k-state-active.k-grid-filter {
    color: #fff !important;
    background-color: #fb6445 !important;
    border-color: #fe4d28 !important;
}

.SearchResultCSS {
    padding: 2px 5px 2px 10px;
    border: 2px solid #fe4d28;
    color: #fff;
    background-color: #f75e3e;
    border-radius: 4px;
}

.AnnouncementHeading {
    font-weight: bold;
    font-size: 14px;
    color: #23527c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}