/* Minification failed. Returning unminified contents. (142,175): run-time error CSS1030: Expected identifier, found ' ' (142,183): run-time error CSS1031: Expected selector, found ';' (142,183): run-time error CSS1025: Expected comma or open brace, found ';' (142,199): run-time error CSS1030: Expected identifier, found ' ' (142,200): run-time error CSS1031: Expected selector, found '5px' (142,200): run-time error CSS1025: Expected comma or open brace, found '5px' (142,211): run-time error CSS1030: Expected identifier, found ' ' (142,212): run-time error CSS1031: Expected selector, found '200px' (142,212): run-time error CSS1025: Expected comma or open brace, found '200px' (142,219): run-time error CSS1019: Unexpected token, found '}' (142,221): run-time error CSS1031: Expected selector, found '/' (142,221): run-time error CSS1025: Expected comma or open brace, found '/' (502,1): run-time error CSS1019: Unexpected token, found '}' (974,1): run-time error CSS1019: Unexpected token, found '}' */ body, html { height:100% } body{ color: #404040; font-family: "Univers Regular",Arial,sans-serif; font-size: 1.6rem; line-height: 1.333; text-transform: none; } /*old css from here - Andrei*/ .mr-rt5 { margin-right: 5px; } .logo img { text-align: center; } .field-validation-error { position: initial; top: 32px; left: 113px; font-size: 12px; color: #FF0000 !important; padding: 6px 0 0; display: inline; font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; } #Pwdresult { float: left; font-weight: bold; padding: 6px; color: #B60000; } .mainContent { min-height: 800px; } .DivPlayer { display: none; position: absolute; left: 0px; top: 120px; height: auto; width: auto; padding: 0px 10px 10px 10px; } .DivPlayerclose { width: 30px; height: 16px; text-align: center; background-color: #009CE5; color: white; font-size: 8pt; cursor: pointer; } .DivPlayerclose:hover { background-color: red; } /*.infodivAbs { max-height: 80%; position: absolute; margin-left: 42% !important; border: 1px solid rgb(0, 0, 0); padding: 5px; top: 30%; background-color: white; max-width: 60% !important; display: block; }*/ .infodiv { min-height: 200px; min-width: 400px; padding: 20px; z-index: 9999; background-color: white; /* outer shadows (note the rgba is red, green, blue, alpha) */ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); /* rounded corners */ -webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px; /* gradients */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); } .blockMsg { height: auto !important; padding-bottom: 20px !important; } #DevHelper{ display:-moz-inline-box; font-size: small;} #DevHelper input{ display:none;} body, html { min-height: 100%; } #page-container { min-height: 100%; } /*.footer { bottom: -162px; height: 11px; position: absolute; width: 100%; }*/ .text-primary, .text-primary:hover, a, a:focus, a:hover { color: #1BBAE1; } #page-container { margin: 0 auto; overflow-x: hidden; padding: 0; transition: background-color 0.2s ease-out 0s; width: 100%; } /* #page-container, */ abbr { border: none; text-decoration: none; } abbr[title] { border: none; text-decoration: none; } #sidebar { background: linear-gradient(to right, #3A3633 93%, #2A2725 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); min-height: 100%; } #sidebar { background-color: #3A3633 ;} #sidebar.nobg, #page-container.nobg { background: none; } #sidebar { position: absolute; width: 0; display: none; top: 160px; } #sidebar, .header-fixed-bottom header, .header-fixed-top header { transition: all 0.2s ease-out 0s; transition: opacity 0.5s linear 0s, background-color 0.2s ease-out 0s; opacity: 1; width: 236px !important; } .sidebar-content { color: #FFFFFF; width: 100%; } .clientlogo {height:111px !important;} .logo-parent { float: left; width: 236px; position: static; height: 160px; } .logo-parent .logo { position: relative; background: #2569bf; border-right: 1px solid #104a94; width: 236px; z-index: 999; text-align: center; display: block; } .logo-parent .logo a { display: block; padding: 39px 15px 0; } .logo-parent .time-status { background: #104a94; padding: 5px 10px; margin-top: 27px; } .logo-parent .fa { padding-right: 5px; } .logo-parent .time-status .date { display: inline-block; text-align: left; color: #fff; padding-right: 10px; } .logo-parent .time-status .time { display: inline-block; text-align: right; color: #fff; } .sidebar-content .sidebar-nav { list-style: none outside none; margin-top: 0px; padding: 0; } .sidebar-content .sidebar-nav ul { padding-left: 0; margin: 0; } .sidebar-content .sidebar-nav li { list-style: none; display: block; border-bottom: 1px solid #b7b7b7; position: relative; } .sidebar-content .sidebar-nav li a { display: block; line-height: 25px; padding: 7px 10px 5px 18px; color: #A8A8A8; text-align: left; word-wrap: break-word; } .sidebar-content .sidebar-nav li:focus, .sidebar-content .sidebar-nav li:active, .sidebar-content .sidebar-nav li a:active, .sidebar-content .sidebar-nav li a:focus { border: none; outline: 0; } .clearclient { display: none; } .logo-parent.clientlogo { } .logo-parent.clientlogo .logo a { padding-top: 10px; } .logo-parent.clientlogo .time-status { margin-top: 5px; } /* .logo-parent.clientlogo .logo a img { width: 204px; } */ #main-container.clientsection { margin-left: 0px !important; } #main-container.clientsection .clearclient { clear: both; display: block; } .sidebar-content .sidebar-nav > li:hover > a { text-decoration: none; background: #5c5751; color: #FFFFFF; } /*crm tables*/ #table_det_header h3{text-align:center!important;font-size:1.6rem!important;color: white!important;} #table_det_header span{margin-top:5px;color: white;font-size: 1.3rem;} #table_det_header.form-group { margin-bottom: 2px!important;} #table_det_header.form-title { margin-top: -15px!important;} .clearsmall { clear: both; display: none; } .sidebar-content .sidebar-nav > ul > li:hover > a, .sidebar-content .sidebar-nav > ul > li.active > a { background: #5c5751; } .sidebar-content .sidebar-nav > li:hover > a { text-decoration: none; background: #5c5751; color: #FFFFFF; } .sidebar-content .sidebar-nav > ul > li.active > a { font-weight: 700; text-decoration: none; } .sidebar-content .sidebar-nav li .open { background: url("../images/side-menu-icon.png") no-repeat scroll 50% 11px rgba(0, 0, 0, 0); color: #5C5751; cursor: pointer; display: block; height: 33px; padding: 0; position: absolute; right: 6px; top: 4px; width: 30px; } .sidebar-content .sidebar-nav li.active .open { background-position: 50% -21px; } .sidebar-content .sidebar-nav li ul { display: none; list-style: none outside none; margin: 1px 0 0; padding: 0; width: 235px; background: #e7e7e7; } .sidebar-content .sidebar-nav li.active ul { display: block; } .sidebar-content .sidebar-nav li ul li { border: none; border-top: 1px solid #423E3B; font-weight: 400; } .sidebar-content .sidebar-nav li ul li:first-child { border-top: none; } .sidebar-content .sidebar-nav li ul li a { background: none repeat scroll 0 0 #322E2A; font-weight: 400; line-height: 16px; padding-left: 30px; } .sidebar-content .sidebar-nav li ul li:hover a { background: #3e3935; text-decoration: none; } .sidebar-content .choose-form { display: block; padding: 10px 15px; overflow: hidden; clear: both; } .sidebar-content .choose-form select { background: #5c5751; border: 1px solid #b7b7b7; padding: 10px; color: #A8A8A8; border-radius: 5px; width: 200px; } /*.sidebar-content .sidebar-nav li .open { background: url("../images/side-menu-icon.png") no-repeat scroll 50% 11px rgba(0, 0, 0, 0); color: #5C5751; cursor: pointer; display: block; height: 33px; padding: 0; position: absolute; right: 6px; top: 4px; width: 30px; } .sidebar-content .sidebar-nav li.active .open { background-position: 50% -21px; } .sidebar-content .sidebar-nav > ul > li:hover > a, .sidebar-content .sidebar-nav > ul > li.active > a { background: #5c5751; } .sidebar-content .sidebar-nav li:hover a { text-decoration: none; background: #5c5751; color: #FFFFFF; } .sidebar-content .sidebar-nav > ul > li.active > a { font-weight: 700; text-decoration: none; } .sidebar-content .sidebar-nav li .open { cursor: pointer; height: 33px; position: absolute; right: 0; top: 1px; width: 27px; color: #5c5751; padding: 6px; display: block; } .sidebar-content .sidebar-nav li ul { display: none; list-style: none outside none; margin: 1px 0 0; padding: 0; width: 235px; background: #5c5751; } .sidebar-content .sidebar-nav li.active ul { display: block; } .sidebar-content .sidebar-nav li ul li { border: none; border-top: 1px dashed #ccc; font-weight: 400; } .sidebar-content .sidebar-nav li ul li:first-child { border-top: none; } .sidebar-content .sidebar-nav li ul li a { font-weight: 400; } .sidebar-content .sidebar-nav li ul li:hover a { background: #5c5751; } .sidebar-content .choose-form { display: block; padding: 10px 15px; overflow: hidden; clear: both; } .sidebar-content .choose-form select { background: #5c5751; border: 1px solid #b7b7b7; padding: 10px; /* color: #5c5751; commented due to bgcolor and color was same */ color: #A8A8A8; border-radius: 5px; width: 200px; }*/ #main-container { margin-left: 0; display: block; position: relative; } .navbar.navbar-default { background-color: #104a94; border: none; border-radius: 0; border-left: 1px solid #2569bf; border-bottom: 1px solid #2569bf; min-height: 40px; margin: 0; } .navbar.navbar-default .search-form { margin: 5px; } .navbar.navbar-default .search-form input[type=text] { background: #fff; border: 1px solid #104a94; width: 200px; text-align: left; color: #333; padding: 5px; float: left; margin-right: 2px; } .navbar.navbar-default .search-form .btn-success { border-color: #104a94; border-radius: 0; padding: 4px 7px; margin: 0 2px 0 0; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .navbar.navbar-default .account-action { background: rgba(255,255,255,0.3); padding: 6px 15px; overflow: hidden; } .navbar.navbar-default .account-action .user { float: left; font-size: 1.2rem; font-weight: 600; color: #fff; padding-right: 7px; padding-top: 7px; } .navbar.navbar-default .account-action .user .fa { padding-right: 5px; } .navbar.navbar-default .account-action .system { padding-right: 5px; float: left; } .navbar.navbar-default .account-action .system select { background: #fff; border: 1px solid #104a94; padding: 5px; color: #66625c; border-radius: 5px; width: 120px; margin: 0; } .navbar.navbar-default .account-action .action-bts { float: left; } .navbar.navbar-default .account-action .action-bts .btn { padding: 4px 9px; margin: 0 2px 0 0; float: left; } .navbar.navbar-default .account-action .action-bts .btn-success { border-color: #104a94; background-color:#81b449 !important;} .navbar.navbar-default .account-action .action-bts .btn-warning { border-color: #104a94; padding: 4px 8px; background-color:#f57e14 !important;} .navbar.navbar-default .account-action .action-bts .btn-danger { border-color: #104a94; background-color: #ff3b50 !important; } .navbar.navbar-default .account-action .action-bts .btn-danger.btn-logout { line-height: 20px; } .navbar.navbar-default .account-action .action-bts .fa-help { background: url(../images/help-icon.png) no-repeat; display: block; height: 15px; width: 15px; padding: 5px 0; margin: 3px 0 2px; } #SystemText { padding-top: 4px; padding-left: 4px; } #SystemText label { font-weight: 900 !important; } /*.header-connect { background: #fff; border-bottom: 1px solid #d0d0d0; position: relative; margin-top: 5px; border-top: none; } .header-connect .button-sets { overflow: hidden; padding: 0; height: 0; } .header-connect.active .button-sets { height: auto; padding: 0px; } #page-content .call-us + .header-connect.active .button-sets { padding: 0 10px 10px; } .header-connect ul { margin: 0; } .header-connect li { display: block; float: left; margin: 5px 0; padding: 0 2px; vertical-align: middle; width: 148px; display: table; } .header-connect .btn { white-space: normal; display: inline-block; padding: 0; font-size: 12px; font-weight: 600; color: #fff; vertical-align: middle; text-align: center; background: #71a3e2; border: none; border-bottom: 3px solid #4b83ca; width: 140px; height: 40px; padding: 2px 0; line-height: 1.3; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; display: table-cell; } .header-connect .btn span { display: inline-block; vertical-align: middle; } .header-connect .btn:hover { background: #4b83ca; } .header-connect .btn-disable { cursor: default; white-space: normal; display: inline-block; padding: 0; font-size: 12px; font-weight: 600; color: #fff; vertical-align: middle; text-align: center; background: #CCCCCC; border: none; border-bottom: 3px solid #cccccc; width: 140px; height: 40px; padding: 5px 0; line-height: 1.3; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .header-connect .btn-disable:hover { background: #cccccc; } .header-connect .open-header { position: absolute; right: 14px; bottom: -15px; background: #fff; border: 1px solid #d0d0d0; z-index: 999; border-top: none; width: 40px; height: 15px; text-align: center; cursor: pointer; box-shadow: 0 1px 0 #ccc; } .header-connect .open-header .fa { position: relative; top: -5px; } .header-connect .open-header.opened .fa-angle-down:before { content: "\f106"; }*/ #ulTopMenu .PassFlag {color: #e27171!important;} #ulTopMenu .PassFlag:hover {color: #ca4b4b !important; } #ulLeftMenu .PassFlag{color:#e27171;} #page-content .services-content { padding: 6px 0; } #page-content .services-content h1 { margin: 0; text-align: left; color: #5c5751; padding-top: 8px; -webkit-font-size-adjust: 100%; -moz-font-size-adjust: 100%; font-size-adjust: 100%; } #page-content .services-content .service-ralation { } #page-content .services-content .service-ralation h3 { font-size: 1.9rem; color: #5c5751; text-align: right; padding: 8px 0; margin: 0; } #page-content .services-content .service-ralation .btn { padding: 6px 11px; } #page-content .services-content .service-ralation .btn-primary { border: none; border-bottom: #104a94 solid 3px; float: left; margin-right: 5px; } #page-content .services-content .service-ralation .btn-danger { border: none; border-bottom: #b71728 solid 3px; float: left; } #page-content .services-content .heading { border-radius: 5px 5px 0 0; padding: 10px; background: #2569bf; margin-top: 15px; clear: both; position: relative; } #page-content .services-content .heading.danger { background: #ff3b50; } #page-content .services-content .heading.warning { background: #f57e14; } #page-content .services-content .heading.beaware { background: #ffbf00; } #page-content .services-content .heading h3 { font-size: 1.7rem; color: #fff; text-align: left; margin: 0; padding-left: 5px; } #page-content .services-content .heading h3 .fa { padding-right: 5px; } #page-content .services-content .table-content { background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 1px 1px 0 #ccc; font-size: 1.2rem; color: #656565; } #page-content .services-content .table-content .table { margin-bottom: 0; } #page-content .services-content .table-content th { background: #e9e9e9; padding: 5px 8px; font-weight: 600; } #page-content .services-content .table-content td { padding: 5px 8px; } #page-content .services-content .table-content td .fa { font-size: 1.7rem; } #page-content .services-content .table-content td:first-child, #page-content .services-content .table-content th:first-child { padding-left: 15px; } #page-content .services-content .table-content td:last-child, #page-content .services-content .table-content th:last-child { padding-right: 15px; text-align: right; } #page-content .services-content .table-content tr.last { border-radius: 0 0 5px 5px; } #page-content .services-content .table-content tr.last td:first-child { border-radius: 0 0 0 5px; } #page-content .services-content .table-content tr.last td:last-child { border-radius: 0 0 5px 0; } #page-content .services-content .table-content .newrecord { background: #4b83ca; cursor: pointer; } .menubutton { position: absolute; z-index: 999; left: 0; top: 50%; margin-top: -10px; } .menubutton a { display: block; background: #104A94; color: #fff; padding: 0 14px; vertical-align: middle; } .menubutton a .fa { position: relative; } .top-row { margin-left: 40px; background: #2569bf; } .form-content { padding: 10px 0; overflow: hidden; } .form-content .clent-info { } .form-content .clent-info .page-title { display: block; border-bottom: 1px solid #ccc; } .form-content .clent-info .page-title h1 { font-size: 4.2rem; font-weight: 600; color: #5c5751; margin-top: 10px; } .form-content .clent-info .select-app { padding: 20px 0 0; display: block; overflow: hidden; } .form-content .clent-info .form-group { display: block; float: left; width: 100%; } .form-content .clent-info .form-group > label { font-size: 1.4rem; text-align: right; padding-top: 3px; font-weight: 400; color: #5c5751; } .form-content .clent-info .form-group .help { font-size: 1.2rem; font-style: italic; color: #5c5751; } .form-content .clent-info .main-form .btn { border-width: 0 0 3px; } .form-content .clent-info .main-form { padding: 20px 0 0; display: block; overflow: hidden; } .form-content .clent-info .main-form .form-title { display: block; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .form-content .clent-info .main-form .form-title h2 { font-size: 2.4rem; font-weight: 600; color: #5c5751; margin-top: 10px; } .form-content .clent-info .main-form .button-set { display: block; border-top: 1px solid #ccc; margin: 15px 0 0; padding: 20px 0; text-align: center; } .form-content .clent-info .main-form .button-set .btn { text-transform: uppercase; min-width: 200px; font-weight: 700; } .form-content .clent-info .form-group .row select { margin: 0 0 5px; } .form-content .clent-info .form-group .row .btn { margin-top: 5px; } #page-content .services-content .table-content .panel-body ul { margin: -5px 0 0; } #page-content .services-content .table-content .panel-body li { display: block; margin: 5px 0 0; } #page-content .services-content .table-content .panel-body li .btn { display: block; border: none; text-align: left; white-space: normal; } /* #page-content .services-content .col-sm-4 .table-content { overflow: auto; } removed due to issue on bank account processing button page */ #page-content .call-us { position: relative; top: 0; left: 0; margin: 0; overflow: hidden; background: #fff; z-index: 999; } #page-content .call-us .alert { margin-bottom: 0; padding: 0; } #page-content .call-us .alert-warning { background: #f57e14; border-width: 1px; border-color: #ffbf00; } #page-content .call-us .alert-warning .call { background: #ffbf00; height: 58px; padding: 0 15px; line-height: 60px; border-radius: 4px 0 0 4px; } #page-content .call-us .alert .alert-title { color: #fff; font-size: 1.7rem; font-weight: 600; } #page-content .call-us .ext-num { position: relative; overflow: hidden; padding: 4px 3px 3px 50px; } #page-content .call-us .ext-num .ext-icon { position: absolute; left: 0; } #page-content .call-us .ext-num .ext-value h3 { font-size: 1.6rem; font-weight: 600; color: #fff; text-align: left; margin: 5px 0; } #page-content .call-us .ext-num .ext-value .call-status { color: #fff; font-size: 1.4rem; font-weight: 600; } #page-content .call-us .alert-danger { background: #b71728; border-width: 1px; box-shadow: 0 0 3px 1px #b71728; border-color: #ff3b50; } #page-content .call-us .alert-danger .call { background: #ff3b50; padding: 15px; border-radius: 4px 0 0 4px; } #page-content .call-us .alert-danger .call .loader { float: left; padding: 5px 10px 5px 5px; } #page-content .call-us .alert-danger .call .call-button { float: left; } #page-content .call-us .alert-danger .call .call-button .btn { border-color: #9f0d1c; border-radius: 0; float: left; margin: 0 2px 0 0; padding: 3px 7px; } #page-content .call-us .alert-success { background: #5f8b2f; border-width: 1px; border-color: #81b449; } #page-content .call-us .alert-success .call { background: #81b449; height: 60px; padding: 0 15px; line-height: 60px; border-radius: 4px 0 0 4px; } .pos_rel { position: relative; } .popup-bg { position: fixed; height: 100%; width: 100%; background: none; z-index: 100; display: none; top: 0; left: 0; } .popup-container { visibility: hidden; top: 116px; left: 50%; background: #ffcb79; position: absolute; z-index: 101; border-radius: 0; width: 292px; padding: 10px 20px 20px; margin: 0 0 0 -166px; height: 171px; box-shadow: 1px 1px 3px 1px #555; } .popup-content { padding: 0 0 3px; overflow: hidden; } .popup-content label { display: block; font-size: 1.8rem; color: #ffffff; font-weight: 600; } .popup-content .textarea { background: #da9f44; border: 1px solid #c68c31; display: block; width: 251px; height: 73px; padding: 5px; color: #fff; } .popup-content .btn { float: left; width: 122px; border: 1px solid #c48b32; background: #d39e4b; padding: 5px 0; border-radius: 0; box-shadow: 0 2px 0 0 #e4aa4f; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; text-align: center; margin: 7px 7px 0 0; color: #fff; } .popup-content .btn.last { margin-right: -7px; } .popup-content .btn:hover { background: #dfa852; } .close-popup { cursor: pointer; position: absolute; right: 5px; top: 5px; background: #d59a3d; border-radius: 10px; text-align: center; font-weight: normal; font-size: 1.2rem; height: 20px; width: 20px; color: #fff; padding-top: 1px; padding-left: 1px; } .close-popup:hover { background: #e2a23c; color: #fff; } #page-content .services-content.blue .table-content, #page-content .services-content.blue .table-content th, .blue .table-striped > tbody > tr > td, .blue .table-striped > tbody > tr:nth-child(2n+1) > td, .blue .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #b8d7ff; } #page-content .services-content.blue .table-content th { color: #2569bf; } #page-content .services-content.blue .table-content td { color: #000; } /* css from lateststyle.css*/ .call-text { overflow: hidden; width: 350px; min-height: 150px; border: 0; border-radius: 3px; background: #ffff88; background: -moz-linear-gradient(top, #ffff88 0%, #ffff88 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff88), color-stop(100%,#ffff88)); background: -webkit-linear-gradient(top, #ffff88 0%,#ffff88 100%); background: -o-linear-gradient(top, #ffff88 0%,#ffff88 100%); background: -ms-linear-gradient(top, #ffff88 0%,#ffff88 100%); background: linear-gradient(to bottom, #ffff88 0%,#ffff88 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); box-shadow: 0 4px 6px rgba(0,0,0,0.1); overflow: hidden; transition: box-shadow 0.5s ease; font-smoothing: subpixel-antialiased; position: absolute; z-index: 2000; display: none; left: 0px; top: 20px; } .body.navigation { display: block; float: right; list-style: none outside none; margin: 0; padding: 10px 0 0; position: relative; } .body.navigation li { display: block; float: left; margin-bottom: 3px; margin-left: 3px; width: auto; height: auto; } .sidebar { height: auto !important; } .sidebar .navigation.bordered > li.inactive a { background: #2D6A96; color: #5D97C1; } .sidebar .navigation.bordered > li.inactive ul { background: #2D6A96; color: #5D97C1; } .sidebar .navigation.bordered > li.inactive ul > li a { color: #5D97C1; } .sidebar .navigation.bordered > li.inactive .open { background-color: #2D6A96; } .sidebar .navigation.bordered > li ul > li.inactive a { color: #5D97C1; background: #2D6A96; cursor: default; } #ContentPlaceHolder1_ctl00_pnl { width: 230px; } .form-horizontal .checkbox, .form-horizontal .radio-inline { margin-bottom: 0; margin-top: 0; padding-top: 7px; } .form-horizontal .checkbox input[type="checkbox"], .form-horizontal .radio-inline input[type="radio"] { margin-left: 5px; margin-right: 5px; margin-top: 2px; } .table-content tr input.unactive { background: #C22439; text-shadow: 0 1px 0 #931624; } .table-content tr input.active { background: #68AF27; text-shadow: 0 1px 0 #539118; } .table-content tr input.pending { background: #3498DB; text-shadow: 0 1px 0 #227AB5; } .table-content tr input.activity[type=submit] { border: none; color: #fff; padding: 5px; border-radius: 3px; cursor: pointer; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .table-content tr input.activity[type=submit]:hover { background: #F51300; } .table-content tr span { transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .table-content tr span.security { display: inline-block; margin-right: -2px; background: #3498DB; padding: 0px 5px 0px; border-radius: 3px; } .table-content tr span.editable { display: inline-block; margin-right: -2px; background: #68AF27; padding: 0px 5px 0px; border-radius: 3px; } .table-content tr span.deletable { display: inline-block; margin-right: -2px; background: #C22439; padding: 0px 5px 0px; border-radius: 3px; } .table-content tr span.editable.inactive, .table-content tr span.deletable.inactive { background: #F4F4F4; border: 1px solid #ADB2B5; } .table-content tr span.editable.inactive input[type="submit"], .table-content tr span.deletable.inactive input[type="submit"] { color: #000000; padding-left: 7px; padding-right: 7px; } .table-content tr span.security input.secure { background: url(../images/secuirty.png) no-repeat left 4px; } .table-content tr span.editable input.edit { background: url(../images/icon-edit-1.png) no-repeat left 4px; } .table-content tr span.deletable input.delete { background: url(../images/icon-delete-1.png) no-repeat left 4px; } .table-content tr span.editable a.edit { /*background:url(../images/icon-edit-1.png) no-repeat left 4px;*/ color: white; padding-left: 5px; padding-right: 5px; line-height: 22px; text-decoration: none; } .table-content tr span.deletable a.delete { /*background:url(../images/icon-delete-1.png) no-repeat left 4px;*/ color: white; padding-left: 5px; padding-right: 5px; line-height: 22px; text-decoration: none; } .table-content tr span input[type=submit], .table-content tr span input[type=image].delete { vertical-align: middle; border: 0; display: inline-block; height: 22px; padding-top: 0px; text-align: center; cursor: pointer; padding-bottom: 0px; font-size: 1.1rem; padding-left: 16px; color: #ffffff; padding-right: 0px; } .table-content tr span input[type=image].delete { padding-top: 3px; } .top-row .fa.fa-cog { line-height: 20px; } .body.navigation .button { background: #009AD7; display: block; height: 103px; padding: 5px; position: relative; text-decoration: none; text-align: center; cursor: pointer; width: 100px; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .body.navigation .button.yellow { background: #ffaa31; } .body.navigation .button.green { background: #68af27; } .body.navigation .button.red { background: #c22439; } .body.navigation .button.dblue { background: #005683; } .body.navigation .button.purple { background: #673499; } .body.navigation .button.orange { background: #f51300; } .body.navigation .button:hover { background: #f51300; } .body.navigation .button .icon { border: 3px solid #FFFFFF; border-radius: 50% 50% 50% 50%; display: block; height: 44px; margin: 15px 26px 12px; text-align: center; width: 44px; font-family: 'icomoon'; font-style: normal; font-weight: normal; line-height: 1; } .body.navigation .button .name { color: #FFFFFF; font-size: 1.2rem; line-height: 13px; } .body.navigation .button .icon span { height: 38px; width: 40px; font-size: 0; text-transform: capitalize; display: block; } .body.navigation .button .icon span.ico-monitor { background: url(../images/icon-pc.png) no-repeat center center; } .body.navigation .button .icon span.ico-cog-2 { background: url(../images/icon-service.png) no-repeat center center; } .body.navigation .button .icon span.ico-pen-2 { background: url(../images/icon-document-view.png) no-repeat center center; } .body.navigation .button .icon span.ico-chart-4 { background: url(../images/icon-document-scan.png) no-repeat center center; } .body.navigation .button .icon span.ico-layout-7 { background: url(../images/icon-table.png) no-repeat center center; } .body.navigation .button .icon span.ico-box { background: url(../images/icon-sample.png) no-repeat center center; } .body.navigation .button .icon span.ico-cloud { background: url(../images/icon-logout.png) no-repeat center center; } .body.navigation .button.inactive { background: #F2F2F2; color: #DBDBDB; } .body.navigation .button.inactive .name { color: #BFBFBF; } .body.navigation .sub { top: 125px; left: 3px; list-style: none outside none; margin: 0; padding: 5px 0; position: absolute; display: none; width: 100%; background: #fff; } /*.body.navigation li:hover .sub{display:block;}*/ .body.navigation > li.active ul { display: block; } .body.navigation .sub li { display: block; float: left; margin-right: 30px; } .body.navigation .sub li a { color: #4C4C4C; font-size: 1.3rem; font-weight: 500; text-decoration: none; } .body.navigation .sub li a:hover { color: #000; } /*Paging*/ .pager { height: 39px; padding: 0; margin: 0; padding-top: 10px; padding-left: 10px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-bottom-left-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; } .pager div.short { float: right; margin: 0; padding: 0; margin-right: 10px; width: 74px; } .pager div.short input { width: 28px; height: 18px; border: none; margin-left: 8px; float: left; } .pager ul { list-style: none; padding: 0; margin: 0; float: left; margin-right: 4px; text-align: left; } .pager ul li { display: inline-block; margin-left: 2px; padding-right: 3px; } .pager ul li a { text-decoration: none; float: left; margin-right: 5px; width: 20px; height: 20px; text-align: center; padding: 0; border-radius: 4px; -moz-border-radius: 4px; } .pager span { margin-left: 4px; color: White; float: left; } .pager .btn { display: block; width: 40px; text-align: center; float: left; padding: 3px; margin: 0; margin-left: 4px; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #588500; color: White; border: solid 1px #5f9000; } .pager .disabled { color: #A0A0A0 !important; text-shadow: 1px 1px 1px #FFFFFF; } .JSPaging { background-color: #2569BF; } .JSPaging.normal { background-color: #588500; color: White; border: solid 1px #5f9000; } .JSPaging.active { background-color: #344C00; color: #F8EB00; border: solid 1px #5f9000; } .JSPaging.green .btn { background-color: #588500; color: White; border: solid 1px #5f9000; } /* funtion group list */ .myrow { *zoom: 1; } .myrow:before, .myrow:after { content: ""; display: table; } .myrow:after { clear: both; } .funtion-group-list { } .funtion-group-list ul { padding: 1px 1px 0 0; } .funtion-group-list ul li { margin: 6px; text-align: left; position: relative; list-style-type: none; } .funtion-group-list ul li .parent-box { text-align: left; min-height: 80px; max-height: 80px; overflow: hidden; background: #7b7b81; color: #fff; position: relative; padding: 10px; } .funtion-group-list ul.odd li.odd .parent-box { background: #005683; } .funtion-group-list ul.odd li.even .parent-box { background: #009AD7; } .funtion-group-list ul.even li.odd .parent-box { background: #009AD7; } .funtion-group-list ul.even li.even .parent-box { background: #005683; } .funtion-group-list ul.even li.checked, .funtion-group-list ul.odd li.checked { border-color: red; box-shadow: 0 0 3px 0 #2569bf; } .funtion-group-list ul.even li.checked .parent-box, .funtion-group-list ul.odd li.checked .parent-box { background: #2569bf; color: #fff; } .funtion-group-list ul li ul { display: none; /*position: relative;*/ top: 100%; padding: 1px; /*box-shadow:0 0 3px 1px #000;*/ z-index: 999; /*border:1px solid #re;*/ overflow: hidden; } .funtion-group-list ul li ul li { margin: 1px 0 0 0; text-align: left; float: left; position: relative; width: 50%; } .funtion-group-list ul li ul li .child-box { text-align: left; padding: 8px 5px 5px; min-height: 66px; overflow: hidden; /* border:1px solid #ccc;*/ background: #7b7b81; color: #fff; position: relative; margin: 2px; } .funtion-group-list ul li ul li.odd .child-box { background: #b8d7ff; color: #2569bf; border-color: #68AF27; padding: 10px; min-height: 86px; } .funtion-group-list ul li ul li.even .child-box { background: #fff; color: #000017; border-color: #68AF27; padding: 10px; min-height: 86px; } /*.funtion-group-list ul li ul li:hover .child-box,*/ .funtion-group-list ul li ul li.checked .child-box { background: #E5F9D1; color: #68AF27; border-color: #68AF27; box-shadow: 0 0 10px 0 #68AF27; } .funtion-group-list .optionsdiv { width: 90px; float: right; background-color: #68AF27; padding: 7px 10px 3px 10px; margin-left: 5px; border-radius: 5px 5px 5px 5px; } .funtion-group-list .optionsdiv span { line-height: 1.1; color: #fff; } /*.funtion-group-list ul li:hover ul{ display:block; }*/ .funtion-group-list ul li.checked ul { display: block; } .funtion-group-list ul li input[type=checkbox] { margin: 0 auto 0px; } .funtion-group-list ul li label { line-height: 1; } .funtion-group-list .button-set { float: left; width: 99%; padding: 10px; } .funtion-group-list .button-set input[type=submit] { margin-right: 10px; background: #68AF27; } .funtion-group-list .button-set input[value=reset] { background: #C22439; } .funtion-group-list .button-set input[type=submit]:hover { background: #F51300; } .function-dis { } .function-dis h2 { color: #656565; display: inline-block; font-size: 1.7rem; font-weight: normal; line-height: 17px; margin: 10px 0 0 0px; padding: 0; } .function-dis p { color: #656565; font-size: 1.2rem; line-height: 18px; padding: 6px 10px 8px; vertical-align: top; } #page-content.emailbox { border: none; } /*Old Dbase Menu CSS*/ /*.form-area { position: relative; } .form-area h2 { width: 800px; font-size: 22px; margin-top: 3px; color: #4b83ca; } .form-area ul { width: 380px; min-height: 100%; position: relative; top: 25px; padding: 0; left: 0; z-index: 999; } .form-area ul li { float: left; width: 100%; margin-bottom: 3px; font-weight: bold; font-size: 13px; border-radius: 5px; } .form-area ul li:first-child { margin-top: 0; } .form-area ul li { color: #fff; background: #71A3E2; display: block; padding: 6px; line-height: 1; text-decoration: none; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .form-area li:hover { background: #4b83ca; } .form-area li:active { background: #1b304a; } .form-area ul #func_back { background-color: #F1F1F1; background-image: none; border: 1px solid #D0D0D0; border-radius: 4px; color: #ABADB3; font-size: 14px; height: 34px; width: 100px; margin-top: 4px; margin-bottom: 4px; } */ .funtion-list { } .funtion-list ul { padding: 10px 10px 10px 0px; } /*.funtion-list ul li { text-align:left; float:left; min-width: 380px; max-width:400px; min-height:50px; max-height:80px; overflow:hidden; border:1px solid #ccc; background:#fff; margin:10px 10px 0 0; color: #656565; padding:8px 5px 5px;}*/ .funtion-list ul li { text-align: left; float: left; min-width: 400px; max-width: 400px; min-height: 93px; max-height: 93px; overflow: hidden; border: 1px solid #ccc; background: #fff; margin: 10px 10px 0 0; color: #656565; padding: 8px 5px 5px; } .funtion-list ul li.checked { border-color: #68AF27; color: #68AF27; background: #E5F9D1; box-shadow: 0 0 10px #68AF27; } .funtion-list ul li input[type=checkbox] { margin: 0 auto 5px; } .funtion-list ul li label { line-height: 1; } .funtion-list .button-set { padding: 10px; } .funtion-list .button-set input[type=submit] { margin-right: 10px; background: #68AF27; } .funtion-list .button-set input[value=reset] { background: #C22439; } .funtion-list .button-set input[type=submit]:hover { background: #F51300; } .row-fluida { position: relative; } .row-fluida ul { padding: 0; margin: 0; } .row-fluida .mail-box-links { width: 215px; min-height: 100%; position: absolute; top: 0; padding: 0; left: 0; z-index: 999; } .row-fluida .mail-box-links li { float: left; width: 100%; margin-top: 5px; font-weight: bold; font-size: 1.3rem; } .row-fluida .mail-box-links li:first-child { margin-top: 0; } .row-fluida .mail-box-links li a { color: #fff; background: #009AD7; display: block; padding: 10px; line-height: 1; text-decoration: none; transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; } .row-fluida .mail-box-links li a.red { background: #C22439; } .row-fluida .mail-box-links li a.yellow { background: #FFAA31; } .row-fluida .mail-box-links li a.dblue { background: #005683; } .row-fluida .mail-box-links li a:hover { background: #F51300; } .row-fluida .mail-box-links li a span { text-align: right; float: right; } .row-fluida .mail-box-form { margin-left: 235px; position: relative; width: auto; } .row-fluida .mail-box-form .block { width: auto; float: none; /*overflow:hidden;*/ } .row-fluida .mail-box-form .block .row-form { padding: 10px 0; } .form-content .clent-info .main-form .form-title .control-label h2 { margin-top: 5px; } .OuterDiv { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background-color: rgba(20, 16, 16, 0.50); font-family: Arial; font-size: 1.1rem; font-weight: bold; height: 100%; } .ProgressBarBox { background-color: #FFFFFF; border: 1px solid #3B3333; border-radius: 5px; height: 68px; padding: 10px; vertical-align: middle; width: 250px; z-index: 2; margin-top: 20%; } .InboxTab { background: none repeat scroll 0 0 #009AD7; border: 0 none; color: #FFFFFF; display: block; line-height: 1; margin-top: 6px; padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .InboxTab:hover { background-color: Red; } .AllocatedEmail { background: none repeat scroll 0 0 #FFAA31; border: 0 none; color: #FFFFFF; display: block; line-height: 1; margin-top: 6px; padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .AllocatedEmail:hover { background-color: Red; } .RefreshEmail { background: none repeat scroll 0 0 green; border: 0 none; color: #FFFFFF; display: block; line-height: 1; margin-top: 6px; padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .RefreshEmail:hover { background-color: Red; } .ComposeEmail { background: none repeat scroll 0 0 red; border: 0 none; color: #FFFFFF; display: block; line-height: 1; /*margin-top: 6px;*/ padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .ComposeEmail:hover { background-color: Red; } .ExchangeSettings { background: none repeat scroll 0 0 #e1ca3f; border: 0 none; color: #FFFFFF; display: block; line-height: 1; margin-top: 6px; padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .ExchangeSettings:hover { background-color: Red; } .SentEmail { background: none repeat scroll 0 0 blue; border: 0 none; color: #FFFFFF; display: block; line-height: 1; margin-top: 6px; padding: 8px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; width: 215px; cursor: pointer; } .SentEmail:hover { background-color: Red; } .disabledbutton { border: medium none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; padding: 5px; transition: all 0.5s ease-out 0s; background: none repeat scroll 0 0 #C4C4C4; text-shadow: 0 1px 0 #C4C4C4; } .blockMsg { width: auto !important; left: 50% !important; margin-left: -150px !important; } .outer-box { background: #EEEEEE; box-shadow: 0 0 5px #666666; display: none; margin: 0 auto 20px; overflow: hidden; padding: 15px; width: 300px; text-align: center; } .outer-box h1 { font-size: 1.8rem; margin-bottom: 15px; margin-top: 0px; } .outer-box .img-left { float: left; margin-right: 10px; } .validation { color: #FF0000; padding: 6px 0 0; } .error { background-color: #FFBABA; border: 1px solid #D8000C; color: #D8000C; } .success { background-color: #DFF2BF; border: 1px solid #4F8A10; color: #4F8A10; } .outer-box.success .btn-danger { background-color: #81B449; border-color: #74A340; color: #ffffff; } .PStrenth { margin-left: 14px; padding: 6px; background-color: Yellow; color: Red; font-size: 8pt; font-weight: bold; } .ui-dialog-titlebar-close { display: none; } .outer-box .ui-dialog-title { font-size: 1.8rem; display: block; margin-bottom: 15px; } .infodiv { min-height: 200px; min-width: 400px; padding: 20px; z-index: 9999; background-color: white; /* outer shadows (note the rgba is red, green, blue, alpha) */ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); /* rounded corners */ -webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px; /* gradients */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); } @media (min-width:1025px) { / #sidebar, .logo-parent { display: block !important; } #main-container { left: 0 !important; } .menubutton { display: none; } .top-row { margin-left: 0; } .form-content .clent-info .form-group .row select { margin: 0; } .form-content .clent-info .form-group > label { padding-top: 10px; } .form-content .clent-info .form-group .row .btn { margin-top: 0; } } @media (min-width:767px) and (max-width:1023px) { .navbar.navbar-default .search-form input[type="text"] { width: 155px; } .navbar.navbar-default .account-action .system select { width: 90px; } #page-content .call-us .alert.alert-danger .alert-title { padding-bottom: 5px; } #page-content .call-us .alert.alert-danger .ext-num { padding: 20px 3px 3px 50px; } } @media (min-width:768px) and (max-width:1280px) { #page-content .services-content .service-ralation h3 { text-align: right; font-size: 1.7rem; } #page-content .services-content .service-ralation .btn { font-size: 1.1rem; } } @media (min-width:320px) and (max-width:767px) { #page-content .green-war .ins-numb { text-align: left; padding-top: 5px; } #page-content .green-war .client-name { text-align: left; padding-top: 5px; } #page-content .green-war .broker-name { text-align: left; padding-top: 5px; } .navbar.navbar-default .account-action.pull-right { float: none !important; } .navbar.navbar-default .search-form { padding: 5px 0; overflow: hidden; } #page-content .services-content .service-ralation h3 { text-align: left; } #page-content .services-content .service-ralation .pull-right { float: left !important; } .navbar.navbar-default .search-form { margin: 5px 15px; } #page-content .call-us .ext-num { margin: 0 15px; } #page-content .call-us .alert-danger .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert-warning .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert-success .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert.alert-danger .alert-title { padding-bottom: 5px; } } @media (max-width:320px) { .navbar.navbar-default .search-form input[type="text"] { width: 107px; } .navbar.navbar-default .account-action .action-bts { float: none; overflow: hidden; display: block; margin: auto auto auto 107px; padding: 0 0 0; width: 110px; } .navbar.navbar-default .account-action .user { float: none; display: block; clear: both; padding-bottom: 5px; } #page-content .services-content .table-content { overflow: auto; } .popup-container { margin: 0 0 0 -145px; top: 306px; } } #page-content .services-content.blue .table-content th { color: #2569BF; border-bottom: 0px; } #page-content .services-content .heading h3 span.fnt-13 { font-size: 1.3rem !important; } #pager { } #pager td { border-top: 2px solid #fff; border-right: 0px !important; } #pager img { padding: 2px; } .pagedisplay { width: 50px; height: 20px; } table.tablesorter { } table.tablesorter tr.odd td { background: #fff; } table.tablesorter tr.hightlight td { background-color:lightpink; } .list { text-align: center; list-style: none; } .outer-wrapper { margin: 120px auto 0; width: 490px; } .full-colum { } .login-box { background: url("/Images/nav_line.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #518EE1; box-shadow: 0 5px 0 #103D74; color: #EBEBEB; font: 12px Arial,Helvetica,sans-serif; padding: 6% 4%; width: 90%; } .login-box h2 { color: #EBEBEB; font: bold 44px "Calibri",Arial; margin: 0 0 20px 0; padding: 0; text-align: center; } .login-box.changepass h2 { font-size: 3.4rem; } .login-box.changepass .login-box-name { width: 26%; } .login-box-name { display: inline; float: left; margin: 0 0 7px; padding: 5px 10px 0 0; text-align: right; width: 23%; } .login-box-field { display: inline; float: left; margin: 0 0 7px; width: 70%; } .login-box-field .form-login { background-color: #1E4F8A; border: 1px solid #0D2C52; color: #EBEBEB; font-size: 1.6rem; width: 90%; padding: 4px; } .login-box-options { clear: both; font-size: 1.1rem; } .full-colum { padding: 7px 0; position: relative; } .full-colum.errorblock { margin-top: -20px; } .full-colum { *zoom: 1; } .full-colum:after, .full-colum:before { content: ""; display: table; } .full-colum:after { clear: both; } .inline-txt { display: inline-block; } .right { float: right; } .paging { float: right; padding-right: 5px; } .validation-summary-errors { top: -30px; left: 73px; font-size: 1.2rem; color: red; } .validation-summary-errors ul li { list-style: none; } .field-validation-valid { top: 11px; left: 113px; font-size: 1.2rem; color: green; } .field-validation-valid ul li { list-style: none; } .field-validation-error { top: 32px; left: 113px; font-size: 1.2rem; color: red; } .field-validation-error ul li { list-style: none; font-size: 1.2rem; } .forgot-wrap { background: url("/images/nav_line.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #103D74; margin: 120px auto 0; overflow: hidden; width: 700px; } .forgot-wrap .forgot-form { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #103D74; margin: 10px; overflow: hidden; padding: 10px; } .forgot-form .field-validation-error { position: static; color: red; } .forgot-wrap .forgot-form h2 { color: #103D74; font: bold 20px "Calibri",Arial; margin: 0; padding: 0; } .forgot-wrap .forgot-form p { color: #999999; font: 12px/1.3 arial; margin-top: 10px; text-align: left; } .forgot-wrap .forgot-form .form-field { margin-top: 15px; position: relative; } .forgot-wrap .forgot-form .form-field .field-validation-error { color: #FF0000; font-size: 1.2rem; left: 126px; position: absolute; top: 32px; } .forgot-wrap .forgot-form .form-field label { color: #999999; float: left; font: 12px/2.3 arial; width: 130px; } .forgot-wrap .forgot-form .form-field .field { float: left; width: 80%; } .forgot-wrap .forgot-form .form-field .field-submit { float: left; padding-bottom: 10px; width: 100%; } .forgot-wrap .forgot-form .form-field .field-submit input[type="submit"] { float: right; margin-right: 3px; margin-top: 15px; } .btn-submit { background: none repeat scroll 0 0 #009AD7; border: medium none; color: #FFFFFF; cursor: pointer; float: left; font-size: 1.3rem; margin-left: 2px; margin-top: 3px; padding: 7px 15px; text-align: left; text-decoration: none; transition: all 0.5s ease-out 0s; } .input-txt { -moz-box-sizing: border-box; border: 1px solid #CCCCCC; border-radius: 0; box-shadow: none; color: #BBBBBB; display: inline-block; font-size: 1.2rem; margin-bottom: 0; padding: 6px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 100%; } .input-txt:focus { background: none repeat scroll 0 0 #F6EDFF; border-color: #673499; color: #673499; } .btn-submit:hover { background-color: #F51300; } .pad-button { padding: 7px 9px !important; } .sidebar-nav li:hover { background: none repeat scroll 0 0 #D8D8D8; } /*new added 5 march*/ .sidebar { min-height: 100%; padding: 0; float: left; width: 235px; z-index: 99; position: relative; } .colspn { position: absolute; top: 8px !important; right: -10px !important; z-index: 9999; } #page-content { position: relative; } .admin-content { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #2569bf; height: auto !important; padding-bottom: 5px !important; position: absolute; right: 15px; top: -6px; width: 224px; z-index: 99999999; display: none; border-top:0px;} ul.top-submenu { margin: 0px; padding: 6px 0 0 15px; float: left; width: 100%; } ul.top-submenu:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #67B2DD; border-image: none; border-style: dotted; border-width: 0 0 0 1px; bottom: 7px; content: ""; display: inline-block; left: 7px; position: absolute; top: 11px; z-index: 1; } ul.top-submenu li { display: block; float: left; margin: 1px 0; padding: 0 0; vertical-align: middle; list-style: none; position: relative; } ul.top-submenu li:before { border-top: 1px dotted #67B2DD; content: ""; display: inline-block; height: 0; left: -8px; position: absolute; top: 13px; width: 8px; z-index: 1; } ul.top-submenu li a { color: #4D6878; list-style: none; float: left; font-size: 1.2rem; line-height: 16px; margin: 1px 0 0; padding: 2px; text-decoration: none; width: 196px; } ul.top-submenu li a i.plus { float: left; background: url(/Images/icon_plus.png) no-repeat; width: 13px; height: 13px; margin: 2px 5px 0 0; } ul.top-submenu li a i.minus { float: left; background: url(/Images/icon_minus.png) no-repeat; width: 13px; height: 13px; margin: 2px 5px 0 0; } ul.top-submenu li a:hover { background: #F0F7FC; } ul.top-submenu > li > .submenu:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #9DBDD6; border-image: none; border-style: dotted; border-width: 0 0 0 1px; bottom: 0; content: ""; display: block; left: 9px; position: absolute; top: 19px; z-index: 1; } .submenu { display: block; } ul.top-submenu > li > .submenu > li:before { border-top: 1px dotted #9DBDD6; content: ""; display: inline-block; left: -29px; position: absolute; top: 12px; width: 17px; } ul.top-submenu > li > .submenu > li:first-child > a { border-top: 1px solid #FAFAFA; } ul.top-submenu > li .submenu > li > a { border-top: 1px dotted #E4E4E4; border-left: 0px; color: #666; display: block; margin: 0; position: relative; background: none; width: 160px; } ul.top-submenu > li .submenu > li > a:hover { background: #F0F7FC; } .top-container { display: block; margin-left: 0; position: relative; } .right-pannel { min-height: 39px; overflow: hidden; } .tree:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #67B2DD; border-image: none; border-style: dotted; border-width: 0 0 0 1px; bottom: 16px; content: ""; display: inline-block; left: 0; position: absolute; top: -20px; z-index: 1; } .sidebar-nav .btn, .sidebar-nav .btn-primary { background: none; border-radius: 0px; border: 0px; font-size: 1.3rem !important; white-space: normal; } .col-md-6 .popup { left: 16px !important; position: absolute !important; top: 33px !important; visibility: visible; width: 88% !important; z-index: 1000 !important; } .col-md-6.big .popup { left: 16px !important; position: absolute !important; top: 33px !important; visibility: visible; width: 94.4% !important; z-index: 1000 !important; } /*clearfix */ .admin-content:after, .admin-content:before, .top-container:after, .top-container:before { content: ""; display: table; } .admin-content:after, .top-container:after { clear: both; } .d-datet-sm {display:none; } table { border: 1px solid #c1c1c1; font-size:1.4rem; color:#333333; } th { font-weight:bold; height:40px; padding:20px; color:#4d6474; /*text-align:center; border-right: 1px solid #c1c1c1;*/ } td { height:40px; padding: 20px!important; } tr:nth-child(odd) { background: #EDEDED; } tr:nth-child(even) { background: #FFF; } @media (max-width: 1100px) { /* .logo-parent{position:absolute;} */ } @media only screen and (max-width:768px) { .clearsmall { display: block; } .admin-content { top: -85px; left: 55px; } } @media only screen and (max-width:1024px) { .smallclear { clear: both; } .logo-parent { height: 117px; } .logo-parent .time-status { margin-top: 0; } .logo-parent .logo a { padding-top: 24px; } #sidebar { top: 117px; } } @media (max-width: 768px) { .forgot-wrap { margin: 20px auto 0; } .login-box h2 { margin: 0 0 30px 0; } .validation-summary-errors { position: absolute; top: -30px; left: 0px; font-size: 1.2rem; } .validation-summary-errors ul { margin: 0px; padding: 0px; } .field-validation-valid { position: absolute; top: 52px; left: 0px; font-size: 1.2rem; } .field-validation-error { position: absolute; top: 52px; left: 0px; font-size: 1.2rem; } .forgot-wrap { width: 98%; } .forgot-wrap .forgot-form .form-field label { color: #999999; float: left; font: 12px/2.3 arial; width: 100%; } .forgot-wrap .forgot-form .form-field .field { float: left; width: 100%; } .input-txt { margin-bottom: 10px; } .forgot-wrap .forgot-form .form-field .field-validation-error { color: #FF0000; font-size: 1.2rem; left: 0px; position: absolute; top: 57px; } #page-content .services-content .table-content td:last-child, #page-content .services-content .table-content th:last-child { text-align: right; padding-right: 0px; } #page-content .services-content .table-content th { background: none repeat scroll 0 0 #E9E9E9; font-weight: 600; padding: 5px 0; } .paging { float: left; padding-left: 5px; } .right { float: none; } .full-colum { padding: 5px 0; } .login-box-name { width: 100%; text-align: left; padding: 0px; margin: 0px; } .login-box-field { width: 100%; } .outer-wrapper { margin: 50px auto 0; width: 98%; } } /*My account and login page css 26-03-2014*/ /*new create account css start here-------------------------------------------------------------------------------------------*/ .new-header { background: #2569BF; } .new-header .logo { padding: 16px; } .create-account { margin-top: 18px; padding: 12px; margin-bottom: 15px;} .create-account .left-img { margin-top: 47px; padding: 0 67px; text-align: center; } #rb_Sex tr td { padding-right: 10px; } .create-account .block { float: left; margin-bottom: 10px; position: relative; width: 100%; } .create-account .block .green { background: #2569BF; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; } .create-account .block .head .icon { border: 1px solid #FFFFFF; border-radius: 50%; display: inline-block; height: 29px; line-height: 19px; padding-top: 3px; text-align: center; width: 29px; } .create-account .block .head h2 { color: #FFFFFF; display: inline-block; font-size: 1.7rem; font-weight: normal; line-height: 17px; margin: 0 0 0 5px; padding: 0; } .create-account .block .head { padding: 7px 6px; } .create-account { background: #FFFFFF; } .create-account .form-area { padding: 5px 18px; clear: both; overflow: hidden; } .create-account .fieldname { float: left; line-height: 2.5; width: 18%; } .create-account .field-set { float: left; width: 80%; } .create-account .form-area .button-set { margin-left: 150px; } .create-account .field-set input[type=text], .create-account .field-set input[type=email], .create-account .field-set input[type=tel], .create-account .field-set input[type=password] { background-color: #F1F1F1; background-image: none; border: 1px solid #D0D0D0; border-radius: 4px; color: #ABADB3; display: block; font-size: 1.4rem; height: 34px; line-height: 1.42857; padding: 6px 12px; width: 100%; } .create-account .field-set select { background-color: #F1F1F1; background-image: none; border: 1px solid #D0D0D0; border-radius: 4px; color: #ABADB3; display: block; font-size: 1.4rem; height: 34px; line-height: 1.42857; padding: 6px 12px; width: 100%; } .create-account .field-set .field-left { float: left; margin-right: 6px; } .create-account .form-area input[type=submit] { padding: 5px 10px !important; font-size: 1.5rem; border-radius: 4px !important; } /*login page css start here-------------------------------------------------------------------------------------------*/ .create-account .login-zone { float: left; margin-bottom: 0; margin-top: 59px; background: #F1F1F1; position: relative; width: 70% !important; box-shadow: 1px 4px 9px 0px #CCCCCC; -moz-box-shadow: 1px 4px 9px 0px #CCCCCC; -webkit-box-shadow: 1px 4px 9px 0px #CCCCCC; -o-box-shadow: 1px 4px 9px 0px #CCCCCC; } .create-account .login-zone .form-area { padding: 8px 20px; } .create-account .login-zone .form-area .fieldname { width: 32% !important; } .create-account .login-zone .form-area .field-set { width: 66% !important; } .create-account .login-zone .form-area .field-set input[type=text], .create-account .login-zone .form-area .field-set input[type=email], .create-account .login-zone .form-area .field-set input[type=tel], .create-account .login-zone .form-area .field-set input[type=password] { background: #FFFFFF !important; border-radius: 0px !important; } .account-box { background: #FFFFFF; padding: 0 0 10px; box-shadow: 1px 4px 9px 0px #CCCCCC; -moz-box-shadow: 1px 4px 9px 0px #CCCCCC; -webkit-box-shadow: 1px 4px 9px 0px #CCCCCC; -o-box-shadow: 1px 4px 9px 0px #CCCCCC; } @media (min-width:767px) and (max-width:1023px) { .navbar.navbar-default .search-form input[type="text"] { width: 155px; } .navbar.navbar-default .account-action .system select { width: 90px; } #page-content .call-us .alert.alert-danger .alert-title { padding-bottom: 5px; } #page-content .call-us .alert.alert-danger .ext-num { padding: 20px 3px 3px 50px; } /*new create account css start here-------------------------------------------------------------------------------------------*/ .create-account .form-area .button-set { margin-left: 123px !important; } .create-account .left-img { margin-top: 0 !important; padding: 0 !important; } /*new create account css start here-------------------------------------------------------------------------------------------*/ .form-area ul { width: 380px; } } @media (min-width:768px) and (max-width:1280px) { #page-content .services-content .service-ralation h3 { text-align: right; font-size: 1.7rem; } #page-content .services-content .service-ralation .btn { font-size: 1.1rem; } /*new create account css start here-------------------------------------------------------------------------------------------*/ .create-account .fieldname { width: 33% !important; } .create-account .field-set { width: 66% !important; } .create-account .field-set select { width: 100% !important; margin: 5px 0; } .create-account .field-set input[type=text], .create-account .field-set input[type=email], .create-account .field-set input[type=tel], .create-account .field-set input[type=password] { width: 100% !important; margin: 5px 0; } .create-account .form-area .button-set { margin-left: 125px !important; } .create-account .left-img { margin-top: 0 !important; padding: 0 !important; } .create-account .form-area input[type="submit"] { padding: 5px 8px !important; } /*login page css start here-------------------------------------------------------------------------------------------*/ .create-account .login-zone { margin-top: 10px !important; width: 100% !important; } .create-account .login-zone .form-area .fieldname { width: 36% !important; line-height: 2.5 !important; } .create-account .login-zone .form-area .field-set { width: 64% !important; } .login-button { margin-right: 4px !important; padding: 5px 8px; } .create-account .login-zone .form-area { padding: 8px 13px !important; } .d-refno {display:none;} .d-eventno {display:none;} .d-datet-lg {display: none;} .d-datet-sm {display:table-cell;} /*.form-area ul { width: 380px!IMPORTANT; }*/ } @media (min-width:320px) and (max-width:767px) { #page-content .green-war .ins-numb { text-align: left; padding-top: 5px; } #page-content .green-war .client-name { text-align: left; padding-top: 5px; } #page-content .green-war .broker-name { text-align: left; padding-top: 5px; } .navbar.navbar-default .account-action.pull-right { float: none !important; } .navbar.navbar-default .search-form { padding: 5px 0; overflow: hidden; } #page-content .services-content .service-ralation h3 { text-align: left; } #page-content .services-content .service-ralation .pull-right { float: left !important; } .navbar.navbar-default .search-form { margin: 5px 15px; } #page-content .call-us .ext-num { margin: 0 15px; } #page-content .call-us .alert-danger .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert-warning .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert-success .call { border-radius: 4px 0 0 0; } #page-content .call-us .alert.alert-danger .alert-title { padding-bottom: 5px; } .create-account .login-zone { width: 100% !important; } .d-datet-lg {display: none;} .d-datet-sm {display:table-cell;} .d-refno {display:none;} .d-eventno {display:none;} .d-user {display:none;} .d-phoneno {display:none;} .d-status {display:none;} .form-area ul { width: 80%; } } @media (min-width:320px) and (max-width:480px) { /*new create account css start here-------------------------------------------------------------------------------------------*/ .create-account .fieldname { display: block; float: none !important; width: 100% !important; } .create-account .field-set { display: block; float: none !important; width: 100% !important; } .create-account .form-area .button-set { margin-left: 0px !important; } .create-account .field-set select { width: 100% !important; margin: 5px 0; } .create-account .field-set input[type=text], .create-account .field-set input[type=email], .create-account .field-set input[type=tel], .create-account .field-set input[type=password] { width: 100% !important; margin: 5px 0; } .create-account .left-img { margin-top: 0 !important; padding: 0 !important; } /*login page css start here-------------------------------------------------------------------------------------------*/ .create-account .login-zone { margin-top: 10px !important; width: 100% !important; } .create-account .login-zone .form-area .fieldname { width: 100% !important; } .create-account .login-zone .form-area .field-set { width: 100% !important; } .login-button { margin-right: 20px !important; } } } @media (max-width:320px) { .navbar.navbar-default .search-form input[type="text"] { width: 107px; } .navbar.navbar-default .account-action .action-bts { float: none; overflow: hidden; display: block; margin: auto auto auto 107px; padding: 0 0 0; width: 110px; } .navbar.navbar-default .account-action .user { float: none; display: block; clear: both; padding-bottom: 5px; } #page-content .services-content .table-content { overflow: auto; } .popup-container { margin: 0 0 0 -145px; top: 306px; } /*new create account css start here-------------------------------------------------------------------------------------------*/ .form-area { padding: 0px 20px !important; } .create-account .fieldname { display: block; float: none !important; width: 100% !important; } .create-account .field-set { display: block; float: none !important; width: 100% !important; } .create-account .field-set select { width: 100% !important; margin: 5px 0; } .create-account .field-set input[type=text], .create-account .field-set input[type=email], .create-account .field-set input[type=tel], .create-account .field-set input[type=password] { width: 100% !important; margin: 5px 0; } .create-account .form-area .button-set { margin-left: 0px !important; } /*login page css start here-------------------------------------------------------------------------------------------*/ .create-account .login-zone { margin-top: 10px !important; width: 100% !important; } .create-account .login-zone .form-area .fieldname { width: 100% !important; } .create-account .login-zone .form-area .field-set { width: 100% !important; } .login-button { margin-right: 0px !important; margin: 6px 1px 13px !important; } .plan-select span { height: 60px!IMPORTANT; line-height: 60px!IMPORTANT; width: 60px!IMPORTANT; font-size: .9rem!IMPORTANT; } } /*new css cambridge*/ h1, .h1 { /*color: #f00;*/ font-size: 3.8rem; font-weight: bold; margin-bottom: 21px; padding-top: 14px; } h2, .h2 { font-size: 2.8rem; } h3, .h3 { font-size: 2.2rem; } h4, .h4 { font-size: 1.8rem; } h5, .h5 { font-size: 1.4rem; } a { font-size: 1.5rem; color: #000; } a:hover { text-decoration:underline; color: #333333; } a:active { text-decoration:underline; color: #333333; } a:focus { text-decoration:underline; color: #333333; } .btn { border: medium none; font-size: 1.6rem; line-height: 100%; padding: 10px; text-align: center; text-decoration: none; border-radius: 0; height:40px; } .btn:focus { outline: medium none; } .btn-primary { background-color: #c11a8b; color: #fff; } .btn-primary:hover, .btn-primary:focus { color: #fff; background: #863092 none repeat scroll 0 0; } .btn-primary:active { color: #fff; background: #722d92 none repeat scroll 0 0; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background: #722d92 none repeat scroll 0 0; } .btn-success { background-color: #c11a8b; color: #fff; } .btn-success:hover, .btn-success:focus { color: #fff; background: #863092 none repeat scroll 0 0; } .btn-success:active { color: #fff; background: #722d92 none repeat scroll 0 0; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background: #722d92 none repeat scroll 0 0; } .btn-secondary { background-color: #fff; border: 0.1rem solid #333; color: #333; } .btn-secondary:hover, .btn__secondary:focus { background: #ededed none repeat scroll 0 0; } .btn-secondary:active { background: #b6b7b6 none repeat scroll 0 0; } .btn-jade { background-color: #008580; color: #fff; } .btn-jade:hover, .btn--jade:focus { color: #fff; background: #00716c none repeat scroll 0 0; } .btn-jade:active { color: #fff; background: #004f4b none repeat scroll 0 0; } .btn-slate { background-color: #4d6474; color: #fff; } .btn-slate:hover, .btn--slate:focus { color: #fff; background: #3e505d none repeat scroll 0 0; } .btn-slate:active { color: #fff; background: #253038 none repeat scroll 0 0; } .btn-dark { background-color: transparent; border: 0.1rem solid #fff; color: #fff; } .btn-dark:hover, .btn-dark:focus { color: #fff; background: #31404a none repeat scroll 0 0; } .btn-dark:active { color: #fff; background: #1d262c none repeat scroll 0 0; } .is-disabled { opacity: 0.5; pointer-events: none; } /*point icon to the font awsame artwork*/ .icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pdf::before{ font-family:"FontAwesome"; content: "\f1c1"; } .icon-download::before{ font-family:"FontAwesome"; content: "\f0f6"; } .icon-chevron-down::before{ font-family:"FontAwesome"; content: "\f078"; } .icon-user-personal::before{ font-family:"FontAwesome"; content: "\f2c0"; } .icon-circle-delete::before{ font-family:"FontAwesome"; content: "\f05c"; } .icon-circle-confirmation::before{ font-family:"FontAwesome"; content: "\f058"; } .icon-clock::before{ font-family:"FontAwesome"; content: "\f017"; } .icon-delete::before{ font-family:"FontAwesome"; content: "\f00d"; } .icon-agree::before{ font-family:"FontAwesome"; content: "\f00c"; } /**************************************/ #MyHTML{ margin-top: 40px; } .red{ color: #c11a8b; } /*Start Header*/ .cji-header { background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); position: sticky; z-index: 1000; left: 0; top: 0; width: 100%; } .cji-header .logo { margin-left: auto; margin-right: auto; max-width: 1280px; position: relative; width: 95%; display: table; margin-bottom: 10px; } .cji-header .logo .btn { font-size: 1.2rem; font-weight: bold; padding: 14px; } .container{ margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 0px; padding-right:0px; } .strech{ padding-left: 0px; padding-right: 0px; } .box-input { border: 1px solid #c1c1c1; padding:10px; border-radius:10px; } .btn-group .icon { font-size:1.4rem; } .separator { height: 10px; width: 100%; background: #9c0009; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#cc0009, #9c0009); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#cc0009, #9c0009); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#cc0009, #9c0009); /* For Firefox 3.6 to 15 */ background: linear-gradient(#cc0009, #9c0009); /* Standard syntax */ } .cji-header .logo img { padding-top: 20px; padding-bottom: 20px; } #mainAdminLogo { width: 123px; } #MainSearchtxt { width: 100%; } #helloName { padding: 20px 5px 10px 0px; } #loginLogo{ width:123px; } .advisor { /*font-size: 12px;*/ padding-top: 12px; /*margin-right: 24px;*/ } .advisor span { margin-left: 12px; margin-right: 12px; } #main-container { background: #fff none repeat scroll 0 0; } .main-form { margin-left:20px; } #ulTopMenu .btn { color:#404040; } #ulTopMenu li { padding: 5px 5px 0; border-right: 1px solid gray; width:auto; } #ulTopMenu li:last-child { border-right: none; } /*#ulTopMenu li:first-child { padding-left:5px; }*/ #ulTopMenu .btn { font-size: 1.6rem; background: none; } #ulTopMenu .btn span{ font-size:1.2rem; color:#717171; display: block; } *#ulTopMenu .btn:hover { color: #000; text-decoration: none; border-bottom: 3px solid #c11a8b; } /* #ulTopMenu li:hover { border-bottom: 3px solid #c11a8b; }*/ /*End Header*/ .field-set{ width:400px; } .form-navigation { list-style-type: none; } .form-area ul li { font-size:1.6rem; color:#333; cursor:pointer; list-style-type: none; border-bottom: 1px solid #c6c6c6; padding: 16px 0 13px; width:30%; } .form-area ul li:hover { text-decoration:underline; } .form-area ul li::before { content:""; } .form-area ul li::after { font-family:"FontAwesome"; content: "\f054"; color:#c11a8b; } #ULFunctions { margin-left: 15px; } #ULFunctions .btn { display: block; text-align: left; border: none; background: transparent; font-size: 1.6rem; color: #333; border-bottom: 1px solid #c6c6c6; margin-bottom: 10px; min-width: 30%; width: auto; } #ULFunctions button:after { font-family:"FontAwesome"; content: "\f061"; color: #c11a8b; float: right; margin-right: 5px; margin-left: 5px; } #ULFunctions .btn:hover { text-decoration: underline; } .form-navigation li { text-indent: -10px; } .form-navigation li:before { background-size: 8px 8px; content: ""; display: inline-block; height: 8px; margin-right: 5px; width: 8px; } /*Form content*/ .form-navigation { font-size: 1.1rem; } .form-navigation .icon{ font-size: 3rem; } .form-navigation .icon-clock { color: #c11a8b; } .form-navigation .icon-circle-confirmation-solid { color: #c11a8b; } .form-navigation .icon-circle-confirmation { color: #c11a8b; } .form-navigation .selected { /*color: #c11a8b;*/ font-weight:bold; } .input-group-addon { background-color: #fff; } .form-content .form-group { display: block; float: left; width: 100%; } .form-content .form-group > label { font-size: 1.6rem; text-align: left; padding-top: 6px; font-weight: lighter; } .form-content .form-group .help { font-size: 1.2rem; font-style: italic; color: #5c5751; } .button-set { display: block; border-top: 1px solid #ccc; margin: 15px 0 0; padding: 20px 0; text-align: right; } .alert-danger { border: 1px solid #83000a !important; background-color: rgba(131, 0, 10, 0.05) !important; color: #333333 !important; } .alert-success { border: 1px solid #008580 !important; background-color: rgba(0, 133, 128, 0.05) !important; color: #333333 !important; } .validation { color: #83000a; font-size: 1.4rem; line-height: 1.5; padding: 10px 0px; word-break: keep-all; } /*.icon{ font-size: 1.5em; }*/ .form-title{ margin: 20px; } .form-control{ font-size: 1.4rem; line-height: 120%; font-weight: regular; color: #333333; text-align: left; /*width: 40rem;*/ height: 40px; border: 1px solid #929292; padding: 0 15; -moz-border-radius:0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari, Chrome */ -khtml-border-radius: 0px; /* KHTML */ border-radius: 0px; /* CSS3 */ } .form-control:focus{ border: 1px solid #376798; } .form-control:hover{ border: 1px solid #376798; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } select::-ms-expand { display: none; } .select:after { color: #000; font-family: "FontAwesome"; content: "\f078"; right: 5%; pointer-events: none; position: absolute; top: 10px; } .modal-content select { -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist; appearance: menulist; } #tblReport select { -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist; appearance: menulist; } #tblReport .row { display: flex; flex-flow: column; flex: 1 1 auto; } .datefield { width: 27%; } .datespan{ margin:8px 0.5rem 0; } .validspan{ margin-left: 15px; } .input-group{ /*width: 40rem;*/ } .input-group-addon{ border-radius: 0px; } .radio-inline{ opacity: 0; position: absolute; } .radio-inline-label:before{ content: ''; border: 1px solid #929292; border-radius: 50%; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; } .radio-inline-label{ font-size: 1.4rem; line-height: 120%; font-weight: 400; color: #333333; text-align: left; } .radio-inline:checked + .radio-inline-label:before { background: #008580; /* Set colour of box shadow to same as backgroud */ box-shadow: inset 0px 0px 0px 4px #f1f1f1; } .radio-inline:checked{ background: #008580; /* Set colour of box shadow to same as backgroud */ box-shadow: inset 0px 0px 0px 4px #f1f1f1; } .radio-2{ margin-left:5rem !important; } .radio-inline, .radio-inline-label { display: inline-block; vertical-align: middle; /* margin: 5px; */ cursor: pointer; } span.list-group-item{ display: block; width: 100%; padding: 10px 12px; font-size: 1.4rem; line-height: 1.428571429; color: #555; background-color: #fff!important; background-image: none; border: 1px solid #d0d0d0; border-radius: 0px!important; height:40px; } span{ -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .list-group-item[disabled], .list-group-item[readonly], fieldset[disabled] .list-group-item { cursor: not-allowed; background-color: #eee; opacity: 1;} th,td { height:40px; text-align:left; } td { padding: 0 0 0 10px; } tr:nth-child(even) { background: #EDEDED; } tr:nth-child(odd) { background: #FFF; } .newrecord { background:#EDB343!important; cursor:pointer; } @media (min-width:1180px) { .container { width: 1280px; } } @media (max-width:1180px) { .page-container { width: auto; } .form-area ul li{ width:100%; } } @media (max-width:985px) { #ulTopMenu li{ padding: 20px 15px 0; } #ulTopMenu .btn{ font-size:1.3rem; } #ulTopMenu .btn span{ font-size:1rem; } .sidebar { display: none; } #Div_HTMLData { margin-left: 2rem !important; } } @media (max-width:740px) { .cji-header { height:auto; } #ulTopMenu li:first-child { padding-left: 15px; } #ulTopMenu li { margin-left:10%; display:list-item; } #ulTopMenu .btn{ font-size:1.2rem; padding-bottom: 5px; } #ulTopMenu .btn span{ display:none; } }