@charset "utf-8";
/* CSS Document */


/* -------------------------
Genral
 ------------------------- */
.rightbd{border-right-color:#ccc !important;}
.botbd {
    border-right-color: #ccc !important;
}
.leftbd {
    border-left-color: #ccc !important;
}
.txt-white{color:#fff !important;}
.red{background-color: #fbeded;}

body{ color:#000 !important;}

/* -------------------------
Comments
 ------------------------- */
.comments{color:#009933;}


/* -------------------------
Header
 ------------------------- */
.skin-blue .main-header .navbar .nav>li>a {
    color: #000 !important;
}

/* -------------------------
CRM widgets
 ------------------------- */
.bt-blue {
    background: #11cdef;
    color: #fff;
}

.bt-green {
    background: #2dce89;
    color: #fff;
}

.bt-royblue {
    background: #0001e5;
    color: #fff;
}


.bt-red {
    background: #f21b1b;
    color: #fff;
}





/* -------------------------
Service skills
 ------------------------- */
.messagehead{color: #000;}
.msgbrd{border-color:#b4c9de;}
.products-list .product-description{color: #585858;}

/* -------------------------
page color skin
 ------------------------- */
.skin-blue .main-header .navbar {
    background-color: /*#56708a*/ #fff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); border-top-color: #2dce89 !important;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #fff !important;
    background: #093182 !important;
    border-left-color: #fff !important;
}
.skin-blue .sidebar-menu>li:hover>a{
  color: #fff !important;
    background:/*#b4c9de*/  #2dce89 !important;
    border-left-color: /*#b4c9de*/  #fff !important;
}

.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {
    color: #2dce89 !important;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    background: #002060 !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #002060 !important;
}
.skin-blue .main-header .logo {
    background-color: #fff !important;
}
.skin-blue .main-header li.user-header {
    background-color: /*#b4c9de*/ #2dce89 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: /*#b4c9de*/ #11cdef    !important;
}


/* -------------------------
Dashboard
 ------------------------- */
 
 .gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676)!important;
    background: linear-gradient(45deg, #f54ea2, #ff7676)!important;
}
 
.gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(45deg, #f21b1b, #f21b1b)!important;
    background: linear-gradient(45deg, #f21b1b, #f21b1b)!important;
}

.gradient-branding {
    background: #6a11cb;
    background: -webkit-linear-gradient(180deg, #11cdef, #11cdef)!important;
    background: linear-gradient(180deg, #11cdef, #11cdef)!important;
}
.gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(45deg, #0001e5, #0001e5)!important;
    background: linear-gradient(45deg, #0001e5 , #0001e5)!important;
}

.border-light-2 {
    border-color: rgba(255, 255, 255, 0.26)!important;
}

.card-footer {
    background-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0.1);
}
.text-white {
    color: #fff!important;
}
.card {
   background-color: #fff;
  }
  .card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.content-header {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(239, 239, 239) !important;
    color: #000;
}





/* -------------------------
Call in Process 
 ------------------------- */
.todo-list>li {
    background: #f0f5fa;
	border-left-color:#3399CC;
    color: #444;
}

/* -------------------------
tag details table 
 ------------------------- */
.tagtable td, .tagtable th {
  border-color:#c3ccde;
}



/* -------------------------
Button
 ------------------------- */
.btn-tumblr {
    color: #fff !important;
	background-color: #4c7fb1 !important;
    border-color: #4c7fb1 !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #2dce89 !important; 
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000 !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #fff !important;
}


.buttons {background:#4c7fb1 !important; color:#FFFFFF !important;}
.buttons:hover{ background:#9dc1e3 !important; color:#FFFFFF !important;}


/* -------------------------
Header
 ------------------------- */

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li:nth-child(odd) {
    background-color: #2dce89 !important;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li {
    background-color: #fff !important;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
    background: #26b376 !important;
   color:#fff !important;
}


.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: /*#b4c9de*/ #2dce89 !important;
    color: #f6f6f6 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #fff !important;
}

.footer {
  background-color: #fff !important;
}


/* -------------------------
Background
 ------------------------- */
.content-wrapper, .right-side {
    background-color: #f9f9f9 !important;
}



/* -------------------------
Breadcrumb
 ------------------------- */
.content-header>.breadcrumb>li>a {
    color: #4986c4 !important;
}

/* -------------------------
Foreground
 ------------------------- */
.box {
background: #ffffff !important; 
/*border-top-color:#b4c9de !important; */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); 
}


/* -------------------------
Table & Forms
 ------------------------- */
.input-group .input-group-addon {
    background-color: none !important; 
}
.input-group-addon {
    background-color: none !important; 
}

.select2-container--default .select2-selection--single{
   /* border-bottom-color: #b3c3d4 !important;*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
background-color: #0001e5 !important;
    border: 1px solid #0001e5 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff !important;}

/*.form-control {
 border-bottom-color:#495057 !important;
}*/

/*.form-inline .form-control{border-bottom-color:#ced4da !important;}

.form-inline .form-control:hover{border-bottom-color:#2dce89 !important;}*/

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
   /*border-top:#dee2e6 !important;*/
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important; color: #000 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff !important;
    background-color: /*#56708a*/ #2dce89 !important;
    border-color: /*#56708a*/ #2dce89 !important;
}
.pagination>li>a {
    color: #56708a !important;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    border-color: #2dce89 !important;
}

.pagination>li>a, .pagination>li>span {
  border-color:#2dce89!important;
}
table.dataTable thead .sorting_asc:after {
    color: #fff !important;
}

table.dataTable thead .sorting:after {
   color: #fff !important;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
background:#none !important; color:#000;
}

 .form-control {
    color: #000 !important;
 /*   background-color: #fff !important;*/
    border-color: #ced4da !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

 .form-control:hover{ border-color: #0820ea !important;}
 
 

/* -------------------------
Lable
 ------------------------- */
.lableblack {
    color: #000 !important;
}


/* -------------------------
Choose file
 ------------------------- */
input[type=file]::-webkit-file-upload-button {
  background:#0001e5; border-color:#ced4da !important; color:#fff;
}



input[type=file]::-webkit-file-upload-button:hover {
  background:#0001e5; border-color:#0001e5 !important;
}


/* -------------------------
checkbox
 ------------------------- */

/* Create a custom checkbox */
.checkmark {
  background-color: #fff !important; border-color:#ced4da !important;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
  background-color: #0820ea !important; 
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: /*#56708a*/ #fff !important;
}


/* Style the checkmark/indicator */
.checkmark:after {
border-color:#0001e5 !important;
}


/* Create a custom radio button */
.radio {
  background-color: #fff !important;
  border-color:#ced4da !important;
}

/* On mouse-over, add a grey background color */
.radioc:hover input ~ .radio {
  background-color: #fff !important;
}

/* When the radio button is checked, add a blue background */
.radioc input:checked ~ .radio {
  background-color: /*#56708a*/  #fff !important; 
}


/* Style the indicator (dot/circle) */
.radioc .radio:after {
	background: #0001e5 !important;
}

/* -------------------------
Calendar
------------------------- */
.input-group-addon{color: #fff !important;}

.input-group .input-group-addon {
    border-color: none !important;
    background-color: none !important;
	background-color: #0001e5;
    border-color:#0001e5;
}


/* -------------------------
Text editor
 ------------------------- */
.cke_top {
    border-bottom-color:#e9eaea !important;
    background: #fff !important;
    background-image:none !important; 
    background-image: none !important; 
    background-image: none !important;
    background-image: none !important;
    background-image:none !important;
}

.cke_bottom {
   background-image: -webkit-linear-gradient(top,#ffffff,#e9eaea) !important;
}

.cke_chrome {
   border-color:#ced4da !important; 
}
.cke_top {
   border-bottom-color:#e9eaea!important; 
	}
	
	.cke_toolgroup {
background-image: -webkit-linear-gradient(top,#e9eaea,#e9eaea) !important;
 border-color:#e9eaea !important;
 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075)
}

.cke_combo_button{
background-image: -webkit-linear-gradient(top,#e9eaea,#e9eaea) !important;
 border-color:#e9eaea !important;
 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075)
}


/* -------------------------
Alert
 ------------------------- */
.alert-info {
    color: #fff !important;
    background-color: #11cdef !important;
    border-color: #11cdef !important;
    box-shadow: 1px 2px 4px rgba(17, 205, 239, 0.67);
	
}

.alert-success {
    color: #ffffff !important;
    background-color: #2dce89 !important;
    border-color: #2dce89 !important;
    box-shadow: 1px 2px 4px rgba(45, 206, 137, 0.67) !important;
}
.alert-danger {
    color: #ffffff !important;
    background-color: #f21b1b !important;
    border-color: #f21b1b !important;
    box-shadow: 1px 2px 2px rgba(245, 54, 92, 0.67)!important;
}
.alert .close {
    color: #fff !important;
}
/* -------------------------
Small Icon
 ------------------------- */
 
.fa-i{/*color: #fff !important;*/ /*background:#4c7fb1 !important; */
	/*background: linear-gradient(20deg,#86acd0,#4c7fb1) !important;*/
	}
.fa-i:hover{/*background:#9dc1e3 !important;*/}


.fa-i-default{color: #fff !important; /*background:#9dc1e3 !important;*/ background:#afafaf !important;}
.fa-i-default:hover{/*background:#9dc1e3 !important;*/ background:#afafaf !important;}



/* -------------------------
Big Icon
 ------------------------- */
.fa-i-big{color: #fff !important; /*background:#4c7fb1 !important;*/
/*background: linear-gradient(20deg,#86acd0,#4c7fb1) !important;
*/}
/*.fa-i-big:hover{background:#9dc1e3 !important;}*/


.fa-i-big-default{/*background:#9dc1e3 !important;*/ background:#afafaf !important;}
	
.fa-i-big-default:hover{/*background:#9dc1e3 !important;*/  /* pointer-events: none !important;*/}


.redbt{background:#f21b1b;}
.redbt:hover{background:#df2626;}

.orangebt{background:#FF7F50;}
.orangebt:hover{background:#f87c4e;}

.royalbluebt{background:#0001e5 !important;}
.royalbluebt:hover{background:#0001e5 !important;}

.cyanbt{background:#11cdef !important;}
.cyanbt:hover{background:#07b3d2 !important;}


/* -------------------------
Accordian - Module Tabs
 ------------------------- */
 
 .nav-tabs-custom>.nav-tabs>li.active>a{border-right-color: #0001e5 !important; border-left-color: #0001e5 !important;}
 
 
 
 .nav-tabs-custom>.nav-tabs>li>a{color:#000000 !important;}
  .nav-tabs-custom>.nav-tabs>li>a:hover{color:#4c7fb1 !important;}
 
/*.nav-tabs-custom>.nav-tabs>li.active {
   border-top-color:#5e72e4 !important;
}*/
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
/* background-image: linear-gradient(#edf3f9, #fff) !important;*/ background:#0001e5 !important; color:#fff !important;
}
.nav-tabs-custom>.nav-tabs {
   /* border-bottom-color: #b3c5d8 !important; */
}
.nav-tabs-custom {
    box-shadow: 0 0px 0px rgba(255,255,255) !important;
}

.nav-tabs-custom>.tab-content {
  /* border-right-color:#edf3f9 !important;
   border-left-color:#edf3f9 !important;*/
}

.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
    background: #f9f9f9 !important;
}


/* -------------------------
Accordion  - Tabs
 ------------------------- */

.acc-heading{color:#000 !important;}
.acc-heading:hover{color:#fff !important;}
.box-header{background-image: linear-gradient(#f3f3f3, #f3f3f3) !important;}
.border-rl{border-top: 1px solid rgba(0,0,0,.125);}
.box-header.with-border {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.box-tb{border-top-color:#2dce89 !important;}

.panel:last-child{box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05) !important; border-bottom-color:#2dce89;}


/* -------------------------
panel-default
 ------------------------- */
 .panel-title>a{color:#000;}
  .panel-title>a:hover{color:#000 !important;}
.panel-default>.panel-heading {
    color: #000 !important;
   background-image: linear-gradient(#f4f4f4, #f4f4f4) !important; border-top-color:#2dce89 !important;
}
.panel-default>.panel-heading :hover{color:#000 !important;}
.panel-default>.panel-heading :active{color:#000 !important;}

.panel-default {
    border-color: #d1e2f3 !important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body{border-right-color:#c4c4f7 !important; 
border-left-color:#c4c4f7 !important; border-bottom-color:#c4c4f7 !important;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c4c4f7 !important; 
}



 /* -------------------------
Cart
 ------------------------- */
.table-cart thead {
    border-bottom-color: #e5e5e5 !important;
}
.table-cart thead tr th {
    color: #484848;
}
.table-cart tr td .price {
    color: #989898;
}
.product-count .qtyminus,
.product-count .qtyplus {
	background: transparent;
    color: #000;
    
}
.count-inlineflex {
	border-color: #ccc !important; 
}
.total {
	color: #8660e9;
}

.cart-totals {
	
	background: #e7e7e7;

}
.cart-totals h3 {
    color: #3c3c3c;
}
.cart-totals table tr td.subtotal {
    color: #6f6f6f;
}
.cart-totals table tr td.free-shipping {
    color: #6f6f6f;
}
.cart-totals table tr td.price-total {   
    color: #8660e9;
}


 /* -------------------------
Tooltip
 ------------------------- */
.red-tooltip + .tooltip > .tooltip-inner {background-color: #000 !important; color:#fff !important; }
 
 
  /* -------------------------
Breadcrums
 ------------------------- */
@media (max-width: 991px){
.content-header>.breadcrumb {
    background: none !important;
}
}