﻿
/* Bootstrap overrides */

/* Added to fix Bootstrap 3 issue with Angular UI Bootstrap modal dialog*/
/*.modal { 
  display: block;
  overflow: hidden;
  overflow-y: hidden;
}







.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}*/



/* ng-cloak */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng.ng-cloak {
    display: none;
}

.novalidate {
    border-left: none !important;
}

input.ng-invalid, select.ng-invalid, input.ng-invalid-required, select.ng-invalid.required {
  border-left: 5px solid #E03930 !important;
}

input.ng-valid, select.ng-valid, input.ng-valid-required, select.ng-valid.required {
  border-left: 5px solid #57A83F;
}

.errorMessage {
    color:#E03930;
    display:block;
    margin-top:1%
}

.editIcon {
    margin-top: 2px;
}



    .sortable {
    cursor: pointer;
    }
/* wcOverlay directive CSS styles */
.overlayContainer { display: none;}
.overlayBackground { 
                     
                     top: 0;
right: 0;
bottom: 0;
left: 0;
                     padding-left:100px;position:fixed; z-index:1000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
.overlayContent { position:absolute;   font-weight: bold;height: 48px;width: 48px;z-index:1000;text-align:center;}




    /*.modal-content {
        background:white;

    }*/

.mapDetails{
    height:450px !important; 
    width:450px !important;
}


.selectHourMinute{
    width:100px !important;
}

.angular-google-map-container { height: 400px; }




/*.animate-enter, 
.animate-leave
{ 
    -webkit-transition: 275ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 275ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 275ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 275ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 275ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 
 
.animate-enter {
    top: -100%;
}
.animate-enter.animate-enter-active {
    top: 0;
}
 
.animate-leave {
    top: 0;
}
.animate-leave.animate-leave-active{
    top: 100%;
}*/