.backgroundImg 		{background-size: cover !important; background-repeat: no-repeat !important; background: url(/javax.faces.resource/images/transportation-low.jpg.xhtml?v=2025-07-05T12:31:01.814);}
#highQualityImg 	{display: none;}
input, span, label {font-family: 'Hind Siliguri' !important;}

.filter_label {
    /*  top: -20px !important; */
    display: block !important;
    font-size: 14px !important;
    color: #0e30ad !important;
}

#dil-secimi {
	width: 200px;
	margin: 0 auto;
	background-color: none;
  	padding-top: 20px;
	border-radius: 10px;
	position: relative;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
	background-color: #808080;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-top: 0 !important;}

.logging {margin-top: 15px; border-radius: 7px !important; height: 45px !important; background-color: #f08100 !important;}
.backToLogin {margin-top: 15px; border-radius: 7px !important; height: 45px !important; background-color: #374758 !important;}
.mfaCounter {margin-top: 15px; border-radius: 7px !important; height: 45px !important;}

#login-hover {margin: 60px auto; max-height: 440px; padding: 0px 20px; text-align: center; width: 350px;
        background-color: rgba(255, 255, 255, 0); 
	      -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear; 
        box-shadow: none;
}
/*
#login-hover:hover {background-color: white; opacity: 1;
	    -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
}*/

.webgumruk-logo {width: 100%; height: auto; margin-left: 1%;}

.ui-panelgrid.form-group .ui-panelgrid-cell {background-color: white; margin-bottom: 4px; border:none; border-radius: 5px;}

iframe {-webkit-transform: scale(1.025);
     -moz-transform: scale(1.025);
      -ms-transform: scale(1.025);
       -o-transform: scale(1.025);
          transform: scale(1.025);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;}

.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only .ui-state-disabled {width: 100%; height: 100%; border:2px solid red;}
body .ui-inputfield {border: none; background-image: linear-gradient(to bottom, #FF8C00, #FF8C00), linear-gradient(to bottom, #bdbdbd, #bdbdbd);}
body .ui-selectonemenu {border: none;}
body .ui-selectonemenu {border: none; background-image: linear-gradient(to bottom, #FF8C00, #FF8C00), linear-gradient(to bottom, #bdbdbd, #bdbdbd);}

.forgotPassword {float: left; width: 78%; height: 30px !important; margin: 0 auto; padding-bottom: 20px; font-size: 13px !important; line-height: 30px !important;
				 overflow: hidden; background-color: #3e464c; color: #ffffff; padding: 0 16px; border: 0 none; border-radius: 5px; cursor: pointer;
				 -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s;
				 transition: background-color 0.3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.backToLogin { margin-top: 24px !important; width: 78%; margin: 0 auto; height: 34px !important; margin: 0 auto; padding-bottom: 20px; font-size: 17px !important; line-height: 30px !important;
				 overflow: hidden; background-color: #3e464c; color: #ffffff; padding: 0 16px; border: 0 none; border-radius: 5px; cursor: pointer;
				 -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
				 -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s;
				 transition: background-color 0.3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.resetPassword {background-color: #f08100 !important;}

.ui-icon-triangle-1-s:before {content: "\f107" !important; font-family: fontAwesome !important;}
.ui-icon-language:before {content: "\f0ac" !important; font-family: fontAwesome !important;}

@media only screen and (max-height: 900px) {
    #login-hover {margin: 50px auto !important;}
}
@media only screen and (max-height: 800px) {
    #login-hover {margin: 40px auto !important;}
}
@media only screen and (max-height: 700px) {
    #login-hover {margin: 30px auto !important;}
}
@media only screen and (max-height: 600px) {
    #login-hover {margin: 20px auto !important;}
}
@media only screen and (max-height: 480px) {
    #login-hover {margin: 30px auto !important;}
}
@media only screen and (max-height: 400px) {
    #login-hover {margin: 40px auto !important;}
}
@media only screen and (max-width: 375px) {
    .ui-g-12 {margin-top: 0 !important;}
}