﻿.i3pl-checkbox {
    display: inline-block;
    background: #fff;
    padding-right: 20px;
    font-weight: 600;
    color: #999;
    position: relative;
    z-index: 1;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.spinner {
   position: fixed;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .4s infinite linear;
   -moz-animation: rotation .4s infinite linear;
   -o-animation: rotation .4s infinite linear;
   animation: rotation .4s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
.hover-underline:hover,  .hover-underline:focus {
    text-decoration:underline !important;
}


.inline {
    display:inline;
}

.ng-hdr-btn {
    padding-top:20px;
}

.time-ctl, .time-ctl .time-component {
        display:inline-block;
}

 .time-ctl .time-component {
        padding:7px 0px; 
        width:30px;
    }

    .time-ctl .time-component  > div {
        position:relative; 
        float:left;
    }

    .time-ctl .time-component  > div > div{
        position:absolute; 
        width:30px;
        top:-32px; 
         z-index:999;
    }

    .time-ctl .time-component > div > div > input   {
        display:table-cell;
        text-align:center;
        font-size:13px;
        height:20px;
        background-color:transparent !important;
        padding:0 !important;
        border:none !important;
        width:100%;
        margin:0 !important;
        vertical-align:middle;
    }

    .time-ctl .time-component > div > div > input:active{
        background-color:#F4F5F7;
    }

    .time-ctl .time-component > div > div > button {
        visibility:hidden;
        display:table-cell;
        text-align:center;
        height:20px;
        padding:0;
        width:100%;
        vertical-align:middle;
    }
  
    .time-ctl .time-component:hover > div > div > button, .time-component.active > div > div > button{
        visibility:visible;
    }
  
    .time-ctl   .time-component.is-spacer{
        width:14px;
    }
    .time-ctl .time-component.is-spacer label
    {
        margin-top:-4px !important; 
        margin-bottom:0 !important; 
        height:17px; 
        vertical-align:bottom; 
        width:100%;
    }



    .i3pl-field .ro {
        padding:6px 10px;
        display:block;
        margin-bottom:20px;
    }

    .i3pl-field .ro.grid-field {
        padding:0px;
        display:inline;
        margin-bottom:0;
    }

  .DayOfWeekcss{
      padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 16px;
  } 



 /*for  the date picker*/
 .uib-datepicker table { border-spacing:initial;}
 .uib-datepicker table thead th:last-child { border:none; }
 .uib-datepicker-popup{padding-right:2px;}
 .uib-datepicker-popup .btn-sm{ border-radius:3px; margin:0;}
 .uib-datepicker-popup .dropdown-menu { border:1px solid; }
 .uib-button-bar   .btn-sm,  .uib-datepicker table tbody  .btn-sm{ width:auto;  font-weight:normal; }
    .uib-datepicker table tbody .btn-sm {
        padding: 5px 10px;
    }
 .uib-datepicker table th { font-weight:bold;}
 .uib-datepicker table td,  .uib-datepicker table th {
     padding:1px;
     border:none;
 }
.date-convertor {
    height:inherit;
    width:inherit;
    
}
.required:after {
    content: " *";
    color: red;
}
.date-convertor-inputbox {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 150px;
    padding: 6px 10px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}

/*session link*/
.sessionLink .facility label{
    font-size:12pt;
    font-weight:bold;
}

.sessionLink .facility hr {
    margin-top:0;    
}

.sessionLink .link {
    text-align: left;
}


.sessionLink .link span {
    padding-left: 7px;
    word-break: break-word;
}

.fac-cust-sel-link {
    color: #337ab7;
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 5px !important;
    margin-left: 3px;
    vertical-align: middle;
    line-height: 1.42857143;
}

.btn-link.text-danger {
    color: #8B0000;
    text-decoration: line-through;
}
.btn-link.text-danger :hover {
    color: #FF0000;
}

.btn-default.text-danger:active,
.btn-default.text-danger:focus,
.btn-default.text-danger:hover {
    color: #c9302c;
}
.btn-default.text-danger {
    color: #d9534f;
    border-color: #d43f3a;
}
.btn-default.text-success {
    color: #5cb85c;
}

.btn-default.text-success:active,
.btn-default.text-success:focus,
.btn-default.text-success:hover {
        color: #5cb85c;
        border-color: #4cae4c;
    }

.btn-default.text-warning {
    color: #f0ad4e;
}

.btn-default.text-warning:focus,
.btn-default.text-warning:active,
.btn-default.text-warning:hover {
        color: #ec971f;
        border-color: #d58512;
    }

.btn-default.text-info {
    color: #5bc0de;
}

.btn-default.text-info:active,
.btn-default.text-info:focus,
.btn-default.text-info:hover {
    color: #31b0d5;
    border-color: #269abc;
}




.btn-link.not-selected {
    color: #444;
}

    .btn-link.not-selected :hover {
        color: #626060;
    }

.facLinkItem .text {
    font-family: Helvetica, Arial, sans-serif;
    background-color: transparent;
    font-weight: bold;
    font-size: 18px;
    color: #858585;
    margin-left: 5px;
}

.facLinkItem .subText {
    font-family:  Arial !important;
    background-color: transparent;
    font-weight: normal;
    font-size: 15px;
    color: rgb(133, 133, 133);
    margin-left: 5px;
    word-break:break-word;
    white-space:normal;
    text-align:left;
}

    .facLinkItem .subText.text-bold {
        font-weight: bold !important;
    }