﻿
.colorAdmin-iso .widget-stats .empty-stats-link:before
{
    content: "\a0";
}

.colorAdmin-iso .widget-stats .empty-stats-link
{
    display: block;
    margin: 15px -15px -15px;
    padding: 7px 15px;
    background: none;
    text-align: right;
    color: #ddd;
    font-weight: 300;
    text-decoration: none;
}

.colorAdmin-iso .widget-stats .stats-icon.active
{
    opacity: 1;
}

.colorAdmin-iso .modal
{
    background: rgba(0, 0, 0, 0.5);
}

.colorAdmin-iso input.input-validation-error, 
.colorAdmin-iso select.input-validation-error, 
.colorAdmin-iso textarea.input-validation-error
{
    border: 1px solid #EED3D7;
    background: #ffdedd !important;
    border-color: #ff5b57 !important;
}

.colorAdmin-iso .field-validation-error, 
.colorAdmin-iso .field-validation-error span {
    padding: 5px 0 0;
    margin: 0;
    color: #e5603b;
}


/*BREADCRUMBS START*/
.colorAdmin-iso .breadcrumb > li:first-child i
{
    display: none;
}

.colorAdmin-iso .breadcrumb > li i
{
    color: orange;
    margin-left: 0px;
    margin-right: 10px;
}

.colorAdmin-iso .breadcrumb > li + li:before
{
    padding: 0 5px;
    color: #ccc;
    content: "";
}
/*BREADCRUMBS END*/

.colorAdmin-iso .form-group .form-control-static
{
    font-weight:bold;
}

.colorAdmin-iso .nav li a.disabled
{  
    opacity: 0.5;
    cursor:not-allowed;
}



/* GROUP ADDON */
.colorAdmin-iso span.input-group-addon
{
    float: none;
    margin: inherit;
}

/*MODAL START*/
.colorAdmin-iso .modal .modal-xl
{
    width: 90%;
}
/*MODAL END*/

/*BLOCK START*/
.colorAdmin-iso .block
{
    border-radius: 4px;
    background-color: white;
    border: 1px solid white;
    display: inline-block;
    width: 100%;
    line-height: 100%;
    padding: 0px;
}

.colorAdmin-iso .block-info
{
    background-color: #93cfe5;
    border: 1px solid #93cfe5;
}
/*BLOCK END*/

/*RESPONSIVE GRID START*/
.colorAdmin-iso .responsive-grid
{
    padding:0px;
    margin:0px;   
}

.colorAdmin-iso .responsive-grid.col-2 
{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.colorAdmin-iso .responsive-grid.col-4
{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    column-width: 300px;
}

.colorAdmin-iso .responsive-grid .grid-item
{
    break-inside: avoid;
    page-break-inside: avoid;
}
/*RESPONSIVE GRID END*/
/*PANEL START*/
.colorAdmin-iso .panel-body.padding5 
{
    padding: 5px    
}

.colorAdmin-iso .table > thead > tr > th, .colorAdmin-iso .table > tbody > tr > th, .colorAdmin-iso .table > thead > tr > td, .colorAdmin-iso .table > tbody > tr > td 
{
  padding:10px 3px;  
}
/*PANEL END*/

/*PIPE DELIMITED LIST START*/
ul .pipe-delimited li:after
{
    content:"|";
    color: orange;
    font-weight: bold;
}

ul .pipe-delimited li:last-child:after
{
    content:""
}
/*PIPE DELIMITED LIST END*/

/*DISPLAY FORM START*/
.form-horizontal.form-display
{
    padding-left:11px;
    padding-right:11px;
}

.form-horizontal.form-display .form-group
{
    padding-top:0px;padding-bottom:0px;
    margin-top:0px;margin-bottom:0px;
}

.form-horizontal.form-display .form-group label,
.form-horizontal.form-display .form-group p
{
    word-wrap:break-word;    
    padding-left:2px;
    padding-right:2px;
}
/*DISPLAY FORM END*/

.parentheses:before
{
    content: "("
}

.parentheses:after
{
    content: ")"
}

/*PAGE LOADER START*/
#pageLoader
{   
    display:none;
    position: absolute; 
    top: 0%; left: 0%;
    z-index:10002;
} 

#pageLoader.active
{
    display:block;
}

.page-loader .page-loader-backdrop,
.page-loader .page-loader-content
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;   
}

.page-loader .page-loader-backdrop
{   
    z-index: 1040;
    background-color: #000;
    opacity: 0.85;
}

.page-loader .page-loader-content
{    
    z-index: 1041;    
    width: 300px;
    height:150px;
    top:40vh;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

.page-loader h1
{
    color: whitesmoke;
}

.page-loader  #message
{
    color: whitesmoke;
    margin-top: 20px;
    font-size: medium;
    text-transform:none;
    
}
/*PAGE LOADER END*/


/* USTREET PAGE LOADER START*/
.page-loader #ustreeLoaderContainer
{
    perspective: 1000px;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.page-loader #ustreeLoaderContainer .big
{
    width:42%; position:absolute; left:8%; top:8%
}

.page-loader #ustreeLoaderContainer .med
{
    width:25%; position:absolute; left:25%; top:25%;
}

.page-loader #ustreeLoaderContainer .small
{
    width:25%; height:47%; position:absolute; left:37.5%; top:38%;
    z-index: 0;        
}

.page-loader #ustreeLoaderContainer .spin.big path
{
    fill: #ddd;
    
}

.page-loader #ustreeLoaderContainer .spin.med path
{
    fill: #999;
}

.page-loader #ustreeLoaderContainer .small circle
{
    fill: #fff;
}

.page-loader #ustreeLoaderContainer .spin
{
    transform-origin: 100% 50%;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: absolute;
    line-height: 0;
}

.page-loader #ustreeLoaderContainer .spin.big
{
    animation-name: spinner;
    animation-duration: 4s;
}

.page-loader #ustreeLoaderContainer .spin.big.alt
{
    animation-delay: -2s;
}

.page-loader #ustreeLoaderContainer .spin.med
{
    animation-name: medspinner;
    animation-direction: reverse;
    animation-duration: 2s;
}

.page-loader #ustreeLoaderContainer .spin.med.alt
{
    animation-delay: -1s;
}

.page-loader #ustreeLoaderContainer .spin.small
{
    animation-duration: 10s;
    transform-origin: 50% 50%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .page-loader #ustreeLoaderContainer .big
    {
        top: -30%;
    }

    .page-loader #ustreeLoaderContainer .med
    {       
        top: -30%;
    }

    .page-loader #ustreeLoaderContainer .small
    {       
        top: 30%;
    } 
}

@keyframes spinner {
    0% {
      transform: rotateY(0deg);
      z-index:0;   
    }
    25% {
      transform: rotateY(-90deg);
      z-index:-100;    
    }
    50% {
      transform: rotateY(-180deg);
      z-index:0;   
    }
    75% {
      transform: rotateY(-270deg);
      z-index:100;   
    }
    100% {
      transform: rotateY(-360deg);  
      z-index:0;
    }
 } 

@keyframes medspinner {
    0% {
      transform: rotateY(0deg);
      z-index:0;   
    }
    25% {
      transform: rotateY(-90deg);
      z-index:-50;    
    }
    50% {
      transform: rotateY(-180deg);
      z-index:0;   
    }
    75% {
      transform: rotateY(-270deg);
      z-index:50;   
    }
    100% {
      transform: rotateY(-360deg);  
      z-index:0;
    }
 }


@keyframes smallspinner {
    0% {
      transform: rotateY(0deg);
    }
    45% {
      transform: rotateY(0deg);
    }
    50% {
      transform: rotateY(360deg);
    }
    100% {
      transform: rotateY(360deg);
    }
 }

/* USTREET PAGE LOADER END*/




.colorAdmin-iso .alert h5 {
  margin-top: 0;
  color: inherit;
}

.colorAdmin-iso .wrapme.bwizard .bwizard-steps {
    display: flex !important;
    flex-wrap: wrap;
}

.colorAdmin-iso .wrapme.bwizard  .bwizard-steps li {
    flex-grow: 1;
    margin: 0 0 3px 0px !important;
    padding-left: 30px !important;
    display: 	block !important;

}

.colorAdmin-iso .wrapme.bwizard  .bwizard-steps li:after {
  width: 0; 
  height: 0; 
  border-top: 25px solid transparent !important;
  border-bottom: 25px solid transparent !important;
  
  border-left: 15px solid #f0f3f4  !important;
  margin-right: 5px;
}

.colorAdmin-iso .wrapme.bwizard .bwizard-steps li:hover:after {
        border-left: 15px solid #d3dadf  !important;

}
.colorAdmin-iso .wrapme.bwizard .bwizard-steps li.active:after {
        border-left: 15px solid #00acac  !important;

}

.modal-alert.modal-alert-warning .modal-header {
    background-color: #f59c1a;
}

.modal-alert.modal-alert-warning .modal-header .modal-title {
    color: white;
}

.modal-alert .modal-content, .modal-dialog.modal-alert, .modal-alert .modal-header {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}