/*Login page */

.dark .webswing-element-content:not(.composition) #commonDialog-title, .dark .webswing-element-content:not(.composition) #commonDialog-description, 
.dark .webswing-element-content:not(.composition) input{
	color:  #d7dae0 !important;
}
.dark .webswing-element-content:not(.composition) input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 30px #282C34 inset !important;
	-webkit-text-fill-color: #d7dae0 !important;
}
.dark .webswing-element-content:not(.composition) a{
	color: #6494ed !important;
}
.dark .webswing-element-content:not(.composition) [data-id="commonDialog"], .dark .webswing-element-content:not(.composition) .ws-modal-container {
	background-color: #21252B;
}
.dark .webswing-element-content:not(.composition) #dialogModal,.dark .webswing-element-content:not(.composition) #commonDialog{
	background-color: #282C34;
}
.dark .webswing-element-content:not(.composition) #submit-button{
	background-color: #3D424B;
	border: 1px solid #434A53;
}
.dark .webswing-element-content:not(.composition) #submit-button:hover{
	background-color: #454954;
	border: 1px solid #565A63;
}
.dark .webswing-element-content:not(.composition) .ws-form-field{
	background-color: #282C34;
	border-color: #434A53 !important;
}
.dark .webswing-element-content:not(.composition) ::placeholder {
	color: #d7dae0;
}
.dark .webswing-element-content:not(.composition) .ws-spinner-dot-1, .dark .ws-spinner-dot-2{
	background-color: #7e8491 !important;
}

.dark .webswing-element-content:not(.composition) [data-id="commonDialog"] .ws-btn{
	background-color: #3D424B !important;
	border-color: #434A53 !important;
	color: #d7dae0 !important;
}

.dark .webswing-element-content:not(.composition) [data-id="commonDialog"] .ws-btn:hover{
	background-color: #454954 !important;
	border-color: #565A63 !important;
	color: #d7dae0 !important;
}

.dark .webswing-element-content:not(.composition) ::-ms-reveal{
	filter: invert(96%) sepia(6%) saturate(285%) hue-rotate(189deg) brightness(93%) contrast(87%);
}


.celebrus .webswing-element-content:not(.composition) #commonDialog-title, .celebrus .webswing-element-content:not(.composition) #commonDialog-description, 
.celebrus .webswing-element-content:not(.composition) input{
	color:  #253443 !important;
}
.celebrus .webswing-element-content:not(.composition) [data-id="commonDialog"], .celebrus .webswing-element-content:not(.composition) .ws-modal-container {
	background-color: #E8EBF0;
}
.celebrus .webswing-element .webswing-element-content .ws-form-addon:focus, .celebrus .webswing-element .webswing-element-content .ws-form-field:hover {
	border-color: #009FE3;
}
.celebrus .webswing-element-content:not(.composition) a{
	color: #0092D1;
}
.celebrus .webswing-element-content:not(.composition) #submit-button{
	background-color: #009FE3;
	border: 1px solid #009FE3;
}
  
.darker .webswing-element-content:not(.composition) #commonDialog-title, .darker .webswing-element-content:not(.composition) #commonDialog-description, 
.darker .webswing-element-content:not(.composition) input{
	color: #ffffff !important;
}
.darker .webswing-element-content:not(.composition) input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 30px #000 inset !important;
	-webkit-text-fill-color: #ffffff !important;
}
.darker .webswing-element-content:not(.composition) [data-id="commonDialog"], .darker .webswing-element-content:not(.composition) .ws-modal-container{
	background-color: #000000;
}
.darker .webswing-element-content:not(.composition) #dialogModal,.darker .webswing-element-content:not(.composition) #commonDialog{
	background-color: #000000;
	border: 1px solid #f0f0f0;
}
.darker .webswing-element-content:not(.composition) a{
	color: #D2F53C !important;
}
.darker .webswing-element-content:not(.composition) #submit-button{
	background-color: #000000;
	border: 1px solid #B3B3B3;
}
.darker .webswing-element-content:not(.composition) #submit-button:hover{
	background-color: #000000;
	border: 1px solid #1AEBFF;
}
.darker .webswing-element-content:not(.composition) .ws-form-field{
	background-color: #000;
	border-color: #f0f0f0 !important;
}
.darker .webswing-element-content:not(.composition) .ws-form-field:focus{
	border-color: #1AEBFF !important;
}
.darker .webswing-element-content:not(.composition) ::placeholder {
	color: #ffffff;
}
.darker .webswing-element-content:not(.composition) .ws-spinner-dot-1, .darker .ws-spinner-dot-2{
	background-color: #b3b3b3 !important;
}

.darker .webswing-element-content:not(.composition) [data-id="commonDialog"] .ws-btn{
	background-color: #000000 !important;
	border-color: #B3B3B3 !important;
	color: #ffffff !important;
}

.darker .webswing-element-content:not(.composition) [data-id="commonDialog"] .ws-btn:hover{
	background-color: #000000 !important;
	border-color: #1AEBFF !important;
}

.darker .webswing-element-content:not(.composition) ::-ms-reveal{
	filter: invert(99%) sepia(8%) saturate(1%) hue-rotate(144deg) brightness(105%) contrast(100%);
}

.login-header{
	background: #151515;
	height:60px;
	padding-left: 10px;
}
.darker .login-header{
	background: #000;
}
.celebrus .login-header{
	background: #1A3B6B;
	background-image: linear-gradient(to right, rgb(26, 59, 107), rgb(26, 59, 107), rgb(34, 78, 141), rgb(43, 98, 177), rgb(5, 115, 160), rgb(0, 185, 207));
}

.app-title{
	color: #fff !important;
	font-size: 20px;
	font-weight: bold;
	padding-right:10px;
	padding-top: 5px;
	float: right;
}
.login-header img{margin-top: 5px;}

body{margin: 0;}
.webswing-element-content:not(.composition) .ws-modal-container{top: 60px !important;}


/*Forgotten password/username page*/
.webswing-element:not(#celebrus-webswing) .ws-modal-container{
	top: 60px;
    min-height: calc(100% - 60px);
}

.dark .webswing-element:not(#celebrus-webswing) .ws-modal-container{
	background-color : #21252B;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog{
	background-color : #282C34;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog *{
	color : #d7dae0 !important;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog input{
	background-color: #282C34;
    border-color: #434A53 !important;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 30px #282C34 inset !important;
	-webkit-text-fill-color: #d7dae0 !important;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog ::placeholder {
    color: #d7dae0;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog #submit-button {
    background-color: #3D424B;
    border: 1px solid #434A53;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog #submit-button:hover {
    background-color: #454954;
    border: 1px solid #565A63;
}

.dark .webswing-element:not(#celebrus-webswing) #commonDialog ::-ms-reveal{
	filter: invert(96%) sepia(6%) saturate(285%) hue-rotate(189deg) brightness(93%) contrast(87%);
}

.celebrus .webswing-element:not(#celebrus-webswing) .ws-modal-container{
	background-color : #E8EBF0;
}

.celebrus .webswing-element:not(#celebrus-webswing) #commonDialog *{
	color : #253443 !important;
}

.celebrus .webswing-element:not(#celebrus-webswing) #commonDialog .ws-form-icon{
	color: #fff !important;
}

.celebrus .webswing-element:not(#celebrus-webswing) #commonDialog input{
    border-color: #009FE3 !important;
}

.celebrus .webswing-element:not(#celebrus-webswing) #commonDialog #submit-button {
	color: #fff !important;
    background-color: #009FE3;
    border: 1px solid #009FE3;
}

.darker .webswing-element:not(#celebrus-webswing) .ws-modal-container{
	background-color : #000000;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog{
	background-color: #000000;
    border: 1px solid #f0f0f0;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog *{
	color : #ffffff !important;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog input{
	background-color: #000;
    border-color: #f0f0f0 !important;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 30px #000 inset !important;
	-webkit-text-fill-color: #ffffff !important;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog ::placeholder {
    color: #ffffff;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog #submit-button:hover {
    background-color: #000000;
    border: 1px solid #1AEBFF;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog #submit-button {
    background-color: #000000;
    border: 1px solid #B3B3B3;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog input:focus {
    border-color: #1AEBFF !important;
}

.darker .webswing-element:not(#celebrus-webswing) #commonDialog ::-ms-reveal{
	filter: invert(99%) sepia(8%) saturate(1%) hue-rotate(144deg) brightness(105%) contrast(100%);
}