/* General */
.display-none {display:none;}
.margin-top-5 {margin-top : 5px;}
.margin-top-10 {margin-top : 10px;}
.margin-top-15 {margin-top : 15px;}
.margin-top-20 {margin-top : 20px;}
.margin-bottom-5 {margin-bottom : 5px;}
.margin-bottom-10 {margin-bottom : 10px;}
.margin-bottom-15 {margin-bottom : 15px;}
.margin-bottom-20 {margin-bottom : 20px;}
.margin-bottom-40 {margin-bottom : 40px;}
.margin-r-10 {margin-right:10px;}

/***
Dashboard stats
***/
.dashboard-stat{margin-bottom:25px;min-height:152px;}

.dashboard-stat .visual {
    width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 30px; line-height: 35px;
}
.dashboard-stat .details .number{padding-top:5px;text-align:right;font-size:22px;letter-spacing:-1px;font-weight:300;color:#fff;margin-bottom:5px;padding-right: 10px;}
.dashboard-stat .details .number a{color:#fff;opacity:.9}
.dashboard-stat .details .number a:hover{text-decoration:none;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;opacity:1;filter:alpha(opacity=100)}
.dashboard-stat .details .desc{text-align:right;font-size:16px;letter-spacing:0;font-weight:300;color:#fff;     padding-right: 10px;}

.custome-sitemap-link {}
.custome-sitemap-link ul {margin:0; padding:0;}
.custome-sitemap-link ul li {margin:0; padding:0; list-style:none; display:block;}
.custome-sitemap-link ul li a {color:#fff; font-size:14px; opacity:0.9;}
.custome-sitemap-link ul li a:hover{color:#fff;font-size:14px;text-decoration:none;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;opacity:1;filter:alpha(opacity=100)}
    
.inner-data-table { border-spacing: 5px !important; border-collapse: separate !important; }
/* For Listing Page */
.dataTables_paginate {float:right; margin:0;}

.alpha-number {margin-top:10px;}
.alpha-number a {color:#a1a1a1; font-size:13px; margin-right:9px;}
.alpha-number a:hover{color:#0D638F;}
.alpha-number a.selected{color:#0D638F; font-size:16px;}
.dataTables_info {margin-top:18px;}
.table-top-cont {margin:15px 0px; margin-bottom: 0px;}
.no-record-exists { width:100%; border: 1px solid #DDDDDD; margin: 0px 0px 0px 0px; text-align:center; padding:8px 0px; line-height:20px;}
.processbar{position:absolute; left:49%; top:40%; padding:5px 30px; background-color:#F9F9F9; border:solid 2px #cccccc; font-size:16px; text-align:center; font-weight:bold; color:gray; }
.process-image{ padding:5px 20px; background-color:#f9f9f9; }

.datagrid tr.gridheader td {  background-color: #3C8DBC !important; color:#FFF !important; font-weight:700; font-size:14px;}
.datagrid tr.gridheader td a {  background-color: #3C8DBC !important; color:#FFF !important; font-weight:700; font-size:14px;}

.datagrid .fa {
    font-size: 18px !important;
}

/* Form input sizing */
.input-mini {
  width: 45px !important;
}

.input-xsmall {
  width: 80px !important;
}

.input-small {
  width: 145px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 420px !important;
}

.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.input-fixed {
  overflow: hidden;
}


@media (max-width: 768px) {
  /* 768px */

  .input-small {
  width: 120px !important;
}
  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }
}

/***
Input icons
***/
.input-icon {
  position: relative;
}
.input-icon > .form-control {
  padding-left: 33px;
}
.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
}
.modal .input-icon > i {
  z-index: 10055;
}
.has-success .input-icon > i {
  color: #45B6AF;
}
.has-warning .input-icon > i {
  color: #dfba49;
}
.has-info .input-icon > i {
  color: #89C4F4;
}
.has-error .input-icon > i {
  color: #F3565D;
}
.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}

.input-icon.right > i {
  right: 8px;
  float: right;
}
.input-icon.input-icon-lg > i {
  margin-top: 16px;
}
.input-icon.input-icon-sm > i {
  margin-top: 8px;
  font-size: 13px;
}


/* Action Buttons */
.btn-margin-bottom .btn {
    margin-bottom: 12px !important;
}

@media (max-width: 480px) {
    
    .action-buttons .hide-on-mobile {
        display: none;
    }

    .btn-margin-bottom .btn {
        margin-bottom: 12px !important;
        margin-right: 8px !important;
        margin-left: 8px !important;
    }

    .search-box .input-small {
        width: 120px !important;
    }

    .alpha-number {
        display: none;
    }
}

@media (max-width: 768px) {
    .btn-margin-bottom .btn {
        margin-bottom: 12px !important;
    }
}

/************************************ styles for Loading Bar *****************************************************/
.loader { bottom: 0; height: 100%; left: 0; margin: auto; position: fixed; right: 0; text-align: center; top: 0; width: 100%;z-index: 1111; }
.loader img { top:43%; position:relative; }
/************************************ styles for Loading Bar *****************************************************/


/************************************ styles for validation helpers  *****************************************************/
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}
select.input-validation-error {
    border: 1px solid #b94a48;
}

textarea.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
/************************************ styles for validation helpers  *****************************************************/

/************************************ styles for sort arrow in column header *****************************************************/
.search_field {cursor:pointer; position:relative;}

.ascending:before {
    position: absolute;
    right: 10px;
    top: 16px;
    float: right;
    content: '';   
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-bottom: 5px solid white; 
}
.descending:before {
    position: absolute;
    right: 10px;
    top: 17px;
    float: right;
    content: '';   
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-top: 5px solid white;
}
/************************************ styles for sort arrow in column header *****************************************************/