/home/optimumoperation/livechat.optimumoperations.top/installer/css/main-style.css
#MainLoader,
.MainLoader {
background: rgba(0, 0, 0, 0.59) none repeat scroll 0 0;
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 99999;
}
.msgText {
color: #ffffff;
font-size: 47px;
left: 0;
line-height: 59px;
position: absolute;
right: 0;
text-align: center;
text-shadow: 0 1px 2px #000;
top: 45%;
}
.form-group.has-error .form-control,
.pbx-admin .form-group.has-error .input-group-addon,
.form-group.has-error .input-group .input-group-addon {
border-color: #dd4b39 !important;
}
.form-group.has-success .form-control,
.pbx-admin .form-group.has-success .input-group-addon,
.form-group.has-success .input-group .input-group-addon {
border-color: #00a65a !important;
}
.input-group .input-group-addon {
min-width: 40px;
}
.form-group-sm > i.form-control-feedback {
top: 25px !important;
}
.form-group:not(.form-group-sm) > i.form-control-feedback {
top: 35px !important;
}
.form-group.has-feedback div i.form-control-feedback.fa {
top: 10px;
}
.form-group.form-group-sm.has-feedback div i.form-control-feedback.fa {
top: 0px;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.msg {
margin-bottom: 5px;
padding: 2px 5px;
}
.msg strong {
font-style: italic;
}
.msg.alert-success {
color: #fff !important;
border-color: #B9CBC3;
}
.d-m-b {
margin-bottom: 15px !important;
}
.d-m-t {
margin-top: 15px !important;
}
.d-m-l {
margin-left: 15px !important;
}
.d-m-r {
margin-right: 15px !important;
}
.d-m {
margin: 15px !important;
}
.m-0 {
margin: 0px !important;
}
.m-t-0 {
margin-top: 0px !important;
}
.m-r-0 {
margin-right: 0px !important;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-l-0 {
margin-left: 0px !important;
}
.m-5 {
margin: 5px !important;
}
.m-t-5 {
margin-top: 5px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.m-10 {
margin: 10px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-15 {
margin: 15px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.m-20 {
margin: 20px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-25 {
margin: 25px !important;
}
.m-t-25 {
margin-top: 25px !important;
}
.m-r-25 {
margin-right: 25px !important;
}
.m-b-25 {
margin-bottom: 25px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.m-30 {
margin: 30px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.p-0 {
padding: 0px !important;
}
.p-t-0 {
padding-top: 0px !important;
}
.p-r-0 {
padding-right: 0px !important;
}
.p-b-0 {
padding-bottom: 0px !important;
}
.p-l-0 {
padding-left: 0px !important;
}
.p-5 {
padding: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.p-10 {
padding: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.p-r-15 {
padding-right: 15px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.p-25 {
padding: 25px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.p-r-25 {
padding-right: 25px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.p-30 {
padding: 30px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.lightboxWraper {
background: rgba(0, 0, 0, 0.69) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999;
display: none;
}
.lightboxWaiting {
left: 0;
margin-top: -16px;
position: absolute;
right: 0;
top: 50%;
}
.box {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.lightbox-body .box {
border-left: 1px solid #e7e7e7;
border-right: 1px solid #ccc;
margin: 0;
}
.req.fa.fa-asterisk {
font-size: 8px;
vertical-align: 5px;
}
.btn-fa-hover .fa {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
width: 0;
opacity: 0;
}
.btn-fa-hover:hover .fa {
opacity: 1;
width: 15px;
}
.btn-fa-hover {
/*width: 80px;*/
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.btn-fa-hover:hover {
/*width: 95px;*/
}
.box-header {
background: #f4f4f4 none repeat scroll 0 0;
border-color: #e7e7e7 #e7e7e7 #505254;
border-style: solid;
border-width: 1px 1px 3px;
margin-left: -1px;
margin-right: -1px;
margin-top: -3px;
}
.box-primary .box-header {
border-bottom-color: #3c8dbc;
}
.box-success .box-header {
border-bottom-color: #00a65a;
}
.box-info .box-header {
border-bottom-color: #00c0ef;
}
.box-danger .box-header {
border-bottom-color: #dd4b39;
}
.sidebar-menu .treeview-menu {
margin: 0 !important;
padding: 0;
}
.sidebar-menu > li {
border-bottom: 1px solid rgba(1, 1, 1, 0.41);
}
.sidebar-menu > li.treeview > a {
border-left: 3px solid #727476;
}
.treeview-menu li {
padding: 0 0 0 5px;
border-left: 3px solid #727476;
border-bottom: 1px solid #0F1111;
background: #000;
}
.skin-blue .sidebar-menu > li.selected > a {
border-left-color: #3c8dbc;
color: #fff;
}
.treeview-menu li.active,
.treeview-menu li.selected {
background: #0e0e0e none repeat scroll 0 0;
position: relative;
}
.treeview-menu li.active {
border-left-color: #800000 !important;
}
.treeview-menu li:not(.selected):hover {
border-left-color: #BCBCBC !important;
}
.treeview-menu li.active i,
.treeview-menu li.selected i {
color: #AE1016;
}
/*.treeview-menu li.active::after{
position:absolute;
content:'\f101';
right:0;
top:5px;
font-family: FontAwesome;
}
*/
.treeview-menu li.active::after,
.treeview-menu li.selected::after {
color: #ecf0f5;
content: "\f0d9";
font-family: FontAwesome;
font-size: 22px;
position: absolute;
right: -1px;
top: 0;
}
.sidebar-collapse .treeview-menu {
padding: 0 !important;
}
.sidebar-menu li.header {
border-top: 1px solid rgba(10, 12, 13, 0.4);
font-size: 14px;
padding: 10px 25px 10px 15px;
}
.g-login {
border-right: 1px solid rgba(137, 8, 8, 0.25);
line-height: 25px;
margin: -4px 4px -4px 0;
padding-right: 5px;
}
.fa-btn-icon i {
border-right: 1px solid rgba(137, 8, 8, 0.1);
line-height: 25px;
margin: -2px 4px -8px 0;
padding-right: 5px;
overflow: hidden;
}
.skin-blue .sidebar-menu > li:hover:not(.active,.selected) > a {
border-left-color: #BCBCBC !important;
color: #fff;
}
.skin-blue .sidebar-menu > li.selected:not(.has-sub)::after {
color: #ecf0f5;
content: "\f0d9";
font-family: FontAwesome;
font-size: 22px;
position: absolute;
right: -1px;
top: 6px;
}
.grid-icon {
font-size: 14px;
}
.selectbox .form-control-feedback,
.form-group select.form-control + i.form-control-feedback {
right: 25px !important;
}
.fa-icon-selector {
font-family: FontAwesome;
}
.fa-btn-icon i {
border-right: 1px solid rgba(137, 8, 8, 0.1);
line-height: 25px;
margin: -2px 4px -8px 0;
padding-right: 5px;
overflow: hidden;
}
.fa-btn-icon .fa-an-login::before {
content: "\f023";
}
.fa-btn-icon:hover .fa-an-login::before {
content: "\f13e";
}
.box.box-solid[class*="bg"] > .box-header {
color: #11414a;
}
.login-bg {
background: #000000 none repeat scroll 0 0;
bottom: 0;
left: 0;
opacity: 0.5;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: -1;
}
.login-logo a {
color: #F7F7F7;
}
.login-box-body {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.39);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.39);
}
td > span.app-popover-ajax {
display: block;
}
.popover2 {
max-width: 400px !important;
width: auto !important;
/* Max Width of the popover (depending on the container!) */
}
.arrow-dynamic {
left: 25px !important;
}
#sidebar-menu-container {
position: relative;
}
#app-print-iframe {
padding: 0;
margin: 0;
display: none;
}
.logo {
position: fixed;
}
.main-sidebar,
.left-side {
position: fixed;
}
.notifications-menu .menu a > i {
left: 13px;
position: absolute;
top: 12px;
}
.notifications-menu .menu a > .time-container {
color: #a7a7a7;
display: block;
margin-top: 6px;
}
.notifications-menu .menu a {
font-size: 12px;
font-weight: normal !important;
padding-left: 30px !important;
text-overflow: unset !important;
white-space: unset !important;
position: relative;
}
.has-feedback .form-control {
padding-right: 28.5px;
}
.gs-jq-grid .ui-jqgrid tr.ui-row-ltr td {
overflow: visible !important;
}
.grid-dropdown-menu {
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.grid-dropdown-menu .divider {
background-color: #e5e5e5;
height: 1px;
margin: 2px 0;
overflow: hidden;
}
.grid-dropdown-menu > li {
overflow: hidden;
}
.mfp-dialog .lightboxWraper {
background: rgba(0, 0, 0, 0.69) none repeat scroll 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
bottom: -19px;
display: none;
left: -29px;
position: absolute;
right: -29px;
top: -19px;
z-index: 999;
}
.popup-footer {
background: #ccc none repeat scroll 0 0;
margin-left: -34px;
margin-right: -34px;
padding: 18px;
}
i.req {
padding-left: 5px;
padding-top: 5px;
color: #B93D3D;
}
.abs-full-screen {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999;
}
.radio > label > i.form-control-feedback,
.checkbox > label > i.form-control-feedback,
label > input[type=checkbox] + i.form-control-feedback,
label > input[type=radio] + i.form-control-feedback {
display: none !important;
}
.text-digit {
font-size: 10px;
margin-top: 5px;
display: block;
}
input[type='number'] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.inline .radio {
display: inline-block;
margin-bottom: 14px !important;
padding-right: 5px;
}
.inline .radio > label {
white-space: nowrap;
}
.aps-ctrl-p .input-group .input-group-addon {
background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
}
.aps-ctrl-p .input-group input + i + .input-group-addon,
.aps-ctrl-p .input-group input + .input-group-addon {
border-color: #e7e7e7 #e7e7e7 #e7e7e7 transparent;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
}
.aps-ctrl-p .input-group .input-group-addon:first-child {
border-color: #e7e7e7 transparent #e7e7e7 #e7e7e7;
border-style: solid none solid solid ;
border-width: 1px 0px 1px 1px;
}
.aps-ctrl-p .input-group > input:first-child + i.form-control-feedback {
right: 35px;
}
.form-group textarea.form-control + i.form-control-feedback {
right: 27px;
}
.input-group input + i + .input-group-addon,
.input-group input + .input-group-addon {
min-width: 41px;
}
#difrm {
display: none;
}
.sweet-overlay {
z-index: 1140 !important;
}
.has-feedback small.help-block {
display: block;
margin-top: 0 !important;
}
.has-feedback small.help-block::after {
content: " ";
display: block;
position: relative;
}
.adj-fa-2x {
font-size: 2.4em !important;
}
.content-wrapper {
position: relative;
}
input:disabled + .input-group-addon {
background: #fbfbfb none repeat scroll 0 0 !important;
}
.widget-user-header-s-h {
height: 60 !important;
}
.force-show {
display: block !important;
}
.has-error .app-block-help-span .help-block {
display: block !important;
}
.app-global-panel.panel,
.app-global-panel .panel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.app-global-panel .panel-default > .panel-heading {
background-color: rgba(248, 248, 248, 0.09);
background: -moz-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.1) 100%);
background: -o-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.1) 100%);
background: -ms-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.1) 100%);
background: linear-gradient(to bottom, #ffffff 0%, rgba(237, 237, 237, 0.1) 100%);
}
.app-global-panel.transparent .panel-default > .panel-heading {
background: transparent !important;
}
.app-loader {
margin: 0 auto;
width: 60px;
height: 50px;
text-align: center;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
}
.app-loader > div {
height: 100%;
width: 8px;
display: inline-block;
float: left;
margin-left: 2px;
-webkit-animation: delay 0.8s infinite ease-in-out;
animation: delay 0.8s infinite ease-in-out;
}
.app-loader .bar1 {
background-color: #FFF;
}
.app-loader .bar2 {
background-color: #FFF;
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.app-loader .bar3 {
background-color: #FFF;
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.app-loader .bar4 {
background-color: #FFF;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.app-loader .bar5 {
background-color: #FFF;
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.app-loader .bar6 {
background-color: #FFF;
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes delay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.05);
}
20% {
-webkit-transform: scaleY(1);
}
}
@keyframes delay {
0%,
40%,
100% {
transform: scaleY(0.05);
-webkit-transform: scaleY(0.05);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
.form-horizontal .form-group:not(.form-group-sm) div > textarea + i.form-control-feedback {
top: -4px !important;
right: 0px;
}
.form-horizontal .has-feedback .input-group .form-control-feedback {
right: 35px;
}
.form-horizontal div:not(.form-group-sm) label + div > textarea + .form-control-feedback {
top: -4px !important;
right: 9px !important;
}
.form-group:not(.form-group-sm) > textarea.form-control + i.form-control-feedback {
right: 0px !important;
}
/*:not(.form-horizontal) div:not(.form-group-sm) label + div > .form-control-feedback {
top: 29px !important;
}*/
.app-file-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.pro-value .app-file-list {
line-height: 18px;
}
.app-file-list li {
padding-left: 0;
}
.inline-file-list.app-file-list li {
float: left;
padding-right: 5px;
}
.app-file-list::before,
.app-file-list::after {
content: " ";
clear: both;
}
.form-control.app-tags {
height: auto !important;
padding-top: 5px !important;
}
.selectize-control.multi .selectize-input [data-value] {
background-color: #5db5ea !important;
font-size: 15px;
line-height: 28px;
padding: 0 24px 0 5px !important;
margin: 0 3px 3px 0 !important;
}
.selectize-control.multi .selectize-input::after {
content: '' !important;
}
.selectize-control.multi .selectize-input [data-value]::after {
content: '' !important;
}
.f-d {
display: block !important;
}
.text-uppercase {
text-transform: uppercase;
}
.title-help-block {
font-size: 10px;
font-style: italic;
display: block;
color: #ccc;
}
.force-help-block {
font-size: 12px;
font-style: italic;
display: block;
color: #6C6C6C;
}
.form-group-help-block {
color: #7b7b7b;
display: block;
font-size: 12px;
font-style: italic;
}
.app-ul-properties {
padding: 0px;
margin: 0;
}
.app-ul-properties li {
list-style: none;
display: -webkit-flex;
display: flex;
}
.app-ul-properties li * {
width: 100%;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.app-ul-properties li * i {
display: inline;
}
.app-ul-properties li label {
font-weight: bold;
padding-right: 10px;
position: relative;
color: rgba(0, 0, 0, 0.72);
}
.app-ul-properties li label.title {
border-bottom: 2px solid rgba(193, 193, 193, 0.25);
font-size: 20px !important;
width: 98% !important;
-webkit-border-image: -webkit-linear-gradient(left, rgba(95, 95, 95, 0.98) 0%, rgba(154, 152, 152, 0.18) 40%, rgba(0, 0, 0, 0) 100%) 0 0 1 1;
-moz-border-image: -moz-linear-gradient(left, rgba(95, 95, 95, 0.98) 0%, rgba(154, 152, 152, 0.18) 40%, rgba(0, 0, 0, 0) 100%) 0 0 1 1;
-o-border-image: -o-linear-gradient(left, rgba(95, 95, 95, 0.98) 0%, rgba(154, 152, 152, 0.18) 40%, rgba(0, 0, 0, 0) 100%) 0 0 1 1;
border-image: linear-gradient(to right, rgba(95, 95, 95, 0.98) 0%, rgba(154, 152, 152, 0.18) 40%, rgba(0, 0, 0, 0) 100%) 0 0 1 1;
}
.app-ul-properties li label.w-clone {
padding-right: 20px;
}
.app-ul-properties li label.w-clone::after {
content: ":";
position: absolute;
right: 15px;
}
.app-ul-properties li::after {
clear: both;
}
.app-ul-properties::after,
.app-ul-properties::before {
content: " ";
display: table;
clear: both;
}
.big-number {
font-size: 4em;
font-weight: bold;
text-align: center;
color: #7A8082;
}
.big-number.center-big-number {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -42px;
}
.flex-container,
.f-content {
display: -webkit-flex;
display: flex;
}
.f-w-1 {
display: inline-block;
width: 8.333333% !important;
}
.f-w-2 {
display: inline-block;
width: 16.666667% !important;
}
.f-w-3 {
display: inline-block;
width: 25% !important;
}
.f-w-4 {
display: inline-block;
width: 33.333333% !important;
}
.f-w-5 {
display: inline-block;
width: 41.666667% !important;
}
.f-w-6 {
display: inline-block;
width: 50% !important;
}
.f-w-7 {
display: inline-block;
width: 58.333333% !important;
}
.f-w-8 {
display: inline-block;
width: 66.666667% !important;
}
.f-w-9 {
display: inline-block;
width: 75% !important;
}
.f-w-10 {
display: inline-block;
width: 83.333333% !important;
}
.f-w-11 {
display: inline-block;
width: 91.666667% !important;
}
.f-w-12 {
display: inline-block;
width: 100% !important;
}
.d-m-b {
margin-bottom: 15px !important;
}
.d-m-t {
margin-top: 15px !important;
}
.d-m-l {
margin-left: 15px !important;
}
.d-m-r {
margin-right: 15px !important;
}
.d-m {
margin: 15px !important;
}
.m-0 {
margin: 0px !important;
}
.m-t-0 {
margin-top: 0px !important;
}
.m-r-0 {
margin-right: 0px !important;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-l-0 {
margin-left: 0px !important;
}
.m-5 {
margin: 5px !important;
}
.m-t-5 {
margin-top: 5px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.m-10 {
margin: 10px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-15 {
margin: 15px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.m-20 {
margin: 20px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-25 {
margin: 25px !important;
}
.m-t-25 {
margin-top: 25px !important;
}
.m-r-25 {
margin-right: 25px !important;
}
.m-b-25 {
margin-bottom: 25px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.m-30 {
margin: 30px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.p-0 {
padding: 0px !important;
}
.p-t-0 {
padding-top: 0px !important;
}
.p-r-0 {
padding-right: 0px !important;
}
.p-b-0 {
padding-bottom: 0px !important;
}
.p-l-0 {
padding-left: 0px !important;
}
.p-5 {
padding: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.p-10 {
padding: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.p-r-15 {
padding-right: 15px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.p-25 {
padding: 25px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.p-r-25 {
padding-right: 25px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.p-30 {
padding: 30px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.flex-item {
display: inline-block;
width: 100%;
}
.b-r-color {
border-right: 1px solid rgba(0, 0, 0, 0.09);
border-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) 1 100%;
}
/* Start tab*/
.app-big-nav {
-webkit-box-shadow: 0 0 1px 0 rgba(129, 129, 129, 0.51);
-moz-box-shadow: 0 0 1px 0 rgba(129, 129, 129, 0.51);
box-shadow: 0 0 1px 0 rgba(129, 129, 129, 0.51);
}
.app-big-nav.full-width .nav-tabs {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
background: #F1F4F2;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: rgba(146, 142, 142, 0.23);
}
.app-big-nav.full-width .tab-content {
background: #F5F5F5;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.app-big-nav .tab-content {
background: #feffff;
min-height: 100px;
}
.app-big-nav .nav-tabs {
display: -webkit-flex;
display: flex;
z-index: 9;
position: relative;
background: #fff;
}
.app-big-nav .nav-tabs li {
display: inline-block;
width: 100%;
border: 0;
height: unset;
border-bottom: 3px solid #ccc;
}
.app-big-nav .nav-tabs li a {
background: rgba(219, 217, 217, 0.18);
color: rgba(157, 153, 153, 0.34);
height: 100%;
}
.app-big-nav .nav-tabs li a small {
font-size: 12px;
font-weight: normal;
display: block;
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
.app-big-nav .nav-tabs li.active {
position: relative;
}
.app-big-nav .nav-tabs li.active::after {
font-family: FontAwesome;
content: '\f0d7';
position: absolute;
left: 50%;
bottom: -45px;
font-size: 4em;
margin-left: -20px;
color: #fff;
text-shadow: 0 3px rgba(146, 142, 142, 0.72);
z-index: 9;
}
.app-big-nav .nav-tabs li.active > a {
background: #fff;
color: rgba(0, 0, 0, 0.7);
outline: none !important;
}
.app-big-nav .nav-tabs li.active > a:focus,
.app-big-nav .nav-tabs li.active > a:hover {
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
}
.app-big-nav .nav-tabs > li > a {
border-radius: 0px !important;
margin: 0;
padding: 20px;
border: 0;
border-right: 1px solid rgba(0, 0, 0, 0.09);
-webkit-border-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) 1 100% !important;
-moz-border-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) 1 100% !important;
-o-border-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) 1 100% !important;
border-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%) 1 100% !important;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.app-big-nav .nav-tabs > li > a i {
font-size: 2.5em;
display: block;
}
.skin-yellow .app-big-nav .nav-tabs li {
border-bottom: 3px solid #F39C12;
}
.skin-yellow .app-big-nav .nav-tabs li.active::after {
text-shadow: 0 3px #F39C12;
}
.skin-blue .app-big-nav .nav-tabs li {
border-bottom: 3px solid #5DB5EA;
}
.skin-blue .app-big-nav .nav-tabs li.active::after {
text-shadow: 0 3px #5DB5EA;
}
.skin-green .app-big-nav .nav-tabs li {
border-bottom: 3px solid #00A65A;
}
.skin-green .app-big-nav .nav-tabs li.active::after {
text-shadow: 0 3px #00A65A;
}
@media all and (min-width: 768px) and (max-width: 991px) {
.app-big-nav .nav-tabs li a {
font-size: 14px;
padding: 5px;
}
.app-big-nav .nav-tabs li a i {
font-size: 16px;
}
.app-big-nav .nav-tabs li a small {
font-size: 10px;
}
}
@media all and (max-width: 767px) {
.app-big-nav .nav-tabs li a {
font-size: 12px;
padding: 2px;
}
.app-big-nav .nav-tabs li a i {
font-size: 12px;
}
.app-big-nav .nav-tabs li a small {
font-size: 10px;
}
}
/* end tab*/
.app-theme-gradient {
background: rgba(80, 77, 77, 0.3);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(80, 77, 77, 0.3)), color-stop(1, rgba(247, 190, 96, 0.03)));
background: -ms-linear-gradient(bottom, rgba(80, 77, 77, 0.3), rgba(247, 190, 96, 0.03));
background: -moz-linear-gradient(center bottom, rgba(80, 77, 77, 0.3) 0, rgba(247, 190, 96, 0.03) 100%);
background: -o-linear-gradient(rgba(80, 77, 77, 0.3), rgba(247, 190, 96, 0.03));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(80, 77, 77, 0.3)', endColorstr='rgba(247, 190, 96, 0.03)', GradientType=0);
color: #615A5A;
}
.app-theme-gradient .table-shadow {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34);
}
.app-theme-gradient .table-bordered {
border: 1px solid #6C5F5F;
}
.app-theme-gradient .table > thead > tr > th {
border-bottom: 2px solid #908D8D;
background: rgba(76, 76, 76, 0.05);
}
.app-theme-gradient .table > thead > tr > th,
.app-theme-gradient .table > tbody > tr > th,
.app-theme-gradient .table > tfoot > tr > th,
.app-theme-gradient .table > thead > tr > td,
.app-theme-gradient .table > tbody > tr > td,
.app-theme-gradient .table > tfoot > tr > td {
border-top: 1px solid #908D8D;
}
.app-theme-gradient .table-bordered > thead > tr > th,
.app-theme-gradient .table-bordered > tbody > tr > th,
.app-theme-gradient .table-bordered > tfoot > tr > th,
.app-theme-gradient .table-bordered > thead > tr > td,
.app-theme-gradient .table-bordered > tbody > tr > td,
.app-theme-gradient .table-bordered > tfoot > tr > td {
border: 1px solid #6C5F5F;
}
.skin-yellow .app-theme-gradient {
background: rgba(242, 158, 17, 0.3);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(242, 158, 17, 0.3)), color-stop(1, rgba(247, 190, 96, 0.03)));
background: -ms-linear-gradient(bottom, rgba(242, 158, 17, 0.3), rgba(247, 190, 96, 0.03));
background: -moz-linear-gradient(center bottom, rgba(242, 158, 17, 0.3) 0, rgba(247, 190, 96, 0.03) 100%);
background: -o-linear-gradient(rgba(242, 158, 17, 0.3), rgba(247, 190, 96, 0.03));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(242, 158, 17, 0.3)', endColorstr='rgba(247, 190, 96, 0.03)', GradientType=0);
color: #615A5A;
}
.skin-blue .app-theme-gradient {
background: rgba(4, 214, 241, 0.3);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(4, 214, 241, 0.3)), color-stop(1, rgba(135, 242, 237, 0.03)));
background: -ms-linear-gradient(bottom, rgba(4, 214, 241, 0.3), rgba(135, 242, 237, 0.03));
background: -moz-linear-gradient(center bottom, rgba(4, 214, 241, 0.3) 0, rgba(135, 242, 237, 0.03) 100%);
background: -o-linear-gradient(rgba(4, 214, 241, 0.3), rgba(135, 242, 237, 0.03));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(4, 214, 241, 0.3)', endColorstr='rgba(135, 242, 237, 0.03)', GradientType=0);
color: #615A5A;
}
.skin-green .app-theme-gradient {
background: rgba(4, 241, 4, 0.3);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(4, 241, 4, 0.3)), color-stop(1, rgba(153, 242, 136, 0.03)));
background: -ms-linear-gradient(bottom, rgba(4, 241, 4, 0.3), rgba(153, 242, 136, 0.03));
background: -moz-linear-gradient(center bottom, rgba(4, 241, 4, 0.3) 0, rgba(153, 242, 136, 0.03) 100%);
background: -o-linear-gradient(rgba(4, 241, 4, 0.3), rgba(153, 242, 136, 0.03));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(4, 241, 4, 0.3)', endColorstr='rgba(153, 242, 136, 0.03)', GradientType=0);
color: #615A5A;
}
.dl-horizontal.w-clone dt::after {
content: ":";
font-weight: bold;
position: absolute;
right: 0px;
}
.dl-horizontal.w-clone dt {
padding-right: 15px;
position: relative;
}
.dl-horizontal.label-text-left dt {
text-align: left;
}
.dl-horizontal.label-text-center dt {
text-align: center;
}
.panel.state-loading,
.box.state-loading {
position: relative;
}
.panel.state-loading::before,
.box.state-loading::before {
content: ' ';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: -2px;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.panel.state-loading::after,
.box.state-loading::after {
display: inline-block;
font-family: FontAwesome;
font-kerning: auto;
line-height: 35px;
font-size: 35px;
font-style: normal;
font-synthesis: weight style;
font-weight: normal;
animation: 2s linear 0s normal none infinite running fa-spin;
color: #fff;
content: "\f013";
left: 50%;
position: absolute;
text-align: center;
top: 50%;
z-index: 100;
margin-top: -10px;
margin-left: -10px;
}
.app-image-input {
max-width: 100%;
}
.form-horizontal div:not(.form-group-sm) label + div > select + .form-control-feedback {
top: 0px !important;
}
.label-required::after {
content: "*";
padding-left: 5px;
color: #D64848;
}
.label-required.r-msg::after {
vertical-align: -5px;
padding-right: 5px;
}
.c-preview {
font-size: 18px;
}
.app-default-color {
line-height: 34px;
}
.app-default-captcha {
/*input.app-captcha-input{
}*/
}
.app-default-captcha input.app-captcha-input,
.app-default-captcha img.app-captcha-img {
display: inline-block;
width: 50%;
}
.app-default-captcha img.app-captcha-img {
max-height: 38px;
width: auto !important;
}
.g-recaptcha > div {
width: 100% !important;
}
.togglebutton label + .form-group-help-block {
margin-left: 52px;
margin-top: -22px;
}
.app-file-upload-container .app-file-input-conteiner {
overflow: hidden;
}
.app-file-upload-container input[type=file] {
text-overflow: ellipsis;
}
.app-file-upload-container .file-preview-img {
text-align: right;
}
.app-file-upload-container .file-preview-img dl {
margin-bottom: 0;
}
.app-file-upload-container .file-preview-img dl dt {
text-align: left;
width: 80px;
position: relative;
}
.app-file-upload-container .file-preview-img dl dt::after {
content: ":";
padding: 0 5px;
position: absolute;
right: 0;
top: 0;
}
.app-file-upload-container .file-preview-img dl dd {
text-align: left;
margin-left: 90px;
}
.app-file-upload-container .file-preview-img i {
font-size: 53px;
line-height: 20px;
margin-top: 10px;
margin-bottom: -10px;
}
.app-file-upload-container .file-preview-img img {
max-height: 46px;
border: 1px solid #ccc;
border-radius: 3px;
margin-top: -7px;
}
.aps-ctrl-p .form-horizontal-text-left label,
.form-horizontal-text-left label {
text-align: left !important;
}
body > .modal-backdrop.in {
z-index: 700 !important;
}
.note-editor .modal-body {
padding: 30px;
}
.app-edittor-limit-text {
margin-top: -15px;
font-size: 10px;
position: absolute;
bottom: 12px;
right: 23px;
opacity: 0.5;
}
.form-horizontal .app-edittor-limit-text {
bottom: 50px;
right: 35px;
}
.app-grid-property-row > div {
display: block;
}
.app-grid-property-row > div::before,
.app-grid-property-row > div::after {
content: '';
clear: both;
}
.app-grid-property-row > div:last-child {
margin-bottom: 5px;
}
.app-grid-property-row > div {
clear: both;
}
.aps-ctrl-p button .ripple-container {
opacity: 0.3;
}
.app-ins {
font-weight: bold;
}
.app-custom-fld-container {
height: 1px;
visibility: hidden;
}
.ticket-reply .panel-body {
padding: 5px !important;
overflow: hidden;
position: relative;
}
.admin-user.ticket-reply .panel-body {
background: rgba(248, 255, 249, 0.7);
}
.admin-user.ticket-reply .panel-body .user-type {
position: absolute;
top: 15px;
transform: rotate(-45deg);
background: #ccc;
min-width: 90px;
text-align: center;
left: -20px;
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 10px;
line-height: 19px;
background: rgba(5, 5, 5, 0.09);
}
.ticket-reply .panel-body .reply-text {
min-height: 100px;
margin-top: -6px;
margin-bottom: -6px;
margin-right: -6px;
background: #ffffff;
border-left: 1px solid #dddddd;
padding: 10px;
border-top-right-radius: 7px;
}
.ticket-reply .panel-body .ticket-footer-info {
border-left: 1px solid #dddddd;
background: #ffffff;
border-top: 1px solid rgba(227, 227, 227, 0.14);
min-height: 30px;
padding: 5px 10px;
border-bottom-right-radius: 7px;
margin-bottom: -5px;
margin-right: -5px;
font-size: 12px;
}
.ticket-reply .panel-footer {
padding: 0;
border-top: none;
}
.admin-user.ticket-reply .panel-footer {
background: rgba(248, 255, 249, 0.7);
}
.ticket-reply .panel-footer .row {
margin: 0 0px 0 10px;
}
.user-profile {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0;
}
.user-profile .r-user-title {
width: 100%;
overflow: hidden;
text-align: center;
font-size: 10px;
white-space: nowrap;
text-overflow: ellipsis;
}
.pro-title {
display: inline-block;
vertical-align: top;
}
.pro-title::after {
content: ':';
}
.pro-value {
display: inline-block;
vertical-align: top;
}
@media all and (max-width: 768px) {
.dl-horizontal.w-clone dt::after {
display: none !important;
}
}
@media all and (max-width: 480px) {
.admin-user.ticket-reply .panel-body .user-type {
line-height: 12px;
left: -29px;
top: 11px;
font-size: 7px;
}
.user-profile .r-user-title {
font-size: 7px;
}
.ticket-reply .panel-body .reply-text {
min-height: 77px;
font-size: 12px;
}
.pro-title {
display: block;
}
.pro-title::after {
content: '';
}
.pro-value {
display: block;
}
}
.abs-c {
position: relative;
}
.abs-r-t {
position: absolute;
top: 0;
right: 0;
}
.gridtitle > *,
.gridtitle > .form-group > * {
display: inline-block;
white-space: nowrap;
}
.gridtitle > .form-group {
margin-bottom: 0 !important;
margin-top: -5px;
}
.gridtitle > .form-group > .togglebutton {
min-width: 45px;
margin-top: -4px;
margin-right: 10px;
}
.of-hidden {
overflow: hidden;
text-overflow: ellipsis;
}
.t-of-ellipsis {
text-overflow: ellipsis;
}
.s-note-fs .content-wrapper {
z-index: 1040;
}
.note-editor .modal-dialog {
margin: 58px auto;
}
.note-editor input[type="file"] {
padding: 0 !important;
line-height: 13px !important;
font-size: 13px !important;
}
.note-editor .note-current-fontname {
min-width: 95px;
display: inline-block;
}
.mfp-wrap {
z-index: 19000;
}
.mfp-content {
z-index: 19001;
}
.c-google,
.fa-google.a-c {
color: #DC4E41;
}
.c-facebook,
.fa-facebook.a-c {
color: #3B5998;
}
.c-twitter,
.fa-twitter.a-c {
color: #1DA1F2;
}
textarea.form-control {
min-height: 85px;
}
.bg-disable {
background-color: #eee !important;
}
.form-group:not(.form-group-sm) input[type="number"]::-moz-placeholder {
line-height: 20px !important;
}
.form-group-sm input[type="number"]::-moz-placeholder {
line-height: 15px !important;
}
.app-copy-btn {
cursor: pointer;
}
.debug-log {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
display: block;
border: 1px solid #ccc;
min-height: 80px;
max-height: 200px;
overflow: auto;
}
div.form-control,
textarea.form-control,
.aps-ctrl-p .form-group:not(.form-group-xs):not(.form-group-sm):not(.form-group-lg) textarea.form-control {
height: auto;
min-height: 60px;
}
.btn-facebook {
background: #4267b2;
color: #fff;
}
.btn-facebook:hover {
background: #325599;
color: #fff;
}
.btn-twitter {
background: #1DA1F2;
color: #fff;
}
.btn-twitter:hover {
background: #1398E6;
color: #fff;
}
.btn-google {
background: #D9534F;
color: #fff;
}
.btn-google:hover {
background: #C23A37;
color: #fff;
}
.btn-linkedin {
background: #0077B5;
color: #fff;
}
.btn-linkedin:hover {
background: #0894da;
color: #fff;
}
.btn-yahoo {
background: #261A56;
color: #fff;
}
.btn-yahoo:hover {
background: #3a2491;
color: #fff;
}
.grp-hidden {
height: 1px !important;
min-height: 0 !important;
visibility: hidden;
overflow: hidden;
position: absolute;
}
.text-red {
color: red;
}
.text-green {
color: green;
}
.text-blue {
color: blue;
}
.text-yellow {
color: #ffc300;
}
.msgText .app-loader {
/* margin-left: -175px; */
display: inline-block;
/* float: left; */
position: unset;
/* vertical-align: -33px; */
margin-bottom: -33px;
margin-right: -25px;
}
#MainLoader,
.MainLoader {
background: rgba(0, 0, 0, 0.77) none repeat scroll 0 0;
}
.h-light {
position: relative;
text-decoration: none;
}
.h-light::before {
background-image: linear-gradient(to right, rgba(226, 49, 49, 0) 50%, #bb1c1c 50%);
background-position: 0% 0;
background-size: 200% auto;
transition: background-position 0.5s ease-out;
animation: highlightanim 5s infinite;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
content: '';
border-radius: 10px;
}
.popover > .arrow::after {
border-width: 11px;
}
.popover.right > .arrow {
left: -10px;
}
.popover.left > .arrow {
right: -10px;
}
@keyframes highlightanim {
0% {
background-position: 0% 0;
}
40% {
background-position: -99.99% 0;
}
40% {
background-position: -99.99% 0;
}
100% {
background-position: 0% 0;
}
}
.container-fluid > .panel {
box-shadow: 0 0 44px -7px #ccc;
border-radius: 5px;
}