[ng-cloak]                           { display: none !important;}  
[data-ng-cloak]                      { display: none !important;} 
.leftP                               { left: 0px;}
.rightP                              { right: 0px;}
.clr                                 { clear: both;}
html                                 { height:100%;}
*                                    { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; letter-spacing: 0.025em;}
body                                 { margin: 0px;padding: 0px;font-family:sans-serif,arial,verdana,tahoma;  font-size: 15px; background: url(../img/ip-login-bg.png) no-repeat #fbfbfb; background-size:cover;}
ul                                   { padding:0px; margin:0px; list-style:none;}

input, button, select, textarea      { margin:0px; font-family:sans-serif;}
textarea                             { resize:vertical; font-family:sans-serif;}
h1,h2,h3,h4,h5,p                     { margin:0px; padding:0px;}
.pull-left                           { float: left;}
.pull-right                          { float: right;}
.login-bg                            { /*background: radial-gradient(#2e8ebe, #203667); background: url(../img/login-ptrn.jpg) repeat;*/ height: 100%; width: 100%; overflow: hidden; }
.login-panel                         { /*background: url(../img/ip-login-bg.jpg) no-repeat;*/ width: 350px; min-height: 340px; padding:30px; position: fixed; background: #fff;
                                       top: 50%; /*border-bottom: 2px solid #2480c1 !important;*/ right: 50%; margin-top: -270px; margin-right: -175px;
                                       z-index: 9; box-shadow: 0 1px 3px 1px rgb(230, 230, 230), 0 1px 3px 1px rgb(218, 218, 218);  border-radius: 5px; overflow: hidden;} 
.login-left-img                      { float:left; height:100%; width:500px; padding:15px;}              
.panel-signin                        { /*clear:right; margin-left:650px; background: rgba(0,0,0,0.9); padding: 29px 40px 0px 40px;*/ height: 100%;}
.panel-body                          { padding:25px 0px 0px 0px; }
.login-title label                   { font-size: 25px; color: #0647a6;}
.login-back                          { text-align:right; font-size:13px; color:#4a4a4a;}
.login-back i                        { cursor:pointer;}
.input-group                         { position:relative; height: 37px;}
.ctrl-mrg                            { margin-top:76px !important;} 
.mb15                                { margin-top:15px;}
.mb10                                { margin-top:10px;}
.input-group-addon                   { /* padding: 6px 12px 6px 0px; */ /* font-weight: 400; */ /* line-height: 1; */ color: #3e3e3e; /* text-align: center; */
                                       /* width: 1%; */ /* white-space: nowrap; */ /* vertical-align: middle; */ font-size: 19px; /* display: table-cell; */
                                       position: absolute; top: 8px; left: 10px; }
/*.input-group-addon:first-child     { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}*/ .input-group select.form-control{padding-left:36px;}
.input-group .form-control           { /* position: relative; */ /* z-index: 2; */ /* float: left; */ width: 100%; /* margin-bottom: 0; */ padding: 10px 40px;
                                       /* height: auto; */ font-size: 13px; /* display: table-cell; */ /* line-height: 1.42857143; */ color: #3e3e3e;/* background-color: transparent; */
                                       border: 1px solid #c9c9c9; /* border-width: 0px 0px 1px 0px; */ outline: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                                       -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                                        border-radius: 3px; }
.input-group .form-control:focus     { border-color: #0647a6;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                                       box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.input-group .user-name              { position: absolute; left: 40px; top: 9px; color: #3e3e3e;}
.input-group .form-control::placeholder{ color:#c0c0c0; opacity:1;}        
/*.input-group .form-control:last-child{ border-top-left-radius: 0; border-bottom-left-radius: 0;}*/
.user-name-row                       { margin-top:20px;}
.user-name-row .user-img             { font-size: 19px; margin-right:7px;}
.org-log-but                         { border: 1px solid #cad8ed; background: #ebf3ff; height: 30px; padding-right: 12px; padding-left: 12px; margin-right: 5px; cursor: pointer;
                                       border-radius: 2px;  -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
        

.org-log-but-dis                     { background: #e7e7e7; border: 1px solid #c9c9c9; cursor: default;  height: 30px; padding-right: 12px; padding-left: 12px; margin-right: 5px;
                                       border-radius: 2px;  -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
 
.error                               { border: 1px solid #f89494 !important; /*box-shadow: inset 1px 1px 20px 1px #ffc2c2 !important;*/ color:fd5f5f !important;}
.error:focus                         { -webkit-box-shadow:inherit !important; box-shadow:inherit !important;}  
.error-info                          { position: absolute; right: 10px; top: 11px; font-size: 15px; color: #ff0000; z-index: 10; cursor: pointer;}

.tooltip                             { }
.tooltip:hover:after                 { background-color: rgba(255, 0, 0, 0.85); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 3px; bottom: 38px; color: #FFFFFF;
                                       content: attr(data-tooltip); right: -9px; font-size: 11px; padding: 5px; position: absolute; z-index: 1000; width:175px;}
.tooltip:hover:before                { border: solid; border-color: rgba(255, 0, 0, 0.85) transparent; border-width: 6px 6px 0 6px; bottom: 32px; content: "";
                                       left: 1px; position: absolute; z-index: 1001;}



.options-group                       { padding: 10px 40px; border: 1px solid #c9c9c9; border-radius: 2px; position:relative;}
.options-group .options-group-addon  { color: #3e3e3e; font-size: 19px;  position: absolute; top: 6px; left: 10px;}
.login-options                       { font-size: 12px; color: #3e3e3e;  display: flex;}
.radio-btn                           { margin-right:5px;}
.checkbox-btn                        { margin-right:5px;}
.radio-btn input[type="radio"]       { vertical-align:middle; margin-right:2px; margin-top:-2px;  margin-left:0px;} 
.checkbox-btn input[type="checkbox"] { vertical-align:middle; margin-right:2px; margin-top:-2px;}

.logo                                { background: #fff; text-align: center; margin-bottom:10px;}
.logo img                            { height:32px; }
.login1footer                        { position: fixed; bottom: 0px; background:#fff; height:100px; width: 100%; color: #6d6d6d; padding: 10px;  
                                       border-top: 1px solid #c9c9c9;}
.release-note                        { float: right; }
.release-note a                      { font-size: 18px; color: #fff; text-decoration: none;}
.release-note a:hover                { text-decoration: underline; }
.button                              { background: #0647a6; color: #fff; font-size: 14px;  border: none; padding: 5px 10px; border-radius: 3px;}
.login1footer-adrs                   { display: flex; justify-content: center;}
.login1footer-txt                    { text-align:center; margin-bottom:7px; color: #828282; font-size: 0.85em;} 
.login1footer-txt p                  { font-size: 0.85em;}
.login1footer-contact                { font-size: 12px; float: left; border-right: 1px solid #c9c9c9; padding:0px 10px;}
.login1footer-contact h3             { margin-bottom: 7px; color: #585858;}
.login1footer-contact label          { display: block; line-height: 14px; font-size: 0.88em; color: #979798; font-weight: normal;}
.login-bottom-logo                   { float: right; clear: both; margin-top: 15px; padding:12px 15px 12px 0px; border-radius: 6px; background: rgba(255, 255, 255, 0.6);}
.login-bottom-logo img               { height:35px; margin-left:15px;}
.forgot-psw                          { color:#0647a6; font-size: 11px; outline:none; text-align:right; flex-grow: 1;}
.remember                            { color: #3e3e3e; font-size: 11px;}
.caps-div                            { text-align: center; color: #90981f; font-weight: bold;  FONT-SIZE: 15px; padding: 30px 0 5px 0;}
.caps-div i                          { font-size: 14px; vertical-align: middle; margin-right: 5px;color: #becc05;}
.accredation                         { position: fixed; bottom: 100px; font-size: 11px; color: #105998; LEFT: 50%; margin-left: -94px;}

/**********Radio & checkbox buttons*************/
 

.pure-checkbox *,.pure-radiobutton * {
    box-sizing: border-box
}

.pure-checkbox *:before,.pure-radiobutton *:before,.pure-checkbox *:after,.pure-radiobutton *:after {
    box-sizing: border-box
}

.pure-checkbox input[type="checkbox"],.pure-radiobutton input[type="checkbox"],.pure-checkbox input[type="radio"],.pure-radiobutton input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pure-checkbox input[type="checkbox"]:focus+label:before,.pure-radiobutton input[type="checkbox"]:focus+label:before,.pure-checkbox input[type="radio"]:focus+label:before,.pure-radiobutton input[type="radio"]:focus+label:before,.pure-checkbox input[type="checkbox"]:hover+label:before,.pure-radiobutton input[type="checkbox"]:hover+label:before,.pure-checkbox input[type="radio"]:hover+label:before,.pure-radiobutton input[type="radio"]:hover+label:before {
    border-color: #1a5bba;
    background-color: #fff
}

.pure-checkbox input[type="checkbox"]:active+label:before,.pure-radiobutton input[type="checkbox"]:active+label:before,.pure-checkbox input[type="radio"]:active+label:before,.pure-radiobutton input[type="radio"]:active+label:before {
    transition-duration: 0s
}

.pure-checkbox input[type="checkbox"]+label,.pure-radiobutton input[type="checkbox"]+label,.pure-checkbox input[type="radio"]+label,.pure-radiobutton input[type="radio"]+label {
    position: relative;
    padding: 5px 5px 5px 1.6em;
    vertical-align: middle;
    user-select: none;
    cursor: pointer
}

.pure-checkbox input[type="checkbox"]+label:before,.pure-radiobutton input[type="checkbox"]+label:before,.pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before {
    box-sizing: content-box;
    content: '';
    color: #1a5bba;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    border: 1px solid #c9c9c9;
    text-align: center;
    transition: all .4s ease
}

.pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after {
    box-sizing: content-box;
    content: '';
    background-color: #1a5bba;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out
}

.pure-checkbox input[type="checkbox"]:disabled+label:after,.pure-radiobutton input[type="checkbox"]:disabled+label:after,.pure-checkbox input[type="radio"]:disabled+label:after,.pure-radiobutton input[type="radio"]:disabled+label:after {
    background: #c9c9c9
}

.pure-checkbox input[type="checkbox"]:disabled+label:before,.pure-radiobutton input[type="checkbox"]:disabled+label:before,.pure-checkbox input[type="radio"]:disabled+label:before,.pure-radiobutton input[type="radio"]:disabled+label:before {
    border-color: #c9c9c9;
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]:disabled:focus+label:before,.pure-radiobutton input[type="checkbox"]:disabled:focus+label:before,.pure-checkbox input[type="radio"]:disabled:focus+label:before,.pure-radiobutton input[type="radio"]:disabled:focus+label:before,.pure-checkbox input[type="checkbox"]:disabled:hover+label:before,.pure-radiobutton input[type="checkbox"]:disabled:hover+label:before,.pure-checkbox input[type="radio"]:disabled:hover+label:before,.pure-radiobutton input[type="radio"]:disabled:hover+label:before {
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]:disabled:checked+label:before,.pure-radiobutton input[type="checkbox"]:disabled:checked+label:before,.pure-checkbox input[type="radio"]:disabled:checked+label:before,.pure-radiobutton input[type="radio"]:disabled:checked+label:before {
    border-color: #c9c9c9;
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after {
    background-color: transparent;
    top: 50%;
    left: 3px;
    width: 6px;
    height: 3px;
    margin-top: -5px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0)
}

.pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out
}

.pure-checkbox input[type="radio"]:checked+label:before,.pure-radiobutton input[type="radio"]:checked+label:before {
    animation: borderscale 300ms ease-in;
    background-color: #fff
}

.pure-checkbox input[type="radio"]:checked+label:after,.pure-radiobutton input[type="radio"]:checked+label:after {
    transform: scale(1)
}

.pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after {
    border-radius: 50%
}

.pure-checkbox input[type="checkbox"]:checked+label:before,.pure-radiobutton input[type="checkbox"]:checked+label:before {
    animation: borderscale 200ms ease-in;
    background: #1a5bba;
    border: 1px solid #1a5bba;
}

.pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after {
    transform: rotate(-45deg) scale(1)
}

.pure-checkbox.pure-checkbox-inline,.pure-radiobutton.pure-checkbox-inline,.pure-checkbox.pure-radiobutton-inline,.pure-radiobutton.pure-radiobutton-inline {
    display: inline-block
}

.pure-checkbox-toggle input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pure-checkbox-toggle input[type="checkbox"]+label {
    position: relative;
    padding: 5px 5px 5px 40px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    display: block
}

.pure-checkbox-toggle input[type="checkbox"]+label:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    color: #1a5bba;
    width: 35px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    transition: all .4s;
    background-color: #c9c9c9
}

.pure-checkbox-toggle input[type="checkbox"]+label:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    transition: all .2s;
    box-sizing: border-box
}

.pure-checkbox-toggle input[type="checkbox"]:checked+label:before {
    box-shadow: inset 0 0 0 10px #1a5bba
}

.pure-checkbox-toggle input[type="checkbox"]:checked+label:after {
    left: 15px;
    border-color: #1a5bba;
    background-color: #fff
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label {
    cursor: default
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label:before {
    box-shadow: inset 0 0 0 10px #e3e3e3
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label:after {
    border-color: #e7e7e7
}

.pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:before {
    box-shadow: inset 0 0 0 10px #999999
}

.pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:after {
    border-color: #c9c9c9
}

.pure-checkbox-toggle--right input[type="checkbox"]+label {
    padding: 5px 40px 5px 5px
}

.pure-checkbox-toggle--right input[type="checkbox"]+label:before {
    left: auto;
    right: 0
}

.pure-checkbox-toggle--right input[type="checkbox"]+label:after {
    left: auto;
    right: 15px
}

.pure-checkbox-toggle--right input[type="checkbox"]:checked+label:after {
    left: auto;
    right: 0
}





/***********page Load spinners**********/

.page-loader-spinner                 { height: 15px;width: 15px; display:inline-block; border: 2px solid transparent;border-top-color: #ef4848;border-left-color: #aa96e6;padding: 7px;
                                       border-right-color: #e4aa25;border-radius: 50%;-moz-animation: spin 05s infinite linear;-o-animation: spin 05s infinite linear;
                                       -webkit-animation: spin 0.5s infinite linear;animation: spin 0.5s infinite linear;}
.page-loader-div                     { position: absolute; height: 100%; width: 100%; top: 0px; left: 0; right: 0; bottom: 0px;z-index: 999; background: rgba(255, 255, 255, 0.85);}
.page-loader                         { /*min-height: 40px; overflow: hidden;  width: 240px;  position: absolute; top: 50%; left: 50%;
                                       margin-left: -120px;  background: rgba(0,0,0,0.6); border: 1px solid #c9c9c9;  padding: 10px; border-radius: 3px; 
                                       margin-top: -20px;*/ display: table-cell; text-align: center; vertical-align: middle; padding: 0 50px; font-size: 14px; color: #353535;}
.page-loader label                   { overflow: hidden; display:inline-block;}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/***********************IP-Toster*********************/

@-webkit-keyframes t-fadeIn          { from  { opacity: 0;  } to { opacity: 1; } }
@-moz-keyframes t-fadeIn             { from  { opacity: 0;  }  to { opacity: 1; } }
@-ms-keyframes t-fadeIn              { from  { opacity: 0;  } to { opacity: 1; } }

@-webkit-keyframes t-move-up         { from  { top: -100px;  } to { top: 0px; } }
@-moz-keyframes t-move-up            { from  { top: -60;  } to { top: 0; } }
@-ms-keyframes t-move-up             { from  { top: -60;  } to { top: 0; } }

.appt-toster                         { width:350px; border:1px solid #DAD4B7; border-radius:5px; position:fixed; top:0px;cursor:pointer; color:#fff; 
                                       left:50%; margin-left:-175px; z-index:99999; text-align:center; /*box-shadow: -1px 4px 21px -6px #acaeaf; -webkit-box-shadow: -1px 4px 21px -6px #acaeaf;*/
                                       -webkit-animation: t-fadeIn 0.5s linear 1, t-move-up 0.5s linear 1;-moz-animation: t-fadeIn .3s linear 1, t-move-up .3s linear 1;
                                       -ms-animation: t-fadeIn .3s linear 1, t-move-up .3s linear 1;}
             
.toster-success                      { border:1px solid #439436; background:#5fd66a;}             
.toster-error                        { border:1px solid #FA1D1D; background:#e05a5a;}             
.toster-warning                      { border:1px solid #F47913; background:#e2bf74;}             
.appt-toster label                   { padding:7px 15px; text-align:center; display:block;}
.appt-toster label i                 { vertical-align: middle; font-size: 22px; margin-right: 10px;}

.SUN-table                           { border-collapse:inherit; border:0px;}           
.SUN-table  th                       { position:relative; font-size:12px; padding:5px;color:#000;}
.SUN-table  td                       { position:relative; font-size:12px; padding:5px; color: #000;}
.textbox                             { font-family: sans-serif; padding:5px; font-size:12px; color: #555; width:100%;  border: 1px solid #d4d4d4;  border-radius:1px;
                                       -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                                       -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                                       transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; text-transform:uppercase; }