@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600&display=swap');


p,h1,h1,h3,h4,div{
        font-family: 'Poppins', sans-serif; 

}
.left-bar{

margin-top: -60px!important;

}
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #0F0F0F;
    font-family: 'Poppins', sans-serif; 
    background-color: #F6F6F6;
    overflow-x: hidden;
}
body.dark-blue {
    background-color: #00539B;
}
img {
    max-width: 100%;
}
h1,h2,h3,h4,p {
    font-family: 'Poppins', sans-serif;
}
h3 {
    font-size: 20px;
    color: #126BB4;
}

.alert{
    
   width: 100%;
    height: 25px;
    display: flex;
    overflow: hidden;
    text-align: center;
    padding: 20px 0px;

    font-weight: 700;

    justify-content: center;
    align-items: center;
    border-radius: 5px;    
}
.alert-success{
    border: 1px solid #c3e6cb;
    background: #d4edda;
    color: #155724;
}
.alert-danger{
    border: 1px solid #f5c6cb;
    background: #f8d7da;
    color: #721c24;
}

h4 {
    font-size: 16px;
    color: #126BB4;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

h3.s-title {
    float: left;
    font-size: 18px;
    padding-left: 20px;
    font-weight: 500;
    margin-top: 5px;
}

button {
    outline: none;
    background-color: #126BB4;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    padding: 12px 32px;
    box-shadow: 1px 2px 5px rgba(18,107,180,0.30);
}
button:hover {
    background-color: #0a5796;
    transition: all .2s ease-in;
}
ul {
    padding: 0;
}
ul li {
    list-style: none; 
}

input[type="number"] {
    width: 100%;
    border: none;
    padding-left: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.30);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

/* file input control */
.input-fc {
    position: relative;
}
.input-fc input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    font-size: 0;
    opacity: 0;
    top: 0;
    cursor: pointer;
    background: none;
}

/* new cta */
.new-cta {
    color: #ffffff !important;
    font-weight: 500;
    font-size: 16px;
    display: block;
    cursor: pointer;
    padding: 5px 10px;
    background: #126BB4;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 1px 2px 10px rgba(18,107,180,0.5);
}
.new-cta:hover {
    transition: all .3s ease-in;
    background: #00bf27;
    box-shadow: 0 2px 5px rgba(0,191,39,0.35);
}
/* new cta left */
.new-cta-left {
    color: #ffffff !important;
    font-weight: 500;
    font-size: 16px;
    display: block;
    cursor: pointer;
    padding: 5px 35px;
    background: #126BB4;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 1px 2px 10px rgba(18,107,180,0.5);
}
.new-cta-left:hover {
    transition: all .3s ease-in;
    background: #00bf27;
    box-shadow: 0 2px 5px rgba(0,191,39,0.35);
}

.padding20{
    padding:20px 0px 20px 10px!important;
    margin-top:20px;
}



.w-box {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.20);
}


/*  messages */
.error-msg {
    display: none;
    color: #ffffff;
    margin: 5px;
    font-size: 11px;
    font-weight: normal;
    background: rgba(255, 0, 0, 0.5);
    border-radius: 15px;
    padding: 2px 10px;
}
.empty-msg {
    font-size: 13px;
    padding: 10px;
    width: 100%;
    float: left;
    color: #8a8a8a;
    text-align: center;
}
.hint-msg {
    font-size: 11px;
    padding: 5px 10px;
    width: 100%;
    float: left;
    margin: 10px 0;
    background: #edfcfd;
    border: solid 1px #63ffe9;
    border-left: solid 3px #c9f6f9;
}

/* buttons */
.button-cta {
    border: none;
    outline: none;
    cursor: pointer;
    background: #126BB4;
    color: #ffffff;
    padding: 8px 30px;
    border-radius: 0px;
    display: inline-block;
    box-shadow: 1px 2px 5px rgba(18,107,180,0.3);    
}
.button-cta:hover {
    transition: all .3s ease-in;
    background: #00bf27;
    box-shadow: 0 2px 5px rgba(0,191,39,0.35);
}
.green-btn {
    border: none;
    outline: none;
    cursor: pointer;
    background: #00BF27;
    color: #ffffff;
    padding: 8px 30px;
    display: inline-block;
    box-shadow: 0 2px 5px rgba(0,191,39,0.34);
}
.green-btn:hover {
    transition: all .2s ease-in;
    background: rgb(0, 163, 33);
}

/* alignment */
.t-left {text-align: left !important;}
.t-center {text-align: center !important;}
.t-right {text-align: right !important;}

/* floats */
.float-l {float: left !important;}
.float-r {float: right !important;}

.full-w {
    float: left;
    width: 100%;
}

/* left panel */
.site-header .left-nav {
    background-color: #126BB4;
    color: #fff;
    width: 264px;
    float: left;
}
.site-header .left-nav.slide-left {
    width: 74px;
    transition: width .2s ease-in;
}
.site-header .left-nav.slide-left  h4 {
    padding-left: 5px;
    font-size: 9px;
    height: 24px;
    line-height: 24px;
    width: 70px !important;
}
.site-header .left-nav.slide-left li a {
    text-align: center;
    padding-left: 10px;
    position: relative;
}
.site-header .left-nav.slide-left li a i {
    font-size: 32px;
    float: none;
}
.site-header .left-nav.slide-left span.nav-link-txt {
    display: none;
    position: absolute;
    left: 74px;
    top: 10px;
    background: #0F0F0F;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 12px;
    border-radius: 25px;
    width: 164px;
    z-index: 10000;
    height: auto;
    line-height: initial;
}
.site-header .left-nav.slide-left li a:hover span.nav-link-txt {
    display: block;
}
.site-header .left-nav2 {
    height: 1170px;
}
.left-nav .logo {
    padding-left: 25px;
}
.left-nav .s-bar {
    font-family: 'Raleway';
    background-color: #5188C6;
    border-radius: 0 30px 30px 0;
    height: auto;
    width: 223px;
    font-size: 14px;
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 1px;
    margin-bottom: 15px;
}
.left-nav .bar-details {
    margin-left: 10px;
}
.left-nav .s-bar h3 {
    font-size: 10px;
    color:#fff;
    font-weight: 400;
    padding: 5px;
    width: 103px;
    padding-left: 10px;
    background-color: #004F8F;
    border-radius: 0 25px 25px 0;
}
.left-nav .s-bar .s-details {
    float: left;
    clear: both;
    margin-top: 5px;
}
.left-nav .s-bar .s-details ul {
    margin-top: 0;
    float: left;
    margin-bottom: 0;
    padding: 0;
}
.left-nav .s-bar .s-details ul li {
    float: left;
    font-size: 9px;
    color: #fff;
    margin-left: 10px;
}
.left-nav .s-bar2 .s-details ul li {
    margin-left: 15px;
}
.left-nav .s-bar .s-details ul li span {
    height: 10px;
    width: 10px;
    background-color: #00E810;
    margin-right: 5px;
    float: left;
}
.left-nav .s-bar .s-details ul li.last-child {
    margin-left: 70px;
}
.left-nav .s-bar2 .s-details ul li.last-child {
    margin-left: 15px;
}
.left-nav .s-bar .s-details ul li span.box {
    background-color: #126BB4;
}
.left-nav .s-bar .green {
    background-color: #00E810;
    position: relative;
    height: 9px;
    width: 131px;
    border-radius: 25px 0 0 25px;
    margin-top: 25px;
}
.left-nav .s-bar .blue {
    background-color: #126BB4;
    position: absolute;
    height: 9px;
    width: 200px;
    border-radius: 25px;
}
.left-nav .s-bar2 .green {
    width: 112px;
}
.left-nav .left-bar h4 {
    font-family: 'Raleway';
    background-color: #5188C6;
    border-radius: 0 30px 30px 0;
    width: 109px;
    margin-top: 26px;
    height: 32px;
    line-height: 32px;
    padding-left: 0;
    font-size: 14px;
    padding-left: 20px;
    font-weight: 400;
    float: none;
    color: #ffffff;
}
.left-nav .left-bar h4.t-2 {
    width: 131px;
}
.left-nav .left-bar ul {
    padding: 0;
}
.left-nav .left-bar ul li {
    height: 50px;
    line-height: 50px;
    margin: 2px 0;
    width: 96%;
}
.left-nav .left-bar ul li:hover {
    background-color: #004F8F;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 96%;
}
.left-nav .left-bar ul li.active {
    background-color: #004F8F;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 96%;
}
.left-nav .left-bar ul li i {
    font-size: 18px;
    padding-right: 14px;
    float: left;
    width: 32px;
}
.left-nav .left-bar ul li a {
    color: #fff;
    font-size: 15px;
    display: block;
    padding-left: 15px;
}

/* right panel */
.voice-details {
    position: relative;
    margin-left: 264px;
}
.voice-details.slide-left {
    margin-left: 74px;
    transition: margin .2s ease-in;
}
.voice-details .top-nav {
    color: #fff;
    background-color: #126BB4;
    height: 135px;
    border-radius: 0 0 30px 30px;
}
.top-nav .m-nav {
   float: left;
}
.top-nav .m-nav i.ion-android-menu {
    font-size: 24px;
    padding-left: 15px;
    line-height: 100px;
    cursor: pointer;
}
.top-nav .top-title {
    padding-top: 15px;
    margin-left: 77px;
}
.top-nav .top-title .m-bar i {
    font-size: 40px;
    padding-top: 5px;
    float: left;
    margin-right: 10px;
}
.top-nav .top-title .board {
    margin-left: 20px;
    margin-top: -10px;
}
.top-nav .top-title .board h3 {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    margin-top: 24px;
}
.top-nav .top-title .board ul {
    padding: 0;
    margin: 0;
}
.top-nav .top-title .board ul li {
    float: left;
    margin-right: 5px;
    font-size: 11px;
}
.top-nav .top-title .board ul li a {
    color: #fff;
}
.top-nav .top-title .board ul li a:hover {text-decoration: underline;}
.top-nav .top-menu {
   margin-right: 8px;
   padding-top: 20px;
   float: right;
}
.top-nav .top-menu .s-image {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 10px;
}    
.top-nav .top-menu .s-image img {
    border: solid 2px #fff;
    float: left;
    clear: both;
    transition: all .2s ease-in;
    box-shadow: 0 0 5px rgba(0,0,0,0.30);
    border-radius: 99em;
    margin-right: 10px;
    margin-top: 10px;
    width: 100%;
    height: 100%;
}
.top-nav .top-menu .s-admin {
    color: #fff;
    line-height: 15px;
    margin-top: 16px;
    float: left;
    margin-right: 10px;
}
.top-nav .top-menu .s-admin h3, h4, h5 {
    font-weight: 500;
}
.top-nav .top-menu .s-admin h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
}
.top-nav .top-menu .s-admin h4 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    float: none;
    color: #ffffff;
}
.top-nav .top-menu .s-admin h5 {
    font-size: 10px;
    float: left;
    margin-top: 0;
}

/* card panel */
.v-panel {
    margin-top: -30px;
}
.v-panel .v-box {
    float: left;
    padding-bottom: 20px;
}
.v-box .y-box {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}
.v-panel .v-box .image {
    float: left;
}
.v-panel .v-box img {
  height: 391px;
  padding: 30px;
}
.v-box .e-view {
   float: left;
   margin-top: 107px;
}
.v-box .o-view {
    padding-bottom: 20px;
}
.v-box .o-view h3 {
    font-size: 16px;
    color: #2B00DE;
    font-weight:600;
    margin: 0;
}
.v-box .o-view span {
   font-size: 13px;
   color: #747474;
   font-weight:500;
   margin: 0;
}
.v-box .o-view.orange h3 {
    color: #FF6106;
}
.v-box .o-view.red h3 {
    color: #EE0000;
}
.c-box {
    float: left;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
.d-box {
    margin-top: 12px;
}
.c-box i {
    color: #126BB4;
    font-size: 64px;
    float: left;
    margin-right: 15px;
    line-height: 24px;
}
.c-box i.ion-document-text {
    color: #FE5D00;
}
.c-box i.ion-social-buffer {
    color: #FF0909;
}
.c-box i.ion-cube {
    color: #00BF27;
    font-size: 56px;
}
.c-box .summary {
    width: 148px;
    margin-right: auto;
    margin-left: auto;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 12px;
}
.summary .c-numbers {
    float: left;
    text-align: center;
}
.c-box .summary span {
    font-size: 24px;
    margin-top: 10px;
    display: inline-block;
    line-height: 24px;
}
.c-box .summary h3 {
    color: #9E9E9E;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.c-box .browse li {
    list-style: none;
    border: solid 2px #DFDFDF;
    line-height: 43px;
    width: 214px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    text-align: center;
    clear: both;
    margin-top: 10px;
}
.c-box li a {
    font-size: 13px;
    display: block;
    color: #141414;
}
.c-box li:hover {
    color: #126BB4;
    transition: all .2s ease-in;
    border-color: #126BB4;
}

/* Listing panel */
.f-box {
    margin-top: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.f-box.customers {margin-top: 0;}

/* Customers*/
.customers .listing-panel {
   padding-right: 20px;
}
.customers .listing-panel .c-data {
    float: left;
}
.customers .listing-panel .c-data h3 {
    padding-left:20px;
    font-weight: 500;
    float: left;
    font-size: 18px;
    margin-top: 13px;
}
.listing-panel .c-data input[type="text"] {
    width: 294px;
    height: 35px;
    line-height: 35px;
    border: none;
    background-color: #F8F8F8;
    padding-left: 12px;
    margin-top: 10px;
    border-radius: 0px;
    margin-left: 15px;
    border: solid 1px transparent;
    box-shadow: none!important;
}
.listing-panel .c-data input[type="text"]:hover {
    border: solid 1px #E2E2E2;
    background-color: #fff;
}
.right-listing {
    float: right;
}
.listing-panel .numbers {
    float: left;
    margin-right: 15px;
}
.listing-panel .numbers h4 {
    float: left;
    font-weight: 500 !important;
    margin: 0;
    width: auto;
    margin-right: 15px;
    font-size: 14px;
    color: #0a0a0a;
    margin-top: 18px;
}
.listing-panel .numbers.month-box select {
    width: 119px;
}
.listing-panel .numbers select {
    float: right;
    height: 35px;
    border: none;
    background-color: #F8F8F8;
    margin-top: 10px;
    padding-left: 10px;
}

/* control panel */
.c-panel {
    float: left;
    width: 100%;
}
.control-panel {
    padding-left: 28px;
    padding-bottom: 20px;
}
.control-panel h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
.control-panel input[type="text"] {
    width: 294px;
    height: 35px;
    line-height: 35px;
    border: none;
    background-color: #F8F8F8;
    padding-left: 12px;
    margin-top: 15px;
}
.control-panel input[type="text"]:hover {
    border: solid 1px #E2E2E2;
    background-color: #fff;
}
.bullet {
    margin-top: 30px;
}
.check {
    margin-top: 50px;
}
.buttons {
    padding-top: 37px;
    margin-left: 35px;
}
.buttons button {
    background-color: #126BB4;
    height: 43px;
    line-height: 43px;
    width: 214px;
    border: none;
    color: #fff;
    text-align: center;
    margin-top: 17px;
    font-size: 13px;
}
.buttons button:hover {
    background-color: #0a5796;
}
.i-types input[type=radio].css-checkbox + label.css-label {
    padding-left: 27px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}
.i-types label.css-label {
    background-image: url(img/radio.png);
    margin-top: 10px;
}
.i-types input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -29px;
}
.c-types input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -31px;
}
.c-types input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 27px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}
.c-types .css-label {
    background-image: url(img/check.png);
    margin-top: 10px;
}
.i-types input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
}
.c-types input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
}

/* login */
.login-box {
    width: 400px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}
.login-box .invoicy h3 {
    color: #0F0F0F;
    margin-bottom: 0;
    font-weight: 400;
}
.login-box .invoicy h4 {
    color: #9E9E9E;
    font-weight: 400;
    margin-top: 0;
}
.login-box .info-panel input[type="text"] {
    height: 50px;
    width: 370px;
    padding-left: 20px;
    margin-top: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    color: #0F0F0F;
    border: none;
    border-radius: 5px;
    background-color: #FFFFFF;
}
.login-box .info-panel button {
    height: 50px;
    width: 370px;
    padding-left: 20px;
    margin-top: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #126BB4;
    margin-top: 40px;
}
.login-box .register h4 a {
    text-decoration: underline;
}
.copyright {
    text-align: center;
    margin-top: 50px;
    color: #9E9E9E;
}


/* invoices invoicer */
.site-header .left-nav6 {
    height: 1330px;
}
.site-header .left-nav7 {
    height: 1207px;
}
.v-panel .h-box {
    float: left;
    padding: 15px 25px;
}
.v-panel .overview-box {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    text-align: center;
    border-left: solid 3px #126BB4;
    padding-top: 20px;
    padding-bottom: 20px;
}
.v-panel .overview-box.orange {
    border-left: solid 3px #FE5D00;
}
.v-panel .overview-box.red {
    border-left: solid 3px #FF0909;
}
.v-panel .overview-box.green {
    border-left: solid 3px #00BF27;
}
.v-panel .overview-box.purple {
    border-left: solid 3px #6D529E;
}
.v-panel .overview-box.navy-blue {
    border-left: solid 3px #126BB4;
}
.v-panel .overview-box.light-blue {
    border-left: solid 3px #4ABFE9;
}
.v-panel .overview-box.last-child {
    margin-right: 0;
    border-left: solid 3px #FB9C2C;
}
.v-panel .overview-box h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
}
.v-panel .overview-box span {
    font-size: 13px;
}
.invoices-box {
    padding-left: 20px;
}
.invoices-box .numbers {
    font-size: 13px;
}
.invoices-box .numbers.last-child {
    margin-right: 0;
}
.invoices-box .invoice-section {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.invoices-box .invoice-section h3 {
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
}
.invoices-box .invoice-section a {
    color: #FF0909;
    text-decoration: underline;
    font-size: 12px;
    float: left;
    margin-top: 17px;
    margin-left: 10px;
}
.customer-info select {
    width: 285px;
    height: 37px;
    line-height: 37px;
    border: none;
    background-color: #F8F8F8;
    padding-left: 12px;
}
.invoices-box .date-box {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #F8F8F8;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px!important;
    box-shadow:none!important;
}
.invoices-box .date-box input {
    width: 85%;
    padding: 0;
    transition: all .2s ease-in;
    border: none;
    background: #F8F8F8;
    outline: none;
    cursor: pointer;
}
.invoices-box .date-box h4 {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
.invoices-box .date-box i {
    float: right;
}

/* login2 */
body.blue {
    background-color: #126BB4;
    font-weight: 500;
}
.voice-details2 {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.voice-details2 input[type="text"] {
    height: 50px;
    width: 362px;
    background-color: #fff;
    border-radius: 25px;
    border: none;
    padding-left: 19px;
    font-size: 16px;
    margin-top: 29px;
}
.login-box2 a {
    float: left;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    margin-top: 29px;
    margin-left: 25px;
}
.voice-details2 button {
    height: 44px;
    width: 339px;
    background-color: #EE0000;
    border-radius: 25px;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.login-box2 button {
    border: none;
    height: 44px;
    width: 136px;
    float: right;
    background-color: #EE0000;
    margin-right: 22px;
    margin-top: 17px;
}
.voice-details2 .login-box2 {
    background-color: #2A7ABB;
    float: left;
    padding-top: 20px;
    padding-right: 29px;
    padding-left: 29px;
    padding-bottom: 29px;
}
.voice-details2 p {
    color: #fff;
    font-size: 16px;
}
.voice-details2 .register {
    margin-top: 32px;
    float: left;
    margin-left: 60px;
}
.voice-details2 .register p {
    margin: 0;
}
.voice-details2 .c-account button {
    background-color: #fff;
    height: 34px;
    border-radius: 25px 25px 0 0;
    color: #1C1C1C;
    font-size: 14px;
    margin-top: 65px;
}
.voice-details2 .register .white button {
    background-color: #fff;
    color: #1C1C1C;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Register */
.logo2 h2 {
    color: #fff;
    font-weight: 500;
    font-family: 'Century Gothic', sans-serif; 
    font-size: 20px;
}
.logo2 p {
    font-size: 12px;
    font-family: 'Century Gothic', sans-serif;
}
.logo2 h4 {
    font-family: 'Century Gothic', sans-serif;
    color: #fff;
    margin-top: 70px;
}
.logo2 input[type="text"] {
    border-radius: 0 25px 25px 0;
    height: 44px;
}
.customers .register p {
    font-size: 12px;
    text-align: right;
    font-family: 'Century Gothic', sans-serif;
    margin-bottom: 15px;
}
.customers .register p i {
    margin-left: 10px;
}
.customers .register a {
    font-size: 12px;
    color: #6EC2B6;
}
.customers .register2 button {
    margin-top: 15px;
}
.customers .c-account2 button {
    margin: 0;
    margin-top: 48px;
}

/* animations */
@-webkit-keyframes slideUp{
0%{
    opacity:0;transform:translateY(20px);
}
to{
    opacity:1;transform:translateY(0);
    }
}
@keyframes slideUp{
    0%{
        opacity:0;transform:translateY(20px);
    }
    to{
        opacity:1;transform:translateY(0);
    }
}
.slideUp{
    -webkit-animation:slideUp .4s ease;
    animation:slideUp .4s ease
}


/*  form controls */
.r-box {
    margin-bottom: 10px;
}
.r-box9 span {
    float: right;
    margin-right: 25%;
    color: #787878 !important;
}
.r-box span {
    font-size: 12px;
    color: #787878;
    display: block;
    margin-bottom: 2px;
}
.r-box p {
    font-weight: 600;
    margin-top: 5px;
    line-break: anywhere;
}
.r-box input[type="text"],input[type="email"] {
    width: 100%;
    padding: 5px;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0;
    background: #F8F8F8;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.r-box input[type="text"]:focus,input[type="email"]:focus {
    background: #ffffff;
}
.r-box i {
    position: absolute;
    color: #787878;
    top: 24px;
    right: 10px;
}
.r-box select {
    width: 100%;
    padding: 5px;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0;
    background: #F8F8F8;
    font-size: 12px;
}
.r-box span.f-choosen {
    margin-top: 10px;
}
.r-box textarea {
    padding: 5px;
    width: 100%;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0;
    background: #F8F8F8;
    font-size: 12px;
}
.r-box2 button {
    margin-top: 0 !important;
}
.r-box2 button.cancel {
    background-color: #FF0909;
}
.r-box2 button.cancel:hover {
    background-color: #E30613;
}
.r-box7 {
    float: left;
}
.r-box span.title {
    margin-top: 5px;
}
.r-box1 {
    margin-top: 1px;
}
.r-box5 span {
    display: inline;
    float: left;
}
.r-box .premium3 input {
  width: auto;
}
.r-box .premium3 {
    float: left;
    margin-left: 30px;
    margin-top: 6px;

  }
.r-box .premium3 input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 5px;
    float: right;
    cursor: pointer;
}
input[type="file"] {
    font-size: 12px;
}
.r-box6 {
    margin-top: 30px;
}
.r-box7 h3 {
    float: left;
}
.r-box7 .premium3 {
    margin-top: 25px;
}

/*  new credit note */
.h-box2 {
    margin-top: 20px;
    padding-left: 13px;
    padding-right: 13px;
}
.listing-panel .numbers5 {
    float: right;
}
.r-box8 {
    float: left;
}
.r-box4 {
    float: right;
}
.r-box4 span {
    color: #787878 !important;
}
.f-box2 .r-box span {
    font-weight: 500;
    color: #0F0F0F;
    height: 25px;
    line-height: 25px;
}
.r-box5 {
    border-top: solid 1px #E0E0E0;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.f-box2 .r-box span.t-numbers {
    font-size: 16px;
    color: #0F0F0F !important;
}
.title-bar.title-bar4 {
    padding-left: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.title-bar5 {
    padding-left: 0 !important;
}
.title-bar4 ul li.p-name-9 {
    width: 8%;
}
.title-bar4 ul li.p-name9 {
    width: 22%;
}
.title-bar4 ul li.p-c3 {
    width: 15%;
}
.title-bar4 ul li.quantity3 {
    width: 13%;
}
.title-bar4 ul li.u-p3 {
    width: 13%;
}
.title-bar4 ul li.v-r3 {
    width: 13%;
}
.title-bar4 ul li.Ex-v {
    width: 11%;
}


.r-box {
    border-top: none !important;
}

/*  settings-2 */
.v-panel .left-panel ul {
    padding: 0;
    margin: 0;
}
.v-panel .left-panel ul li {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    margin-left: -15px;
    margin-bottom: 5px;
}
.v-panel .left-panel ul li.active {
    background-color: #126BB4;
    color: #fff;
    border-radius: 10px;
}
.v-panel .left-panel ul li.active a {
    color: #fff;
}
.v-panel .left-panel ul li:hover {
    background-color: #126BB4;
    color: #fff;
    border-radius: 10px;
}
.v-panel .left-panel ul li a:hover {
    color: #fff;
}
.v-panel .left-panel ul li a {
    color: #0F0F0F;
    display: block;
}
.left-panel.h-box {
    padding: 0;
    width: 100%;
}
.listing-panel.listing-panel-3 .c-data input[type="text"] {
    margin-left: 0;
}
.listing-panel.listing-panel-3 .numbers {
    margin-right: 0;
}
.title-panel-1 {
    height: 40px;
   padding-top: 20px;
    border-top: solid 1px #E0E0E0;
    border-bottom: solid 1px #E0E0E0;
}
.r-box-b {
    margin-top: 10px;
}
.title-panel-b {
    margin-top: 10px;
}
.title-panel-b .r-box2 {
    float: left;
}
.title-panel-b .r-box2 button {
   width: 70px;
}
.settings-nav {
   padding-right: 0;
   padding-left: 0;
   margin-top: 50px;
}

/*  report */
.title-panel span {
    font-weight: 500;
}
.title-panel-b .title-panel.panel-b span {
    font-weight: 400;
}
.panel-b {
    text-align: center;
}
.bottom-v-panel {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.rf-box {
    margin-top: 0;
    margin-left: 10px;
}
.r-box .check-items {
    margin-left: 0;
}
.g-r-box {
    float: left;
    margin-top:15px;
}
.title-panel-b {
    height: 55px;
    line-height: 45px;
    border-bottom: solid 1px #EEEEEF;
}
.title-panel-b.last-child {
    border-bottom: none;
}
.r-box2.action-b button {
    width: 63px;
}
button.view {
    background-color: #5188C6;
}
.bottom-v-panel h3 {
    margin-top: 0;
}
h3.settings {
    margin-top: 0;
}
.radio-box .premium3 {
    margin-left: 0;
    margin-right: 15px;
}
.v-sub-total {
    float: right;
    margin-top: 50px;
}
span.weight-g {
    line-height: 0;
}

/*  invoices-details */
.delivery-details {
    float: left;
    width: 100%;
    clear: both;
}
.delivery-details ul {
    padding: 0;
}
.delivery-details ul li {
    height: 25px;
    line-height:25px;
    font-size: 13px;
}
.delivery-details span.top-heading {
    font-size: 16px;
    margin-bottom: 15px;
    color: #004F8F;
    font-weight: 500;
}
.g-concepts {
    width: 100%;
    float: left;
}
.g-concepts h3 {
    float: left;
}
.g-concepts p {
    margin-bottom: 0;
    margin-top: 25px;
    margin-left: 10px;
    color: #787878;
}
.title-panel-2 {
    float: left;
    width: 100%;
    margin-top: 0;
}
.t-eur span {
    margin-right: 0;
}
.company-listing {
    margin-top: 50px;
}
span.terms {
    float: left;
    font-size: 13px;
}
.company-address {
    text-align: center;
    font-size: 12px;
    width:48%;
    margin-left: auto;
    margin-right: auto;
}
.delivery {
    margin-left: 20px;
}
.r-box span.payments {
    float: left;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #0F0F0F;
}
.r-box span.grey {
    font-size: 14px;
}
.r-box span.green {
    color: #00E810;
}
.customer-box {
    float: left;
    width: 100%;
    padding-left: 0;
}
h3.title-bar4 {
    padding-left: 25px;
}
.title-panel-3 {
   padding-left: 25px;
   margin-top: 0;
   height: 60px;
   border-top: none;
}
.title-panel-3 .c-types input[type=checkbox].css-checkbox + label.css-label {
    margin-top: 0;
}
.title-panel-3 .bottom-panel {
    margin-top: 10px;
}
span.bills {
    margin-left: 50px;
}
span.bill {
    margin-left: 40px;
}
.title-panel-5 {
    border-top: none;
}
.amount-bar .r-box span {
    font-size: 10px;
}
.d-paid {
    height: 25px;
    line-height: 25px;
    width: 161px;
    background-color: #00E810;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transform: rotate(46deg);
    position: absolute;
    right: -27px;
    top: 32px;
}
.v-panel .d-paid {
    overflow: hidden;
}

/* landing header */
.landing-header {
    height: 50px;
    width: 100%;
    float: left;
    position: absolute;
    z-index: 100;
}
.landing-header .logo {
    width: 235px;
    float: left;
    margin-top: 30px;
}

/* site nav box */
.header-nav ul {
    float: left;
    margin-left: 140px;
}
.header-nav ul li {
    float: left;
    margin-left: 34px;
    margin-top: 30px;
}
.header-nav ul li a {
    display: block;
    color: #FBFBFB;
    font-size: 18px;
}

ul.add-accounts {
    float: right;
    margin-right: -15px;
    margin-left: 0;
}
ul.add-accounts li {
    margin-left: 20px;
}
.header-nav ul li.account-nav {
    background: #004A8A;
    height: 44px;
    line-height: 30px;
    width: 201px;
    border-radius: 25px 0 0 25px;
    margin-top: 20px;
    text-align: center;
}
.header-nav ul li.account-nav a {
    padding-top: 8px;
    font-size: 18px;
    border: none !important;
    color: #FBFBFB;
}

/* site hero */
.site-hero-invoycr .hero-content2 {
    text-align: center;
    color: #FBFBFB;
    margin-right: auto;
    margin-left: auto;
    margin-top:150px;
}
.site-hero-invoycr .hero-content2 h1 {
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
    line-height: 33px;
}
.site-hero-invoycr .hero-content2 p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 33px;
}
.links {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 137px;
}
.links ul li {
    float: left;
    margin-bottom: 20px;
}
.links ul li a i {
    font-size: 48px;
    color: #3476BC;
    margin-right: 17px;
}

/* services */
.business-panel {
    background-color: #FFFFFF;
    padding-top: 100px;
}
.business-header {
    text-align: center;
}
.business-header h1 {
   font-size: 32px;
   margin-bottom: 0;
}
.business-header p {
    font-size: 14px;
    color: #5A5A5A;
    margin-top: 5px;
    margin-bottom: 70px;
 }
 .b-card-box {
     float: left;
     width: 100%;
     border-top: solid 5px #00539B;
     padding-right: 25px;
     padding-bottom: 10px;
     padding-top: 10px;
     margin-bottom: 58px;
 }
 .b-card-box .img-box {
     position: absolute;
     top: 0;
     right: 0;
     top: -10px;
     right: -13px;
 }
 .b-customer {
     padding-left: 20px;
 }
 .b-card-box i {
     font-size: 64px;
     color: #9D9D9D;
     line-height: 0;
 }
 .b-card-box h4 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
}
.b-card-box p {
    color: #030303;
    margin-top: 0;
    line-height: 23px;
    width: 326px;
}
.cloud-invoycer a {
    background-color: #00539B;
    border-radius: 0 25px 25px 0;
    color: #FBFBFB;
    padding: 10px 30px;
    float: left;
}
.learn-link {
    float: right;
}
.b-content a {
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
}
.learn-link a {
    background: none;
    font-size: 16px;
    padding: 0;
    margin-top: 10px;
    color: #00539B;
}
.learn-link i {
    font-size: 16px;
    line-height: 43px;
    color: #00539B;
}
.features {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.features a {
    font-size: 18px;
    color: #00539B;
}
.features i {
    font-size: 18px;
    color: #00539B;
}

/* pricing */
.pricing-header {
    color: #fff;
    text-align: center;
    margin-top: 90px;
}
.pricing-header h1 {
    margin-bottom: 0;
}
.pricing-header p {
    margin-top: 5px;
    margin-bottom: 70px;
}
.p-box.first-child {
    margin-left: 190px;
}
.p-box.first-child {
    position: relative;
   
}
.p-box.first-child .img-box {
    position: absolute;
    top: -15px;
    right: -20px;
}
.p-box h4 {
   margin-top: 20px;
}
.p-box span{
    font-size: 14px;
    color: #5A5A5A;
    font-weight: 500;
}
.p-box ul {
    padding-left: 20px;
}
.p-box ul li {
    font-weight: 500;
    height: 28px;
   
}
.p-box ul li i {
    padding-top: 0;
    color: #00539B;
    float: left;
    margin-right: 5px;
    font-size: 16px;
   
    padding-top: 3px;
}
.p-box ul li i.ion-close {
    color: #9D9D9D;
}
.p-box ul li p {
    margin-top: 0;
}
.a-compare a {
    color: #fff;
}
.a-compare i {
    color: #fff;
}

/* managements */
.b-management .img-box {
    float: right;
    margin-right: 50px;
}
.m-customer p {
    width: 392px;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 25px;
    margin-top: 120px;
}
.m-customer ul li {
    float: left;
    margin-right: 10px;
}
.m-link {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.business-panel.panel2 {
    padding-bottom: 149px;
    height: auto;
}

/* footer*/
.footer {
    background-color: #030303;
    padding-top: 30px;
}
.footer-links.first-child {
    margin-left: 70px;
}
.footer-links h3 {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 500;
}
.footer-links ul li {
    margin-top: 10px;
}
.footer-links ul li a {
    color: #fff;
    font-size: 13px;
}
.footer-posts ul {
    margin: 0;
}
.footer-posts ul li {
    float: left;
    clear: both;
    margin-top: 0;
}
.details {
    color: #DCDCDC;
    float: left;
    
}
.footer-posts h4 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}
.footer-posts p {
    font-size: 10px;
    margin-top: 0;
}
.footer-posts ul li a i {
    font-size: 32px;
    margin-right: 10px;
    float: left;
    clear: both;
    line-height: 3px;
}
.footer-links input[type="text"] {
    padding: 10px;
    width: 277px;
    border: solid 1px #CBCBCB;
    border-radius: 5px;
    outline: none;
    font-size: 13px;
}
.social-links {
    margin-top: 10px;
}
.social-links ul li {
    float: left;
    margin-right: 20px;
}
.site-footer a {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    display: block;
}
.social-links ul li a i {
    float: left;
    font-size: 24px;
}
.social-links button {
    padding: 10px 25px;
    font-size: 13px;
    background: #004A8A;
    border: none;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-weight: 500;
}
.footer-details {
    padding-bottom: 50px;
}
.copy-right {
    background-color: #1E1E1E;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    float: left;
    width: 100%;
}
.copy-right p {
    margin-top: 0;
}

/*  setting nav */
.v-settings {padding: 0 !important;}
.settings-sidenav  {
    padding: 0 !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.20);
    width: 224px !important;
    /* width: 20% !important; */
    min-height: 1200px;
    height: auto;
}
.settings-sidenav  ul {
    padding-top: 10px !important;
}
.settings-sidenav  ul li {
    margin-left: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0px !important;
}

.v-setting-contents {
    padding: 20px;
    position: relative;
    margin-left: 224px;
    padding-bottom: 0;
}

.setting-header {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.setting-header h4 {
    font-weight: 500 !important;
    line-height: 32px;
}
.v-setting-contents h4 {
    font-weight: 500 !important;
    line-height: 32px;
}
.setting-header .sh-box {
    float: left;
    background: #F8F8F8;
    padding: 5px 10px;
    margin-right: 10px;
}
.setting-header .sh-new {
    float: right;
    margin-right: -20px;
    background: none;
    padding: 0;
}
.setting-header > .sh-new > .sh-new-btn:hover {
    transition: all .2s ease-in;
    background: #00BF27;
}
.setting-header .sh-new .sh-new-btn {
    display: block;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    display: block;
    cursor: pointer;
    line-height: 30px;
    padding: 5px 10px;
    background: #126BB4;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.setting-header .sh-new  .sh-new-btn img {
    margin-right: 5px;
    width: 22px;
}
.setting-header .sh-box input[type="text"],select {
    outline: none;
    border: none;
    background: none;
    padding: 2px 5px;
}
.setting-header .sh-box input {width: 300px;}
.setting-listing {
    width: 100%;
    float: left;
}
.setting-listing .sh-row {border-bottom: solid 2px #EEEEEF;}
.setting-listing .s-row {
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEF;
    border-left: solid 2px transparent;
}
.setting-listing .s-row:hover {
    transition: all .2s ease-in;
    border-left: solid 2px #126BB4;
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.setting-listing  .s-header {
    border-left: none !important;
    border-bottom: solid 2px #eeeeee;
    box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.setting-listing .sub-title {
    color: #8a8a8a;
    display: block;
}
.setting-listing ul li {
    list-style-type: square;
    margin-left: 20px;
    text-decoration-style: double;
}
.setting-listing .s-row .h-title {font-weight: 600;color: #0F0F0F !important;}
.setting-listing .s-row .l-action {text-align: center;color: #8a8a8a;float: right;min-width: 124px;}
.setting-listing .s-row .l-action span {cursor: pointer; transition: all .2s ease-in;padding: 0 5px;}
.setting-listing .s-row .l-action span:hover {text-decoration: underline;}
.setting-listing .s-row .l-action span.remove:hover {color: #FF0909;}

.lg-listing .s-row {
    padding: 14px 0;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding-right: 10px;
}
.lg-listing .s-row .o-due {
    height: 20px;
    width: 86px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    transform: rotate(45deg);
    position: absolute;
    right: -20px;
}
.lg-listing .s-row .o-due.unpaid {
    background-color: #FE5D00;
}
.lg-listing .s-row .o-due.paid {
    background-color: #00BF27;
}
.lg-listing .s-row .o-due.overdue {
    background-color: #FF0909;
}
.lg-listing .s-row .o-due.partial {
    background-color: #126BB4;
}
.lg-listing .st-title {padding-left: 20px;}
.lg-listing .st-title span {
    font-size: 11px;
    display: block;
    color: #A7A7A7;
}
.lg-listing .s-row  .list-actions {
    font-size: 11px;
    color: #A7A7A7;
    padding-left: 16px;
    clear: left;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow:none!important;
    background: #ffffff;
}
.lg-listing .s-header {height: auto;}
.lg-listing .s-row:hover  .list-actions {display: block;}
.lg-listing  .list-actions a {
    color: #126BB4;
    padding-right: 5px;
    padding-left: 5px;
}
.lg-listing  .list-actions a:hover {
    text-decoration: underline;
}
.lg-listing  .list-actions span {
    color: #126BB4;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}
.lg-listing  .list-actions span:hover {
    text-decoration: underline;
}

/* pagination */
.pagination {
    padding: 0;
    margin: 50px 0;
    list-style-type: none;
    width: 100%;
    float: left;
}
.pagination li {
    display: inline-block;
    margin: 0 2px;
}
.pagination li > a {
    padding: 3px 10px;
    color: #ffffff;
    font-size: 16px;
    background: #126BB4;
}
.pagination li > span {
    padding: 3px 10px;
    color: #ffffff;
    font-size: 16px;
    background: #126BB4;
}
.pagination li a:hover {
    background: #0a5796;
}
.pagination li.active span {
    background: #0a5796;
}


/*  form controls */
.r-box {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    position: relative;
}
.r-box span {
    font-size: 12px;
    color: #787878;
    display: block;
    margin-bottom: 2px;
    margin-top: 5px;
}
.r-box input[type="text"],input[type="email"] {
    width: 100%;
    padding: 5px;
    transition: all .2s ease-in;
    border: none;
    background: #F8F8F8;
    border-radius: 0px!important;
    box-shadow: none!important;
}
.r-box  input[type="text"]:focus,input[type="email"]:focus {
    background: #ffffff;
}

.c-white {color: #ffffff;}

.float-none {float: none !important;}

.full-w {width: 100% !important;}

.t-left {text-align: left !important;}
.t-center {text-align: center !important;}
.t-right {text-align: right !important;}

.font-md {
    font-size: 16px;
}
.font-lg {
    font-size: 20px;
}

/*  account */
.acc-box {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    min-height: 674px;
}
.acc-logo {
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
}
.acc-box .font-lg {
    margin-bottom: 20px !important;
}
.acc-logo p {
    margin-top: 0;
}
.form-box {
    background: #085798;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.20);
    padding: 30px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    float: left;
    color: #ffffff;
}
.acc-row {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    float: left;
}
.acc-row.acc-row-bg {
    padding: 15px 10px;
    background: #f4f4f4;
}
.acc-row .circle-f {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
.acc-row .section-bg {
    background: #126BB4;
    display: inline-block;
    padding: 2px 10px;
    margin-left: -30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.acc-row input[type="text"],input[type="password"] {
    width: 100%;
    padding: 13px 15px;
    border-radius: 50px;
    border: none;
    outline: none;
    color: #000000;
}
.acc-link {
    color: #ffffff !important;
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline !important;
}
.acc-btn {
    float: right;
    border: none;
    padding: 10px 40px;
    border-radius: 50px;
    background: #EE0000;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
}
.acc-mini-box {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #ffffff;
    text-align: center;
}
.acc-mini-box a {
    display: block;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
}
.acc-mini-box .join-free {
    color: #000000;
    background: #ffffff;
    padding: 12px 0;
    border-radius: 50px;
    margin-top: 20px;
}
.acc-mini-box .join-cloud {
    background: #EE0000;
    padding: 12px 0;
    border-radius: 50px;
}
.compare-acc {
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 340px;
    background: #f4f4f4;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.compare-acc a {
    color: #000000;
    margin-bottom: 0;
}

.package-notes {
    margin-top: 30px;
}
.package-notes p {
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
}


.login-bg-1 {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20%;
}
.login-bg-1 img {
    height: 100%;
    width: 100%;
}
.login-bg-2 {
    position: fixed;
    right: 0;
    bottom: 0;
}

.btn-hover:hover {
    background: #000000;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s ease-in;
}
.btn-hover:hover a {
    color: #ffffff;
    transition: all .2s ease-in;
}

.g-site-overlay {
    display: none;
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    z-index: 5;
    position: fixed;
}

.o-flow {overflow: auto;}

.hint-note {
    font-weight: 400;
    font-size: 11px;
}

/*  popup box */
.popup {
    display: none;
    width: 675px;
    background: #fff;
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    margin: auto;
    top: 10%;
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.8);
}
.popup-box {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
    overflow: hidden;
    position: fixed !important;
    margin-bottom: 100px;
}
.popup-box .popup-header {
    background: #f4f4f4;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px;
    height: 50px;
    width: 100%;
    float: left;
}
.popup-box .popup-header .ph-title {
    width: 80%;
    float: left;
    font-size: 18px;
    font-weight: bold;
}
.popup-box .popup-header .ph-close {
    float: right;
    width: 20%;
    padding-right: 10px;
    font-size: 24px;
    cursor: pointer;
    text-align: right;
}
.popup-box .popup-header .ph-close:hover {
    color: #FF0909;
    transition: all .2s ease-in;
}
.popup-box .popup-content {
    width: 100%;
    float: left;
    padding: 20px;
    padding-bottom: 10px;
}
.popup-box .popup-footer {
    width: 100%;
    float: left;
    padding: 20px;
    padding-top: 0;
}
.selection-nav ul {
    width: 100%;
    float: left;
    margin: 5px 0;
}
.selection-nav ul li {
    float: left;
    margin-right: 10px;
    font-size: 12px;
    text-decoration: underline;
    color: #1663FF;
    cursor: pointer;
}
.selection-nav ul li.danger:hover {
    color: #E30613;
}

.added-list {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.added-list ul {
    width: 100%;
    float: left;
}
.added-list ul li {
    float: left;
    position: relative;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    border-radius: 25px;
    background: #126BB4;
    color: #ffffff;
    cursor: pointer;
}
.added-list ul li span {
    position: absolute;
    top: -7px;
    right: -5px;
    background: #ff0000;
    border: solid 2px #ec0202;
    display: block;
    padding: 0 5px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    border-radius: 50%;
}

.list-to-add {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.list-to-add ul li {
    float: left;
    position: relative;
    padding: 5px 10px;
    margin-right: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
    margin-top: 10px;
}
.list-to-add ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 24px;
    background: #01c501;
    color: #ffffff;
    display: none;
}
.list-to-add ul li:hover span {display: block;}


/*  add invoice product */
.add-inv-product-box {
    border-radius: 10px;
    width: 100%;
    float: left;
    margin: 20px 0;
    margin-top: 0;
    padding: 10px 20px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.10);
}
.add-inv-product-box .stock-available {
    width: 100%;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0;
    background: #F8F8F8;
}

.remove-iproduct i {
    cursor: pointer;
    font-size: 20px;
    transition: all .2s ease-in;
}
.remove-iproduct i:hover {
    color: #FF0909;
}

/* attachements preview */
.attachements-preview {
    width: 100%;
    float: left;
}
.attachements-preview > ul > li {
    width: 100px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
.attachements-preview > ul > li > img {
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
}
.attachements-preview > ul > li > span {
    position: absolute;
    top: -15px;
    right: -10px;
    display: none;
    transition: all .2s ease-in;
}
.attachements-preview > ul > li > span > i{
    font-size: 24px;
    cursor: pointer;
    transition: all .2s ease-in;
}
.attachements-preview > ul > li > span > i:hover {
    color: #FF0909;
}
.attachements-preview > ul > li:hover > span {display: block;}
.add-attachements {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.add-attachements .attachment-btn {
    background: #00BF27;
    color: #ffffff;
    float: left;
    padding: 16px 40px;
    border-radius: 0px;
    margin-right: 20px;
    transition: all .2s ease-in;
    cursor: pointer;
    font-weight: 500;
}
.add-attachements .attachment-btn:hover {
    background: #00A221;
}
.add-attachments-info {
    float: left;
}
.add-attachments-info h5 {
    margin: 0;
    font-size: 14px;
}
.add-attachments-info h5 .attachments-count {
    font-weight: bold;
}
.add-attachments-info p {
    margin: 2px 0;
    font-size: 12px;
    color: #787878;
    width: 334px;
    line-height: 14px;
}

/* pay method box */
.pay-method-box {
    border-radius: 10px;
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 10px 20px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.10);
}
.pay-method-box span {
    font-size: 16px;
    color: #141414;
}
.pay-method-box p {
    font-size: 12px;
    color: #787878;
}

/*  more actions menu */
.ma-menu {
    position: relative;
}
.ma-menu .more-actions-list {
    display: none;
    position: absolute;
    top: -300px;
    right: 0;
    background: #ffffff;
    color: #141414;
    text-align: left;
    padding: 20px;
    padding-bottom: 5px;
    width: 190px;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.16);
}
.ma-menu:hover .more-actions-list {display: block;}
.ma-menu .more-actions-list span {
    font-size: 12px;
    color: #787878;
}
.ma-menu .more-actions-list ul {
    margin-top: 10px;
}
.ma-menu .more-actions-list ul li {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    cursor: pointer;
}
.ma-menu .more-actions-list ul li:hover {
    color: #126BB4;
}
.ma-menu .more-actions-list ul li i {margin-right: 3px;font-size: 16px;}

.invoice-summary {

    position: fixed;
    z-index: 1000;
    background: #e8e8e8;
    box-shadow: 0 0 5px rgba(0,0,0,0.35);
    left: 280px;
    right: 15px;
    bottom: 5px;
    padding: 5px 20px;
    border-radius: 10px;
    transition: all .2s ease-in;

}
.invoice-summary.minimize {bottom: -60px;}
.invoice-summary .toggle-summary {float: right;}
.invoice-summary .toggle-summary i {
    cursor: pointer;
    font-size: 20px;
    line-height: 14px;
    transition: all .2s ease-in;
}
.invoice-summary .toggle-summary i:hover {
    color: #00A221;
}
.invoice-summary .col-md-2 .r-box span {
    color: #0F0F0F;
}
.invoice-summary .col-md-2 .r-box select {
    background: #ffffff;
}
.invoice-summary .col-md-2 .r-box input[type="text"] {
    background: #ffffff;
}
.invoice-summary h4 {
    font-size: 14px;
    color: #2D2D2D;
    margin: 3px 0;
    cursor: pointer;
}
.invoice-summary .summary-box {
    width: 100%;
    padding: 5px;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0;
    background: #ffffff;
}
.invoice-summary .action-box {
    padding: 10px;
    background: #fafafa;
    text-align: center;
    border: solid 2px #e0e0e0;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 10px;
}
.invoice-summary .action-box a {color: #0F0F0F;}
.invoice-summary .action-box a:hover {color: #ffffff;}
.invoice-summary .action-box:hover {
    background: #0F0F0F;
    color: #ffffff;
    transition: all .2s ease-in;
}
.invoice-summary .action-box:hover a {
    color: #ffffff; 
}


/* upload progress */
.upload-progress {
    width: 100%;
    float: left;
    padding: 2px;
    margin: 10px 0;
    text-align: center;
    position: relative;
    height: 40px;
    border: solid 2px #e0e0e0;
    display: none;
    background: #ffffff;
}
.upload-progress .progress-bar {
    position: absolute;
    height: 32px;
    transition: width .2s ease-in;
    max-width: 99% !important;
    background: #017bf9;
}
.upload-progress .progress-text {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
    line-height: 34px;
    color: #ffffff;
    font-weight: bold;
}

.img-box img.img-preview {
    max-width: 100px;
    max-height: 100px;
}

.remove-product-action i {
    cursor: pointer;
    font-size: 16px;
    transition: all .2s ease-in;
}
.remove-product-action i:hover {
    color: #ff0000;
}

/* top menu */
.top-menu {
    cursor: pointer;
    position: relative;
}
.top-menu .top-menu-list {
    display: none;
    position: absolute;
    top: 70px;
    right: -8px;
    z-index: 2000;
    padding: 10px 0;
    background: #ffffff;
    color: #141414;
    text-align: left;
    padding-bottom: 5px;
    width: 200px;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.16);
}
.top-menu:hover .top-menu-list {display: block;}
.top-menu .top-menu-list span {
    font-size: 12px;
    color: #787878;
}
.top-menu .top-menu-list ul {
    margin-top: 0;
}
.top-menu .top-menu-list ul li {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    cursor: pointer;
}
.top-menu .top-menu-list ul li a {
    color: #0F0F0F;
    display: block;
    padding: 0 20px;
}
.top-menu .top-menu-list ul li:hover a {
    color: #126BB4;
}
.top-menu .top-menu-list ul li i {
    margin-right: 3px;
    font-size: 18px;
    width: 24px;
    display: inline-block;
}

.s-listing-box h3 {
    padding-left: 25px;
    font-weight: 500;
    float: left;
    font-size: 18px;
}

.invoice-status {
    float: left;
    border-radius: 10px;
    width: 100%;
    background: #f5f5e2;
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.20);
}
.invoice-status h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: #d6722b;
}
.invoice-status .input-box {
    float: left;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
    background: #ffffff;
}
.invoice-status button {
    margin-left: 20px;
    padding: 10px 30px;
    border-radius: 10px;
}

/*  progress indicator */
.progress-indicator {
    position: fixed;
    color: #ffffff;
    background: rgb(10,10,10);
    padding: 5px 20px;
    border-radius: 25px;
    left: 45%;
    top: 20px;
    display: none;
    font-size: 14px;
    z-index: 10000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.30);
}
.progress-indicator i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 7px;
}

/*  public side menu */
.public-side-menu ul li a {
    color: #d0d0d0 !important;
    cursor: default !important;
}
.public-side-menu ul li {
    background: transparent !important;
}
.public-side-menu ul li.active {
    background: #004F8F !important;
}
.public-side-menu ul li.active a {
    color: #FFFFFF !important;
}

/*  bulk invoice status */
.bulk-invoice-status {
    display: none; 
    position: fixed;
    float: none;
    width: auto;
    z-index: 1000;
    left: 270px;
    border-radius: 0;
    right: 5px;
    top: 0px;
    padding: 7px 10px;
    transition: all .2s ease-in;
}
.bulk-invoice-status .input-box {
    padding: 5px;
    font-size: 12px;
}
.bulk-invoice-status button {
    padding: 6px 10px;
    font-size: 12px;
    margin-left: 10px;
}

/* appointments */
.appointment-detail{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.appointment-detail .time-calendar{
    float: left;
    width: 15%;
}
.appointment-detail .time-calendar .time{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 55px;
}
.appointment-detail .time-calendar .time span{
    font-size: 25px;
}
.appointment-detail .time-calendar .calendar{
    padding: 20px;
}
.appointment-detail .time-calendar .calendar img{
    float: left;
    width: 100%;
}
.appointment-detail .calendar-right{
    float: left;
    width: 85%;
    border: solid 1px #dcdcdc;
}
.appointment-detail .calendar-right .calendar-column{
    float: left;
    width: 12.5%;
    text-align: center;
    border-left: solid 1px #dcdcdc;
}
.appointment-detail .calendar-right .calendar-column .zone-column{
    float: left;
    width: 50%;
    font-size: 12px;
    border-right: solid 1px #dcdcdc;
    padding-bottom: 18px;
}
.appointment-detail .calendar-right .calendar-column .zone-column select{
    border-bottom: solid 1px #dcdcdc;
    width: 100%;
    display: block;
}
.appointment-detail .calendar-right .calendar-column .zone-column .zone-name{
    padding: 22px 0;
}
.appointment-detail .calendar-right .calendar-column .zone-column .zone-time{
    line-height: 35px;
}
.appointment-detail .calendar-right .calendar-column .day-date{padding: 5px;}
.appointment-detail .calendar-right .calendar-column .day-date .day{
    text-align: right;
    text-transform: uppercase;
    font-size: 13px;
}
.appointment-detail .calendar-right .calendar-column .day-date .date{
    font-size: 40px;
}
.appointment-detail .calendar-right .calendar-column .appointment-title{
    height: 35px;
    border-top: solid 1px #dcdcdc;
}
.appointment-detail .cc-hover:hover{
    background: #eeeeef;
}
.appointment-detail .calendar-right .selected{
    background: #eeeeef;
}

/* project detail page */
.invoice-detail .invoice-row .invoice-title{
    color: #1064A9;
    font-weight: 500;
}
.invoice-detail .invoice-row .invoice-info{
    font-size: 12px;
    margin-top: 10px;
}
.invoice-detail .invoice-row .invoice-info .top{
    color: #787878;
}
.invoice-detail .invoice-row .invoice-info .btm{
    font-weight: 500;
    margin-top: 5px;
}
.invoice-detail .invoice-actions{
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -3px 12px rgba(0,0,0,0.2);
}
.invoice-detail .invoice-actions .title{
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
}
.invoice-detail .invoice-actions a{
    display: block;
    color: #000;
    font-weight: 500;
    border: solid 1px #E0E0E0;
    text-align: center;
    padding: 9px 0;
    font-size: 13px;
}
.invoice-detail .invoice-actions a i{
    margin-right: 2px;
}
.invoice-detail .invoice-actions a:hover{
    background: #dadada;
    transition: all .2s ease-in-out;
}
.invoice-detail .invoice-actions a.grey{
    background: #F8F8F8;
}

/* project */
.project-page .project-dropdown .title{
    color: #787878;
    font-size: 12px;
    margin-bottom: 5px;
}
.project-page .project-dropdown select{
    background: #F8F8F8;
    border: solid 1px #E0E0E0;
    width: 100%;
    padding: 5px;
    font-size: 13px;
}
.project-page .project-info{
    margin-top: 16px;
}
.project-page .project-info .title h3{
    color: #1064A9;
}
.project-page .project-info .title p{
    margin: 5px 0;
    color: #787878;
    font-size: 11px;
}
.project-page .project-info .project-info-box{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 30px;
}
.project-page .project-info .project-info-box .select{
    font-size: 12px;
    float: left;
    width: 100%;
}
.project-page .project-info .project-info-box .select a{display: inline-block;float: left;color: #1064A9;text-decoration: underline;}
.project-page .project-info .project-info-box .select a.red{
    color: #FF0909;
}
.project-page .project-info .project-info-box .select .border-line{float: left;width: 1px;height: 17px;background: #c5c5c5;margin: 0 8px;}
.project-page .project-info .project-info-box .project-options{
    float: left;
    width: 100%;
    margin: 10px 0;
}
.project-page .project-info .project-info-box .project-options h3{
    font-size: 14px;
}
.project-page .project-info .project-info-box .project-options ul{
    margin: 0;
    padding: 0;
}
.project-page .project-info .project-info-box .project-options ul li{
    font-size: 12px;
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-radius: 25px;
    text-align: center;
    padding: 5px 15px;
    margin-top: 10px;
}
.project-page .project-info .project-info-box .po-actions ul li{
    position: relative;
    background: #1064A9;
    color: #fff;
}
.project-page .project-info .project-info-box .po-actions ul li a{
    position: absolute;
    top: -10px;
    right: -4px;
}
.project-page .project-info .project-info-box .po-actions ul li a i{
    color: #FF0909;
    font-size: 18px;
}
.project-page .customer-details-box{
    display: none;
}
.project-page .restore-customers{
    display: none;
}
.project-page .product-details-box{
    display: none;
}
.project-page .restore-product{
    display: none;
}
.project-page h3{
    margin: 0;
}

.content-box {
    width: 100%;
    float: left;
    padding-left: 20px;
}

.select2-container {
    width: 100% !important;
    background-color: #F8F8F8;
    border-radius: 5px;
    box-shadow: none!important;
    line-height: 30px;
    height: 30px;
}
.select2-container--default .select2-selection--single {
    background-color: #F8F8F8;
    border: none; 
    border-radius: 0;
}

.filter-cta {
    height: 32px;
    line-height: 32px;
    padding-top: 0;
    border-radius: 5px;
    font-weight: 500;
    box-shadow: 1px 1px 5px rgba(18,107,180,0.5);
    width: 150px;
}
.filter-cta>img{
    margin-right: 5px!important;
    
}

.input-select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #F8F8F8;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;
    box-shadow: none!important;
}

.mini-pad {padding-bottom: 2px !important}

.toggle-listing-btn {
    cursor: pointer;
}

.view-all-link {
    font-size: 14px;
    color: #0a0a0a;
    margin-left: 10px;
}

/*  inline pagination */
.ip-container {
    width: 100%;
    float: left;
    padding: 0 20px;
}
.inline-pagination {
    width: 100%;
    float: left;
    padding: 10px 20px;
    padding-right: 10px;
    font-weight: 500;
    font-size: 13px;
    background: #f4f4f4;
    margin-top: 20px;
    border-radius: 15px;
}
.inline-pagination .ip-info {margin-top: 3px;}
.inline-pagination .ip-links { text-align: right;}
.ip-links ul {margin: 0;}
.ip-links ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 10px;
}
.ip-links ul li:hover {
    background: #126BB4;
    color: #ffffff;
}
.ip-links ul li.active {
    background: #126BB4;
    color: #ffffff;
}

.s-row.s-listing.sa-listing.selected {
    background: #dcefff;
}

.highlight-item {
    animation: highlight 1s ease-in-out;
    animation-direction: alternate;
    font-weight: bold;
}

@keyframes highlight {
    from {background-color:#92ceff;}
    to {background-color: #ffffff;}
}

@media  only screen and (min-width: 768px) and (max-width:1024px){
     .lg-listing .s-row .o-due {
  
    top: 11px!important;
}
  
       
    
    
}

    
  .slicknav_menu{
        display: none!important;
    }


@media (max-width: 767px){
    
    .top-nav .top-title {
    margin-left: 45px;
}
    
    
    
    
    
    .v-panel .left-panel ul li a {
   
    font-size: 12px;
}
    
    
   .slicknav_menu{
        display: block!important;
    }
  .appointment-detail>.calendar-right {
    width: 700px;
    overflow-x: scroll;
}    
    
   
    .settings-sidenav {
   
    width: 135px!important; 
   
}
  .v-setting-contents {
  
    margin-left: 135px!important;
}  
    
    
    .setting-listing {
 
    overflow-x: scroll;
}
  .v-panel .v-box img {
    height: 250px!important;
}  
 .v-box .e-view {
    margin-top: 40px!important;
}   
    
  .top-nav .top-title .board ul li a,.top-nav .top-title .board ul li  {
    font-size: 8px;
}  
.listing-panel .c-data input[type="text"] {
    width: 100%!important;}
    
 .top-nav .top-title {
}
        
.f-box,.full-w,table{
    
    overflow-x: scroll!important;
    overflow-y: hidden!important;
    overflow-x:auto!important;
}
  
  

 
.top-nav .top-menu {
   
    position: absolute;
    top: -50px;
    right: 0px;
} 
    .top-nav .top-menu .s-admin h3 {
        font-size: 12px;
    }
.top-nav .top-menu .s-image {
   
    margin-right: 5px;
} 
    .m-nav{
        display: none!important;
    }
    
    
    
    .site-header .left-nav{
  display: none!important;
}
.site-header .left-nav  h4 {
    padding-left: 5px;
    font-size: 9px;
    height: 24px;
    line-height: 24px;
    width: 70px !important;
}
.site-header .left-nav li a {
    text-align: center;
    padding-left: 10px;
    position: relative;
}
.site-header .left-nav li a i {
    font-size: 32px;
    float: none;
}
.site-header .left-nav span.nav-link-txt {
    display: none;
    position: absolute;
    left: 74px;
    top: 10px;
    background: #0F0F0F;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 12px;
    border-radius: 25px;
    width: 164px;
    z-index: 10000;
    height: auto;
    line-height: initial;
}
.site-header .left-nav li a:hover span.nav-link-txt {
    display: block;
}
    
    
 .voice-details {
    margin-left:0px;
}   
    
    
    td:first-child{
        min-width: 245px!important;
    }  td:nth-child(3),td:nth-child(4){
        min-width: 80px!important;
    }    
    
    
    
   .lg-listing .s-row .o-due {
   
    top: 12px!important;
} 
    
 .listing-panel .numbers {
    float: left;
    margin-right: 10px;
    width: 140px;
}   
 .s-btn {
     
}   
    
 .new-cta {
   
    margin-right: -20px!important;
}   
    
    
}
.pagination {
    padding: 0;
    margin: 0px 0;
    list-style-type: none;
    width: 100%;
    float: right!important;
    text-align: end;
}
.pagination li > a {
    color: #000;
    background: #f2f2f2;
}
.pagination li a:hover {
    background: #126bb4;
    color: #fff;
}


.s-btn{
      display: inline-flex;
    width: 100%!important;
}.s-btn img{
     margin-right: 10px!important;
}
.right-btn{
    margin-right: -25px;
    width: 184px;
}


body,html{
    overflow-x: hidden!important;
}
.form-check-input{
    margin-right: 5px;
}
.status{
    display: inline-flex;
    margin-top: 20px!important;
}
.status .form-check-inline,.margin-right30{
   margin-right: 30px;
}
.ion-arrow-down-b,.modal a.close-modal{
    display: none!important;
}
.margontop15{
    margin-top: 15px!important;
}
.customer-details ul li {
    float: left;
    margin-right: 15px;
    
}
.customer-details {
   background: #f2f2f2;
    overflow: hidden;
    padding: 0px 15px;
    height: 45px;
    width: auto;
    border-radius: 25px;
}


.blocker {
  
background-color: rgb(255 238 238 / 82%)!important;

}


.modal .select2-container--default .select2-selection--single {
    border: 1px solid #F8F8F8!important;
}


.modal .r-box input[type="text"],.modal input[type="email"] {
    width: 100%;
    padding: 5px;
    transition: all .2s ease-in;
    border: solid 1px #E0E0E0!important;
}

.modal textarea {
   
    width: 442px!important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px!important;
        
}

.slicknav_menutxt{
    display: none!important;
}

.slicknav_menu {
    *zoom: 1;
    font-size: 16px;
background: #126bb4!important;
    padding: 5px;
    position: absolute;
    top: 0;
    left: -15px;
    z-index: 999;
        transition:  .3s linear All;

}
.slicknav_menu ul {
   min-height: 100vh;
}


.slicknav_btn {
    
    background-color: #126bb4!important;
}

.slicknav_menu .slicknav_icon {
   
    margin-top: 25px!important;
}

.action-ul {
    width: 130px;
}

.action-ul li{
    float: left;
    font-size: 10px;
    margin: 0px 3px;
    
    
}
.check-action-ul li{
    float: left;
    font-size: 10px;
    margin: 0px 8px;
    
    
}