.glyrenpol{ position:absolute; display:block; top:25%; margin-left:33%; } .gly{ position:absolute; display:block; top:25%; margin-left:-10%; } .glyWS{ position:absolute; display:block; top:25%; } .glyphicon-ok { color:green; } .glyphicon-remove { color:red; } @media only screen and (max-width: 768px) and (min-width: 360px) { .glyrenpol{ margin-left:5%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .glyrenpol{ margin-left:25%; } } @media only screen and (max-width: 1024px) and (min-width: 1023px) { .glyrenpol{ margin-left:30%; } } .ui-datepicker-month{ width:40%!important; border:1px solid #d1d1d1; border-radius: 0px; background:#f5f5f5; font-size: 10px !important; height:30px !important; } .ui-datepicker-year{ width:40% !important; border:1px solid #d1d1d1; border-radius: 0px; background:#f5f5f5; font-size: 10px !important; height:30px !important; } .title { font-size: 1.375em; } .h-pad { padding: 1.5em 0; } .form-btn { border-radius: 25px; border: 1px solid #FF6900; padding: 8px 32px; font-size: 16px; cursor: pointer; background-color: #FF6900; text-decoration: none; color: #ffffff; } #imgPosition{ position: absolute; right: 14px; z-index: 1; top: 6px; cursor: pointer; } .quotaTxt { background: #FFF0E9 0% 0% no-repeat padding-box; border-radius: 8px; text-align: center; padding: 20px; font-size: 16px; font-family: Aller-Regular; } .content-title { font-family: Aller-Regular; font-size: 18px; text-align: left; color: #FD945F; margin: 12px 0px 16px; } .outline { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #0000000A; border: 1px solid #E9E9F0; border-radius: 8px; margin-bottom: 8px; height: auto; padding: 8px; } .product_name { text-align: left; font: Bold 30px/38px Aller-Regular; letter-spacing: 0px; color: #4D5965; text-transform: uppercase; } .product_val { font: Bold 33px/11px Aller-Regular; letter-spacing: 0px; color: #333333; margin-top: 24px; } .omr { text-align: center; font: Bold 12px/5px Aller-Regular; letter-spacing: 0px; color: #9EACBA; text-transform: uppercase; } .product_desc { text-align: left; font-family: Aller-Regular; font-size: 15px; letter-spacing: 0px; color: #4D5965; opacity: 1; line-height: 24px; } .show-link { text-decoration: underline; letter-spacing: 0px; color: #FF6900 !important; font-size: 16px; cursor: pointer; } .col-tick { padding: 0; } .benefits { padding: 6px 0; } .info div { padding: 16px 15px; } .info label { color: #8896A3; font-weight: 500; } #mobile_number:valid { padding-left: 3.125em; } .edit-icon { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); font-size: 18px; cursor: pointer; padding-left: 8px; font-weight: bold; } .close-icon { font-size: 24px; color: red; padding: 8px; margin: 2px 0; cursor: pointer; } .badge-icon { display: inline-block; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #9EACBA; border-radius: 24px; text-align: center; font-size: 16px; letter-spacing: 0.32px; color: #55565A; padding: 0px 6px 4px 16px; margin: 10px 10px 10px 0; } .promoBtn { border: 2px solid #FF6900; border-radius: 24px; opacity: 1; width: 201px; height: 35px; padding: 5px 10px; text-align: center; font-size: 16px; font-family: Aller-Regular; letter-spacing: 0px; color: #FF6900; margin: 2px 0px 0; cursor: pointer; } .addMmoda{ width: 400px; background: white; /* height: 470px; */ padding: 25px; text-align: center; top : 10%; border-radius: 4px; } .inputTyp, select { width: 300px; height: 48px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #55565A; border-radius: 6px; opacity: 1; direction: ltr; font-family: Aller-Regular; padding-left: 16px; font-weight: normal; } .gender-xs span { float: left; padding: 0 10px; } .pVal { text-align: left; font-size: 18px; font-family: Aller-Regular; color: #4D5965; margin-bottom: 0; } .role { margin-right: 20px; margin-left: 2px; font-weight: normal; position: relative; top: -5px; } .authorized span { border: 2px solid #FF6900; border-radius: 24px; padding: 8px 10px; font-size: 14px; letter-spacing: 0px; color: #FF6900; font-size: 14px; margin: 10px 16px; display: inline-block; cursor: pointer; } .tab-sm-btn { width: 100px; } .disabled-select { opacity: 0.5; cursor: not-allowed !important; } @media only screen and (max-width: 990px) and (min-width: 768px) { #addDrivers .inputTyp { width: 300px !important; } } @media only screen and (max-width: 768px) { .col-sm-no-pad { padding: 0; } .text-xs-center { text-align: center; } } @media only screen and (max-width: 600px) { .role { margin: 0; padding: 0 0 0 20px; } .quotaTxt { margin-top: 16px; } } .bullet { width: 1.5% !important; padding: 0; } .disc { width: 12px; height: 12px; border: 6.5px solid #FDA57A; display: inline-block; border-radius: 24px; margin: 9px 0 0; } .extra_charges { font-size: 14px; } .extra_charges .role { top: 6px !important; } .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .info > [class*='col-'] { display: flex; flex-direction: column; word-wrap: break-word; }