.subcategory {
    padding-left:10%;
}
.informationMsg
{
    background: url("../Default/images/ic-info.png") no-repeat scroll 10px center #D7F0F9;
    border: 1px solid #99CBDC;
    padding: 8px;
    font-size: 13px;
    padding-top: 5px;
}

    .informationMsg span
    {
        font-weight: normal;
        font-family: 'SegoeUISemibold';
        color: #317a9f;
        padding-left: 22px;
    }

    .informationMsg img
    {
        vertical-align: -3px;
        padding-right: 8px;
    }

.success
{
    background: url("../images/ic-success.png") no-repeat scroll 10px 7px #E7EFC7;
    border: 1px solid #b5c47c;
    padding: 8px;
    font-size: 13px;
    padding-top: 5px;
}

    .success span
    {
        font-weight: normal;
        font-family: 'SegoeUISemibold';
        color: #528404;
        padding-left: 22px;
    }

    .success img
    {
        vertical-align: -3px;
        padding-right: 8px;
    }

.error
{
    background: url("../images/ic-error.png") no-repeat scroll 10px 7px #F8DEDC;
    border: 1px solid #d18b8b;
    padding: 8px;
    font-size: 13px;
    padding-top: 5px;
}

    .error span
    {
        font-weight: normal;
        font-family: 'SegoeUISemibold';
        color: #9c413a;
        padding-left: 22px;
    }

    .error img
    {
        vertical-align: -3px;
        padding-right: 8px;
    }
.text-danger {
  color: #e74c3c;
}
#modal-1 .text-danger ul{
      margin: 0 0 10px 10px;
}
#modal-2 .text-danger ul{
      margin: 0 0 10px 25px;
}
.ErrorMessage
{
    background-image: url(../Default/images/warning.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}
.logincontent input.input-validation-error, select.input-validation-error {
    border: 1px solid red !Important;
}
.btn-left{ text-align:left !important;}
.btn-left .btn{ min-width:100px;margin-left:5px}
.logout-btnR{ border-left:1px solid #ddd; margin:0 0 0 0px; position:relative; }
.logout-btnR a{padding:25px 0 0 0; text-align:center; display:block; height:80px; width:80px;}
.logout-btnR a:hover, .logout-btnR.open a{ background:#efefef;}
.logout-btnR .dropdown-menu{ border:none; border-radius:0px; background:#303a3d; color:#acacac; margin:0; width:180px; padding:5px;}
.logout-btnR .dropdown-menu li{ padding:0; margin:0;}
.logout-btnR .dropdown-menu li a{ width:auto; height:auto; padding:8px 15px; margin:0; background:none !important; color:#acacac; text-align:left; font-family: 'proxima_novasemibold', arial; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.logout-btnR .dropdown-menu li a:hover{ background:#000 !important; color:#FFF;}
.logout-btnR.open :after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-9px; background: url(../New_Images/popup-arrow.png); width:15px; height:7px;}
@media (max-width:767px) {
    .logout-btnR a{ width:60px; height:60px; padding-top:16px;}
}
table.scrollTable12 {
    display: block;
}
html>body tbody.scrollContent {
    display: block;
    /*max-height: 262px;*/
    overflow: auto;
    width: 100%;


    }
html>body thead.scrollContent1 {
    display: block;
    /*max-height: 262px;*/
     width: 100%;
    overflow-y:hidden;
     overflow-x:hidden;


}
    html>body div.tableContainer table {
    width: 100%;
}
    table.scrollTable {
    display: block;
}
    thead.fixedHeader tr {
    position: relative;
}
    .spark {
  float: none;
  margin: 0;
}
    .bottom {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}
    .name {
  font-size: 14px;
}
    #visualization_wrap {
    position: relative;
    height: 350px;
    overflow: hidden;
}

        #visualization {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
#visualization_wrap1 {
    position: relative;
    height: 350px;
    overflow: hidden;
}

        #visualization1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}
.next [class^="icon-"],
.prev [class^="icon-"],
.next [class*=" icon-"],
.prev [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-repeat: no-repeat;
}
#noti_Counter {
        display:block;
        position:absolute;
        background:#E1141E;
        color:#FFF;
        font-size:12px;
        font-weight:bolder;
        padding:1px 4px;
        margin:19px 0 0 45px;
        border-radius:2px;
        -moz-border-radius:2px; 
        -webkit-border-radius:2px;
        z-index:1;
    }
@media (max-width:767px) {
    #noti_Counter {
        margin:8px 0 0 35px;
    }
}

.LoaderBackground
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100001;
}

.Loader
{
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 200px;
    height: 100px;
    z-index: 100011;
    background-color: #fff;
    border: solid 1px #000;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 12px;
    /*background-image: url('/Content/Images/Loading.gif');*/
    background-image: url(../Default/images/Loading.gif);
    /*background-image: url('../Images/Loading.gif');*/
    background-repeat: no-repeat;
    background-position: center;
}
.PaymentLoader {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 250px;
    height: 84px;
    z-index: 100011;
    background-color: #fff;
    border: solid 1px #000;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 12px;
    /* background-image: url(/Content/Images/Loading.gif); */
    background-image: url(../Default/images/Loading.gif);
    /* background-image: url(../Images/Loading.gif); */
    background-repeat: no-repeat;
    background-position: bottom;
}
.monthgrid { background:#FFF;width:100%; }

.monthgrid th .monthTitle { background:#31b0d5; color:#FFF; font-weight:normal; font-family: 'montserratbold', arial; text-transform:uppercase; font-size:12px; }

.monthgrid td { border:1px solid #ddd; font-size:12px !important; }
    
.monthgrid td table { width:100%; }

.monthgrid td td {  height:40px; cursor:pointer; }

.monthgrid td th { font-family: 'montserratregular', arial; padding:7px; font-size:14px; font-weight:normal;}

.cus_datepicker {  background:none; width:100%; height:38px; border:none !important; padding:0 !important; margin:0 !important; outline:none; visibility:hidden;}

.positionrelative { position:relative; margin:0 auto;width:70%;float:left;}

.dp { width:165px; height:38px; z-index:1; position:absolute; left:64px; top:0;}


.clr-custom, .clr-custom table, .clr-custom td, .clr-custom th { font-size:13px !important;}
.clr-custom td, .clr-custom th, .clr-custom .table thead th { padding:4px !important; text-transform:none !important;}