/*============== Talenthire global header CSS ===============*/

/* Glyphicons */
@font-face {
 font-family: 'glyphicons_halflings_regular';
 src: url('../fonts/glyphicons-halflings-regular.eot');
 src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Proxima Nova Fonts */
@font-face {
 font-family: 'proximaNova';
 src: url('../fonts/proximaNovaRegular.eot');
 src: url('../fonts/proximaNovaRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaRegular.woff') format('woff'), url('../fonts/proximaNovaRegular.ttf') format('truetype'), url('../fonts/proximaNovaRegular.svg#sans-serif_altregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'proximaNova_semibold';
 src: url('../fonts/proximaNovaSemibold.eot');
 src: url('../fonts/proximaNovaSemibold.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaSemibold.woff2') format('woff2'), url('../fonts/proximaNovaSemibold.woff') format('woff'), url('../fonts/proximaNovaSemibold.ttf') format('truetype'), url('../fonts/proximaNovaSemibold.svg#sans-serif_ltsemibold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'proximaNova_light';
 src: url('../fonts/proximaNovaThin.eot');
 src: url('../fonts/proximaNovaThin.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaNovaThin.woff') format('woff'), url('../fonts/proximaNovaThin.ttf') format('truetype'), url('../fonts/proximaNovaThin.svg#sans-serif_ltthin') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* HEADER GLOBAL CSS */
#header { height:59px; width:100%; position:relative; background: none repeat scroll 0 0 #fff }
.header_topnavigation { width: 100%; height: 60px; position:absolute; top: 0; left: 0 }
#logo { margin-left:14px; margin-top:10px; float: left; width: 290px; height: 40px; display: block }
.nav_topnavi { float: right; vertical-align:middle; width:auto; padding:15px 10px 0; width:auto; text-align:right }
.nav_topnavi span { font-family: 'sans-serif', Arial, Helvetica, sans-serif; /*font-size:11px;*/ font-size: 13px;/*LOTO*/ color:#3b3b3b; margin-left:0 }
.nav_topnavi ul { list-style: none; float:right; margin:0 }
.nav_topnavi li { display: inline-block; float: left; line-height:inherit; padding: 0px 3px; position:relative }
.nav_topnavi li .username { display:inline-block; color:#2296f1; }
.nav_topnavi li .role { clear: both; color: #666666; display: block; float: none; font-size: 11px; line-height:10px; text-align: left }
.nav_topnavi li a { color: #414E5E; font-family:'sans-serif', Arial, Helvetica, sans-serif; /*font-size:11px;*/ font-size: 12px;/*LOTO*/ text-decoration: none; float:left }
.nav_topnavi li a span { margin-right:5px; vertical-align:middle; float:left }
.nav_topnavi li a .span.pull-right { margin-top:5px }
.nav_topnavi li a:focus { outline:none }
.nav_topnavi li a:hover { text-decoration:none; color:#faae37 }
.dropdown-menu li.divider { background: #f1f3f6 }
.dropdown-menu .fa { font-size:14px }
.nav_topnavi .dropdown-h-submissions-ul { width: 310px; }
@media only screen and (max-width : 750px) {
.header_topnavigation {
position: absolute;
}
#menu-icon {
display:block !important;
}
.nav_topnavi ul, nav_topnavi:active ul {
display: none;
position: absolute;
padding: 0px;
background: #F0F4F4;
right: 0;
top: 55px;
border-radius: 0 0 0 4px;
padding:5px;
z-index: 999;
}
.nav_topnavi li {
text-align: center;
padding: 10px 0;
margin: 0;
}
.nav_topnavi:hover > ul {
display: block;
}
.nav_topnavi ul ul {
display:none
}
}
.nav_topnavi ul ul:after { border-bottom: 7px solid #ffffff; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); content: ""; display: inline-block !important; left: 9px; position: absolute; right:auto; top: -7px }
.nav_topnavi ul ul:before { border-bottom: 8px solid #999; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; display: inline-block !important; left: 8px; position: absolute; right: auto; top: -8px; /*top: -11px*/ }
.nav_topnavi ul ul { background:#fff; border-radius:3px; box-shadow: 0 3px 5px 0 #c9c9c9; border: 1px solid #b9b9b9; display:none; height:70px; margin:0; min-width:135px; padding:0; position:absolute; top:36px; z-index:99999999; font-size:11px; }
.nav_topnavi ul ul li { float:none; font-family: "sans-serif", Arial, Helvetica, sans-serif; margin:0; padding:0; width:100% }
.nav_topnavi ul ul li a { float:none; color:#333; line-height:25px; text-align:left }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #f6f6f6 !important; background-image: none !important; filter: none; text-decoration: none }
#menu-icon { display: hidden; width: 39px; height: 35px; background: url(../img/menu-icon.png) top right; border-radius: 4px 4px 0 0; margin-top: 14px }
a:hover#menu-icon { border-radius: 4px 4px 0 0 }
/* END HEADER GLOBAL CSS */

/* Release Notes */
.release-notes { padding:7px 3px; }
#release_notes h4 { font-family: sans-serif_semibold; color: #ed1c24; font-size: 26px; text-align:center; font-weight: 500; letter-spacing: -1px; line-height: 30px; margin-bottom:20px; margin-top:0 }
#release_notes h4 span { color: #000; font-size:20px; }
#release_notes p { font-size: 15px; line-height: 24px; text-align:center; }
#release_notes .note-show { background: #ed1c24; border: 1px solid #ed1c24; border-radius: 0; box-shadow: none !important; color: #fff; font-size: 13px; padding: 7px 15px; text-transform: uppercase; text-align:center; }
#release_notes .note-show:hover { background: #399bff; border: 1px solid #399bff; border-radius: 0; box-shadow: none !important; color: #fff; text-decoration: none; text-decoration:none; }
#release_notes .note-cancel { cursor:pointer; background: #999; border: 1px solid #999; border-radius: 0; box-shadow: none !important; color: #fff; font-size: 13px; padding: 7px 15px; text-transform: uppercase; text-align:center; }
#release_notes .note-cancel:hover { text-decoration:none; }
/* SUBSCRIPTION MANAGEMENT ALERTS */
.upgrade-panel-message { position:absolute; left:0; right:0 }
.upgrade-panel-message .full-grid-line { top:0; border-top:3px solid #ff9904; width:100%; text-align:center }
.upgrade-panel-message .message { background: none repeat scroll 0 0 #ff9904; border-radius: 0 0 5px 5px; clear: both; color: #fff; font-size: 11px; font-weight: normal; left: 0; margin: 0 auto; padding: 5px; position: absolute; right: 0; text-align: center; text-decoration: none; width:16% }
.upgrade-panel-message .message a { color:#333; text-decoration:underline }
.upgrade-panel-message .message a:hover { color:#333; text-decoration:none }
/* END SUBSCRIPTION MANAGEMENT ALERTS */

.top_navigation_mobile { display:none; width:100%; background:black }
.top_navigation nav { width:100%; font-size: 13px; font-weight: 500; color:#333; position: relative; background: linear-gradient(#1fa0e4, #1992d1) repeat scroll 0 0 rgba(0, 0, 0, 0); background-color: #1fa0e4; background: rgb(31,160,228); /*border-top: 1px solid #1992d1;*/ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; display:inline-block; -webkit-box-shadow: 0 1px 3px #ccc; -moz-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; }
.top_navigation nav ul { padding: 0; margin: 0 auto }
.top_navigation nav li { display: inline; float: left; height:36px }
.top_navigation nav a { color:#fff; display: inline-block; text-align: center; text-decoration: none }
.top_navigation nav li a { padding:7px 15px; min-height:21px; border-right: 1px solid #0b87c7; border-left:solid 1px #31b0f3; }
.top_navigation nav li:first-child a { border-left:0; }
.top_navigation nav li a .navIcon { padding:0px 8px 2px 0; display:inline-block; vertical-align:middle;/*opacity:0.8;*/ }
.top_navigation nav li a span { padding:0; padding-right:5px; font-family: 'sans-serif'; text-transform:uppercase; font-size:12px; line-height:20px; }
.top_navigation nav li a .bb { padding:0; display:inline-block; vertical-align:middle }
.top_navigation nav li:last-child a { border-right: 0 }
.top_navigation nav a:active, .top_navigation .active a { background:#fff; color:#1992d1; text-shadow: none; border-top: 1px solid #1992d1; }
.top_navigation .active a:hover { background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 232, 232, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(49%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(232, 232, 232, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 232, 232, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 232, 232, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 232, 232, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(232, 232, 232, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e8e8e8', GradientType=0 );
}
.top_navigation nav a#pull { display: none }
.top_navigation nav a:hover { background: linear-gradient(#36aae7, #1fa0e4) repeat scroll 0 0 rgba(0, 0, 0, 0) }
/* START SUB MENU */
.top_navigation nav ul ul { background-color:#ffffff; border:1px solid #b9b9b9; box-shadow:0 3px 5px 0 #c9c9c9; display: none; color:#fff; z-index:99999; position: absolute; padding:5px 0 0; border-radius:3px; margin-left:2px; top:37px; width:200px }
.top_navigation nav ul ul:after { background:url(../img/drop-down-arrow.png) no-repeat; content:""; left:20px; position:absolute; top:-6px; height:6px; width:55px }
.top_navigation nav ul li:hover > ul { display: block; clear:both }
.top_navigation nav ul ul li { float: none; position: relative; display: block }
.top_navigation nav ul ul li a { color:#333333; padding: 5px 10px 0px 10px !important; border-left: none !important; box-shadow: none !important; height:26px !important; display:block; text-align:left !important }
.top_navigation nav ul ul li a:hover { color:#fff; background: #31a4e7; /* Old browsers */ background: -moz-linear-gradient(top, #31a4e7 0%, #178acc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31a4e7), color-stop(100%, #178acc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #31a4e7 0%, #178acc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #31a4e7 0%, #178acc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #31a4e7 0%, #178acc 100%); /* IE10+ */ background: linear-gradient(to bottom, #31a4e7 0%, #178acc 100%); /* W3C */ }
.top_navigation nav ul li .down-arrow { border-color: #ffffff transparent; border-style: solid; border-width: 6px 5px 0; height: 0; margin-left: 8px; margin-top: -2px; padding:0 !important; position: absolute; top: 50%; width: 0 }
 @media (max-width: 1260px) {
 .top_navigation nav li a {
min-width:50px !important;
}
}
@media screen and (max-width: 600px) {
.top_navigation {
display:none;
}
.top_navigation a {
outline: 0;
}
.top_navigation input::-moz-focus-inner {
border: 0;
}
.top_navigation_mobile {
display:block;
width:100%;
background:#999999;
color: #ffffff;
text-align:center;
padding:15px 0;
font-style:normal;
font-size:12px;
}
.top_navigation_mobile select {
background: #2f2f2f;
width: 95%;
height: 32px;
border:1px solid #333;
color:#FFF;
font-size:12px;
}
.top_navigation_mobile optgroup {
font-size:12px;
font-style::bold;
padding-left:10px;
font-style:inherit;
margin-top:7px;
cursor:pointer;
}
.top_navigation_mobile option {
font-size:12px;
color:#FFF;
font-size:11px;
text-transform:none;
font-weight:normal;
border:0;
background:transparent;
cursor:pointer;
}
select option {
font-size:12px;
padding:2px 5px;
}
select .title {
font-weight:bold;
color:#F90
}
   
.top_navigation nav {
height: auto;
}
.top_navigation nav ul {
width: 100%;
display: block;
height: auto;
}
.top_navigation nav li {
width: 50%;
float: left;
position: relative;
}
.top_navigation nav li a {
height: 32px;
padding: 6px 15px;
}
.top_navigation nav a {
color: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
}
}

/* STYLES FOR SCREEN 515PX AND LOWER */
@media only screen and (max-width : 480px) {
.top_navigation nav {
border-bottom: 0;
}
.top_navigation nav ul {
display: none;
height: auto;
}
.top_navigation nav a#pull {
display: block;
background-color: #21537a;
text-align:center;
width: 100%;
height:20px;
position: relative;
padding:20px 0;
}
.top_navigation nav a#pull:after {
content:"";
background: url('nav_img/nav-icon.png') no-repeat;
width:30px;
display: inline-block;
position: absolute;
right:15px;
top:10px;
}
}

/* SMART PHONES */
@media only screen and (max-width : 320px) {
.top_navigation nav li {
display: block;
float: none;
width: 100%;
}
.top_navigation nav li a {
border-bottom: 1px solid #69A1CE;
}
}
/* CHANGE PASSWORD POP UP CSS */
#shadowing { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCA; z-index:999; opacity:0.5; filter: Alpha(Opacity=50) }
#shadowing1 { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index:999; opacity:0.8; filter: Alpha(Opacity=50); cursor:wait }
#shadowingattach { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCA; z-index:10; opacity:0.5; filter: Alpha(Opacity=50) }
#shadowingattachemp { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCA; z-index:10; opacity:0.5; filter: Alpha(Opacity=50) }
#box { display: none; position: fixed; top: 20%; left: 20%; width: 400px; height: 200px; padding: 48px; margin:0; border: 1px solid black; background-color: white; z-index:101; overflow: auto }
#box1 { display: none; position: fixed; top: 20%; left: 32%; width: 528px; height: 255px; margin:0; border: 1px solid black; background-color: white; z-index:101; overflow: auto; padding:14px 10px 10px 14px }
#boxattach { display: none; position: fixed; top: 20%; left: 33%; width: 440px; height: 245px; padding: 25px; margin:0; z-index:101; overflow: auto }
#boxattachemp { display: none; position: fixed; top: 20%; left: 33%; width: 500px; height: 245px; padding: 25px; margin:0; z-index:101; overflow: auto }
#boxtitle { position:absolute; float:center; top:0; left:0; width:496px; height:24px; padding:0; padding-top:4px; padding-left:8px; margin:0; border-bottom:4px solid #3CF; background-color: #09c; color:white; text-align:center; display:none }
#boxtitle1 { position:absolute; float:center; top:0; left:0; width:496px; height:24px; padding:0; padding-top:4px; padding-left:8px; margin:0; border-bottom:4px solid #3CF; background-color: #09c; color:white; text-align:center; display:none }
#boxtitleattach { position:absolute; float:center; top:0; left:0; width:700px; height:20px; padding:0; padding-top:4px; padding-left:8px; margin:0; border-bottom:4px solid #3CF; background-color: #09c; text-align:center; display:none }
#boxtitleattachemp { position:absolute; float:center; top:0; left:0; width:700px; height:24px; padding:0; padding-top:4px; padding-left:8px; margin:0; border-bottom:4px solid #3CF; background-color: #09c; text-align:center; display:none }
.chg_pwd_pannel { width:412px; /*height:175px;*/ background-color:#ffffff; }
.chg_pwd_pannel h2 { font-family:'sans-serif', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:17px; color:#0064AE; font-weight:normal; padding:10px 20px 0 20px; text-align:center }
.chg_pwd_pannel_inner { width:392px; margin:5px 10px; padding-bottom: 20px; }
.chg_pwd_pannel_email_head { font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:11px; color:#565656; font-weight:bold; float:left; margin-top:3px; width:116px }
.chg_pwd_pannel_inner_text { margin:10px }
.chg_pwd_pannel_send_button { background-color: #056FC3; border: 1px solid #C2C2C2; height: 21px; width: 55px; color:#fff; font-weight:bold; font-size:11px; cursor:pointer; margin-left:5px; padding:0 0 2px 0 }
.chg_pwd_pannel_buttons { margin-left:123px; margin-top:10px }
.chg_pwd_input { width:195px; height:18px; border:1px solid #d3d3d3; border-radius:3px; margin-left:8px; margin-left:0px !important }
#box1 { border:none !important; background: none !important }
#cperror { color: #FF0000; font-family: 'sans-serif', Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic }
#cperror1 { color: #FF0000; font-family: 'sans-serif', Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic }
#cperror2 { color: #FF0000; font-family: 'sans-serif', Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic }
.chg_pwd_pannel_inner_text label { margin-top:4px !important }
#box1 label.error { border: medium none !important; color: red; display: block; font-size: 10px; height: 2px; width: 350px !important; margin-top:-2px !important; margin-left:150px !important }
.chg_pwd_input { height:22px !important; margin-left:2px !important }
.atss { top:30% !important }
/* END CHANGE PASSWORD POP UP CSS */

/* FOOTER CSS */
#footer { background:linear-gradient(135deg, #0143a3, #0273d4); height:auto; width:100%; clear:both; position:absolute; left:0; right:0; bottom:0; }
.footer-bottom { padding:4px 15px; }
.copy { font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:11px; color:#d2ddff; text-align:left }
.rightcopy { font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:11px; color:#d2ddff; float:right }
/* Only for Safari  */
::i-block-chrome, #footer {
height:23px;
background-color:#0273d4;
}
::i-block-chrome, #wrapper {
padding-bottom:50px;
}
/* END FOOTER CSS */

a.custom-tooltip { outline:none; }
a.custom-tooltip strong { line-height:30px; }
a.custom-tooltip:hover { text-decoration:none; }
a.custom-tooltip span { z-index:10; display:none; padding:14px 20px; margin-top:-30px; margin-left:12px; width:300px; line-height:16px; }
a.custom-tooltip:hover span { display:inline; position:absolute; color:#111; background-color:#fff; border:1px solid #ccc; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
.callout { z-index:20; position:absolute; top:30px; border:0; left:-10px; }
a.custom-tooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
a.custom-tooltip span {
margin-left:18px
}
.callout {
top:12px
}
}
.help-text { font-size:12px; }
#passwordMatch { font-size: 10px !important; margin-bottom: 5px; margin-left: 166px; margin-right: 0; margin-top: 15px !important; padding: 0 !important; }
.cust-err { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; }
.cust-error { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; color: #f00 !important; font-size: 10px; font-weight: normal; margin-bottom: 0; text-align: left; width: 80% !important; }
.pwd-change-box { border-radius: 5px; }
/* Subscription Expiring & Renewal message */
.subscription-expiring-msg, .subscription-renewal-msg { font-family: 'sans-serif'; text-align:center; font-size:13px;  /*position:fixed; top:0px; */ width:100%; padding:3px 20px; }
.subscription-expiring-msg { background:#ff7474; z-index:1035; color:#b93a3a }
.subscription-expiring-msg a { color:#b93a3a; }
.subscription-expiring-msg a:hover { text-decoration:underline; color:#b93a3a; }
.subscription-renewal-msg { background:#ffd73b; z-index:1033; color:#b19117; /*height: 22px; */ }
.subscription-renewal-msg a { color:#b19117; }
.subscription-renewal-msg a:hover { text-decoration:underline; color:#3189d4; }
/** Events messages **/
.events-msg { background-color: rgba(255, 235, 59, 0.95) !important; position:absolute; top:0; left:0; right:0; height:52px; z-index:9999; color:#b93a3a; text-align:center; font-size:15px; width:100%; line-height:50px; font-family: sans-serif_semibold; }
.events-msg a { color:#b93a3a; }
.events-msg a:hover { text-decoration:underline !important; color:#037ce4 !important; }
.events-msg .events_close i { margin-left: 5px; float:right; font-size:25px; padding: 12px 15px; }
/*.subscription-body-marginT{ margin-top:15px;}*/

/* Data table header sticky */
.sticky-table { max-width: 100%; max-height: 80vh; overflow: auto; border-top: 1px solid #d9dde8 !important; /*border-bottom: 1px solid #d9dde8;*/ padding: 0 !important; }
.sticky-headerBorder-none { border-top: none !important; }
.sticky-table table { /*margin-bottom: 0; */ width: 100%; max-width: 100%; /*border-spacing: 0; border-collapse: collapse; */ padding: 0 !important; }
.sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td { border-top: 0; position: relative; /*background-color: #ecf0f3; outline: 1px solid #ecf0f3; */ z-index: 5; }
.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell { /*background-color: #ecf0f3; outline: 1px solid #ecf0f3; */ position: relative; z-index: 10; }
.sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell { z-index: 15; }

/* Application login dashboard loader background Start */
.app-loading-bg { width:100%; height: 100vh; position:fixed; top:0; bottom:0; left:0; right:0; text-align:center; z-index:99999; color: #fff; background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }
.app-loading-bg img { margin:auto; height:50%; padding:28px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius:100%; }
 @-webkit-keyframes Gradient { 0% {
 background-position: 0% 50%
}
 50% {
 background-position: 100% 50%
}
 100% {
 background-position: 0% 50%
}
}
 @-moz-keyframes Gradient { 0% {
 background-position: 0% 50%
}
 50% {
 background-position: 100% 50%
}
 100% {
 background-position: 0% 50%
}
}
 @keyframes Gradient { 0% {
 background-position: 0% 50%
}
 50% {
 background-position: 100% 50%
}
 100% {
 background-position: 0% 50%
}
}
/* END Application login dashboard loader background */