.successDIV {
    color: Green;
    display: none;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center;
}

.resultSpan {
    color: red;
    font-size: large;
}

.heading {
    padding-left: 500px;
    font-size: xx-large;
    font-weight: 600;
    color: #2d2f94;
}

.searchDIV {
    padding-left: 200px;
}

.searchText {
    width: 600px !important;
}

.tbl {
    width: 60%;
    padding: 5px 5px 5px 5px;
    font-size: medium;
}

.tbl_New {
    width: 100%;
    font-size: small;
}

.form {
    padding-left: 310px;
}

.txt_new {
    width: 445px;
}

.span_new {
    color: red;
    font-size: small;
}

.div_outer {
    padding: 8px 8px 5px 8px;
    border: solid 1px #ccc;
    border-radius: 10px;
    width: 66%;
}

.div_repeat {
    padding-bottom: 5px;
}

.div_module {
    padding: 5px 5px 5px 5px;
    border: solid 1px #ccc;
    background-color: #f2f2f2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}

/**  Filters Pop up  **/
.div_filterModule {
    padding: 5px 5px 5px 5px;
    border: solid 1px #ccc;
    background-color: lightpink;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}


.div_pages {
    padding-left: 10px;
    padding-top: 5px;
    border: solid 1px #ccc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/**  Filters Pop up css starts here **/
.div_filterPages {
    padding-left: 10px;
    padding-top: 5px;
}

.filterHr {
    background-color: red;
    color: red !important;
    height: 2px !important;
}

/**  Filters Pop up css ends here **/

.div_buttons {
    padding-left: 180px;
}

.div_Role {
    padding-top: 10px;
}

.dropdown-medium {
    width: 255px !important;
    height: 24px !important;
    font-size: 12px !important;
}

.dropdown-large {
    width: 445px !important;
    height: 24px !important;
    font-size: 12px !important;
}

.input-small {
    width: 85%;
    height: 24px;
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
    font-size: 8px;
    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;
}

.input-medium {
    width: 125px;
    height: 24px;
    border-radius: 4px;
}

.input-high {
    width: 255px;
    height: 24px;
    border-radius: 4px;
}

.form-group-sm .label-font {
    display: inline;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 9px !important;
}

.no-padding {
    padding: 0;
}

.label-small {
    font-size: 11px !important;
    padding-right: 7px;
}

.pnl-min-height {
    max-height: 220px;
    min-height: 220px;
    overflow-y: auto;
    padding-top: 5px;
}

.pnl-sub-min-height {
    max-height: 84px;
    min-height: 84px;
    overflow-y: auto;
    padding-top: 5px;
}

.popup-height {
    max-height: 590px;
    width: 100%;
}

.popup-content-height {
    max-height: 500px;
    overflow-y: scroll;
}

.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.Loading-padding {
    text-align: center;
    padding-top: 200px;
    padding-bottom: 50px;
}

.pnl-min-height-site {
    max-height: 220px;
    min-height: 10px;
    overflow-y: auto;
    padding-top: 5px;
}
/*------------------------Styles for Dashboards----------------------------*/

.warningDiv {
    vertical-align: middle !important;
    padding-top: 15%;
    text-align: center;
}

.report-heading {
    color: #2e2f94;
    font-size: 10px;
    font-weight: bold;
    padding: 0px;
}

.rounded {
    display: block;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-color: #7B68EE;
    height: 370px;
    overflow-x: auto;
    overflow-y: hidden;
}

.rounded1 {
    display: block;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-color: #7B68EE;
    overflow-x: auto;
    overflow-y: hidden;
}

.table-rounded {
    border: 1px solid grey;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 300px;
    overflow-y: auto !important;
    overflow-x: hidden  !important;
}

.dropdown-small {
    width: 80px !important;
    height: 22px !important;
    font-size: 9px !important;
}

.dropdown-min {
    width: 60px !important;
    height: 22px !important;
    font-size: 9px !important;
}

.dropdown-med {
    width: 84px !important;
    height: 22px !important;
    font-size: 9px !important;
}

.btn-small {
    color: #fff;
    background: #2e2f94;
    /*font-weight:bold;*/
    font-size: 9px !important;
}

.even {
    background-color: #ECE5B6;
    padding: 2px;
    margin: 0px;
    font-size: 9px;
}

.odd {
    padding: 2px;
    margin: 0px;
    font-size: 9px;
}

.table-header, .table-header:hover {
    background-color: #2e2f94 !important;
    color: #fff;
    white-space: nowrap;
    font-size: 11px !important;
  
}

.btn-sh {
    background-color: #9d0a0e !important;
    color: #fff;
    white-space: nowrap;
    font-size: 14px !important;
}

.table-header th {
    text-align: center !important;
}

.table-columns td {
    padding: 2px 5px !important;
    font-size: 11px !important;
}

.table-header th {
    padding: 2px 5px !important;
}

#tblSrcData tr {
    height: 20px;
}

#myDiv .nav .active {
    background-color: #C8C5DC;
    border: solid 1px #2e2f94;
    border-bottom:none !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0px 10px !important;
    margin: 0px !important;
    height:25px !important
   
}
#myDiv li {
    background-color:#D6D6D6; margin:0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; height:25px !important
}

#myDiv li a {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0px 10px !important;
    height:25px !important;
    margin: 0px !important;
   word-wrap: normal;
}

    #myDiv li a:hover {
        background-color: #C8C5DC;
        border: solid 1px #C8C5DC;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0px 10px !important;
        height:25px !important;
        margin: 0px !important;
    }

#breadcrumb-id .breadcrumb > li + li:before {
    padding: 0 5px;
    color: blue !important;
    content: ">\00a0" !important;
}

#breadcrumb-id ul {
    padding: 2px 0px !important;
    margin-bottom: 0px !important;
    list-style: none;
    background-color: #FFF;
}

#breadcrumb-id li {
    font-size: 9px !important;
    color: blue !important;
}

.right-align {
    text-align: right !important;
}

.fontNew {
    font-size: 9px !important;
    color: blue !important;
    font-style: italic !important;
}
/*---------------End of Dashboard Styles--------------------------------*/

.top-buffer {
    margin-top: 5px;
}

/*kavya*/
.acc_trigger button {
    display: block;
}

.acc_container .block {
    padding: 20px;
    width: 100px;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 260px;
}

select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 120px;
}

select-dropdown {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 80px;
    text-align: right;
}

.inputClass {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 80px;
}

.change {
    width: 200px;
}

.text-small {
    width: 20px;
    height: 20px;
}

.dropdownbox-small {
    width: 60px !important;
    height: 17px !important;
    font-size: 9px !important;
}


.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;

}

.resultData {
    color: red;
    font-size: small;
}

/*kavya*/
.top-padding{ padding-top:10px}
.dash-pnl{ width:100%; overflow-x:scroll; overflow-y: hidden;}


.no-mar-pnl{margin:0px !important; padding:0px !important}

.noData {
    font-style: italic;
    color: red;
    font-size:medium;
    margin: 15% 0px;
    text-align: center;
}

#myGrid .ui-grid-render-container-left {
    display: none !important;
}
.input-custom{
    width: 171px;
    height: 24px;
    border-radius: 4px;
}.select-custom{
     border-radius: 4px;
    width: 171px;
}

 .plainRed{
     color: red;
     padding-left: 20px; 
     font-size: small;
 }
 .plainGreen{
     color:green;
     padding-left: 20px; 
     font-size: small;
 }
 .plainText{
     padding-left: 20px; 
     font-size: small;
 }
 .multipleLoad{
     color:brown;
     font-size:small;
    font-weight: bold;
 }