@font-face {
    font-family: 'HelveticaNeueW23';
    src: url('fonts/HelveticaNeueW23-Reg.eot'); /* FOR IEs */
    src: local('?'), url('fonts/HelveticaNeueW23-Reg.ttf') format('truetype'), url('fonts/HelveticaNeueW23-Reg.woff') format('woff'), url('fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman') format('svg'); /* for other web browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueW23';
    src: url('fonts/HelveticaNeueW23-Bd.eot'); /* FOR IEs */
    src: local('?'), url('fonts/HelveticaNeueW23-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueW23-Bd.woff') format('woff'), url('fonts/HelveticaNeueW23-Bd.svg#HelveticaNeueLTArabic55Roman') format('svg'); /* for other web browsers */
    font-weight: bold;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(fonts/OpenSans-Regular.woff) format('woff'),
        url(fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),
        url(fonts/OpenSans-Bold.woff) format('woff'),
        url(fonts/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Simple-Line-Icons';
    src:url('fonts/Simple-Line-Icons.eot');
    src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
        url('fonts/Simple-Line-Icons.woff') format('woff'),
        url('fonts/Simple-Line-Icons.ttf') format('truetype'),
        url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, html {
    margin: 0px;
    font-family: 'DroidKufi-Regular', 'HelveticaNeueW23', Arial, sans-serif !important;
    font-size: 12px;
}
html, html a {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}
iframe {
    background: #fff;
}
form {
    background-color: #ffffff;
}
.body_background {
    background-color: #FFF;
}

h1 {
    font-size: 1.7em;
    color: #444444;
}
h1.err {
    font-size: 1.5em;
    color: red;
    width: 700px;
}
h2.pagetitle {
    border: 0 solid #333;
    color: #b89207;
/*    float: left;*/
    font-size: 28px;
    font-weight: normal;
    margin: 9px 15px 5px 2px;
    padding: 0;
    text-align: left;
}
h2.subtitle {
    background: url("../images/title-bg.png") no-repeat scroll -6px center rgba(0, 0, 0, 0);
    border-bottom: 0px solid #B89207;
    color: #B89207;
    font-size: 20px;
    font-weight: normal;
    line-height: 31px;
    margin: 0 0 5px;
    padding: 5px 25px 0px 25px;
}
h2.subtitle a{
    background: url("../images/btn-bg.png") repeat-x scroll center top #BCA058;
    font-size: 14px;
    float: right;
/*    line-height: 10px;*/
}
textarea{
    max-width:500px;
}
h2 {
    color: #666;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin: 10px 0 8px;
    padding: 0;
}
h2.sign {
    font-size: 1.6em;
    color: #000000;
    text-align: left;
    width: 680px;
    margin: 0px;
    padding: 0px;
}
h2.err {
    font-size: 1.4em;
    color: red;
    margin: 0px;
    width: 640px;
    margin-bottom: 10px;
    padding: 0px;
}
h2.errlbl {
    font-size: 1.4em;
    width: 470px;
    text-align: center;
    direction: rtl;
    color: red;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}
h3 {
    color: #555 !important;
/*    float: left;*/
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 5px;
    text-align: left;
/*    width: 100%;*/
}




.nlsub-tbl ul {
    background: #fff !important;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
    width: 237px;
}
.nlsub-tbl ul li {
    border-bottom: 1px solid #ddd;
    float: right;
    width: 100%;
    box-sizing: border-box;
}

.nlsub-tbl ul li a {
    display: block;
    line-height: 1.2;
    padding: 5px 12px 7px;
}

.advt-banners-new .banner04 {
    height: 49px;
}
.left-frame-advt {
    border: 0 solid;
    float: right;
    width: 242px;
}
.advt-banners-new {
    border: 0 solid #ddd;
    float: right;
    margin: 11px 0 0px 10px !important;
    width: 240px;
}
.advt-banners-new a {
    background-repeat: no-repeat;
    float: right;
    height: 62px;
    margin-bottom: 10px;
    width: 238px;
    background-size: 238px;
}
.advt-banners-new a.banner01 {
    background-image: url("../images/red/en/banner01.jpg");
}
.advt-banners-new a.banner02 {
    background-image: url("../images/red/en/banner02.jpg");
}
.advt-banners-new a.banner03 {
    background-image: url("../images/red/en/banner03.jpg");
}
.advt-banners-new a.banner04 {
    background-image: url("../images/red/en/banner04.jpg");
}
.advt-banners-new a.banner05 {
    background-image: url("../images/red/en/banner05.jpg");
}
.homepage_services_block {
    float: left;
    margin: 11px auto;
    width: 698px;
    min-height: 750px;
}




.file-size-type {
    color: #999;
    font-size: 11px;
    line-height: 17px;
}
.login-dec > h3 {
    margin-bottom: 18px;
}
h3.title {
    background: url("../images/title-bg.png") no-repeat scroll -6px center;
    color: #ffffff;
/*    float: left;*/
    font-size: 20px;
    line-height: 14px;
    margin: 10px 0 10px;
    padding: 10px 0 10px 28px;
/*    width: 100%;*/
}
h3.failedtitle {
    background-color: #999999;
    color: #FFFFFF !important;
    font-size: 16px;
    margin: 0;
    padding: 5px 19px;
}
h3.passedtitle {
    font-size: 1em;
    background-color: green;
    color: #ffffff;
    padding: 5px;
    width: 200px;
    margin: 0px;
}
h3.subtitle {
    font-size: 1.1em;
    background-color: #628D27;
    color: #ffffff;
    padding: 5px;
    width: 200px;
    margin: 0px;
}
h3.comm {
    float: left;
}
h4 {
    font-size: 13px;
}
p.header_font_large {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
p.header_font_medium {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
p.sign {
    font-size: 1.5em;
    color: #000000;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

input, textarea, select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    border-radius: 2px !important;
    box-shadow: 0 0 5px #f1f1f1 inset;
    min-height: 26px;
    padding: 1px 12px;
}
input:focus, textarea:focus, select:focus {
    background: #f7f7f7 none repeat scroll 0 0;
    color: #333;
}
a {
    color: #555;
    text-decoration: none;
}
a:hover {
    color: #D4BE6B;
    text-decoration: underline;
}
div.clear {
    clear: both;
    float: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
p.hint {
    font-size: 0.95em;
    color: #999999;
}
input.fileupload {
    width: 340px;
    box-shadow:none;
}
select {
    padding:6px;
    width: 200px;
    min-height: 30px;
}
hr {
    color: #cccccc;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    display:none;
}
hr.seperator {
    color: #207B96;
    background-color: #207B96;
    height: 4px;
}
.displayName {
    float: left;
    direction: ltr;
}
#system_navigation {
    float: left;
    direction: ltr;
}
div#OuterContainer {
    direction: rtl;
    float: right;
    font-size: 12px;
    font-weight: normal !important;
    text-align: center;
    width: 100% !important;
    box-sizing: border-box;
}

div#OuterContainer td {
    box-sizing: border-box;
    width: 100% !important;
}
div#content {
    float: left;
    margin-top: 15px;
}
div#loginForm {
/*    border-left: 1px solid #d1d1d1;*/
    float: left;
    margin: 0 auto 15px;
    overflow: hidden;
    padding-left: 30px;
    text-align: center;
}
div#LoginFrm {
    background-color: #fcf9f2 !important;
    background-image: url("../images/dialog_box_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #bfa35b !important;
    border-radius: 0;
    box-shadow: 0 0 3px #bfa35b;
    float: right;
    min-height: 220px;
    overflow: hidden;
    padding: 60px 25px 25px;
    position: relative;
    text-align: center;
    width: 225px;
}
#LoginFrm > h3 {
    border-bottom: 1px solid #e8e8e8;
    font-size: 20px;
    left: 0;
    padding: 22px 3px 4px 17px;
    position: absolute;
    top: 0;
    width: 265px;
}
#LoginFrm td {
    line-height: 8px;
    padding: 5px 0;
    text-indent: 0;
}
#LoginFrm legend {
    margin: 0 auto;
}
div#LoginLinks {
    width: 235px;
    text-align: center;
    border: solid 1px #cccccc;
    padding: 0px;
    float: right;
    background: #fff;
}
div#header {
    float: left;
    padding: 5px;
    margin-left: 60px;
}
div#header a {
    color: #000000;
}
div#languages {
    float: left;
}
div#welcomemsg {
    width: 500px;
}
table td, table th {
    text-align: left;
    direction: ltr;
}
p.plbl {
    font-weight: bold;
    padding: 0px;
    padding-bottom: 5px;
    margin: 0px;
    float: left;
}
/* Menu */
div#menu {
    width: 220px;
    margin-right: 20px;
    float: left;
    text-align: left;
    display: block;
    height: 500px;
}
div#menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 15px 0px;
}
div#menu li {
    list-style-type: none;
    margin: 8px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: left;
}
div#menu li a {
    color: #444444;
    text-decoration: none;
}
div#menu li a:hover {
    color: #626262;
    text-decoration: none;
}

div.mainli {
    padding: 3px;
    background: #4E6D96 url(../images/headBkg.jpg) repeat-x;
    color: white;
    height: 36px;
}
div#menu li a.navlink {
    color: #ffffff !important;
    line-height: 18px;
}
div#menu li a.navlink:hover {
    color: #fff000 !important;
}
div#menu li.groupli {
    width: 140px;
}
div#menu li a.grouplink {
    color: #000000 !important;
    line-height: 18px;
}
div#menu .sub, ul.sub {
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 4px;
    padding-left: 15px
}
div#menu .sub li {
    margin: 0px 10px 0px 0px;
    list-style-type: square;
    padding: 0px 4px 5px 0px;
}
ul.sub li {
    margin: 0px;
    padding: 0px 4px 12px 0px;
    list-style-type: square;
}
span.selected {
    font-weight: bold;
    color: #C25555;
}
/* Add Institution */

div#add-inst .text, .addequip .text, table#nav .text {
    width: 200px;
}
ul#inst-steps, ul#insp-steps, ul#rev-steps {
    background-color: #999;
    border-radius: 2px;
    clear: both;
    float: none;
    height: 35px;
    list-style-type: none;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0;
}
.no-btn-ico{
    background-image:none !important;
    padding-left:15px !important;
}
.steps-arrow {
    background-image: url("../images/step-arrow.png");
    background-repeat: no-repeat;
    background-size: 14px auto;
    border: 0 solid;
    height: 36px;
    position: absolute;
    right: -11px;
    top: 0;
    width: 20px;
    z-index:3;
}
ul#inst-steps li a, ul#insp-steps li a, ul#rev-steps li a {
    color: #fff;
    font-size: 13px;
}
ul#inst-steps li, ul#insp-steps li, ul#rev-steps li {
    background-size: 33px auto;
    border-left: 0 solid #fff;
    float: left;
    height: 36px;
    list-style-type: none;
    margin: 0;
    padding: 8px 20px 0px;
    position: relative;
    text-align: right;
    color:#fff;
}
ul#insp-steps li.selected {
    background: url(../images/steps.jpg) no-repeat;
    width: 200px;
}
ul#inst-steps li.completed, ul#rev-steps li.completed {
    background-color: #bd9813;
}
ul#inst-steps li.selected, ul#rev-steps li.selected {
    background-color: #c00;
}
ul#inst-steps li.selected a, ul#insp-steps li.selected a, ul#rev-steps li.selected a {
    font-weight: bold;
    color: #ffffff;
}
ul#insp-steps li {
    width: 200px;
}
ul#rev-steps li.step1, ul#rev-steps li.step4 {
    width: 130px;
}
ul#rev-steps li.step2, ul#rev-steps li.step3, ul#rev-steps li.step5 {
    width: 130px;
}
table.tbl {
    direction: ltr;
/*    float: left;*/
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
    width: 100%;
}
table.tbl td {
    vertical-align: top;
    text-align: left;
}
table.tbl th {
    background-color: #e0e0e0;
    border-left: 1px solid #ccc;
    color: #666666 !important;
    text-align: left;
}
td {
    line-height: 25px;
    text-indent: 7px;
}
table.tbl tr.alt td {
    background-color: #e2e5e6;
    text-indent:8px;
}
table.tbl tr.alt2 td {
    background-color: #DCDCDC;
}
table.tbl tr.white td, table.tbl-list tr.white td {
    background-color: #ffffff;
    color: #000000;
}
/*table.tbl span{font-weight: bold;}*/
table.tbl tr.owners td {
    background-color: #dde9d9;
}
table.tbl .inst-info td {
    background-color: #eaf0f8;
}
table.tbl .add-info td, table tr.add td {
    background-color: #eff1da;
}
table.tbl-list tr.buildingdata td {
    border: solid 1px #cccccc;
}
table.tbl .title td, div.title {
    background-color: #999;
    color: #ffffff;
    font-weight: bold;
}
tr.grey-background th {
    background-color: #e0e0e0 !important;
    color: #666 !important;
}
div.title {
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    padding: 5px 11px 6px;
    width: 100%;
}
div.insptitle {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #333;
    float: left;
    margin-top: 10px;
    padding: 8px 12px;
    width: 100%;
    box-sizing: border-box;
}
table td.submit {
    text-align: right;
    padding: 10px 0;
}
div.submit {
    margin-left: 0;
    margin-top: 10px;
    text-align: right;
}
div.submit-btn{
    float:right;
}
.instname {
    background-color: #48CCCD;
    color: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}
div.homepart {
    width: 330px;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.homepart fieldset {
    padding: 5px 5px;
    margin: 0px;
    height: 260px;
}
div.homepart fieldset legend {
    font-size: 1.2em;
    padding-bottom: 10px;
    color: #05536a;
}
div.homepart table.tbl-list {
    width: 320px;
}
.ui-tabs-panel table.tbl-list {
   width: 100% !important;
}
table.tbl-list {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e9e9e9 #e9e9e9 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid solid none none;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 2px #e9e9e9;
    direction: ltr;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;

}
table table {
    border: 0 !important;
}
table.tbl-list th {
    background:#bd9813;
    color: #ffffff !important;
    text-align: left;
    vertical-align: middle !important;
}
table.tbl-list .alt td {
    background-color: #f0eeee;
}
table.tbl-list .table_header_colo#999999 {
    background-color: #e0e0e0;
    font-weight: bold;
}
table.tbl-list td, table.tbl-list th {
    border-bottom: 1px solid #e3e3e3;
    vertical-align: middle;
}
table.tbl-list-topborder td {
    border-top: solid 1px #cccccc;
    padding: 5px;
    vertical-align: top;
}
table.tbl-list-topborder th {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    text-align: left;
    vertical-align: middle !important;
}
table.tbl-list-topborder th {
    border-top: none;
    padding: 5px;
    vertical-align: top;
}
table.tbl-list-topborder .alt td {
    background-color: #f0eeee;
}
table.tbl-list-topborder .table_header_colo#999999 {
    background-color: #e0e0e0;
    font-weight: bold;
}
.w600 {
    width: 600px !important;
}
.w700 {
    width: 700px !important;
}
.w750 {
    width: 750px !important;
}
.w100p {
    width: 100% !important;
}
tr.comp, div.comp, div.comp {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    color: #666666 !important;
/*    float: left;*/
    margin-bottom: 0px;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
}
tr.upload, tr.upload td {
    background-color: #ffecec;
}
tr.h2.comp {
    color: black !important;
    font-size: 1.6em;
}
tr.expired, tr.expired td {
    background-color: #FDBFBF;
}
tr.approved, tr.approved td {
    background-color: #E1F1E5;
}
tr.grey th {
    background-color: #878787 !important;
}
input.buttonOther {
    background: #D99307;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    padding: 3px;
    color: #ffffff;
    box-shadow:none;
}
input[type="text"], select {
    width: 260px;
    height:26px;
}
.paginationTG li{
    float:left !important;
}

a.button {
    background: #bd9813 none repeat scroll 0 0 !important;
    border: 1px solid #bca058;
    border-radius: 0 !important;
    box-shadow: none;
    box-sizing: unset;
    color: #ffffff;
    cursor: pointer;
    float: right !important;
    /*    font-family: "HelveticaNeueW23" !important;*/
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 2;
    margin: 0 0 0 10px;
    min-height: 28px;
    padding: 0 12px;
    text-align: center !important;
    vertical-align: top;
    width: auto !important;
    text-indent: 0 !important;
    margin: 0 10px 0 0;
}
a.button:hover {
    background-color: #c0392b !important;
    border: 1px solid #c0392b;
    text-decoration: none;
    color: #FFF;
}

input.button {
    background-color: #bd9813 !important;
    border: 1px solid #bca058;
    border-radius: 0px !important;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 3px 10px 5px;
    width: auto !important;

}
input.button.red {
    background: #ee2e27 !important;
    box-shadow:none !important;
    border: solid 1px #ee2e27 !important;
}
input.button.red:hover {
    border: solid 1px #c0392b !important;
}
.my-probile-tbl-new .button {
    margin-bottom: 5px;
}
.pull-right {
    float: left;
    padding: 5px 5px 0 0;
}
table.tbl-list td, table.tbl-list th {
    border-bottom: 1px solid #e9e9e9 !important;
    border-left: 1px solid #e9e9e9 !important;
    font-weight: normal;
    line-height: 17px;
    padding: 3px 5px 3px !important;
    text-align: center !important;
}
.pagetitle.max-width-full {
    max-width: 100%;
}
.thin-border{
    border-bottom:1px solid #eee;
    width: 100%;
    float:left;
}
table.tbl-list th {
    border-left: 1px solid #d9c578 !important;
    background-color: #bd9813 !important;
    padding: 7px 5px !important;
}
input.button:hover {
    background-color: #c0392b !important;
    border: 1px solid #c0392b;
}
input.buttongreen {
    background: #bd9813 none repeat scroll 0 0;
    border: 0 solid #cccccc;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px;
    padding: 6px 12px;
    box-shadow:none;
}
input.buttonred {
    background: #ee2e27;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    padding: 5px 12px;
    color: #ffffff;
    font-weight: bold;
    box-shadow:none;
}
input.buttongrey {
    background: none repeat scroll 0 0 #D5D7D7;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #666666;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
    padding: 3px 7px 6px 3px;
    box-shadow:none;
}
input.buttonblue {
    background: #cc0000 !important;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    padding: 5px 12px;
    color: #ffffff;
    font-weight: bold;
    box-shadow:none;
}

input.buttonyellow {
    background: #ffb515;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    padding: 5px 12px;
    color: #ffffff;
    font-weight: bold;
    box-shadow:none;
}

input.add {
    background: #05536a url(../images/addBkg.jpg) no-repeat top right;
    padding-left: 23px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    color: #ffffff;
    font-weight: bold;
    box-shadow:none;
}
input.disabled {
    background: none;
    background-color: #cccccc !important;
    cursor: pointer;
    margin: 0px;
    border: solid 1px #cccccc;
    padding: 3px;
    color: #666666;
    font-weight: bold;
    box-shadow:none;
}
.popup-inner-content-tbl input[type="text"] {
    width: auto;
}
a.buttonicon img {
    width: 18px;
}
a.buttonicon {
    background: #bd9813 none repeat scroll 0 0;
    border: 0 solid #176277;
    border-radius: 2px;
    color: #fff;
    float: left;
    line-height: 22px;
    margin-left: 10px;
    padding: 3px 14px 5px 10px;
    text-decoration: none;
    height: 22px;
}
input.cancel, a.cancel {
    background: #ccc none repeat scroll 0 0 !important;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: none;
    color: #444444;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: 0 5px;
    min-width: auto;
    padding: 3px 15px 6px;
    text-decoration: none;
    width: auto;
}
.cancel:hover {
    background-color: #ccc;
    text-decoration: none;
}
a.add:hover {
    color: yellow;
}
input.clear {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #555555;
    border-radius: 2px;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold !important;
    height: 28px;
    margin: 0 8px 0 0;
    padding: 0 12px;
}
input.clear:hover {
    opacity: 0.9;
}
#searchTerm {
    border-radius: 2px;
    display: inline-block;
    height: 17px;
    margin: 0 8px;
    width: 155px;
}

a.pay {
    color: #1B8FB3;
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: none;
}
a.pay:hover {
    text-decoration: underline;
}
div#dvRole {
    margin: 5px 5px 5px 5px;
    float: left;
    width: 235px;
}
div.selected {
    background-color: #DAF2B0;
}
input.disabled {
    background-color: #d5d7d7;
    color: #999999;
    padding: 4px 10px;
    margin-right: 5px;
}
p.msg, tr.msg td {
    background-color: #f1f16a;
/*    border: 1px solid #c9c971;*/
    border-radius: 2px;
    color: #444444;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 15px 0px;
    text-align: center;
/*    width: 100% !important;*/
}
p.msg {
    clear: both;
}
tr.msg td {
    width: 670px;
}
span.msg {
    color: #444444;
    display: inline-block;
    font-weight: normal;
}
#OuterContainer span {
    padding: 1px 60px 10px;
}
div#error, p.error, span.error {
    background: #f1e4e4 none repeat scroll 0 0;
    border: 0 solid #e5c6c6;
    border-radius: 2px;
    color: #c00;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    text-indent: 15px;
}
input.error {
    border: 1px solid #FF0000;
    color: #FF0000;
    box-shadow:none;
}
select.error {
    border: 1px solid #ff0000;
}
form label.error, label.error {
    background: url("../images/error-label-bg01.png") repeat scroll 0 0;
    color: #ff0000;
    float: left;
    font-size: 11px;
    height: 22px;
    line-height: 24px;
    margin-left: -45px;
    margin-top: 24px;
    padding: 10px 14px 2px;
    position: absolute;
    width: auto !important;
    z-index:1;
}
div.msg {
    color: #ffffff;
    background-color: #4A9659;
    padding: 10px 8px 10px 8px;
    margin: 0px;
    border: solid 1px;
    margin-bottom: 10px;
    font-weight: bold;
}
div.infobox {
    color: #666666;
    background-color: #defedc;
    padding: 6px 8px;
    margin: 0px;
    border: #a7d9a5 solid 1px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    word-break: break-all;
}
div.remarksgrey {
    background-color: #e0e0e0;
    color: #666666;
    float: left;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 8px;
    width: 100%;
    box-sizing: border-box;
}
div.errorbox {
    background-color: #ffe1e1;
    border: 1px solid #e7b2b2;
    color: #666666;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0px;
    text-align: left;
    text-align: center;
}
div.errorbox a {
    color: #666666;
}
tr.red {
    background-color: #ffe1e1;
}
ul.error li {
    color: red;
    font-weight: bold;
}
.noncentered {
    text-align: left;
}
tr.err td {
    background-color: #fff000;
}
p.message {
    color: #4A9659;
    font-weight: bold;
    font-style: italic;
}
tr.box, tr.box td#tdInstDetails {
    border: solid 1px #cccccc;
}
/* Edit Institution */
.dv-addresses {
    display: none;
}
a.add:hover {
    background-color:#bca058;
    background-repeat: no-repeat !important;
    background-position: 15px !important;
    color:#fff;
}
a.add {
    background: #666 url("../images/doc_add.png") no-repeat 15px;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 4px 15px 4px 35px;
    text-decoration: none;
    line-height: 23px;
}
a.add-special {
    background-color: #bd9813 !important;
    border-radius: 2px;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    float: right;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: 1px 0 8px 10px;
    padding: 4px 10px 0 31px !important;
    text-align: center;
    text-decoration: none;
}
tr.tr-success {
    background: #d4f5d4;
}
tr.tr-error {
    background: #f7dddd;
}
.addgreen {
    background: #3f8a14 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    line-height: 20px;
    padding: 6px 20px 4px;
    text-decoration: none;
    float: left;
    border-radius: 2px;
}
.green {
    background: #3f8a14 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px;
    padding: 0px 20px 0;
    text-align: center !important;
    text-decoration: none;
    height: 30px;
}

.grey {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 2px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 24px;
    margin: 0 0 0 5px;
    padding: 3px 20px;
    text-decoration: none;
}

.redfine {
    background: #bc2831;
    padding: 4px;
    line-height: 20px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}



.popup-inner-content-tbl {
    box-sizing: border-box;
    font-family: Arial;
    margin: 2% auto;
    overflow: hidden;
    width: 100%;
    padding: 10px;
}
.popup-inner-content-tbl .pagetitle {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    margin: 0 0 12px;
    max-width: 100%;
    padding: 0 0 10px;
    width: 100%;
}
.popup-inner-content-tbl .txt-tbl-n {
    background: #e9e9e9 none repeat scroll 0 0;
    border-image: none;
    border-left: 0 solid;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    margin: 15px 0 10px;
    padding: 10px 0;
    text-align: center;
}
.popup-inner-content-tbl input.button{
    float:left;
}
#TB_iframeContent {
    border: 1px solid #ddd;
    width: 96% !important;
    margin: 2%;
}




a.edit {
    color: #3F8A14;
}
a.back {
    color: #444444;
}
div.select-from {
    float: left;
    width: 400px;
    margin-left: 12px;
    border: solid 1px #cccccc;
}
div.select-from table {
    width: 100%;
}
div.selected-activities {
    width: 180px;
    float: left;
    vertical-align: top;
    margin-left: 20px;
    border: solid 1px #cccccc;
}
div.select-from option {
    padding: 2px 0px 8px 0px;
}
div.pager {
    float: left;
}
div.pager a {
    color: #c86e42;
}
tr.highlight td {
    background-color: #cc0000;
    color: #ffffff;
    font-weight: normal;
    border-bottom: solid 1px #dddddd;
}
tr.trinst {
    display: none;
}
div.insp-items, div.insp-items table {
    width: 340px;
    float: left;
}
div.insp-items table th {
    height: 60px;
}
div.insp-items {
    padding-left: 5px;
}
div.insp-items input.check {
    margin-left: 5px;
}
div.insp-items td {
    height: 40px
}
div.insp-details {
    width: 765px;
    direction: ltr;
    text-align: center;
    margin: 0px auto 0px auto;
}
a.open {
    color: maroon !important;
}
.white {
    color: white;
    background-color: #c86e42;
    text-align: left
}
a.show {
    color: yellow;
    text-decoration: underline;
}
a.show:hover {
    text-decoration: none;
}
a.reschedule {
    color: green
}
/* Daring Approval */
.drawing .text {
    width: 180px;
}
tr.new td {
    padding-top: 10px;
    background-color: silver;
}
/* Buidling Completion */
#building-info {
    display: none;
}
#ui-datepicker-div {
    direction: ltr;
}
/* Lookup */
input.link {
    border: none;
    background: #ffffff;
    color: maroon;
    cursor: pointer;
}
table.attachlookup select {
    font-size: 0.95em;
}
/* Pager */
.pg-normal {
    color: black;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.pg-selected {
    color: black;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
input.pdfcheck {
    width: 25px;
    height: 25px;
    float: left;
    box-shadow:none;
}
.blockUI {
    font-size: 16px;
    font-weight: normal;
}
/**** Home Webparts ***********/
div#homewebparts {
    width: 700px;
    clear: both;
    float: none;
    margin: 0px auto 0px auto;
}
div#permissions {
    padding-left: 15px;
}
div#permissions ul {
    list-style-type: none;
    margin: 5px;
    padding: 3px 15px 3px 15px;
}
/************* table PDF ************/
table.tbl-pdf {
    border: medium none;
    direction: ltr;
    margin-top: 10px;
    text-align: left;
    width: 100%;
    border: 1px solid #DDD;
}
table.tbl-pdf th {
    background: #bca058 url("../images/btn-bg.png") repeat-x scroll center top;
    color: #ffffff;
    font-weight: normal !important;
    text-align: left;
    LINE-HEIGHT: 16px;
    padding: 6px 8px 5px !important;
    border: 0px !important;
}
table.tbl-pdf tr.hideheader, table.tbl-pdf tr.hideheader th {
    visibility: hidden;
    line-height: 0px;
    border: none;
    background-color: #ffffff;
    color: #ffffff;
    height: 0px;
    padding: 0px;
}
table.tbl-pdf .alt td {
    background-color: #f0eeee;
}
table.tbl-pdf td, table.tbl-pdf th {
    border-top: 1px solid #DDD;
    padding: 9px 10px 7px;
    vertical-align: top;
}
tr:nth-child(odd).zebra {
    background-color: #f0f0f0;
}
table.zebra tr:nth-child(odd) {
    background-color: #f0f0f0;
}

input[type="file"]  {
    padding: 0 !important;
    background: transparent !important;
    border: 0!important;
    margin: 5px 5px 0 !important;
}

h2.black, p.black {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    margin-left: 220px;
    width: 200px;
    padding: 15px;
    height: 30px;
}
h2.grey {
    background-color: #cccccc;
    color: #000000;
    margin: 0px;
    text-align: center;
    margin-left: 220px;
    width: 200px;
    padding: 10px;
    height: 40px;
}
h2.black p {
    margin: 10px;
}
ul.rules li {
    padding-bottom: 15px;
}
span.small {
    font-size: 0.9em;
}
tr.buildings {
    display: none;
}
img.infoicon {
    float: left
}
img.imglink {
    float: left;
    margin-left: 10px
}
img.align_at_end {
    float: right;
}
a.orange {
    color: #CF781B;
    font-size: 1.3em;
}
table.approveTbl {
    font-size: 1.1em;
}
div#popup, div#popup table, div#popup td {
    font-size: 13px;
    margin: 0 auto;
    max-width: 620px;
}
a.choose {
    font-weight: normal;
    color: #4E7012;
}
a.remove {
    color: red;
    font-weight: normal;
}
tr.last, tr.last td {
    border: none;
}
table#addVehicle input {
    width: 150px;
}
table#addVehicle select {
    width: 154px;
}
table#applyRadio input {
    width: 150px;
}
table#applyRadio select {
    width: 154px;
}
table#applyFence input {
    width: 150px;
}
table#applyFence select {
    width: 154px;
}
ul#tradrev-steps {
    background-color: #cccccc;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 670px;
    clear: both;
    float: none;
    height: 50px;
}
ul#tradrev-steps li a {
    color: #000000;
    padding: 15px 10px 0px 0px;
}
ul#tradrev-steps li {
    list-style-type: none;
    line-height: 40px;
    margin: 0px;
    margin-left: 10px;
    width: 90px;
    padding: 0px;
    float: left;
    text-align: left
}
ul#tradrev-steps li.selected {
    background: url(../images/steps.jpg) no-repeat;
    width: 130px!important;
    height: 50px;
}
#uploadReceipt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0 !important;
    text-align: left;
}
ul#tradrev-steps li.selected a {
    font-weight: normal;
    color: #ffffff;
    width: 120px;
    padding: 15px 5px 0px 0px;
}
ul#tradrev-steps li.step1 {
    width: 110px;
}
ul#tradrev-steps li.step2, ul#tradrev-steps li.step3, ul#tradrev-steps li.step4, ul#tradrev-steps li.step5 {
    width: 90px;
}
ul#lgnlinks {
    direction: ltr;
    list-style-type: square;
    padding: 10px;
    margin: 10px;
}
ul#lgnlinks li {
    margin-bottom: 1em;
}
/********* Help *************/
p.helptxt {
    font-size: 15px;
    line-height: 22px;
}
div.helpcontainer {
    font-size: 15px;
}
img.shot {
    border: solid 2px #cccccc;
    padding: 3px;
    margin-left: 12px;
}
div.helpcontainer h4 {
    background: url(../images/add.png) no-repeat top right;
    padding-left: 22px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
}
div.helpcontainer ul {
    margin: 0px;
    padding: 0px 15px 0px 0px;
}
div.helpcontainer li {
    margin: 0px;
    margin-left: 25px;
    margin-bottom: 7px;
    padding: 3px;
}
.uploaderr {
    background-color: #fbdfdf;
    border: 1px solid #f2cdcd;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #a34444;
    font-size: 0.9em;
    padding: 30px 50px;
    position:fixed;
    width: 600px;
    box-shadow: 0px 0px 10px #333;
    text-align: center;
    z-index:999999;
}
div.dvDesc {
    display: none;
    clear: both;
    float: none;
}
#attachs {
    direction: ltr;
    text-align: left;
}
div.attach {
    clear: both;
    padding: 0px;
    margin: 0px;
}
a.viewissues {
    font-size: 0.8em;
    float: right;
}
tr.dangerRow {
    background-color: #999;
    color: white
}
table.table_navigator {
    border-radius: 0 !important;
    margin-bottom: 10px !important;
    width: 100%;
    float: right;
}
table.table_navigator td {
    border-radius: 0;
    padding: 9px 5px 7px;
    text-align: center;
    border-left: 1px solid #fff;
}
td.td_active {
    background-color: #cc0000;
    color: #ffffff;
    font-weight: normal;
}
td.td_disabled {
    background-color: #dddddd;
    color: #666666;
    font-weight: normal;
}
td.td_error {
    color: #666666;
    background-color: #ffe1e1;
    font-weight: normal;
}
/*
td.td_disabled:hover{
    background-color: #cc0000; 
    color: #ffffff;
    font-weight: normal;
}*/
.center-align {
    text-align: center;
    margin: 0 auto;
}
.header_1024 a {
    display: block !important;
    height: 80px;
    color: #b89207 !important;
}
.register-tbl {
    border: 1px solid;
    overflow: hidden;
}

a, input, select, textarea{
    border-radius:0px !important;
}

.css-drop-user-manual:hover{
    background-color: #F1EAD7;
}

.css-drop-tbl a:hover {
    color: #D4BE6B;
    transition: none 0s ease 0s;
}
.css-drop-user-manual {
    position: relative;
    cursor: pointer;
}
.css-drop-tbl {
    left: 0;
    padding: 0;
    position: absolute;
    top: 39px;
    z-index: 99;
    display:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.css-drop-tbl a {
    background: none repeat scroll 0 0 #F1EAD7;
    border-bottom: 1px solid #8D8D83;
    border-left: 0 solid #E06666;
    color: #8D8D83;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 15px;
    text-decoration: none;
    width: 250px;
    z-index: 99;
}

.css-drop-user-manual:hover .css-drop-tbl {
    display: block;
    box-shadow: 0px 5px 6px -6px #333;
}
#formData input[type="text"] {
    width:auto;
}



tr.highlighted td{
    background-color:#EAE3D9;
    color: #FFFFFF;
    font-weight:normal;
    color:#000000;
}

@-webkit-keyframes redflash {
    from { background-color: red; }
    to { background-color: inherit; }
}
@-moz-keyframes redflash {
    from { background-color: red; }
    to { background-color: inherit; }
}
@-o-keyframes redflash {
    from { background-color: red; }
    to { background-color: inherit; }
}
@keyframes redflash {
    from { background-color: red; }
    to { background-color: inherit; }
}
.redflash {
    -webkit-animation: redflash 1s infinite; /* Safari 4+ */
    -moz-animation:    redflash 1s infinite; /* Fx 5+ */
    -o-animation:      redflash 1s infinite; /* Opera 12+ */
    animation:         redflash 1s infinite; /* IE 10+ */
}
@-webkit-keyframes orangeflash {
    from { background-color: orange; }
    to { background-color: inherit; }
}
@-moz-keyframes orangeflash {
    from { background-color: orange; }
    to { background-color: inherit; }
}
@-o-keyframes orangeflash {
    from { background-color: orange; }
    to { background-color: inherit; }
}
@keyframes orangeflash {
    from { background-color: orange; }
    to { background-color: inherit; }
}
.orangeflash {
    -webkit-animation: orangeflash 1s infinite; /* Safari 4+ */
    -moz-animation:    orangeflash 1s infinite; /* Fx 5+ */
    -o-animation:      orangeflash 1s infinite; /* Opera 12+ */
    animation:         orangeflash 1s infinite; /* IE 10+ */
    background-color: orange;
}
input, select, textarea, button{font-family:inherit;}
.float {
    float : left !important;
    width: 956px;
}
.service-card-tbl .left-tbl {
    border: 0 solid;
    float: right;
    margin-top: 15px;
    width: 240px;
}
.service-card-tbl .right-tbl {
    border: 0px solid;
    width: 690px;
    float: left;
    margin-top: 10px;
    font-size: 13px;
    text-align: left;
}
.service-card-tbl .detail-tbl {
    margin-bottom: 15px;
    overflow: hidden;
}
.service-card-tbl .pagetitle {
    border-bottom: 1px solid #bd9813;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 99%;
}
.service-card-tbl h3 {
    font-size: 20px;
    padding-bottom: 10px;
    width: 100%;
}
.service-card-tbl .card-txt-tbl {
    border: 1px solid #ddd;
    float: left;
    margin-top: -1px;
    overflow: hidden;
    width: 99%;
}
.service-card-tbl .card-txt-tbl.gray {
    background-color:#f9f9f9;
}
.service-card-tbl .card-txt-tbl .col-02 {
    width: 60%;
    background:transparent;
}
.service-card-tbl .card-txt-tbl .col-01 {
    width: 30%;
    background:transparent;
}
.service-card-tbl .ui-accordion h3 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b89207;
    color: #444 !important;
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 10px 8px !important;
    position: relative;
}
.service-card-tbl .ui-accordion-content {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #b89207 !important;
    overflow: hidden !important;
    padding: 15px !important;
    margin-top: -20px !important;
    z-index: 9;
    font-size: 12px;
}
.service-card-tbl .table-bordered {
    border: 1px solid #ddd;
}
.service-card-tbl .table-bordered {
    border-bottom: 1px solid #ddd
}
.service-card-tbl .table-bordered tbody tr td, .service-card-tbl .table-bordered tbody tr th, .service-card-tbl .table-bordered tfoot tr td, .service-card-tbl .table-bordered tfoot tr th, .service-card-tbl .table-bordered thead tr td, .service-card-tbl .table-bordered thead tr th {
    border-bottom: 1px solid #ddd
}
.service-card-tbl .table-bordered thead tr td, .service-card-tbl .table-bordered thead tr th {
    border-bottom-width: 1px
}
.service-card-tbl .ui-accordion-content .shadow {
    bottom: -16px !important;
    height: 15px !important;
    padding: 0;
}
.service-card-tbl .ui-icon-triangle-1-e {
    background-position: -33px -128px;
}
.service-card-tbl .ui-icon-triangle-1-s {
    background-position: -64px -128px !important;
}
.service-card-tbl .ui-accordion .shadow {
    background-image: url("../images/gold/shadow.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border: 0 solid;
    bottom: -17px;
    height: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.service-card-tbl table {
    border: 1px solid #ccc;
}
.service-card-tbl td {
    vertical-align: middle!important;
}
.service-card-tbl table td {
    font-size: 12px;
    padding: 8px;
}
.service-card-tbl div.serviceIcons {
    display: inline-block;
    padding: 0;
    width: 100%;
}
.service-card-tbl div.serviceIcons a {
    border: 1px solid;
    box-sizing: border-box;
    color: #956f2d;
    float: right;
    font-size: 11px;
    height: 120px;
    margin-right: -1px;
    margin-top: -1px;
    padding: 23px;
    text-align: center;
}
.service-card-tbl div.serviceIcons a i {
    font-size: 35px;
    margin-bottom: 6px;
}
.service-card-tbl .serviceContent .publications li {
    text-align: center;
    max-height: 180px;
}
.service-card-tbl .publications li {
    min-width: 140px;
    width: 94%;
    min-height: 180px;
}
.service-card-tbl .publications li {
    float: left;
    margin: 10px 15px;
    position: relative;
}
.service-card-tbl .ui-accordion-content a:hover{
    color:#bd9813 !important;
}
.service-card-tbl .serviceDetails li a {
    color: #A87935;
}
.service-card-tbl .publications li img {
    border: 1px solid #bd9813;
    box-sizing: border-box;
    padding: 10px;
}
.service-card-tbl .publications li:hover img {
    transform: scale(1.04);
    opacity: .8;
    transition: .1s linear;
}
.service-card-tbl .ui-widget-content li {
    padding: 4px !important;
}
.service-card-tbl .ui-widget-content li {
    color: #bd9813;
    font-size: 13px;
    list-style: outside none none !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.service-card-tbl .publications .cbp-l-grid-agency-title {
    font-weight: 400!important;
    letter-spacing: 1px!important;
    margin-top: 3px!important;
    text-transform: none!important;
    font-size: 12px!important;
    overflow: hidden;
}
.service-card-tbl .ui-widget-content a {
    color: #555;
    display: inline-block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.service-card-tbl .publications img.img-responsive {
    height: auto;
}
.service-card-tbl .publications img.img-responsive {
    width: 100%;
}
.service-card-tbl .mix_all .video_icon {
    top: 0%;
    z-index: 9;
}
.service-card-tbl .video_icon {
    background-image: url("https://www.moi.gov.ae/ar/images/youtube_ico_color.png");
    background-size: 40px auto;
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40px;
}
.service-card-tbl .serviceLogin {
    font-size: 28px;
    height: 66px;
    padding: 13px 15px 15px;
}
.service-card-tbl .servicesHead {
    background: #bd9813 none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #fff;
    height: 35px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.service-card-tbl .serviceRegister a:hover {
    color: #fff;
    text-decoration: underline;
}
.service-card-tbl .serviceRegister a {
    display: inline-block;
    color: #fff;
}
.service-card-tbl .serviceRegister a {
    color: #fff;
    display: block;
    padding: 10px 0 0 8px;
}
.service-card-tbl .serviceLogin i {
    float: right !important;
}
.service-card-tbl .non-a-head {
    box-sizing: border-box;
    line-height: 1;
    padding: 8px 8px 0;
}
.service-card-tbl .desc.servicedetail {
    padding: 0 10px 10px;
    text-align: justify;
}
.service-card-tbl .servicesHead.new-head {
    height: 29px;
    padding: 8px 8px 0;
}
.service-card-tbl .service:hover {
    background: #fcfcfc;
    -webkit-transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
}
.service-card-tbl .service, .service:hover {
    box-shadow: 0 0 5px #ddd;
    margin-bottom: 10px;
}
.service-card-tbl .serviceLogin a, .service-card-tbl .serviceLogin a::after, .service-card-tbl .serviceLogin a:visited {
    line-height: 40px;
    display: inline-block;
    width: 100%;
    color: #fff;
}
.service-card-tbl .ui-accordion {
    float: left;
    margin-top: 20px;
}
.service-card-tbl .servicesHead .fa {
    float: left;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.service-card-tbl .fa.fa-chevron-circle-left {
    float: left;
}
.service-card-tbl .serviceLogin a i {
    float: right;
    margin-top: 5px;
}
.service-card-tbl ul.rating {
    height: 35px!important;
    margin: 3px auto!important;
    width: 136px;
}
.service-card-tbl ul.rating li {
    float: left;
    height: 35px;
    list-style: outside none none;
    margin: 0 5px !important;
}
.service-card-tbl ul.rating, .service-card-tbl ul.rating li, .service-card-tbl ul.rating li a {
    padding: 0!important;
}
.service-card-tbl ul.rating li a.satisfied.selected, .service-card-tbl ul.rating li a.satisfied:hover {
    background-position: -88px -35px;
}
.service-card-tbl ul.rating li a.satisfied {
    background: url("https://www.moi.gov.ae/ar/images/icons/icons_rate.png") -88px 0 no-repeat rgba(0,0,0,0);
}
.service-card-tbl ul.rating li a.normal.selected, .service-card-tbl ul.rating li a.normal:hover {
    background-position: -44px -35px;
}
.service-card-tbl ul.rating li a.normal {
    background: url("https://www.moi.gov.ae/ar/images/icons/icons_rate.png") -44px 0 no-repeat rgba(0,0,0,0);
}
.service-card-tbl ul.rating li a.not-satisfied.selected, .service-card-tbl ul.rating li a.not-satisfied:hover {
    background-position: 0 -35px;
}
.service-card-tbl ul.rating li a.not-satisfied {
    background: url("https://www.moi.gov.ae/ar/images/icons/icons_rate.png") no-repeat rgba(0,0,0,0);
}
.service-card-tbl ul.rating li a {
    display: block;
    height: 35px;
    width: 34px;
}
.service-card-tbl .newsletter-sub-tbl {
    margin: 0 2px 10px;
}
.service-card-tbl .col-02, .service-card-tbl .col-01 {
    background-color: #fff;
    border: 0 solid #ccc;
    float: left;
    margin-top: 10px;
    min-height: 1px;
    padding: 10px;
    width: 14.36%;
}

.service-card-tbl .card-txt-tbl .col-01 {
    background: transparent none repeat scroll 0 0;
    width: 30%;
}
.service-card-tbl .card-txt-tbl .col-02 {
    background: transparent none repeat scroll 0 0;
    width: 60%;
}

.password-row{
    height: 50px !important;
}
.register-tbl-new .strengthMessage{
    width: 100% !important;  
    min-width:308px;  
    display: inline-flex;
}

.rating-enabled{
    cursor:pointer;
}

.footer-middle > div {
    box-sizing: border-box;
}

.info-box-tbl {
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px;
  color: #8a6d3b;
/*  float: left;*/
  line-height: 1.4;
  margin-bottom: 15px;
  padding: 1% 9% 1% 5%;
  position: relative;
}
.info-box-tbl i {
  background-color: #faebcc;
  border: 1px solid #8a6d3b;
  border-radius: 80px;
  bottom: 0;
  box-sizing: border-box;
  height: 25px;
  margin: auto;
  opacity: 0.7;
  padding-top: 5px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 25px;
}
.info-box-tbl i.download-btn {
  background-color: #8a6d3b;
  color: #fff;
  cursor: pointer;
  float: right;
  margin: auto;
  right: 10px !important;
}
.info-box-tbl .fa.fa-bullhorn {
  left: 12px;
}
.info-box-tbl i.download-btn:hover {
    background-color: #faebcc;
    border: 1px solid #8a6d3b;
    color: #8a6d3b;
}

.info-box-tbl .fa-video-camera.download-btn {
    right: 45px !important;
}

.list-unstyled {
    float: left;
    list-style: outside none none;
    margin: 10px 0 0;
    padding-left: 0;
    width: 100%;
    text-align: left;
}
.service-card-tbl td{
    text-indent:0;
}
.service-card-tbl .new-card-tbl td {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    text-indent: 0;
    line-height: 18px;
}
.service-card-tbl .new-card-tbl td:first-child{
    text-indent:0;
    border-left:0px solid #ddd;
}
.service-card-tbl .pdf_icon {
    background-image: url("https://www.moi.gov.ae/en/images/fileicons/icon_xls.png");
    background-repeat: no-repeat;
    display: inline;
    padding: 3px 20px 0;
    line-height: 2.5;
}
.service-card-tbl .new-card-tbl {
    width: 100%;
}
.service-card-tbl .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.timer-tbl {
    background-image: url("../images/timer.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 85px auto;
    border: 0 solid;
    height: 125px;
    width: 100%;
}
.ui-widget-content li i.fav-ico {
    background-image: url("../images/star.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    background-size: 70% auto;
    border-right: 1px solid #ddd;
    float: left;
    font-size: 10px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor:pointer;
}
.ui-widget-content .fav-ico:hover,.ui-widget-content .fav-ico.active {
    background-position: 0 -15px;
}
.fa.fa-building-o {
    background-color: #ddd;
    border-radius: 100%;
    color: #666;
    display: inline-block;
    font-size: 11px;
    height: 23px;
    line-height: 22px;
    margin: 0 4px;
    text-align: center;
    width: 23px;
}
.rating-btn {
    background-color: #cc0000;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    cursor:pointer;
    left: 4%;
    padding: 8px;
    position: fixed;
    z-index: 999999;
}
.rating-btn, .rating-pop .close-pop{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rating-btn:hover{
    padding-bottom:15px;
}
.rate-panel {
    background-color: rgba(51, 51, 51, 0.8);
    display: none;
    height: 3000px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.rate-panel.show {
    display: block;
}
.rating-pop .close-pop {
    background-color: rgba(0, 0, 0, 0.21);
    border: 0 solid;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 22px;
    padding: 5px 0 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 27px;
}
.rating-pop .close-pop:hover{
    background-color: rgba(0, 0, 0, 0.5);
}
.rating-pop {
    background-color: #fff;
    border: 0 solid;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 2px 10px 1px #333;
    height: 0px;
    overflow:hidden;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top:0;
    text-align: center;
    width: 450px;
    z-index: 9999999;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    margin-botom:-200px;
}
.rating-pop.anim {	
    height: 205px;
}

.rating-pop .txt {
    background-color: #cc0000;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 13px 20px 0px;
    text-align: left;
    height: 33px;
}
.rate-panel .btn-holder {
    margin: 30px 0px;
    text-align:center;
}
.rate-panel .btn-holder .icon {
    background-image: url("../images/rating/icon_happy_default.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position:center top;
    border: 0px solid #999;
    border-radius: 100% !important;
    cursor: pointer;
    display: inline-block;
    height: 88px;
    margin: 0 10px;
    width: 88px;
    position:relative;
    top:0px;
}
.rate-panel .btn-holder .icon.happy{
    background-image: url("../images/rating/happy.png");
}
.rate-panel .btn-holder .icon.sad{
    background-image: url("../images/rating/sad.png");
}
.rate-panel .btn-holder .icon.neutral{
    background-image: url("../images/rating/neutral.png");
}
.rate-panel .btn-holder .icon.happy:hover, .rate-panel .btn-holder .icon.happy.active, .rate-panel .btn-holder .icon.sad:hover, .rate-panel .btn-holder .icon.sad.active, .rate-panel .btn-holder .icon.neutral:hover, .rate-panel .btn-holder .icon.neutral.active{
    background-position:center bottom;
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.payment-logos {
    float: left;
    overflow: hidden;
    padding: 20px 0 10px;
    width: 100%;
}
.payment-logos img {
    float: left;
    height: 20px;
    margin-right: 25px;
}




.video-gallery li {
}
.video-gallery .video-js {
    float: right;
    border: 1px solid #dddddd;
    height: 150px;
    width: 137px;
}
.video-js .vjs-big-play-button {
    border-radius: 100% !important;
    bottom: 0 !important;
    height: 50px !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important;
    top: 0 !important;
    width: 50px !important;
}
.vjs-poster {
    background-color: #fff !important;
    background-size: 80% auto !important;
}
.video-gallery .cbp-title-dark {
    width: 100%;
    float: left;
}
.video-gallery .cbp-l-grid-agency-title {
    margin-top: 5px !important;
}

body.video .video-gallery {
    height: 390px !important;
}
body.video .video-player {
    height: 410px !important;
}

.resize-vid .video-js {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 10px 25px 1px rgba(0, 0, 0, 0.3);
    height: 389px !important;
    left: 0 !important;
    margin: auto;
    padding: 15px;
    position: fixed !important;
    right: 0;
    top: 0 !important;
    width: 680px !important;
}
.resize-vid {
    background: rgba(0, 0, 0, 0.68);
    bottom: 0;
    left: 0;
    margin: auto !important;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 101;
	display: block !important;
}
body.video {
    overflow: hidden;
}
body.video .top-navigation-tbl {
    z-index:1 !important;
}
.vid-close{
    display:none !important;
    cursor:pointer;
}
.resize-vid .vid-close {
  background-color: #fff;
  border-radius: 100%;
  color: #666;
  display: block !important;
  font-size: 15px !important;
  height: 30px;
  line-height: 2 !important;
  position: absolute;
  right: 40px;
  text-align: center;
  top: 40px;
  width: 30px;
}
.vid-tbl {
    float: left;
    margin: 0 0 20px 20px;
    width: 137px;
}
.resize-vid .cbp-title-dark {
    display: none;
}
.close-all {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor:default;
}
.ui-accordion-content-active .shadow {
    display: none;
}
.video-js .vjs-tech {
    position: static !important;
    top: 0;
    left: 0;
    width: 650px;
    height: 360px;
}
.page-not-found h2 {
    border-bottom: 1px solid #b89207;
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0 0 10px;
    width: 100%;
}
.page-not-found .txt {
    width: 100%;
    float: left;
}
.page-not-found .txt a{
    color: #b89207;
    text-decoration: none;
}
.page-not-found .txt a:hover{
    color: #b89207;
    text-decoration: underline;
}
.page-not-found {
    min-height: 140px;
}
.page-not-found .back {
    float: right;
    line-height: 1;
}
.page-not-found .back i {
    float: right;
    line-height: 0;
    padding: 0 5px;
    position: relative;
    top: 5px;
}

.new-card-tbl a{
    color: #b89207 !important;
    text-decoration: none;
}

.new-card-tbl a:hover{
    color: #b89207;
    text-decoration: underline !important;
}
.faq-tbl .ui-accordion-header-active .shadow {
  display: none;
}
.faq-tbl .ui-accordion .ui-accordion-content {
  text-align: left;
}
.meter {
    height: 20px;  /* Can be anything */
    position: relative;
    margin: 0px 0 0px 0; /* Just for demo spacing */
    background: #ccc;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 5px;
    padding: 0px;
/*    float: right;*/
    width: 100%;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    overflow:hidden;
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(43,194,83)),
        color-stop(1, rgb(84,240,84))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(43,194,83) 37%,
        rgb(84,240,84) 69%
        );
    -webkit-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
        -webkit-gradient(linear, 0 0, 100% 100%,
        color-stop(.25, rgba(255, 255, 255, .2)),
        color-stop(.25, transparent), color-stop(.5, transparent),
        color-stop(.5, rgba(255, 255, 255, .2)),
        color-stop(.75, rgba(255, 255, 255, .2)),
        color-stop(.75, transparent), to(transparent)
        );
    background-image:
        -moz-linear-gradient(
        -45deg,
        rgba(255, 255, 255, .2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, .2) 50%,
        rgba(255, 255, 255, .2) 75%,
        transparent 75%,
        transparent
        );
    z-index: 1;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}


.gold > span {
    background-color: #ba9f3b;
    background-image: -moz-linear-gradient(top, #ba9f3b, #e7ca60);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ba9f3b),color-stop(1, #e7ca60));
    background-image: -webkit-linear-gradient(#ba9f3b, #e7ca60);
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    -moz-animation: none;
    background-image: none;
}
.meter i {
  float: right;
  font-style: inherit;
  font-weight: bold;
  padding: 0 5px;
}

.service-center-tbl h3{
  background-color: #bd9813;
  color: #ffffff !important;
  font-size: 16px;
  height: 25px;
  padding: 5px 10px;
}
.service-center-tbl .form-tbl {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0;
  width: 99%;
}
.service-center-tbl .fa.fa-search {
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.service-center-tbl .form-tbl > table {
  border: 0 none;
  float: left;
  margin: 5px 20px 15px !important;
}
.conract-card:hover , .conract-card:hover a{
	color:#fff !important;
	background:#b89207 !important;
}
.address-tbl tr {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.address-tbl td {
  padding: 0 10px !important;
}
.address-tbl i {
  margin-right: 5px;
}
.conract-card {
  border: 1px solid #b89207 !important;
  float: left;
  margin: 0 2% 2% 0;
  width: 31%;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.right-tbl .address-tbl {
  margin-right: -2.3%;
}
.service-center-tbl tr {
  background: #ffffff none repeat scroll 0 0;
}
.service-center-tbl select {
  width: 235px;
}
.backBtn .btn-u.bt-small {
    background: #fff;
    color: #bd9813;
}
.backBtn .btn-u.bt-small:hover {
    background: #BD9813;
}
.backBtn .btn-u.bt-small:hover {
    background: #bd9813;
    color: #fff;
    text-decoration: none;
}
.backBtn .btn-u.bt-small {
    background: #fff;
    color: #bd9813;
}
.backBtn .btn-u.bt-small {
  background: #ffffff none repeat scroll 0 0;
  color: #a9701c;
  float: right;
  padding: 4px 8px;
  text-decoration: none;
}
.backBtn .btn-u.bt-small:hover .fa.fa-chevron-circle-left {
    text-decoration: none;
}
.backBtn .fa.fa-chevron-circle-left {
  float: left;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.backBtn {
  float: right;
  margin: 0 5px 9px;
}
.apps-count-new {
/*    left: 10px;
    position: relative;
    top: 10px;*/
    margin-top: 10px;
    float: right;
}
.apps-count-new .fa {
  background: #e9e9e9 none repeat scroll 0 0;
  border-radius: 40px;
  color: #777777;
  float: left;
  font-size: 13px;
  height: 21px;
  margin: 0 8px;
  padding: 5px 0 0;
  text-align: center;
  width: 26px;
}
.apps-count-new > strong {
  bottom: -1px;
  font-size: 15px;
  position: relative;
}
.text-dir{
    text-align: left !important;
}

table.contact-tbl textArea{
    width:80% !important;
    max-width:80%
}

.alert {
    padding: 6px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.fade.in {
    opacity: 1;
}

#formData .resend {
    float: right !important;
    background-color: #bca058 !important;
    color:#fff;
}

.profile-form .pagetitle {
    float: none;
    clear: both;
}

.my-probile-tbl-new .profile-form .error {
    background-color: #fff;
}

.h2-block {
    font-family: 'DroidKufi-Regular', 'HelveticaNeueW23', Arial, sans-serif !important;
}

#firstSignatureParty, 
#secondSignatureParty {
    cursor: pointer;
    /*background: url("../images/uaepass-logo.png") no-repeat right center transparent;*/
    background-size: 24px;
    padding: 2px 5px 2px 5px;
}

.uaePass-Footer .button, 
.uaePass-Footer .buttongrey {
    height:30px;
    float: right;
    margin-left: 10px;
}



.table_body_en .register-tbl-new .validateEidaInput{
    width: 312px !important;
}
  
.table_body_en .register-tbl-new  .validateEidaInput .button{
    float:right !important;
}

.table_body_en .register-tbl-new .input .validateEidaWithOtp{
    width:213px !important;
}

.register-tbl-new .input .verifyEmiratesID{
    width:70px !important;
}

/** start sso style **/

fieldset.login-alt {
    border: none;
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

#ssologinForm,
#ssologinuaepassForm {
    /*border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 13px;*/
}


#loginForm #sso-login-div {
    width: 300px;
    min-height: 360px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    border: 0;
}

.loginForm-o {
    padding-left: 10px !important;
}

#ssologinForm > form,
#ssologinuaepassForm > form {
    background-color: transparent;
}

#ssologinForm #sso_btn_login {
    color: #000;
    float: none;
    clear: both;
    margin: 0 auto;
    height: auto;
    width: 100% !important;
    padding: 1px 3px !important;
    background-color: #efefef !important;
    border: 2px solid #bfa35b !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 10px rgba(160,160,160, 0.5);
    box-sizing: border-box;
    text-align: center;
}
#ssologinForm #sso_btn_login:focus, 
#ssologinForm #sso_btn_login:hover, 
#ssologinForm #sso_btn_login:active {
    border-color: transparent !important;
    box-shadow: 0 0 0 2px rgba(133,102,49, 0.75);
    outline: 0;
}

#ssologinuaepassForm #sso_btn_uaepass_login {
    cursor: pointer;
    border: none !important;
    background-color: transparent;
    padding: 0;
    width: 100%;
}

#ssologinuaepassForm #sso_btn_uaepass_login > img {
    width: 100%;
}

a.detailLink{
    background: #666 url("../images/preview_old_alert.gif") no-repeat scroll 7px 6px / 18px auto;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px 10px;
    padding: 4px 15px 4px 35px;
    text-decoration: none;
}
a.detailLink:hover {
    background-color:#bca058;
    color:#fff;
}
a.modal-browser {
    position: relative;
    border: 1px solid #ccc;
    left: -10px;
    right: 34px;
    background: #e4e4e4;
    padding: 6px 0;
}
a.modal-browser img {
    position: relative;
    top: 5px;
    left: 0px;
}
.comp.comp-new1 input.button {
    margin-top: 1px;
    padding: 1px 12px;
}
.table_body_logins {
    float: right!important;
}
.gr-table-container td {
    line-height: 29px;
    padding: 8px 10px !important;
}
.float-start {
    float: left;
}
.float-end {
    float: right;
}