/*======== CSS changes for client setup ============= */ #navbar {background-color: #000000 !important} #navbar li.nav-item a:hover {background-color: #73735a !important; } #navbar li.nav-item a {font-weight: 700;color: #faf615 !important;} .dropdown-menu {background-color: #23221e!important;} .btn-primary {color: #faf615 !important; background-color:#000000!important;border-color: #383f87 !important;} .alert-info { color:#000000 !important; background-color: #f1f7c1 !important; border-color: #bee5eb !important; font-size: 15px !important; padding: 5px 10px !important; } /* Page header CSS*/ .card-header { background-color:#000000 !important; color:#faf615 !important; font-family: Arial !important; font-weight: bold !important; text-align: center !important; } /* Dropdown Selected Items CSS*/ .k-state-selected { color: #000000 !important; background-color: #000000 !important; border-color: #f85a00 !important; } /*==================================================== */ .bg-image { height: 100%; /*background-position: center;*/ background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed;*/ } body { background-color: gainsboro; font-family: "Arial",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif; font-size: 17px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } .dl-horizontal dt { white-space: normal; } .loginholder { width: 500px; height: auto; margin-top: 60%; margin: 125px auto; box-shadow: 1px 1px 1px 1px grey; border: 1px solid #ddd; background-color: rgba(255,255,255,255); padding: 30px 40px; position: relative !important; border-top: 5px solid #404a88; border-right: 2px solid #404a88; } .loginholder .logo { text-align: center; margin: 10px auto 20px; } .logintext { font-size: 20px !important; font-weight: 400; color: #333; text-align: left; color: #000000 !important; } .logincaption { display: block; margin: 20px 0 5px; text-transform: capitalize; text-align: left; font-weight: normal; } .labelcaption { display: inline-block; margin: 20px 0 5px; text-transform: capitalize; text-align: left; font-weight: normal; } .loginBox { display: block; padding: 5px !important; font-size: 16px !important; width: 100% } .logintop { display: block; margin-bottom: 20px; border-bottom: 1px solid #ddd; text-transform: uppercase; text-align: left; font-family: 'Arial'; } .loginheadertext { font-size: 12px !important; font-family: Segoe UI !important; color: #000000 !important; } .colhalfPlus { display: table-cell; width: 59%; text-align: left } .buttontext { text-align: center; } .colhalf { display: table-cell; width: 40%; } .fieldDropdownAccceptanceList { width: 100% !important; max-width: 768px; min-width: 300px } .bg-image { height: 100%; background-image: url("../Images/Background.jpg"); /*background-position: center;*/ background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed;*/ /*filter: blur(2px);*/ } .mainContent .buttontext, .buttontext { border: 2px solid #3b5998; background-color: #404a88; color: #fff; padding: 5px 50px; min-width: 150px; background-image: none; text-transform: uppercase; text-align: center; font-size: 12px; } .validation-summary-errors { color: red !important; list-style: none !important; } .field-validation-error { color: red !important; list-style: none !important; } .TriSysPopupWindowIcon { background: url('/Images/WindowIcon.gif'); background-size: 16px; width: 16px; height: 16px; display: inline-block; } /*.nav > li > a { padding: 15px 12px!important; }*/ .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } .navbar-right .dropdown-menu { left: auto; right: 0; } .nav-item { padding: 5px; margin: 2px; } .fontStyle { font-size: 14px; font-family: Arial } .post-classic-figcaption { position: absolute; left: 0px; right: 2px; bottom: 0px; padding: 0px 60px 0px 15px; background-color: rgba(215, 157, 108, 0.53); } .tile-position { position: relative; transition: all .3s ease-in-out; width:300px } .card { border: none !important; border-radius: unset !important; } .nav-link { display: table-column; padding: 0.5rem 1rem; } #navbar .btn { border: 0px solid transparent; } #navbar .btn-default.focus, #navbar .btn-default:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } #navbar button.dropdown-toggle-split { background-color: white; } #navbar button.dropdown-toggle-split:hover { color: white; } #navbar button.dropdown-toggle-split:active { outline: none; color: white; } .k-grid-header th.k-header > .k-link { font-weight: bold !important; } .quotenumberdropdowntext { font-family: Segoe UI !important; font-size: 15px !important; color: #000000 !important; vertical-align: middle; } @media only screen and (max-width: 768px) { /* For mobile phones: */ .loginholder { width: 100% !important; margin: auto !important; height: 50% !important; } .colhalfPlus { width: 50% !important; } .mainContent .buttontext, .buttontext { min-width: 100px !important; } .k-widget k-window { width: auto !important; } .bodyContainer { margin-left: 10% !important; margin-right: 10% !important; } .cardAlign { width: 100% !important; padding-bottom: 100% !important; } #hideForTablet { display: none !important; } } @media only screen and (max-device-width: 470px) { .loginholder { width: 100% !important; margin: auto !important; height: 50% !important; } .colhalfPlus { width: 50% !important; } .mainContent .buttontext, .buttontext { min-width: 100px !important; } .k-widget k-window { width: auto !important; } #hideForTablet { display: none !important; } } /*@media (min-width: 768px) { 	.bodyContainer { 		margin-left: 10% !important; 		margin-right: 10% !important; 	} 	.cardAlign { 		width: 100% !important; 		padding-bottom: 100% !important; 	} } */ /*.Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { .cardAlign { position: relative !important; left: 30% !important; } #hideForTablet { display: none !important; } } /*.Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px) { .cardAlign { position: relative !important; left: 30% !important; } #hideForTablet { display: none !important; } }