/* main variable */ /* transition function */ /* rotate-transform function */ /* border-radius function */ /* aanimate function */ @keyframes loading_rotat { 0% { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-moz-keyframes loading_rotat { 0% { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes loading_rotat { 0% { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-o-keyframes loading_rotat { 0% { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } ::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; border-radius: 0px; } ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #888; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } /* Template Code */ body, html { font-family: 'Source Sans Pro'; } body a, html a { color: var(--my-color); } body a:hover, html a:hover { color: #12bc76; } body.modal-open, html.modal-open { overflow: hidden !important; } .form-control { font-family: 'Source Sans Pro'; padding-right: 10px; font-size: 16px; color: #555; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .form-control.input-padding { padding-left: 55px !important; } .form-control:focus { border-color: var(--my-color); } .form-control:focus ~ span { border-right: 1px solid var(--my-color) !important; color: var(--my-color) !important; font-size: 18px; } select.form-control.input-sm { padding: 0px 6px; font-size: 14px; } .badge, .panel, .btn, .form-control, .modal-content { border-radius: 0px 0px 0px 0px !important; } .wrapword p { white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ word-break: break-all; white-space: normal; } .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a { background: var(--my-color); color: #fff; } .dropdown-menu { padding: 10px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; } .dropdown-menu > li { margin-bottom: 5px; } .dropdown-menu > li a { border: 1px solid #fff; padding: 3px 10px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .dropdown-menu > li a:hover { border: 1px solid #ddd; } .dropdown-menu > li:last-of-type { margin-bottom: 0px; } #Wrapper { margin: 0px; } #Wrapper .control-label { background: none; font-size: 14px; font-weight: 400; padding: 6px 0px; text-transform: capitalize; color: #666; } #Wrapper .form-control-feedback { left: 0px; right: auto; border-right: 1px solid #ddd; color: #aaa; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .checkbox label, #Wrapper .radio label { color: #666; font-size: 16px; font-weight: 400; } #Wrapper .main-container.pages-body { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } #Wrapper .main-container.pages-body.without-sidemenu { margin-left: 0px; } #Wrapper .side-menu { background: #37474f; width: 220px; position: fixed; left: 0px; top: 0px; bottom: 0px; height: 100%; display: none; } #Wrapper .admin-top-menu { background: #2e3b41; height: 50px; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 100; } #Wrapper .admin-top-menu ul.menu { display: block; margin: 0px; } #Wrapper .admin-top-menu ul.menu > li { float: left; margin: 0px 0px 0px 0px; } #Wrapper .admin-top-menu ul.menu > li > a { border-left: 2px solid #000; box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.12); padding: 0px 15px; height: 50px; display: block; line-height: 50px; color: #bcd3de; font-size: 16px; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .admin-top-menu ul.menu > li > a i { margin-right: 5px; font-size: 18px; } #Wrapper .admin-top-menu ul.menu > li > a:hover { color: var(--my-color); } #Wrapper .admin-top-menu ul.menu > li.active > a { color: var(--my-color); } #Wrapper .admin-top-menu .btn-side-menu { background: #546e7a; border: 0px; width: 50px; height: 50px; display: none; } #Wrapper .admin-top-menu .btn-side-menu i { font-size: 25px; color: #fff; } #Wrapper .admin-top-menu .btn-side-menu.active { background: none; } #Wrapper .admin-top-menu .notification { background: #546e7a; width: 50px; height: 50px; display: block; position: relative; overflow: visible; cursor: pointer; text-align: center; line-height: 50px; color: #fff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .admin-top-menu .notification i { margin: 0px; font-size: 19px; } #Wrapper .admin-top-menu .notification span { background: #ff6600; width: 25px; height: 25px; display: block; position: absolute; top: 7px; left: -12px; color: #fff; text-align: center; line-height: 25px; font-size: 11px; font-family: 'tahoma'; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper .admin-top-menu .notification ~ ul { width: 320px; padding: 0px; overflow: auto; max-height: 332px; margin-left: -150px; } #Wrapper .admin-top-menu .notification ~ ul li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px; color: #777; position: relative; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .admin-top-menu .notification ~ ul li img { width: 45px; height: 45px; display: block; float: left; margin-right: 10px; } #Wrapper .admin-top-menu .notification ~ ul li b { color: #333; } #Wrapper .admin-top-menu .notification ~ ul li em { font-size: 12px; font-weight: 400; color: #666; display: block; } #Wrapper .admin-top-menu .notification ~ ul li label { border: 1px solid #ff6600; color: #ff6600; padding: 2px 5px; font-size: 12px; position: absolute; right: 10px; bottom: 10px; font-style: normal; } #Wrapper .admin-top-menu .notification ~ ul li.unread { background: #fafafa; } #Wrapper .admin-top-menu .notification ~ ul li:hover { background: #eee; } #Wrapper .admin-top-menu .notification ~ ul li:last-child { border: 0px; } #Wrapper .admin-top-menu .notification:hover { background: #000; color: var(--my-color); } #Wrapper .admin-top-menu .btn-user { height: 50px; display: block; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; float: right; padding: 0px 10px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .admin-top-menu .btn-user i { position: relative; top: 0px; margin-left: 5px; } #Wrapper .admin-top-menu .btn-user span { position: relative; top: 2px; } #Wrapper .admin-top-menu .btn-user img { width: 35px; height: 35px; float: left; margin: 7px 7px 0px 0px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper .admin-top-menu .btn-user:hover { background: #000; } #Wrapper #Header { background-color: #222; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; margin-top: 50px; padding-bottom: 70px; } #Wrapper #Header.not_login { margin-top: 0px; } #Wrapper #Header .logo { width: auto; display: inline-block; color: #fff; margin: 60px auto 60px auto; } #Wrapper #Header .logo span { background: var(--my-color); width: 60px; height: 55px; display: inline-block; line-height: 52px; text-align: center; font-size: 30px; color: #fff; margin-bottom: 10px; } #Wrapper #Header .logo h2 { font-family: 'Source Sans Pro'; font-size: 45px; font-weight: 600; text-transform: capitalize; color: #fff; } #Wrapper #Header .logo h2 em { color: var(--my-color); font-style: normal; text-transform: uppercase; } #Wrapper #Header .logo .line { background: var(--my-color); width: 80px; height: 6px; display: block; margin: 15px auto; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } #Wrapper #Header .logo p { width: 60%; display: inline-block; font-size: 16px; } #Wrapper #Header .logo img { max-width: 250px; margin: 0px auto; } #Wrapper #Header .container { position: relative; } #Wrapper #Header .container .dropdown.notifications { position: absolute; top: 30px; } #Wrapper #Header .container .notification { background: #f0f0f0; border: 1px solid #ccc; padding: 11px; position: relative; overflow: visible; color: #666; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Header .container .notification i { margin: 0px; } #Wrapper #Header .container .notification span { background: #ff6600; width: 25px; height: 25px; display: block; position: absolute; top: -12px; left: -12px; color: #fff; text-align: center; line-height: 25px; font-size: 11px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Header .container .notification ~ ul { width: 320px; padding: 0px; overflow: auto; max-height: 332px; margin-left: -150px; } #Wrapper #Header .container .notification ~ ul li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px; color: #777; position: relative; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Header .container .notification ~ ul li img { width: 45px; height: 45px; display: block; float: left; margin-right: 10px; } #Wrapper #Header .container .notification ~ ul li b { color: #333; } #Wrapper #Header .container .notification ~ ul li em { font-size: 12px; font-weight: 400; color: #666; display: block; } #Wrapper #Header .container .notification ~ ul li label { border: 1px solid #ff6600; color: #ff6600; padding: 2px 5px; font-size: 12px; position: absolute; right: 10px; bottom: 10px; font-style: normal; } #Wrapper #Header .container .notification ~ ul li.unread { background: #fafafa; } #Wrapper #Header .container .notification ~ ul li:hover { background: #eee; } #Wrapper #Header .container .notification ~ ul li:last-child { border: 0px; } #Wrapper #Header .container .notification:hover { background: #eaeaea; border-color: #ccc; color: #333; } #Wrapper .welcome-login { background: #fafafa; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); margin-bottom: 35px; margin-top: -70px; } #Wrapper .welcome-login h2 { background: var(--my-color); overflow: hidden; height: 70px; line-height: 62px; font-size: 35px; font-weight: 600; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); text-align: center; text-transform: capitalize; } #Wrapper .welcome-login h2 small { color: #fff; font-size: 16px; margin: 25px 15px 0px 15px; } #Wrapper .welcome-login h2 small a { color: #fff; } #Wrapper .welcome-login form { padding: 30px 30px 15px 30px; } #Wrapper .welcome-login .social-login { border-top: 1px solid #ddd; position: relative; margin: 0px 30px 0px 30px; } #Wrapper .welcome-login .social-login span.or_text { background: #fff; border: 1px solid #ddd; width: 30px; height: 30px; display: block; position: relative; top: -15px; margin: 0px auto; text-align: center; line-height: 28px; color: #666; } #Wrapper .welcome-login .social-login .btn { width: 100%; text-align: left; display: block; position: relative; margin: 0px 0px 0px 0px; } #Wrapper .welcome-login .social-login .btn i { font-size: 23px; } #Wrapper .welcome-login .social-login .btn b { margin-left: 5px; font-size: 14px; display: none; } #Wrapper .welcome-login .social-login .row { padding-bottom: 30px; } #Wrapper .welcome-login .social-login .g-signin2 { display: block; width: 1px !important; height: 1px !important; overflow: hidden; opacity: 0; } #Wrapper .ah-panel { background: #fafafa; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); margin-bottom: 35px; margin-top: -70px; overflow: visible; } #Wrapper .ah-panel > h2 { background: var(--my-color); overflow: hidden; height: 70px; line-height: 62px; font-size: 35px; font-weight: 600; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); text-align: center; position: relative; text-transform: capitalize; } #Wrapper .ah-panel > h2.has-menu { padding-left: 20px; text-align: left; } #Wrapper .ah-panel > h2.has-menu a { background: rgba(0, 0, 0, 0.45); width: auto; height: 40px; display: block; float: right; font-size: 16px; font-weight: 400; line-height: 38px; padding: 0px 10px; text-transform: capitalize; color: #fff; margin: 15px 15px 0px 0px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .ah-panel > h2.has-menu a:hover { background: var(--my-color); } #Wrapper .ah-panel > h2.has-menu a.active { background: #333; } #Wrapper .ah-panel > h2 small { color: #fff; font-size: 16px; position: relative; top: -5px; } #Wrapper .ah-panel .ah-panel-body { padding: 30px; } #Wrapper .ah-panel .ah-panel-body .tickets-number { margin-bottom: 21px; } #Wrapper .ah-panel .ah-panel-body .tickets-number .badge { font-weight: 400; } #Wrapper .ah-panel .ah-panel-body .my-tickets { margin: 0px; } #Wrapper .ah-panel .ah-panel-body .my-departments { margin: 0px; } #Wrapper .ah-panel .ah-panel-body .my-departments td, #Wrapper .ah-panel .ah-panel-body .my-departments th { word-wrap: break-word; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper { margin: 0px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .row:nth-last-of-type(3) { background: #eee; border: 1px solid #ddd; border-bottom: 0px; margin: 0px; padding: 10px 0px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .row .dataTables_length label { font-size: 16px; font-weight: 400; color: #666; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .row .dataTables_length label .form-control { margin: 0px 6px 0px 6px; display: inline-block; cursor: pointer; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .row .dataTables_filter label { display: block; float: right; font-size: 16px; font-weight: 400; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .row .dataTables_filter label .form-control { margin-left: 6px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .pagination { margin: 0px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .pagination li a { color: #666; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .pagination li.active a { background: var(--my-color); border-color: var(--my-color); color: #fff; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .pagination li.disabled a { color: #999; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .badge { font-weight: 200; font-size: 14px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper th { cursor: pointer; color: #333; font-weight: 600; font-size: 16px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper th._sorting_asc { color: #118555; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper td { vertical-align: middle; color: #666; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper td a { font-weight: 400; font-size: 16px; text-transform: capitalize; color: var(--my-color); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper td a:hover { color: #13c87d; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper td:nth-of-type(2) .badge { margin-right: 6px; font-size: 12px; font-family: 'tahoma'; position: relative; top: 1px; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .answered { background: #d6fced; } #Wrapper .ah-panel .ah-panel-body .dataTables_wrapper .unread { background: #fae0bb; } #Wrapper .ah-panel .ah-panel-body #dashboard { margin: 0px; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang { margin: 0px; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .stats_block { background: #485678; height: 80px; padding: 0px 15px; color: #fff; position: relative; margin-bottom: 15px; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .stats_block p { font-size: 35px; font-weight: 600; line-height: 80px; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .stats_block span { font-weight: 400; font-size: 18px; position: absolute; bottom: 10px; right: 15px; text-transform: capitalize; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang h4 { background: #eee; border: 1px solid #ddd; height: 45px; line-height: 44px; text-align: center; font-size: 18px; color: #666; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .rang { background: #fff; border: 1px solid #ddd; text-align: center; padding: 15px 0px; margin-top: 15px; font-size: 18px; position: relative; color: #666; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .rang h5 { font-size: 23px; font-weight: bold; text-transform: uppercase; } #Wrapper .ah-panel .ah-panel-body #dashboard .ah_rang .rang span { position: absolute; left: 0px; right: 0px; text-align: center; top: 50%; font-size: 37px; font-weight: bold; font-family: 'arial'; margin-top: -50px; } #Wrapper .ah-panel .ah-panel-body .options-page { position: relative; margin: 0px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content { border: 0px; min-height: 400px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content .tab-head { overflow: hidden; height: 35px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset { border: 1px solid #ddd; display: block; margin-bottom: 15px; padding: 15px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset legend { border: 0px; padding-left: 15px; padding-right: 15px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset hr { border-top: 1px solid #ddd; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset label.control-label, #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset label { color: #333 !important; font-weight: 400; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset .row { margin-bottom: 15px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset .row:last-of-type { margin-bottom: 0px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-content .tab-content fieldset:last-of-type { margin-bottom: 0px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu { background: #f5f5f5; border: 1px solid #ddd; width: 220px; height: 100%; display: none; position: absolute; } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu ul { width: 220px; position: relative; } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu ul li { display: block; margin: 0px; } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu ul li a { border-bottom: 1px solid #ddd; font-size: 15px; color: #666; display: block; height: 50px; line-height: 50px; padding-left: 10px; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu ul li a:hover { color: #000; border-right: 5px solid var(--my-color); } #Wrapper .ah-panel .ah-panel-body .options-page .options-menu ul li.active a { background: var(--my-color); border-color: var(--my-color); color: #fff; font-weight: 600; } #Wrapper .ah-panel .panel-ticket { margin: 0px; } #Wrapper .ah-panel .panel-ticket .panel-heading h3 { color: #666; text-transform: capitalize; padding-bottom: 7px; padding-top: 0px; display: block; overflow: hidden; line-height: 35px; } #Wrapper .ah-panel .panel-ticket .panel-heading h3 .badge { margin-right: 6px; } #Wrapper .ah-panel .panel-ticket .panel-heading h3 span { margin-top: 8px; } #Wrapper .ah-panel .panel-ticket .panel-body { padding-bottom: 5px; font-size: 16px; color: #444; font-weight: 400; } #Wrapper .ah-panel .panel-ticket .panel-footer { font-size: 13px; font-family: 'tahoma'; color: #555; font-weight: 400; } #Wrapper .ah-panel .panel-ticket .panel-footer .badge { font-size: 13px; font-family: 'tahoma'; } #Wrapper .ah-panel .panel-ticket .panel-footer .colose-ticket { background: none; border: 0px; } #Wrapper .ah-panel .panel-ticket .panel-footer .change-department { background: none; border: 0px; } #Wrapper .ah-panel .replies { margin: 30px 0px 0px 0px; } #Wrapper .ah-panel .replies ul li .reply { background: #fff; border: 1px solid #ddd; margin-top: 15px; padding: 15px; } #Wrapper .ah-panel .replies ul li .reply .head { border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 12px; margin-bottom: 10px; } #Wrapper .ah-panel .replies ul li .reply .head .btn-delete { background: none; border: 0px; color: #c00; float: right; } #Wrapper .ah-panel .replies ul li .reply .head .rate { overflow: hidden; float: right; margin: 0px; } #Wrapper .ah-panel .replies ul li .reply .head .rate .form-group { margin: -12px 0px 0px 0px; position: relative; top: 6px; } #Wrapper .ah-panel .replies ul li .reply .head .rate .rate-rang { margin: 0px; } #Wrapper .ah-panel .replies ul li .reply .head .rate .rate-rang i { margin-right: 2px; font-size: 16px; color: #aaa; } #Wrapper .ah-panel .replies ul li .reply .head .rate .rate-rang i.active { color: #fcc54e; } #Wrapper .ah-panel .replies ul li .reply .content { color: #444; font-size: 15px; font-weight: 400; } #Wrapper .ah-panel .replies ul li .reply .content p:last-of-type { margin-bottom: 0px; } #Wrapper .ah-panel .replies ul li .reply .content .attach { margin-top: 10px; } #Wrapper .ah-panel .replies ul li .reply .content .attach a { color: #bf2f28; } #Wrapper .ah-panel .replies ul li.admin .reply { border-color: #bbb; } #Wrapper .ah-panel .replies ul li.admin .reply .head { color: #357eac; border-color: #bbb; } #Wrapper .ah-panel .nav-tabs { border: 0px; } #Wrapper .ah-panel .nav-tabs li { margin-right: 10px; } #Wrapper .ah-panel .nav-tabs li a { font-size: 18px; text-transform: capitalize; color: #555; } #Wrapper .ah-panel .nav-tabs li:hover a, #Wrapper .ah-panel .nav-tabs li:focus a { color: #222; } #Wrapper .ah-panel .nav-tabs li.active a { color: #3087bf; } #Wrapper #Footer { margin-bottom: 30px; font-size: 14px; font-weight: 400; text-align: center; text-transform: capitalize; } #Wrapper #Footer a { color: #17b766; } #Wrapper #Footer a:hover { color: #1779b7; } #Wrapper #create-ticket { margin: 0px; } #Wrapper #create-ticket .form-group:nth-of-type(6) { margin-bottom: 0px !important; } #Wrapper #create-ticket .btn.btn-success em { display: none; -moz-animation: loading_rotat 0.8s infinite linear; -o-animation: loading_rotat 0.8s infinite linear; -webkit-animation: loading_rotat 0.8s infinite linear; animation: loading_rotat 0.8s infinite linear; } #Wrapper #create-ticket ~ .over_load { margin: -33px 0 13px 197px; display: none; margin-right: 0px; position: relative; z-index: 50; } #Wrapper #create-ticket ~ .over_load .progress { background: #aaa; border: 0px; margin: 0px 0px 0px 0px; position: relative; } #Wrapper #create-ticket ~ .over_load .progress .percent { width: 100%; height: 20px; text-align: center; color: #000; position: absolute; top: 0px; left: 0px; z-index: 50; font-family: 'tahoma'; font-weight: 400; font-size: 14px; line-height: 18px; color: #fff; } #Wrapper #create-ticket ~ .over_load .progress .bar { background: var(--my-color); height: 20px; } #Wrapper #User-Data .table { display: none; } #Wrapper #User-Data .table tr td:nth-of-type(1) { width: 100px; } #Wrapper #User-Data .ajax-loader { background: #eee; border: 1px solid #ddd; width: 45px; height: 45px; text-align: center; line-height: 43px; font-size: 17px; color: #555; margin: 0px auto 0px auto; } #Wrapper #User-Data .ajax-loader span { display: inline-block; -moz-animation: loading_rotat 0.8s infinite linear; -o-animation: loading_rotat 0.8s infinite linear; -webkit-animation: loading_rotat 0.8s infinite linear; animation: loading_rotat 0.8s infinite linear; } #Wrapper #User-Data .modal-content { border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; } #Wrapper #User-Data .modal-content .name, #Wrapper #User-Data .modal-content .gender, #Wrapper #User-Data .modal-content .country { text-transform: capitalize; } #Wrapper #Show-Privacy p { font-size: 16px; font-weight: 400; } #Wrapper .help-block li { font-size: 14px; font-weight: 400; text-transform: capitalize; } #Wrapper .help-block.with-errors li:before { display: inline-block; content: "\f00d"; font-family: 'FontAwesome'; margin-left: 5px; } #Wrapper .capitalize { text-transform: capitalize; } #Wrapper em.form-loading { display: none; -moz-animation: loading_rotat 0.8s infinite linear; -o-animation: loading_rotat 0.8s infinite linear; -webkit-animation: loading_rotat 0.8s infinite linear; animation: loading_rotat 0.8s infinite linear; } #Wrapper #Main .main-header { margin: 0px; } #Wrapper #Main .main-header .nav-top { background: #f5f5f5; border-bottom: 1px solid #ddd; height: 40px; } #Wrapper #Main .main-header .nav-top span { display: inline-block; height: 40px; line-height: 40px; margin-right: 15px; color: #666; } #Wrapper #Main .main-header .nav-top a { border-left: 1px solid #ddd; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 16px; color: #888; float: right; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-top a:first-of-type { border-right: 1px solid #ddd; } #Wrapper #Main .main-header .nav-top a:hover { background: var(--my-color); color: #fff; } #Wrapper #Main .main-header .nav-menu { background: #fff; height: 80px; } #Wrapper #Main .main-header .nav-menu .logo { float: left; height: 50px; font-size: 28px; font-weight: bold; text-transform: capitalize; margin-top: 15px; overflow: hidden; color: #666; line-height: 50px; } #Wrapper #Main .main-header .nav-menu .logo i { background: var(--my-color); display: inline-block; width: 50px; height: 50px; line-height: 45px; text-align: center; color: #fff; font-size: 21px; } #Wrapper #Main .main-header .nav-menu .logo em { color: var(--my-color); font-style: normal; } #Wrapper #Main .main-header .nav-menu .logo img { max-height: 50px; } #Wrapper #Main .main-header .nav-menu .menu > ul { float: left; } #Wrapper #Main .main-header .nav-menu .menu > ul > li { float: left; height: 80px; margin-right: 20px; line-height: 80px; } #Wrapper #Main .main-header .nav-menu .menu > ul > li > a { border: 1px solid #fff; font-size: 18px; font-weight: 400; color: #666; padding: 5px 10px; text-transform: capitalize; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-menu .menu > ul > li > a:hover { border: 1px solid var(--my-color); color: var(--my-color); } #Wrapper #Main .main-header .nav-menu .menu > ul > li.active > a { border: 1px solid var(--my-color); color: var(--my-color); } #Wrapper #Main .main-header .nav-menu .menu a.login { background: var(--my-color); float: right; width: auto; height: 30px; display: block; color: #fff; line-height: 30px; margin-top: 25px; padding: 0px 15px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-menu .menu a.login:hover { background: var(--my-color); } #Wrapper #Main .main-header .nav-menu .menu a.register { background: var(--my-color); float: right; width: auto; height: 30px; display: block; color: #fff; line-height: 30px; margin-top: 25px; margin-right: 15px; padding: 0px 15px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-menu .menu a.register:hover { background: var(--my-color); } #Wrapper #Main .main-header .nav-menu .menu .dropdown { float: right; margin-top: 18px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn { padding-left: 8px; padding-right: 8px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn img { width: 30px; height: 30px; display: inline-block; margin-right: 10px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn i { position: relative; top: 0px; margin-left: 5px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn span { position: relative; top: 2px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification { background: #f0f0f0; border: 1px solid #ccc; padding: 11px; position: relative; overflow: visible; color: #666; margin-right: 15px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification i { margin: 0px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification span { background: #ff6600; width: 25px; height: 25px; display: block; position: absolute; top: -12px; left: -12px; color: #fff; text-align: center; line-height: 25px; font-size: 11px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul { width: 320px; padding: 0px; overflow: auto; max-height: 332px; margin-left: -150px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px; color: #777; position: relative; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li img { width: 45px; height: 45px; display: block; float: left; margin-right: 10px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li b { color: #333; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li em { font-size: 12px; font-weight: 400; color: #666; display: block; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li label { border: 1px solid #ff6600; color: #ff6600; padding: 2px 5px; font-size: 12px; position: absolute; right: 10px; bottom: 10px; font-style: normal; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li.unread { background: #fafafa; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li:hover { background: #eee; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification ~ ul li:last-child { border: 0px; } #Wrapper #Main .main-header .nav-menu .menu .dropdown .btn.notification:hover { background: #eaeaea; border-color: #ccc; color: #333; } #Wrapper #Main .main-header .nav-menu .menu .dropdown ul { border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; } #Wrapper #Main .main-header .nav-menu .menu .dropdown ul li a { padding: 5px 8px 6px 8px; } #Wrapper #Main .main-header .mobile-menu { display: none; overflow: hidden; } #Wrapper #Main .main-header .mobile-menu button { width: 100%; background: #333; border: 0px; color: #ddd; font-size: 18px; font-weight: bold; padding: 6px 15px; line-height: 35px; text-align: left; } #Wrapper #Main .main-header .mobile-menu button i { float: right; font-size: 35px; } #Wrapper #Main .main-header .mobile-menu ul { background: #333; display: none; overflow: hidden; padding: 0px; } #Wrapper #Main .main-header .mobile-menu ul li { margin: 1px 0px 0px 0px; } #Wrapper #Main .main-header .mobile-menu ul li a { display: block; border-top: 1px solid #444; box-shadow: 0px -1px 0px #111; padding: 10px 15px; color: #fff; font-size: 15px; font-weight: bold; } #Wrapper #Main .main-header .mobile-menu ul li.active a { color: var(--my-color); } #Wrapper #Main .main-header .main-search { background: var(--my-color); min-height: 200px; padding: 60px 0px; text-align: center; } #Wrapper #Main .main-header .main-search h2 { color: #fff; margin: 0px 0px 20px 0px; font-size: 35px; font-weight: 600; } #Wrapper #Main .main-header .main-search p { margin-bottom: 25px; color: #fff; font-size: 16px; font-weight: 400; } #Wrapper #Main .main-header .main-search .form-control { background: #fff !important; border: none !important; } #Wrapper #Main .main-header .main-search .input-group-btn { border: none !important; } #Wrapper #Main .main-header .main-search .btn { background: #333; color: #fff; border: none !important; } #Wrapper #Main .main-header .main-search.single { padding: 30px 0px; min-height: auto; text-align: center; color: #fff; font-size: 25px; text-transform: capitalize; } #Wrapper #Main .main-body { min-height: 500px; } #Wrapper #Main .main-body .services { background: #fff; padding: 60px 0px 30px 0px; } #Wrapper #Main .main-body .services h2 { text-align: center; margin-bottom: 60px; font-size: 35px; font-weight: 600; } #Wrapper #Main .main-body .services h2:after { background: var(--my-color); width: 40px; height: 4px; content: ''; display: block; margin: 30px auto 0px auto; } #Wrapper #Main .main-body .services .service { text-align: center; margin-bottom: 30px; } #Wrapper #Main .main-body .services .service i { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); width: 120px; height: 120px; text-align: center; line-height: 120px; font-size: 35px; color: #666; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; display: inline-block; position: relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #Wrapper #Main .main-body .services .service i:after { border: 1px solid #ccc; border-style: dashed; width: 150px; height: 150px; position: absolute; top: -15px; left: -15px; content: ''; z-index: 10; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Main .main-body .services .service h4 { margin: 40px 0px 20px 0px; font-weight: 600; } #Wrapper #Main .main-body .services .service p { color: #666; line-height: 26px; font-size: 15px; font-weight: 400; } #Wrapper #Main .main-body .services .service:hover i { color: var(--my-color); font-size: 50px; } #Wrapper #Main .main-body .knowledge { background: #fafafa; border-top: 1px solid #eee; padding: 60px 0px 45px 0px; } #Wrapper #Main .main-body .knowledge h2 { text-align: center; margin-bottom: 60px; font-size: 35px; font-weight: 600; } #Wrapper #Main .main-body .knowledge h2:after { background: var(--my-color); width: 40px; height: 4px; content: ''; display: block; margin: 30px auto 0px auto; } #Wrapper #Main .main-body .knowledge .post { background: #fff; border: 1px solid #ddd; padding: 15px; margin: 0px 0px 15px 0px; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #Wrapper #Main .main-body .knowledge .post a { font-size: 18px; text-transform: capitalize; color: #555; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-body .knowledge .post a:hover { color: var(--my-color); } #Wrapper #Main .main-body .knowledge .post b { display: block; font-weight: 400; color: #777; } #Wrapper #Main .main-body .knowledge .post span { position: absolute; right: 15px; top: 15px; text-align: center; } #Wrapper #Main .main-body .knowledge .post span em { display: block; margin-top: 5px; color: var(--my-color); font-weight: bold; } #Wrapper #Main .main-body .knowledge .post span em.error { color: #ef2d2d; } #Wrapper #Main .main-body .knowledge .post:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } #Wrapper #Main .main-body .testimonials-page .rating label { font-size: 30px; } #Wrapper #Main .main-body .testimonials-page .item { background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); padding: 15px; height: 220px; margin-bottom: 15px; position: relative; overflow: hidden; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; } #Wrapper #Main .main-body .testimonials-page .item p { font-size: 16px; line-height: 23px; text-align: justify; } #Wrapper #Main .main-body .testimonials-page .item .author { position: absolute; left: 20px; right: 20px; bottom: 20px; overflow: hidden; margin: 0px 0px 0px 0px; } #Wrapper #Main .main-body .testimonials-page .item .author img { background: #ddd; width: 80px; height: 80px; display: block; float: left; margin: 0px 15px 0px 0px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Main .main-body .testimonials-page .item .author div { margin-top: 15px; } #Wrapper #Main .main-body .testimonials-page .item .author div h4 { margin-bottom: 5px; } #Wrapper #Main .main-body .testimonials-page .item .author div span.time { color: #777; font-size: 15px; } #Wrapper #Main .main-body .testimonials-page .item .author .user_type { display: block; border: 2px solid #aaa; position: absolute; bottom: 35px; right: 0px; color: #666; padding: 4px 8px; font-weight: 400; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; } #Wrapper #Main .main-body .testimonials-page .item .author .user_type.is_client { color: #18bf45; border-color: #18bf45; } #Wrapper #Main .main-body .testimonials-page .item .author .rate-rang { position: absolute; bottom: 0px; right: 0px; font-size: 21px; } #Wrapper #Main .main-body .testimonials-page .item .author .rate-rang i.fa-star { color: #aaa; } #Wrapper #Main .main-body .testimonials-page .item .author .rate-rang i.fa-star.active { color: #fbd606; } #Wrapper #Main .main-body .testimonials { background: var(--my-color); padding: 60px 0px 30px 0px; } #Wrapper #Main .main-body .testimonials h2 { margin-bottom: 30px; color: #fff; font-weight: 600; font-size: 35px; } #Wrapper #Main .main-body .testimonials h2:after { background: #fff; width: 40px; height: 4px; content: ''; display: block; margin: 30px 0px 0px 0px; } #Wrapper #Main .main-body .testimonials h2 .btn-add-testimonials { background: transparent; border: 2px solid #fff; color: #fff; font-weight: 600; font-size: 18px; padding: 10px 20px; float: right; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-body .testimonials h2 .btn-add-testimonials:hover { background: #fff; color: #333; } #Wrapper #Main .main-body .testimonials .owl-carousel .owl-item { padding: 15px; } #Wrapper #Main .main-body .testimonials .owl-carousel .owl-page span { background: #fff; position: relative; margin: 5px 10px; } #Wrapper #Main .main-body .testimonials .owl-carousel .owl-page span:after { border: 1px solid #fff; left: -5px; right: -5px; top: -5px; bottom: -5px; position: absolute; content: ''; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Main .main-body .testimonials .owl-carousel .item { background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); padding: 15px; height: 220px; margin-bottom: 15px; position: relative; overflow: hidden; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item p { font-size: 16px; line-height: 23px; text-align: justify; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author { position: absolute; left: 20px; right: 20px; bottom: 20px; overflow: hidden; margin: 0px 0px 0px 0px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author img { background: #ddd; width: 80px; height: 80px; display: block; float: left; margin: 0px 15px 0px 0px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; -ms-border-radius: 100% 100% 100% 100%; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author div { margin-top: 15px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author div h4 { margin-bottom: 5px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author div span.time { color: #777; font-size: 15px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author .user_type { display: block; border: 2px solid #aaa; position: absolute; bottom: 35px; right: 0px; color: #666; padding: 4px 8px; font-weight: 400; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author .user_type.is_client { color: #18bf45; border-color: #18bf45; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author .rate-rang { position: absolute; bottom: 0px; right: 0px; font-size: 21px; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author .rate-rang i.fa-star { color: #aaa; } #Wrapper #Main .main-body .testimonials .owl-carousel .item .author .rate-rang i.fa-star.active { color: #fbd606; } #Wrapper #Main .main-body .our-team { background: #fff; border-top: 1px solid #eee; padding: 60px 0px 30px 0px; } #Wrapper #Main .main-body .our-team h2 { text-align: center; margin-bottom: 60px; font-size: 35px; font-weight: 600; } #Wrapper #Main .main-body .our-team h2:after { background: var(--my-color); width: 40px; height: 4px; content: ''; display: block; margin: 30px auto 0px auto; } #Wrapper #Main .main-body .our-team .team { background: #fafafa; border: 1px solid #ddd; text-align: center; margin-top: 70px; margin-bottom: 30px; padding: 15px; } #Wrapper #Main .main-body .our-team .team img { background: #ddd; border: 5px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); width: 150px; height: 140px; display: block; margin: -70px auto 15px auto; } #Wrapper #Main .main-body .our-team .team h4 { font-size: 18px; } #Wrapper #Main .main-body .our-team .team h4 span { display: block; font-size: 16px; color: #888; margin: 15px 0px; } #Wrapper #Main .main-body .our-team .team p { font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 0px; height: 75px; overflow: hidden; } #Wrapper #Main .main-body .panel { margin: 30px 0px; border: 0px; border-top: 1px solid #ddd; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } #Wrapper #Main .main-body .panel .post { background: #fff; border: 1px solid #ddd; padding: 15px; margin: 0px 0px 15px 0px; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #Wrapper #Main .main-body .panel .post a { font-size: 18px; text-transform: capitalize; color: #555; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-body .panel .post a:hover { color: var(--my-color); } #Wrapper #Main .main-body .panel .post b { display: block; font-weight: 400; color: #777; } #Wrapper #Main .main-body .panel .post span { position: absolute; right: 15px; top: 15px; text-align: center; } #Wrapper #Main .main-body .panel .post span em { display: block; margin-top: 5px; color: var(--my-color); font-weight: bold; } #Wrapper #Main .main-body .panel .post span em.error { color: #ef2d2d; } #Wrapper #Main .main-body .panel .post:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } #Wrapper #Main .main-body .panel .post_single span { margin: 0px; } #Wrapper #Main .main-body .panel .post_single span em { display: inline-block; margin-top: 5px; color: var(--my-color); font-weight: bold; } #Wrapper #Main .main-body .panel .post_single span em.error { color: #ef2d2d; } #Wrapper #Main .main-body .panel .post_single span em.error em { color: #ef2d2d; } #Wrapper #Main .main-body .panel #Map { background: #ddd url("../views/themes/AH-Tickets/assets/images/map-loader.gif") no-repeat center center; border: 8px solid #ddd; width: 100%; height: 350px; } #Wrapper #Main .main-footer { background: var(--my-color); overflow: hidden; } #Wrapper #Main .main-footer .footer-widget { padding: 60px 0px; } #Wrapper #Main .main-footer .footer-widget h2 { font-size: 19px; text-transform: capitalize; color: #eee; margin-bottom: 30px; } #Wrapper #Main .main-footer .footer-widget ul { margin: 0px 0px 0px 20px; padding: 0px; } #Wrapper #Main .main-footer .footer-widget ul li { list-style: circle; color: var(--my-color); line-height: 30px; font-size: 25px; } #Wrapper #Main .main-footer .footer-widget ul li a { font-size: 16px; font-weight: 400; position: relative; top: -2px; left: -5px; color: rgba(255, 255, 255, 0.75); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Wrapper #Main .main-footer .footer-widget ul li a:hover { color: var(--my-color); } #Wrapper #Main .main-footer .footer-widget p { color: rgba(255, 255, 255, 0.75); margin-bottom: 30px; font-weight: 400; font-size: 15px; line-height: 26px; } #Wrapper #Main .main-footer .footer-widget .form-control { border: none !important; } #Wrapper #Main .main-footer .footer-widget .input-group-btn { border: none !important; } #Wrapper #Main .main-footer .footer-widget .btn { background: var(--my-color); color: #fff; border: none !important; } #Wrapper #Main .main-footer .footer-widget .show-alerts { font-weight: 400; color: #fff; margin-top: 15px; } #Wrapper #Main .main-footer .copyright { background: rgba(0, 0, 0, 0.3); height: 60px; line-height: 60px; color: #ddd; } #Wrapper #Main .main-footer .copyright p { margin: 0px; } @media only screen and (min-width: 1200px) { #Wrapper.boxed #Main { width: 1200px; margin: 30px auto; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3); } } #Wrapper #tabPages { min-height: 100px; } #Wrapper #tabPages .pagesLoader { background: #fff; border: 1px solid #ddd; width: 80px; height: 50px; line-height: 46px; text-align: center; font-size: 18px; margin: 30px auto; display: none; } #change_lang { width: 120px; padding: 0px; display: inline-block; font-size: 14px; cursor: pointer; font-family: 'tahoma'; margin: 0px 10px; } .modal_photo { width: 150px; height: 140px; display: block; position: relative; } .modal_photo:after { background: #ddd; width: 150px; height: 140px; content: "\f03e"; font-family: 'FontAwesome'; font-size: 45px; text-align: center; line-height: 140px; position: absolute; top: 0px; left: 0px; } .modal_photo ~ .btn { width: 150px; padding: 6px 0px; margin-top: 5px; } .modal_photo ~ .btn ~ input[type="file"] { width: 1px; height: 1px; opacity: 0; } #Upload-Modal label.file-drag { border: 4px solid #ddd; border-style: dashed; height: 300px; display: block; cursor: pointer; position: relative; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } #Upload-Modal label.file-drag input[type="file"] { height: 300px; display: block; cursor: pointer; position: relative; z-index: 15; opacity: 0; } #Upload-Modal label.file-drag:after { width: 100%; height: 300px; line-height: 320px; text-align: center; content: attr(data-title); font-size: 18px; color: #888; position: absolute; top: 0px; left: 0px; } #Upload-Modal label.file-drag:hover { border-color: #aaa; } #Upload-Modal .progress { background: #aaa; border: 0px; margin: 15px 0px 0px 0px; display: none; position: relative; } #Upload-Modal .progress .percent { width: 100%; height: 20px; text-align: center; color: #000; position: absolute; top: 0px; left: 0px; z-index: 50; font-family: 'tahoma'; font-weight: 400; font-size: 14px; line-height: 18px; color: #fff; } #Upload-Modal .progress .bar { background: var(--my-color); height: 20px; } .input-upload { margin: 0px; } .input-upload img { background: #eee; border: 1px solid #ddd; height: 150px; line-height: 150px; text-align: center; color: #333; font-size: 35px; display: block; margin-top: 15px; position: relative; } .input-upload img:after { width: 100%; height: 150px; line-height: 150px; content: "\f03e"; font-family: 'FontAwesome'; position: absolute; top: 0px; left: 0px; } .input-upload .btn { margin-top: 15px; } .table_photo { border: 3px solid #ddd; width: 70px; height: 65px; } .table_vertical td, .table_vertical th { vertical-align: middle !important; } .clear-30 { height: 30px; } .clear-20 { height: 20px; } .clear-15 { height: 15px; } .clear-10 { height: 10px; } .clear-5 { height: 5px; } .margin-0 { margin: 0px; } .padding-0 { padding: 0px !important; } .font-14 { font-size: 14px !important; } .inline-block { display: inline-block; } /*.modal-body { max-height: calc(100vh - 210px); overflow-y: auto; }*/ /*# sourceMappingURL=main.css.map */