/*
font-family: 'Roboto', sans-serif;
font-family: 'Rubik', sans-serif;
*/

* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; }

/* Generic */
.fl { float: left; }
.fr { float: right; }
.clr { clear: none; float: none; }
.clr::after { content: ''; clear: both; display: block; }
a { color:#000; cursor:pointer; }
.tacenter { text-align:center; }

/* Disable Site */
.siteoverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 10000; }
.siteoverlay .loader { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background: black url(/Assets/Images/siteoverlay.gif) no-repeat center center; border-radius: 10px; opacity: 0.7; }

/* Modal Dialog */
#modalDialogBackground { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.7); z-index: 10; }
.modaldialog { position: absolute; top: 0px; left: 0px; background-color: white; min-width: 350px; max-width:80%; }
.modaldialog .title { color: white; background-color: #0F579F; border-bottom: 1px solid #0F579F; font-weight: 400; line-height: 40px; font-size: 26px; height: auto; text-align: center; padding: 10px 20px; }
.modaldialog .content { padding: 10px 20px; border: 1px solid #DDDFE2; border-top-width: 0px; border-bottom-width: 0px; }
.modaldialog .buttons { padding: 0px 20px 10px 20px; text-align: center; border: 1px solid #DDDFE2; border-top-width: 0px; }
.modaldialog .buttons a.button { padding: 10px 20px; text-align: center; color: White; text-transform: uppercase; font-size: 14px; cursor: pointer; line-height: 29px;  }
.modaldialog .buttons a.button { margin-left: 20px; }
.modaldialog .buttons a.button:nth-child(1) { margin-left: 0; }
.modaldialog .buttons a.primary { background-color: #666; }
.modaldialog .buttons a.secondary { background-color: #C0C0C0; }
.modaldialog .buttons a:hover { text-decoration: none; }

.modaldialog .ui-autocomplete { line-height: 30px; font-size: 14px; }
.modaldialog .ui-corner-all { border-radius: 0; }
.modaldialog .ui-autocomplete li a.ui-state-focus,
.modaldialog .ui-autocomplete li a.ui-state-hover,
.modaldialog .ui-autocomplete li a.ui-state-highlight { background: #F0F0F0 !important; border: 0; }

.modaldialog .row { margin-bottom: 15px; padding-right: 0; }

.modaldialog .form .txt { width: 100%; }

.modaldialog .title .titletext { float: left; padding-right: 20px; }
.modaldialog .title .titleclose { float: right; cursor: pointer; background-color:#FFF; color:#0F579F; border-radius:100%; width:34px; height:34px; line-height:34px; text-align:center; font-weight:400; font-size:20px; margin-top:5px; }

.modaldialog.withheight .dlgcontainer { height: 100%; position: relative; }

.modaldialog  .cmscontent { padding:0; }
.modaldialog h1 { color: #103344; font-size: 32px; line-height: 46px; text-align: center; font-weight: normal; }
.modaldialog h2 { color: #05376A; font-size: 20px; font-weight: 500; line-height: 27px; }
.modaldialog h3 { opacity: 0.87; color: #000000; font-size: 32px; line-height: 33px; text-align: center; font-weight: normal; }
.modaldialog h4 { opacity: 0.87; color: #000; font-family: Roboto; font-size: 17px; line-height: 25px; font-weight:normal; }

.modaldialog .buttons a.button { border: 3px solid #7BCE4A; border-radius: 34px; color: #7BCE4A; font-size: 16px; font-weight: 500; text-align: center; padding: 15px 35px; display: inline-block; cursor: pointer; text-decoration: none; }
.modaldialog .buttons a.primary { border-color: #7BCE4A; color: #7BCE4A; background-color:#FFF; }