/* ===== BEGIN global-style.css ===== */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
.content_border
{
	border:1px solid #e7eaec;}

.flx_bgreen{
    background-color: #01a89e;
    color: #FFF;
}

.flx_drk_pink {
     background-color: #6CB697;
	 color: #FFF;
}
.flx_coffee {
    background-color: #915729;
    color: #FFF;
}
#facebox .popup .col-lg-4
{
	
    width:53.333% !important;

}
#facebox .popup .col-md-offset-4 {
    margin-left: 25.333%;
}
#facebox .slice123
{
	background:#343434 none repeat scroll 0 0 !important;
	padding-bottom:20px;
}
#facebox .w-section
{
      padding-bottom:0px !important;
	margin-top:0px !important;
}
#facebox .sign-in-wr {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.fileinput-new
{
	color:#fff;
}
.btn-file > input
{
top: 0px;
right: 0px;
width: 100%;
height: 100%;
margin: 0px;
font-size: 23px;
cursor: pointer;
direction: ltr;
position: absolute;
opacity: 0;
}
.fileinput.input-group {
    display: table;
}
.fileinput
{
	width:100%;
}


.fileinput.input-group {
    display: table;
}
.input-group .form-control

{
	display:table-cell;
}
.input-group-addon
{
	width:1%;
}

.social 
{
	padding: 0;margin: 0;
}
li
{list-style: outside none none !important;
    text-decoration: none !important;
}
.social li
{
	position:relative;font-family: Open Sans, sans-serif;font-size: 12px;margin-right: 4px;padding: 5px 10px;display: table-cell;vertical-align: middle;}

.social li label {
	float: left;color: #ed6b49 !important;margin:0px;
}
.social li a {
	display: table;position: relative;color: #686868;float: left;margin-left: 5px;vertical-align: middle; text-decoration:none;
}
.lmt_height
{
	min-height:438px;
}
.build_user_fund_transfer_frm .col-md-3
{
	width:35%;
}
/*.build_user_fund_transfer_frm .col-md-5
{
	width:20.667% !important;
}*/
.build_user_fund_transfer_frm fieldset  li.col-md-12
{
	width:50%;
}
.profile_name
{
   float: left;
text-overflow: ellipsis;
/*word-break: break-all;*/
word-break: normal;
height: 34px;
overflow: hidden;
/*white-space: nowrap;*/
white-space: normal;
font-size: 12px;
width: 100%;}

body{
background: #EBEEF2  none repeat scroll 0% 0%;
margin: 0px;
padding-bottom: 77px;
overflow-x: hidden !important;
overflow-y:auto;
font-family: 'Montserrat', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, p{/*color:#fff;*/font-weight: 300;}
iframe{border:0; margin-top:0 !important;}
a{color:#7a92ac;}
a:hover{color:#e06d58; text-decoration:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.35s;}

/* MARGINS & PADDINGS & OTHER */
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.no-l-border{border-left:0px solid #fff !important;}
.auto_margin
{
	margin-left:auto !important;
	margin-right:auto !important;
	display:block !important;
}
.sel_drop .col-md-5{
    width:100% !important;
}
.white_bar .icon-bar
{
	background-color:#fff;
}
.new_col-md-3
{ width: 18% !important;}
.padding-15{padding:15px !important;}
.padding-10{padding:10px !important;}
.padding-b-10{padding-bottom:10px !important;}
.padding-b-20{padding-bottom:20px !important;}
.padding-t-5{padding-top:5px;}
.padding-t-10{padding-top:10px;}
.padding-t-20{padding-top:20px !important;}
.padding-y-10{padding:10px 0px !important;}
.padding-x-4{padding:0 4px !important;}
.padding-x-8{padding:0px 8px!important;}
.padding-y-8{padding:8px 0px!important;}
.padding-x-16{padding:0px 16px !important;}
.padding-x-20{padding:0px 20px;}
.padding-l-16{padding-left:16px !important;}
.padding-r-16{padding-right:16px !important;}
.padding-l-32{padding-left:45px !important;}
.padding-r-32{padding-right:45px !important;}
.padding-l-20{padding-left:10x !important;}
.padding-r-20{padding-right:20px !important;}
.padding-y-16{padding:10px 0 !important;}
.padding-l-20{margin:0px 0px 0px 20px;}
.padding-t-r-b-l{padding:20px 20px 20px 20px;}
.padding-trb-l{padding:0px 0px 0px 5px !important;}
.padding-tbl-r{padding:0px 5px 0px 0px !important;}
.text-center{text-align:center !important;}
.margin-b-10{margin-bottom:10px;}
.margin-b-20{margin-bottom:20px;}
.margin-l-20{margin-left:20px;}
.margin-l-10{margin-left:10px;}
.margin-r-20{margin-right:30px;}
.margin-t-10{margin-top:10px !important;}
.margin-t-15{margin-top:15px;}
.margin-t-51{margin-top:3px;}
.margin-t-20{margin-top:20px;}
.margin-y-10{margin:10px 0;}
.margin-y-20{margin:20px 0;}
.margin-x-20{margin:0 20px;}
.margin-x-10{margin:0 10px;}
.margin-x-4{margin:0 4px !important;}
.margin-r-10{margin-right:10px !important;}
.margin-l-15{margin-left:15px;}
.strong{font-weight:bold !important;}

input.ace[type=checkbox]:checked + .lbl:before
 {
	 content:"";
	  background:url('../images/checked.png');
	  
	 /* content: "\f00c";*/
}
 
  input.ace[type=radio]:checked + .lbl:before {
	  background-image:url('../images/radio-checked.png');
	   content: "";
/*   content: "\f111";
*/    background-color: #F5F8FC;
    display: inline-block;
    border-color: #D7E5EE;
}
input.ace[type=radio] + .lbl:before {
    border-radius: 100% !important;
    font-size: 11px;
    font-family: FontAwesome;
    text-shadow: 0px 0px 1px #32A3CE;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}
input.ace[type=radio] + .lbl:before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
	background:#FAFAFA url('../images/radio-btn.png');
    border: 0px solid #C8C8C8;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 16px;
    line-height: 17px;
    min-width: 16px;
    margin-right: 1px;
    content: " ";
    color: #388cf1;
}


.btn-tw {
    color: #fff;
    background-color: #0099D4;
    border-color: #0099D4;
}
.btn-tw:hover, .btn-tw:focus, .btn-tw:active, .btn-tw.active {
    color: #FFF;
    background-color: #0087BA;transition: all 0.35s ease 0s;
}
.btn-xing {
    color: #025e60;
    background-color:transparent;
    border-color: #025e60 !important;
}
.btn-xing:hover, .btn-xing:focus, .btn-xing:active, .btn-xing.active {
    color: #FFF;
    background-color: #025e60;transition: all 0.35s ease 0s;
}/*
.btn-xing {
    color: #fff;
    background-color: #024B4D;
    border-color: #024B4D;
}
.btn-xing:hover, .btn-xing:focus, .btn-xing:active, .btn-xing.active {
    color: #FFF;
    background-color: #013334;transition: all 0.35s ease 0s;
}*/

input.ace[type=checkbox] + .lbl:before{
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    background-image:url('../images/check.png');
    display: inline-block;
    text-align: center;
   /* vertical-align: middle;*/
   /*change height 13px to 16px */
    height: 16px;
    line-height: 17px;
    min-width: 16px;
    margin-right: 1px;
    content: " ";
    color: #388cf1;
}

input.ace[type=checkbox] + .lbl {
	/*line-height: 27px;*/
}
 input.ace[type=radio] + .lbl
 {
	 line-height: 20px;
 }
 input.ace[type=checkbox] + .lbl, input.ace[type=radio] + .lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0px;
    
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
	font-size:11px;
font-family:'roboto regular' ,sans-serif !important;
color:#58595b;
}
 label, .lbl {
    vertical-align: middle;
}
input.ace[type=checkbox], input.ace[type=radio] {
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    opacity: 0 !important;
}
 input.ace[type=checkbox]:hover + .lbl:before, input.ace[type=radio]:hover + .lbl:before, input.ace[type=checkbox] + .lbl:hover:before, input.ace[type=radio] + .lbl:hover:before {
    border-color: #FF893C;
}

/* COLORS: l=light, t=transparent, d=dark, c=contrast*/

.color-one{background:#fff;}
.color-one-c{ background:url('http://192.168.1.25:8099/assets/images/feature-2.png') no-repeat 0 0; 
background-size:100%; height:330px; position:absolute;
}

.color-two{background:#697e93; color:#FFF;}
.color-two-l{ color:#FFF;}
.color-two-l p{color:#697e93;}
.color-two-d{background:#3b3e43; color:#FFF;}
.color-two-c{background:#566b80; color:#FFF;}
.color-two-t{background:#697e93; background:rgba(105, 126, 147, 0.7); color:#FFF;}
.afer_row{position: relative;min-height:500px;padding:0px;}
#content {
/*    padding: 0px;
    position: relative;*/
}
.page-wrap{
	/*padding:10px 15px 30px 15px;*/
	position: relative;
}

.color-three{/*background:#fff;*/ color:#9ab2cc;
				
}
#update_bar
{
	/*border-bottom:5px solid #F1F3F7;*/
	float: left;
	width: 100%;
}
#update_bar ul
{
	/*padding:15px 15px 0px 15px !important;*/
}
.color-three1{/*background:#fff;*/ color:#9ab2cc;}
.portlet-content{width: 100%;}
/*.portlet-content{background:#fff; color:#9ab2cc;float: left; width: 100%;}*/
/*.color-three p{color:#a1a1a1;}*/
.color-gray{background:url('http://192.168.1.25:8099/assets/images/testmonial_back.png') repeat-y; 
color:#9ab2cc; background-size:100%;
}
.color-rate{background:url('http://192.168.1.25:8099/assets/images/rate_img.png') no-repeat; 
color:#9ab2cc; background-size:100%; height:351px;
}
.orange{background:#ff8c43;}
.green{background:#93c054;}
.yellow{background:#ffbe00;}
.gray_lohin{background-color:#f2f2f2;}
.yellow-gold{background:#f2b200;}
.gray{background:#454E59; color:#fff /*#f6f6f6 */!important;}
.login_gray{background:#e6eef7 !important;}
.dark{background:#222222;color:#fff;}
.org_b{background:#ed6b49;color:#fff;}
.dark h1{color:#fff !important;}
.org{color:#ed6b49;}
.white{background:#fff;}

/* BANNERS */
.banner-1{background:url('http://192.168.1.25:8099/assets/images/carousel/carousel-img-2.png') no-repeat;
}

/* DELIMITERS & INDICATORS */
.delimiter-xs{display:block; margin:25px 0; width:10%; height:6px; background:#ef7f1a; position:relative; left:45%; border-radius:3px;}
.indicator-down{position:absolute; bottom:-12px; left:50%; margin-left:-12px; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #ef7f1a; z-index:900;}

.indicator-down.color-one{border-top-color:#e06d58; background:none;}
.indicator-down.color-two{border-top-color:#697e93; background:none;}
.indicator-down.color-two-d{border-top-color:#3b3e43; background:none;}
.indicator-down.color-two-l{border-top-color:#bacce2; background:none;}
.indicator-down.color-three{border-top-color:#FFF; background:none;}

/* PAGE & SECTION TITLES */
.section-title{position:absolute; bottom:0; left:50%; margin-left:-130px; width:260px; padding:18px 0; text-align:center; border-top-left-radius:3px; border-top-right-radius:3px; }
.section-title h3{margin:0; padding:0; font-size:16px; font-weight:600; text-transform:uppercase;}

h1.font-lg{font-size:100px; font-weight:600;}

/* HEADER DEFAULT*/
header
{
    /*
    Changes :
    Date : 18-Apr-2016
    */
background-color:#fff;
/*background-image: linear-gradient(to bottom, #F3F3F3, #E2E2E2);*/
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
height: 64px;
display: block;
z-index: 905;
position: relative;
}
header .navbar-default{margin:0; padding:20px 0; background:#232323; border:0; border-radius:0;}
header .navbar-brand{padding:0 15px;}
header .navbar-brand img{height:42px;}
header .navbar-toggle .icon-search {
  display: block;
  width: 22px;
  height:14px;
  border-radius: 1px;
}
/* NAVBAR WHITE */

.navbar-white{float:right;margin:0; background:none; border:0; border-radius:0; z-index:1000;}
.navbar-nav > li > a
{
	display: block;
  /*color: #283036; #28517D*/
	/*color:#727272;*/
	color:#232222;
	  font-weight: 500;
	  -webkit-transition: all .3s ease;
	  transition: all .3s ease;
	  line-height: 20px;
	  Padding: 21px 13px;
	  transform: translateZ(0px);
	transition: all 300ms linear 0s;
    font-size: 14px;
}


.navbar-nav > li:hover > a,
.navbar-nav > li:focus  > a:before{color:#1976D2;border-bottom:2px solid #1976D2;/* border-radius:3px;*/}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {color:#1976D2;  /* border-radius:3px;*/}
.navbar-nav > li:hover > ul .dropdown-menu{bottom:100%;left:86%; border:solid transparent;/*content:" ";*/ height:0; width:0; position: absolute;}
.navbar-nav > li > ul .dropdown-menu{bottom:100%;left:86%; border:solid transparent;/*content:" ";*/ height:0; width:0; position: absolute;}
.navbar-nav .dropdown-menu > li{border-bottom:0px solid #336D9F;}
.navbar-nav .dropdown-menu > li:last-child{border:0;}
.navbar-nav .dropdown-menu > li > a{color:#494E53; padding:10px 15px;font-size: 14px;}
.navbar-nav .dropdown-menu > li:hover > a,
.navbar-nav .dropdown-menu > li:focus > a{background:#1976D2; color:#fff;border-left:0px solid #375c7c;}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus{background:#1976D2; color:#fff; border-left:0px solid #375c7c;}
.navbar-nav .dropdown-menu > li > a > i{margin-top: 4px;}
.navbar-nav .dropdown-menu > li > ul{position:relative; display:block;left: -999em;text-align: left; float:left;}
.navbar-nav > li:hover > ul > li:hover > .col-6{font-size: 14px;float:left;width:370px;left:199px;top:auto;padding:10px 0px;position: absolute;margin: -35px 0px 0px 0px;background:#fff;-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); z-index:1000;}
.navbar-nav .col-6{margin: 10px auto;float: left;position: absolute;left: -999em;text-align: left;padding: 10px 5px;}

.navbar-nav > li.last-elements .dropdown-menu
 {
    left: auto;
    right: 0;
  }

.navbar-nav > li.last-elements .dropdown-menu li:hover .col-4 {
    left: auto;
    right: 198px;
  }

.navbar-collapse .navbar-nav:last-child li {
	left: -198px !important;
	border:1px solid red;
	
}
.navbar-nav > li:hover > ul > li:hover > .col-4 > ul {visibility: visible;transition: all 300ms linear 0s;transform: scaleX(1);transform-origin: 50% 0px 0px;}
.navbar-nav > li > ul > li > .col-4 > ul{visibility: hidden;transform: scaleX(0);}
.navbar-nav > li:hover > ul > li:hover > .col-4{animation-name: flipInX;
animation-duration: 0.4s;
animation-fill-mode: both;float:left;width:218px;left:198px;top:auto;padding:10px 0px;border-radius: 0px;  position: absolute;margin:-46px 0px 0px 0px;background:#fff;border: 1px solid #1976D2;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); z-index:1000;}
.navbar-nav > li:hover > ul > li:hover > .col-4 > .col-md-6{width:100% !important;}
.navbar-nav .col-4{margin: 10px auto;float: left;position: absolute;left: -1999em;text-align: left;padding: 10px 5px;}

.navbar-nav > li > ul > ul > il{width:100%; padding:0px; margin:0px;}
.col-12 {display:block; float:left; position:relative;width:100%; left:auto;margin:0px; padding:0px;}
.col-12 h4{font-size:14px; color:#ffffff; font-weight:bold; margin-bottom:5px; border-bottom:1px solid #E1E6EF; /*text-transform:capitalize;*/ padding-bottom:7px;}
#floating-label li{position:inherit;display:block; float:left;white-space: nowrap;margin:0px;width:100%;}
#floating-label li a{line-height:23px; text-decoration:none;width:100%;display:block; padding:8px 8px;font-size: 13.5px;}
/*#floating-label li a{border-bottom: 1px solid rgba(0,0,0,.15);}*/
#floating-label li a:hover{background-color:#1976D2;color:#fff;}
/*.dropdown-menu.bs-select{padding: 0;}*/


@-webkit-keyframes flipInX{
	0%{
		-webkit-transform:perspective(400px) rotateX(90deg);
		opacity:0
	}

	40%{
		-webkit-transform:perspective(400px) rotateX(-10deg)
	}

	70%{
		-webkit-transform:perspective(400px) rotateX(10deg)
	}

	100%{
		-webkit-transform:perspective(400px) rotateX(0deg);
		opacity:1
	}

}

@-moz-keyframes flipInX{
	0%{
		-moz-transform:perspective(400px) rotateX(90deg);
		opacity:0
	}

	40%{
		-moz-transform:perspective(400px) rotateX(-10deg)
	}

	70%{
		-moz-transform:perspective(400px) rotateX(10deg)
	}

	100%{
		-moz-transform:perspective(400px) rotateX(0deg);
		opacity:1
	}

}

@-o-keyframes flipInX{
	0%{
		-o-transform:perspective(400px) rotateX(90deg);
		opacity:0
	}

	40%{
		-o-transform:perspective(400px) rotateX(-10deg)
	}

	70%{
		-o-transform:perspective(400px) rotateX(10deg)
	}

	100%{
		-o-transform:perspective(400px) rotateX(0deg);
		opacity:1
	}

}

@keyframes flipInX{
	0%{
		transform:perspective(400px) rotateX(90deg);
		opacity:0
	}

	40%{
		transform:perspective(400px) rotateX(-10deg)
	}

	70%{
		transform:perspective(400px) rotateX(10deg)
	}

	100%{
		transform:perspective(400px) rotateX(0deg);
		opacity:1
	}

}

.animated.flipInX{
	-webkit-backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	-moz-backface-visibility:visible!important;
	-moz-animation-name:flipInX;
	-o-backface-visibility:visible!important;
	-o-animation-name:flipInX;
	backface-visibility:visible!important;
	animation-name:flipInX
}

.navbar-profile {margin: 0px;padding: 0px;}
.navbar-profile > li {/*float:*/ left; position: relative;display: block; text-align:center;}
.profile_label {font-size:12px;}
.profile_border
{
border-left: 1px solid #e0e2e5;
padding-left: 10px !important;
height:64px;
}
.welcome_lbl
{
	color:#1d4b9f;
	font-size:14px;
	text-align:right !important;float:right;font-weight: 600;
}
.time_lbl
{
	color:#a37641;
	font-size:14px;
	text-align:right !important;float:right;font-weight: 600;


}
.donate_button
{
		color: #fff !important;
	padding: 4px 13px !important;
	border-radius: 12px !important;
	background-image: linear-gradient(to bottom,#ec6f2b 0,#dd6524 100%)!important;
}

 
.navbar-profile > li > a{color:#0E9DF6;border-bottom:2px solid transparent; padding: 7px 0px 8px 1px; height:64px;margin-right:4px; font-size:13px;display: block; text-decoration:none;}
.navbar-profile > li:hover > a,
.navbar-profile > li:focus > a {color:#1c7ebb;border-bottom:2px solid #1c7ebb; background-color:none;}
.navbar-profile > li > a:hover,
.navbar-profile > li > a:focus {color:#1c7ebb;border-bottom:2px solid #1c7ebb; background-color:none;}
.navbar-profile > li > ul{transform: scaleY(0);}
.navbar-profile > li:hover > ul{min-width:187px; background:#fff; /*display:block; */ visibility: visible;right:0px;transition: all 300ms linear 0s;transform: scaleY(1);transform-origin: 50% 0px 0px;}
.navbar-profile > li:hover > ul .dropdown-box{text-align:left;bottom:100%;left:86%; border:solid transparent;/*content:" ";*/ height:0; width:0; position: absolute; pointer-events:none;transition: all 0.2s ease 0s;}
.navbar-profile > li > ul li {color:#333333;text-align:left;}
.navbar-profile > li > ul li a:hover{color: #fff;text-decoration: none;background-color: #3276B1;
}
.navbar-profile > li > ul li a{display: block;padding:6px 20px;clear: both;font-weight: 400;line-height: 1.42857;color: #333;white-space: nowrap;font-size: 14px;}
.dropdown-box
{
top: 100%;
left: auto;
z-index: 9999;
/*display: none;*/
visibility: hidden;
float: left;
min-width: 160px;
padding: 5px 0px;
margin: 0px 0px 0px;
font-size: 13px;
list-style: outside none none;
background-color: #FFF;
border: 0px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.26);
background-clip: padding-box;
position: absolute;transition: all 0.2s ease 0s;
}
.navbar-profile .dropdown-menu label.checkbox{color:#FFF;}
.navbar-profile .dropdown-form-toggle{background:#f2f2f2; /*border-radius:3px;*/}
.navbar-profile .dropdown-form h4{margin:0; padding:15px 15px 5px 15px; color:#FFF;}
.navbar-profile  h4{color:#FFF;}

/* NAVBAR FORM */
.dropdown-form{min-width:280px;}

/* NAVBAR STYLE SWITCHER */
.dropdown-style-switcher{min-width:480px; padding:15px;}
.dropdown-style-switcher .scheme-switch-btn{}
.dropdown-style-switcher .scheme-switch-btn a{width:60px; height:60px; display:inline-block; margin-right:14px; border:6px solid transparent; border-radius:3px;}
.dropdown-style-switcher .scheme-switch-btn a:nth-child(5){margin-right:0;}
.dropdown-style-switcher .scheme-switch-btn a.default{background:#e06d58; border-color:#697e93;}
.dropdown-style-switcher .scheme-switch-btn a.one{background:#ff6766; border-color:#2d8b8a;}
.dropdown-style-switcher .scheme-switch-btn a.two{background:#de0000; border-color:#1a1a1a;}
.dropdown-style-switcher .scheme-switch-btn a.three{background:#f1c40f; border-color:#2c3e50;}
.dropdown-style-switcher .scheme-switch-btn a.four{background:#FFF; border-color:#f0523f;}
.dropdown-style-switcher .scheme-switch-btn a.five{background:#FFF; border-color:#000;}

/* SEARCH */
.search-wr{width:100%; height:110px; background:#FFF; position:fixed; top:0; z-index:2200; display:none; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.search-wr .close{display:block; width:22px; height:22px; position:relative; float:right; top:10px; right:10px;}
.search-wr .close i{font-size:20px; color:#555;}
.search-wr .search-sign i{font-size:60px; line-height:110px; color:#DDD;}
.global-search-input{padding:40px 0 0 0; font-size:20px; position:relative; width:740px; background:#fff; z-index: 10; border:none; outline:none; 
color:#DDD;}
.global-search-input:focus{color:#333;}

.nav-user-photo
{
    margin: -4px 8px 0px 0px;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 40px;
    background-color:#64b0e0;
}


/* PAGE INFO */
.pg-opt{}
.pg-opt.fixed{width:100%; position:fixed; top:0px; background:rgba(250, 250, 250, 0.9); border-bottom:1px solid #e1e1e1; z-index:2300;}
.pg-opt h2{margin:0; padding:20px 0; font-size:26px; line-height:100%;}
.pg-opt.fixed h2{margin-bottom:15px;}

.pg-opt hr{margin:0; border-top-color: #dde1e6;-webkit-box-shadow: 0 1px 0 #fbfbfc;-moz-box-shadow: 0 1px 0 #fbfbfc; box-shadow: 0 1px 0 #fbfbfc;}
.pg-opt.fixed hr{display:none;}

.pg-opt .breadcrumb{float:left;background:none; border-radius:0;}
.pg-opt .breadcrumb a{color:#525252;}
.pg-opt .breadcrumb a:hover, .pg-opt .breadcrumb .active{color:#d4441e; text-decoration:none}
.carousel-1 h1{text-transform:uppercase; font-weight:lighter; color:#6c6c6c; text-align:center; font-style:normal; font-size:36px;}
.carousel-1 h3{text-transform:uppercase; font-weight:normal; color:#6c6c6c; text-align:center;}
.popup_window
{
	position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 1040;background-color: #000;opacity: 0.5;
}
.popup
{
	/*z-index: 1050;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;*/
    opacity: 1;
    bottom: 0px;left: 0px;outline: 0px none;
    position: fixed;
    top: 0px;
    right: 0px;
    transition: opacity 0.15s linear 0s;
}
.popup_inner
{
	margin: 30px auto;position: relative;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);background-color: #FFF;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;background-clip: padding-box;outline: 0px none;
}
@media only screen and (max-width: 767px) {
	.pg-opt .pg-nav{float:left; margin-bottom:10px;}
	.pg-opt h2{padding:20px 0 0 0; }
}

/* CAROUSELS */
.carousel-1{}
.carousel-1 .carousel-inner{height:350px;}
.carousel-1 .carousel-inner{overflow:hidden;}
.carousel-1 .carousel-control i{position:absolute; top:50%; margin-top:-18px; font-size:36px; font-weight:600;}
.carousel-1 .item{height:350px;}
.carousel-1 .item{background-repeat:no-repeat; background-size:cover; background-position:0% 0%;}
.carousel-1 .item-dark{color:#FFF;}
.carousel-1 .item-light{color:#697e93}
.carousel-1 p{font-size:16px;}
.carousel-1 h1{text-transform:uppercase;}
.carousel-1 .object{position:absolute; top:38px; right:50%; margin-left:15px; width:568px; height:320px; overflow:hidden;}
.carousel-1 .object.fluid{width:100%; left:0; margin:0;}
.carousel-1 .object iframe{width:100% !important; }
.carousel-1 .object img{}
.carousel-1 .description{position:absolute; top:45px; left:50%; margin-left:50px; width:514px; height:290px;}
.carousel-1 .description .title{font-size:32px; margin:0 0 15px 0; padding:8px 20px; background:#FFF; color:#9ab2cc;}
.carousel-1 .description .subtitle{font-size:24px; margin:20px 0; padding:0; display:block;}
.carousel-1 .description p{font-size:16px; color:#FFF; margin:0;}
.carousel-1 .description p.text-box{}

.carousel-1 .description.fluid-center{width:100%; top:50px; left:0; margin:0;}
.carousel-1 .description.fluid-center .title{margin-bottom:5px; display:block; text-align:center; background:none; color:#FFF; font-weight:500; text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.5);}
.carousel-1 .description.fluid-center .subtitle{font-size:20px; margin:0; display:block; text-align:center;}
.carousel-1 .description.fluid-center .features{display:block; margin-top:40px; text-align:center;}
.carousel-1 .description.fluid-center .features i{width:110px; height:110px; background:#FFF; text-align:center; line-height:110px; font-size:54px; color:#697e93; font-weight:700;border-radius:96px; margin-right:20px;}
.color_feature{ background:url('http://192.168.1.25:8099/assets/images/text.png') repeat-y;
}
.carousel-2{}
.carousel-2 p{color:#6c6c6c; line-height:30px; font-size:14px; text-align:justify;}
.carousel-2 .item{}
.carousel-2 .carousel-indicators{width:auto; padding:6px 18px; border-radius:3px;  bottom:auto;/* top:16px;left:auto; right:8%; */margin-left:0; text-align:center;}
.carousel-2 .img-thumbnail{margin-top:26px;}

.carousel-3 p{font-size:16px;}
.carousel-3 h1{text-transform:uppercase !important; font-size:36px;color:#6C6C6C;}
.carousel-3 h4{line-height:26px;color:#6C6C6C;word-spacing:6px;}
.carousel-3 .description p{font-size:17px;margin:0;line-height:26px; word-spacing:7px;}
.carousel-3 .description h2{font-size:20px;text-transform:uppercase;margin-bottom:0px;line-height:0px;}
.carousel-3 .description h2 hr{ border:1px solid #f7c3b9;margin:15px 0px 5px 0px;width:75px;}
.carousel-3 .description span{color:#ed6b49; font-size:14px;}

.carousel-3 .carousel-nav{}
.carousel-3 .carousel-nav a{width:48px; border-radius:80px; position:absolute; top:50%; margin-top:-20px; padding:10px 0; font-size:20px; text-align:center; border:1px solid transparent;color:#fff;}
.carousel-3 .carousel-nav a.left{left:20px;}
.carousel-3 .carousel-nav a.right{right:20px;}
.carousel-3 .carousel-nav a:hover{background:#FFF;}

.carousel-4{}
.carousel-4 .carousel-inner{}
.carousel-4 .carousel-inner{overflow:hidden;}
.carousel-4 .carousel-control i{position:absolute; top:50%; margin-top:-18px; font-size:36px; font-weight:600;}

.carousel-top-controls{float:right; position:relative; top:12px; width:74px;}
.carousel-top-controls a{font-size:22px; margin-left:5px; padding:0 10px 1px 10px; text-align:center; color:#2f2f2f; border-radius:2px;}
.carousel-top-controls a:hover{background:#3333; background:rgba(34, 34, 34, 0.6); color:#FFF; text-decoration:none;}

/* FRACTION SLIDER CUSTOMS */
.slider-wrapper *{box-sizing:content-box;}
.slider-wrapper{position:relative; overflow:hidden; width:100%; max-height:747px; margin:0 auto; background:#f2f2f2; z-index:800;}
.slider{position:relative; width:100%; margin:0 auto; background:#f2f2f2;}
.slider-wrapper p{position:absolute; top:-200px; z-index:8000; padding:1% 3%; font-size:24px; line-height:100%; white-space:nowrap;text-transform:uppercase;}
.slider-wrapper .white{color:#FFF;}
.slider-wrapper .claim{line-height:100%}	
.slider-wrapper .teaser{font-size:14px; line-height:100%}
.slider-wrapper .small{width:250px; text-align:center;}
.slider-wrapper .video{width:540px; height:360px; font-size:13px; line-height:18px; white-space:normal; text-align:left; text-transform:none;}
.slider-wrapper .video iframe{width:100%;}
.slider-wrapper .text{width:460px; font-size:13px; padding:0; line-height:18px; white-space:normal; text-align:left; text-transform:none;}
.slider-wrapper .text a{margin-top:20px;}

/* CALL TO ACTION BOX */
.cta-wr h1{margin:10px 0 !important; font-size:20px; line-height:26px;}

/* COLUMNS & SECTIONS */
/*section.slice{ position:relative; margin:5px 20px 5px 20px; text-transform:capitalize;color:#656566;}*/
section.slice{ position:relative; /*margin:0px;*/ color:#5E5E5E;display:block;}

/*.w-box{margin-bottom:15px; box-shadow:0px 2px 6px #ddd; background:#FFF; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; position:relative; overflow:hidden; /*border:1px solid #e1e5e6; border-bottom:2px solid #e1e5e6; cursor:default; }*/
.w-box
{
	margin-bottom:15px;
	border:1px solid #E1E5E6;
	background:#FFF; -webkit-transition:all 0.3s linear; 
	transition:all 0.3s linear; 
	position:relative; 
	overflow:hidden;
	cursor:default; 
}
.w-box h2{font-family: "Noto Sans",sans-serif;margin:0; padding:10px 15px; border-bottom:1px solid #f1f1f1; color:#9ab2cc; font-weight:500; font-size:16px;}
.w-box h3{font-family: "Noto Sans",sans-serif;margin:0; color:#283a44; font-weight:500; font-size:17px; text-transform:none !important; line-height:25px;}
.w-box.inner h2{padding:10px 0;}
.w-box small{display:block; font-size:12px; margin-top:3px;}
.w-box p{margin:0; font-size:15px; padding:15px; color:#687177;}
.w-box li{list-style:none;line-height:30px; color:#687177;}
.w-box p.social-icons{margin:0; padding:5px 15px; border-top:1px solid #f1f1f1;}
.w-box p.social-icons a{display:inline-block; margin-right:5px; width:32px; padding:6px 0; text-align:center; font-size:14px; background:#697e93; color:#FFF; border-radius:2px;}
.w-box p.social-icons a:hover{background:#3d4754;}
.w-box .w-footer{display:block; padding:10px 15px; color:#a1a1a1; border-top:1px solid #f1f1f1;}
.w-box .w-footer small{font-size:12px;}
.w-box .w-box-parent{-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.w-box:hover .w-box-parent{
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-0px);
	-ms-transform: translateY(-0px);
	-o-transform: translateY(-0px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
}
.w-box_login{border:1px solid #DADFE3; background:#FAFBFC; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; position:relative; overflow:hidden;color:#93A8A8; cursor:default; }

.w-box .w-box-parent .w-box-button.animated{position:absolute; bottom:10px; margin-bottom:-40px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }

.w-box.dark{background:#fefefe; border-color:#eeeeee;}
.w-box.dark p{color:#555555;}
.w-box.dark p a{color:#2f8fe0; text-decoration:none;} .w-box.dark p a:hover{color:#0966b3;}
.w-box.dark h1{color:#FFF; border-bottom:1px solid #2c343e; text-align:center;}
.w-box.dark h2{color:#555555; border-bottom:0px solid #eeeeee;font-size:24px;}
.w-box.dark .thmb-img{text-align:center; padding:15px 0;}
.w-box.dark .thmb-img i{font-size:64px; color:#FFF;}
.w-box .color-one{background:#fafafa;}
.w-box .color-two{background:#f2f2f3;}
.w-box .color-three{background:#ecedee;}
.w-box .color-foure{background:#e6e7e9;}
.w-section{padding-bottom:25px;}
.w-section:before, .w-section:after {display:table; content:" ";}
.w-section:after{clear:both;}

.w-section.inverse{-moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; box-shadow:0 0 0;}
.w-section.inverse p{ /*text-transform:capitalize;*/ font-size:14px; text-align:justify; min-height:34px;}
.addon_details p{min-height: auto !importantT;}
.w-section.inverse h2{ text-transform:capitalize;}
.w-section.inverse h2 .span{ text-transform:lowercase;font-size:25px;color:#8c8c8c;line-height:2.2 !important;}
.w-section.inverse h1{ text-transform:capitalize;}
.w-section.inner{margin:15px 0;}
.w-section li{list-style:none; text-transform:capitalize; /*line-height:20px;*/}
.w-section iframe{width:100%;}
.border_box
{
	border-top:0px solid #D3D7DA;
    /*background-color:#474544  !important;*/
    background-color:#454e59 !important;
}
.feature
{
	 height:550px; top:50%;
}
.features p
{
	color:#fff; font-size:26px !important; line-height:1.5 !important;top:50%;position:relative;
}
.features h2
{
	color:#fff; top:50%;position:relative;
}
.w-section .feature{margin:15px 0 30px 0; text-align:center; cursor:default;}
.w-section .feature i{font-size:64px; color:#555; display:block; }
.w-section .feature h4{margin:10px 0;}
.w-section .feature p{}

.w-section .aside-feature{margin:15px 0 30px 0; cursor:default;}
.w-section .aside-feature .icon-feature{font-size:68px; margin-top:-8px; text-align:center; display:block;}
.w-section .aside-feature .img-feature{margin-top:-4px; display:block;}
.w-section .aside-feature .img-feature img{width:78px;}

.w-section .aside-feature h4{margin:10px 0;}
.w-section .aside-feature p{margin-right:30px;}

.w-section .inline-features{}
.w-section .inline-features i{display:block; margin-bottom:15px; height:64px; line-height:64px; text-align:center; font-size:40px; background:rgb(85, 85, 85); color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.w-section .inline-features i:hover{background:rgb(117, 185, 24);}

.w-section .contrast-box{padding:15px; border-radius:3px;}
.w-section .contrast-box i{font-size:24px; margin-right:8px; }
.w-section .contrast-box small{display:block; margin-top:12px; font-style:italic; text-align:right;}

/* HEAD TITLE - optional */
.w-section .head-title{margin:10px 15px; padding-bottom:10px; border-bottom:1px solid rgba(117, 109, 192, 0.2); text-transform:capitalize;}

.head-title:before, .head-title:after{display:table; content:"";}
.head-title:after{clear:both;}
.head-title.has-controls h3{width:80%; float:left;}

/* HOVER ANIMATIONS */

.animate-hover-slide figure, .work figure{position:relative; overflow:hidden;}
.animate-hover-slide figure img, 
.work figure img{
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; 
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; 
	-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; 
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.animate-hover-slide figure:hover img, 
.work figure:hover img {

	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}
.animate-hover-slide figure figcaption{min-height:168px; padding:0 15px; width:100%; position:absolute; left:0; top:0; bottom:auto; opacity:0; 
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.animate-hover-slide figure:hover figcaption{opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-o-transition: -o-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;

}
.animate-hover-slide figure figcaption{text-align:center; border-bottom:1px solid #f2f2f2;}
.animate-hover-slide figure figcaption a{position:relative; top:50%; margin-top:-24px;}
.animate-hover-slide figure figcaption h3{padding-bottom:5px; margin-bottom:10px; font-size:14px; font-weight:600; border-bottom:1px solid #f2f2f2;}

/* PRICING */

.pricing-plans .one{background-color:#439ad2;height:150px;}
.pricing-plans .two{background-color:#43d2c3;height:170px;}
.pricing-plans .color-two{
	background: #727272; 
background: -moz-linear-gradient(top, #fff 0%, #ededed 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #fff 0%,#ededed 100%); 
background: -o-linear-gradient(top, #fff 0%,#ededed 100%);
background: -ms-linear-gradient(top, #fff 0%,#ededed 100%);
background: linear-gradient(to bottom, #fff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=0 ); 
border:1px solid #cfcfcf;

}
.pricing-plans{margin-bottom:15px;}
.pricing-plans:before, .pricing-plans:after,
.pricing-table:before, .pricing-table:after{display:table; content:" ";}
.pricing-plans:before, .pricing-table:before{clear:both;}
.pricing-plans h2{border:0px;padding:0px;color:#fff;}
.pricing-plans .plan-title{text-align:center; margin:0; font-size:28px; font-weight:200;color:#fff; text-transform:capitalize;}
.pricing-plans .price-tag{margin:-70px 0px 0px 0px; padding:40px 0px 0px 0px; font-size:50px; font-weight:700; text-align:center; width:130px; height:130px; border-radius:500px;}
.pricing-plans .price-tag span{font-size:28px; font-weight:600;margin-left: -8px;margin-right: 0px;position: relative;top: -15px;}
.pricing-plans .price-tag span.price-type{font-size:20px; font-weight:500;}
.pricing-plans .price-tag small{width: 100%;margin-top: 5px;font-size: 20px;float: left; color:#283a44; text-transform:lowercase;}
.pricing-plans .plan-select .btn-two {color:#ffffff; background-color:#79bae4; border:0; border:1px solid #79bae4; text-transform:capitalize;}
.pricing-plans .plan-select .btn-two:hover, .pricing-plans .plan-select .btn-two:focus, .pricing-plans .plan-select .btn-two:active, .pricing-plans .plan-select .btn-two.active, .pricing-plans .plan-select .open .dropdown-toggle.btn-two {color: #79bae4;background-color:#fff;border-color:#79bae4;}
.pricing-plans .price-select .btn-two:active, .pricing-plans .price-select .btn-two.active, .pricing-plans .price-select .open .dropdown-toggle.btn-two
 {background-image: none;}
.pricing-plans .plan-select .btn-three {color:#ffffff; background-color:#6ee3d7; border:0; border:1px solid #6ee3d7; text-transform:capitalize;}
.pricing-plans .plan-select .btn-three:hover, .pricing-plans .plan-select .btn-three:focus, .pricing-plans .plan-select .btn-three:active, .pricing-plans .plan-select .btn-three.active, .pricing-plans .plan-select .open .dropdown-toggle.btn-three {color: #6ee3d7;background-color:#fff;border-color:#6ee3d7;}
.pricing-plans .price-select .btn-three:active, .pricing-plans .price-select .btn-three.active, .pricing-plans .price-select .open .dropdown-toggle.btn-three
 {background-image: none;}
 
.pricing-plans ul{margin:0; padding:0 15px; list-style:none; color:#a1a1a1; text-align:center;}
.pricing-plans ul li{padding:8px 0; border-bottom:1px solid #f1f1f1; font-size:13px}
.pricing-plans ul li i{margin-right:8px;}
.pricing-plans .plan-info{margin:0; padding:15px; font-size:13px; text-align:center;}
.pricing-plans .plan-select{padding:10 15px; border-top:1px solid #f1f1f1;}


	.col-md-2-signup{
		width:19.666666666666664% !important;
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}

.pricing-plans .w-box{margin-top:20px; border:1px solid #ddd;border-radius:5px;}
.pricing-plans .w-box:hover, .pricing-table .w-box:hover{
-webkit-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);}
		
.pricing-table .w-box{z-index:1; margin-top:20px; margin-bottom:0;
-webkit-box-shadow: none;
   -moz-box-shadow: 0;
		box-shadow: none;
}
.pricing-table .w-box.popular, .pricing-plans .w-box.popular{margin-top:-23px; padding-bottom:40px;z-index:9999;}
/*-webkit-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.2);}*/
.pricing-table .w-box.popular:hover, .pricing-plans .w-box.popular:hover{
-webkit-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.3);
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.3);}
		
.pricing-table .price-tag{}
.pricing-table .w-box.popular .price-tag{}
.pricing-table .plan-select{margin-top:0; border:0; margin-bottom:15px; border-bottom:1px solid #f1f1f1;}
.pricing-table .plan-info{text-align:center; margin-bottom:15px;}

.pricing-table .table-comparision{background:#FFF; position:relative; top:-2px; z-index:1000; border-color:#f1f1f1; color:#777;}
.pricing-table .table-comparision th{border-color:#f1f1f1;}
.pricing-table .table-comparision td{text-align:center; border-color:#f1f1f1;}
.pricing-table .table-comparision tr td:first-child{text-align:left;}

/* TIMELINE */
.timeline{}
.timeline .year{width:100%; background:#3d4754; padding:8px 10px; margin:20px auto 40px !important; font-size:20px}

.timeline .year{border-radius:3px;}
.timeline .event{padding:0; border:0; border-radius:0;}
.timeline .event:nth-child(2n) .event-date{-webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0;}
.timeline .event:nth-child(2n-1) .event-date{-webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0;}
.timeline .event:nth-child(2n):after{content:""; display:inline-block;position:absolute; right:-12px !important; top:12px; width:0; height:0; border-left:12px solid #FFF; border-top:12px solid transparent; border-bottom:12px solid transparent; }
.timeline .event:nth-child(2n):before{content:"";display:inline-block;position:absolute; right:-6.6% !important; top:20px; width:10px; height:10px; background:#e06d58; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.timeline .event:nth-child(2n-1):after{content:"";display:inline-block;position:absolute; left:-12px !important; top:12px; width:0; height:0; border-right:12px solid #FFF; border-top:12px solid transparent; border-bottom:12px solid transparent}
.timeline .event:nth-child(2n-1):before{content:"";display:inline-block;position:absolute; left:-6.5% !important; top:20px; width:10px; height:10px; background:#e06d58; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.timeline .event-date{margin:-1px -1px -9px; background:#FFF; border-bottom:1px solid #f2f2f2; text-align:left; padding:10px 10px; font-weight:500; font-size:16px;}
.timeline .event-date small{display:block; font-size:12px; color:#a1a1a1; font-weight:normal;}
.timeline .event-date i{margin-right:7px}
.timeline .event-footer{margin:6px 0; text-align:left; padding:8px 10px; background:none; border-top:1px solid #f1f1f1;}
.timeline .event-footer:after, .timeline .event-footer:before{display:table; content:" ";}
.timeline .event-footer:after{clear:both;}
.timeline p{padding:20px 10px; text-align:left; color:#a1a1a1; line-height:20px;}
.timeline iframe{margin:10px 0 0 0;}

/* WORK */
.work .btn-group{margin-bottom:10px;}
.work .btn{margin-right:6px;}
.work .btn-group .btn{margin-right:0;}
.work .mix{margin-top:20px;}

/* SORT LIST */
#ulSorList{}
#ulSorList:after{content: '';display: inline-block;width: 100%;}
#ulSorList .mix{display:none; opacity:0; margin-top:20px;}
#ulSorList .mix .item{background:#f2f2f2;}
#ulSorList .gap{display:inline-block; width:200px;}

/* MAP CANVAS */
.map-canvas{height:300px; margin:0;}
.map-canvas .info-window-content{min-width:250px;}
.map-canvas .info-window-content h2{font-size:18px; font-weight:600; margin-bottom:8px;}
.map-canvas .info-window-content h3{font-size:14px; font-weight:500;}
.map-canvas .info-window-content p{margin-top:20px; text-align:center; font-size:12px; color:#999; text-shadow:none; }

/* BLOG */
.blog-grid .date-over{padding:10px; background:rgb(255, 255, 255); color:#7a92ac; position:absolute; top:15px; right:15px; text-align:center; border-radius:3px;}
.blog-grid .date-over strong{font-size:12px; display:block;}
.blog-masonry .w-box{margin-bottom:25px;}
.blog-post h2{font-size:18px; color:#3b3e43; border:0; padding:25px 15px 0px 15px;}
.blog-post p{padding:8px 15px; font-size:14px; color:#777;}
.blog-post blockquote{margin:8px 15px; }
.blog-post ul.meta-list{margin:0; padding:10px 15px 15px 15px; display:block; list-style:none;}
.blog-post ul.meta-list li:first-child{padding:0; border-left:0;}
.blog-post ul.meta-list li{display:inline-block; color:#a1a1a1;}
.blog-post ul.meta-list li a{color:#7a92ac;}
.blog-post ul.meta-list li a:hover{color:#e06d58; text-decoration:none!important;}

/* COMMENTS & COMMENT FORM */
.comments-wr{padding:0 15px;}
.comments-wr .comment:before, .comments-wr .comment:after{display:table; content:" ";}
.comments-wr .comment:after{clear:both;}
.comments-wr .comment{border-bottom:1px solid #eee; padding:15px 0;}
.comments-wr .comment p{padding:0;}
.comments-wr .comment .comment{margin:12px 0 0 60px; padding-bottom:0; border-bottom:0; border-top:1px solid #eee;}
.comments-wr .comment img{width:48px; float:left;}
.comments-wr .comment p{margin-left:60px; color:#777;}
.comment-form{padding:15px 15px;}
.comment-form h2{margin-bottom:15px;}

/* WIDGETS */
.widget {margin-bottom:20px;}

	/* TAG CLOUD */
	.widget.tags-wr {padding-bottom: 15px;}
	.tags-list:before, .tags-list:after{display:table; content:"";}
	.tags-list:after{clear:both;}
	.tags-list {list-style: none; padding-left: 0; margin: 0;}
	.tags-list li {border: 1px solid #ecf0f1; background:#FFF; padding: 5px; float: left;margin-right: 5px;margin-bottom: 5px; color:#999; font-size:12px;}
	.tags-list li a{color:#7a92ac; margin-left:4px;}
	.tags-list li:hover{background:#7a92ac; color:#FFF;}
	.tags-list li:hover a{color:#FFF; text-decoration:none;}
	
	/* VIDEO CONTAINER */
	.video-container iframe{margin:0; border:0;}
	
	/* MEDIA - PHOTOS */
	.media-photos-list {padding-left:0; list-style:none; margin-bottom:0; overflow:hidden;}
	.media-photos-list > li {float:left; margin-right:6px; margin-bottom:6px;}
	.media-photos-list > li img {width:60px; height: 60px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.media-photos-list > li img:hover {opacity: 0.65;filter: alpha(opacity=65);}

/* LISTS */
ul.list-2{-webkit-padding-start:20px; margin:15px 0;}
ul.list-2 li{padding-left:15px; list-style-type:none; background:url('http://192.168.1.25:8099/assets/images/list-style-2.png') no-repeat 0 8px; 
color:#555;
}
ul.list-2 li a{color:#555;}
ul.list-2 li a:hover{color:rgb(131, 174, 52); text-decoration:none;}

ul.list-3{margin:0; list-style:none;}
ul.list-3 li{height:58px; background:#f2f2f2; overflow:hidden; margin-bottom:13px;}
ul.list-3 li .list-order{width:58px; height:58px; position:relative; float:left; text-align:center; line-height:60px; background:#75b918; font-size:30px; font-weight:600; color:#FFF;}
ul.list-3 li .list-order:after{position:absolute; top:50%; right:0px; border:7px solid transparent; height:1px; width:0; border-right-color:#f2f2f2; margin-top:-7px; content:'';}
ul.list-3 li .list-content{float:left; height:58px; margin-left:8px;}
ul.list-3 li .list-content h5{font-size:15px; font-weight:600; margin:8px 0 4px 0;}
ul.list-3 li .list-content p{}

ul.popular {list-style:none; margin:0; padding:0;}
ul.popular li {clear:left; border-bottom:1px dotted #f1f1f1; padding:10px 0; display:block; width:100%;}
ul.popular li img{width:60px;}
ul.popular li p{margin-left:70px;}
ul.popular li i{color:#a1a1a1; display:block; font-style:normal; font-size:12px;}
ul.popular li a {font-weight:500;}
ul.popular li a:hover {text-decoration:none; color:#464646;}
ul.popular li span {font-size: 12px;}

ul.categories{list-style:none; margin:0; padding:0 !important;}
ul.categories li{margin:5px 0;}
ul.categories.highlight li{}
ul.categories.highlight li a{display:block; padding:5px 30px; color:#222;}
ul.categories.highlight li a:hover{background:#ed6b49; color:#FFF; text-decoration:none;}
ul.categories.highlight li a i{float:right; font-style:normal; color:#999; font-size:11px;}
ul.categories.highlight li a:hover i{color:#FFF;}

ul.recent{list-style:none; margin:0; padding:0;}
ul.recent li {border-bottom:1px dotted #e9e9e9;}
ul.recent li:last-child{border:0; padding-bottom:0;}
ul.recent li a{display:block; padding:10px 0;}
ul.recent li a:hover{border-color:#75b918;}
ul.recent li h6 {margin:0 0 10px 0;}
ul.recent li h6 a{color:#353535;font-size:14px;text-transform:none;text-decoration:none;font-weight:600;}
	
ul.list-check {list-style:none; margin:0; padding:0;}
ul.list-check li {padding:6px 0; display:block; width:100%;}
ul.list-check li i{color:#e06d58; font-style:normal; margin-right:4px;}
ul.list-check li a {font-weight:500;}
ul.list-check li a:hover {text-decoration:none; color:#a1a1a1;}
ul.list-check li span {font-size: 14px;}

ul.list-carousel {list-style:none; margin:0; padding:0;}
ul.list-carousel li {padding:6px 0; display:block; width:100%; font-size:16px;}
ul.list-carousel li i{font-style:normal; margin-right:4px;}
ul.list-carousel li a {font-weight:500;}
ul.list-carousel li a:hover {text-decoration:none; color:#a1a1a1;}
ul.list-carousel li span {font-size: 14px;}

/* SKILLS DIAGRAM */
.skills {clear:both; width:100%;}
.skills ul,
.skills li {display:inline-block; list-style:none; margin:0 6px 0 0; padding:0;}
.skills li {padding:0 15px; height:35px; line-height:35px; color:#fff; margin-bottom:1px; font-size:18px;}

.skills .jq {background:#97BE0D;}
.skills .css {background:#D84F5F;}
.skills .html {background:#88B8E6;}
.skills .php {background:#BEDBE9;}
.skills .sql {background:#EDEBEE;}

/* FORMS */
.form-default .form-control{background:#fbfbfb; border:1px solid #ddd; color:#b3b1b1;}
.form-default .form-control:focus{-webkit-box-shadow:none; box-shadow:none;}
.form-default .form-control:-moz-placeholder{color:#cccccc}
.form-default .form-control::-moz-placeholder{color:#cccccc}
.form-default .form-control:-ms-input-placeholder{color:#cccccc}
.form-default .form-control::-webkit-input-placeholder{color:#cccccc}

.form-control{ margin-bottom:10px; background:#fdfdfd; border:1px solid #e4e4e4; color:#555;font-weight: normal;}
.form-control{ margin-bottom:10px; background:#fdfdfd; border:1px solid #e4e4e4; color:#555;font-weight: normal;}
 
label {
    color: #232222;
    font-size: 13px !important;
    margin-top: 3px;
    font-weight: normal;
}
 .form-control:focus{-webkit-box-shadow:none; box-shadow:none;}
 .form-control:-moz-placeholder{color:#9ab2cc}
 .form-control::-moz-placeholder{color:#9ab2cc}
 .form-control:-ms-input-placeholder{color:#9ab2cc}
 .form-control::-webkit-input-placeholder{color:#9ab2cc}


.form-light .form-control{margin-bottom:0px; background:#FAFBFC;border-top-right-radius: 0px !important;
border-bottom-right-radius: 5px !important; border:1px solid #DADFE3;padding: 6px 10px !important;}
.form-light label{color:#232222; text-transform:capitalize; font-weight:normal}
.form-light label .org{color:#ed6b49;}
.form-light .form-control:focus{-webkit-box-shadow:none; box-shadow:none;border:1px solid #66AFE9;}
.form-light .form-control:-moz-placeholder{color:#9ab2cc}
.form-light .form-control::-moz-placeholder{color:#9ab2cc}
.form-light .form-control:-ms-input-placeholder{color:#9ab2cc}
.form-light .form-control::-webkit-input-placeholder{color:#9ab2cc}

.sign-in-wr{margin-top:26px; padding-top:15px; border: 9px solid rgba(52, 52, 51, 0.9) !important;}
.sign-in-wr input{border-radius:0px;/*border-top-right-radius:4px; border-bottom-right-radius: 4px;*/}
.sign-in-wr .form-icon{display:block; width:80px; height:80px; border-radius:80px; margin:25px auto; text-align:center; line-height:80px; font-size:40px;}
.sign-in-wr h4{padding:0 15px;}

/* SOCIAL ICONS */
.social-media{display: inline-block; margin-left:10px;}
.social-media i{width:30px; height:30px; display:inline-block; padding:6px 0px 0px 0px; margin-right:0px; margin-bottom:0px; text-align:center; font-size:18px; background:#ddd; color:#333; }
.social-media .facebook{background:#ffffff; color:#43609c; border: 1px solid #43609c;border-radius: 10%;}
.social-media .linkin{background:#ffffff; color:#007db6; border: 1px solid #007db6;border-radius: 10%;}
.social-media .twitter{background:#ffffff; color:#00aced; border: 1px solid #00aced;border-radius: 10%;}
.social-media .pinterest{background:#cb2027; color:#FFF;border-radius: 50%;}
.social-media .google{background:#dd4b39; color:#FFF;border-radius: 50%;}
.social-media a:first-child i:hover{background:#43609c; color:#fff;}
.social-media a i:hover{background:#007db6; color:#fff;border: 1px solid #ffffff;}
.social-media a:last-child i:hover{background:#00aced; color:#fff;}

/* FORM ERRORS */

.form-errors{width:100%; margin-bottom:20px;}
.form-errors .error{display:block; color:#ce1a33 ; font-weight:500;}
.login_error{display:block; color:#ce1a33 ; font-weight:500;}
.help-inline{font-size:11px; color:#B8321F; position:relative; top:-8px;}
#info-box{display:none; text-align:center; margin-top:30px; color:#59b540;}
#info-box h2{font-size:16px; font-weight:600;}
#info-box p{}
/* donate us button */

.donate_btn
{

/*border: 1px solid #4ea9d4;*/

border: 1px solid #659265;
	color: #fff;
	padding: 4px 8px;
	  background-color: #739e73;
	   box-shadow:0 -3px 0 rgba(0, 0, 0, 0.05) inset;
	   margin-right: 3px;
	/*background-image: linear-gradient(to bottom, #48a7d4 0%,#2f7699 100%) !important;*/
	/*background-color: #2f7699;*/
}
.donate_btn:hover, .donate_btn:focus, .donate_btn:active, .donate_btn.active
 {
 color:#fff; 
 border: 1px solid #4c6e4c;
 outline:none;
  background-color: #5b835b;
 /*background-image: linear-gradient(to bottom, #296887 0%,#296887 100%) !important;*/
  transition: all 0.35s ease 0s;
 }
 
 
 
.donate_btn i
{
	border-right: 2px solid #4c6e4c;
	margin-right: 3px;
	padding:0px 7px 3px 0px;
	color: #fff;
	vertical-align: 0%;
	
}
/* MAP CANVAS */
.map-canvas{margin-top:30px; height:300px;}
.map-canvas .info-window-content{min-width:250px;}
.map-canvas .info-window-content h2{font-size:18px; font-weight:600; margin-bottom:8px;}
.map-canvas .info-window-content h3{font-size:14px; font-weight:500;}
.map-canvas .info-window-content p{font-size:12px; color:#999; text-shadow:none; }

/* CLIENTS */
.carousel-clients .item-inner{margin-bottom:15px; background:#FFF; border:1px solid #ddd;}
.carousel-clients .item-inner img{width:100%;}

/* TESTIMONIALS */
.carousel-testimonials .testimonial-entry p{display:block;padding:0px 0px;color:#878686; line-height:50px; font-size:27px; text-align:center;}
.carousel-testimonials .testimonial-image{width:80px !important; height:80px; position:relative;}
.carousel-testimonials .indicator{display:block; content:""; margin-top:-18px; margin-left:60px; width:18px; height:18px; background-color: #555;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 10px;
border-bottom: 1px solid #999;
border-right: 1px solid #b0afaf;
border-top: 0;}
.carousel-testimonials .testimonial-entry .author{}
.carousel-testimonials .testimonial-entry .testimonial-image{width:80px; height:80px;}
.carousel-testimonials .testimonial-entry .testimonial-image img{width:100%;}
.carousel-testimonials .testimonial-author-info{padding-top:20px; text-align:center; color:#6c6c6c; font-size:18px; text-transform:capitalize;}
.carousel-testimonials .testimonial-author-info a{padding-left:20px;}

/* FOOTER */
/*Changes
 Date : 13-Apr-2016
*/
.site-footer{
/*height: 62px;*/
padding: 15px 13px 0px 15px;
border-top: 1px solid #CECECE;
/*background: #fff none repeat scroll 0% 0%;*/
width: 100%;
position: absolute;
display: block;
bottom: 0px;
   /* padding:12px 0px 10px 0px;
    min-height:30px;
    font-size:13px;
 
    background-color: #fff;*/
   /* background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);*/
  /*  width:100%;
    color: #58666E;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    float:left;
    position:relative;*/
/******************/
/*background: #727272;
background: -moz-linear-gradient(top, #727272 0%, #565656 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#565656)); 
background: -webkit-linear-gradient(top, #727272 0%,#565656 100%); 
background: -o-linear-gradient(top, #727272 0%,#565656 100%);
background: -ms-linear-gradient(top, #727272 0%,#565656 100%);
background: linear-gradient(to bottom, #727272 0%,#565656 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#565656',GradientType=0 ); */
}
footer .img{
    background:url('http://192.168.1.25:8099/assets/images/footer_back.png') no-repeat right bottom;
}
footer:before, footer:after {display:table; content:" ";}
footer:after{clear:both;}
footer .col.reset{margin:0;}
footer h4{margin-top:20px; color:#ffa38b; margin-bottom:20px; text-transform:capitalize;}
footer .col p{color:#eae9e5; font-size:13px; margin-bottom:10px; text-align:justify;}
footer a{color:#58666E; text-decoration:none;}
footer a:hover{text-decoration:none;color:#1976D2;}
footer .col ul{margin:0; padding:0; list-style:none;}
footer .col ul li{color:#eae9e5;}
footer .col ul li span{/*color:#f38569;*/}
footer .col address{color:#999; padding:8px 0;}
footer .company-info{font-size: 10px; text-align:justify;}
footer .company-info h2{font-size:14px; font-weight:600; background:#f00;}
footer .col.col-social-icons i{width:40px; height:40px; display:inline-block; padding:8px; margin-right:10px; margin-bottom:10px; text-align:center; font-size:22px; background:#444444; color:#a6a6a6; border-radius:3px;border-bottom:4px solid #2a2a2a; text-shadow:0px 1px 3px #2a2a2a;}
footer .col.col-social-icons i:hover{ background:#ed6b49; color:#fff;-webkit-transition:.3s;transition:.35s}
footer form{margin-top:20px;}
footer hr{border-top:1px solid #828181;}
footer .copyright{color:#EEE;}

/* TO TOP */
#toTop {display:none; z-index:9999;text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:#555; border-radius:3px;}
#toTopHover {background:#cd5b46; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
#toTop:before {font-family:'FontAwesome'; content: "\f106"; color:#ffffff; font-size:20px; position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;text-align: center;line-height: 20px;margin-top: -10px;margin-left: -10px;text-indent:0;min-width: 8%;}

/* BOOTSTRAP CUSTOMIZATION */
.bootstrap-select .btn{
font-weight:normal;
}
.btn {
	font-size:13px; 
	font-weight:500; 
	line-height:1.58; 
	text-align:center; 
	white-space:nowrap; 
	vertical-align:middle; 
	cursor:pointer; 
	background-image:none; 
	/*border:1px solid transparent;*/
	border-radius:2px;
	  -webkit-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	       -o-user-select: none;
	          user-select: none;
	            min-width: 8%;
}
/*.btn i{margin-right:4px;}*/

.btn-lg {padding: 10px 25px; font-size:18px; line-height:1.33; border-radius:3px;}
.btn-lg i{font-size:24px; position:relative; top:3px;}

.btn-royelblue {
/*color:#777777; 
background-color:transparent; 
border:1px solid #cccccc;*/
color: #0093D9;
/*background-color: #F5F5F5;*/
border: 1px solid #D7D4D4;
outline:none;
/*float:left;*/
margin: 0px;
margin-left: -1px !important;
border-radius: 50px;
}
.currency_box {
    background: #66717E  none repeat scroll 0% 0%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset;
    margin: -22px 100px;
    text-align: center;
    width: 200px;
    line-height: 1.33;
}
.status_email{
	width: 62% !important;
}
.width_dropdown{
	width: 100% !important;
}
.btn-royelblue:first-child
{
/*border-radius: 5px 0px 0px 5px;*/
	margin-left: -1px !important;
}
.btn-royelblue:last-child
{
/*border-radius: 0px 5px 5px 0px;*/
}
.btn-royelblue:hover,
.btn-royelblue:focus,
.btn-royelblue:active,
.btn-royelblue.active,
.open .dropdown-toggle.btn-royelblue {margin: 0px;color:#fff; /*background-color:#1c7ebb;*/ background-color:#28517D; border:1px solid #2e4e6a;outline:none;transition: all 0.35s ease 0s;}
.btn-royelblue:active,
.btn-royelblue.active,
.royelblue .dropdown-toggle.btn-royelblue {background-image: none;}

.btn-two {color:#ffffff; background-color:#7a92ac; border:0; border-bottom:4px solid #5e7996;outline:none;}
.btn-two:hover,
.btn-two:focus,
.btn-two:active,
.btn-two.active,
.open .dropdown-toggle.btn-two {color: #ffffff;background-color:#3d4754;border-color:#2c343e;outline:none;}
.btn-two:active,
.btn-two.active,
.open .dropdown-toggle.btn-two {background-image: none;}

.btn-three {color:#ffffff; background-color:#ed6b49; border:0;outline:none;}
.btn-three:hover,
.btn-three:focus,
.btn-three:active,
.btn-three.active,
.open .dropdown-toggle.btn-three {color: #ffffff; background-color:#7a92ac;outline:none;}
.btn-three:active,
.btn-three.active,
.open .dropdown-toggle.btn-three {background-image: none;outline:none;}

.btn-primary {color:#ffffff; background-color:#7a92ac;outline:none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color:#ffffff; background-color:#3d4754; border-color:#3d4754;outline:none;}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-image: none;}

.btn-input {color:#ffffff; background-color:#7a92ac; padding:5px; border-color:#5e7996;outline:none;}
.btn-input:hover,
.btn-input:focus,
.btn-input:active,
.btn-input.active,
.open .dropdown-toggle.btn-input {color:#ffffff; background-color:#FFF; border-color:#2c343e;outline:none;}
.btn-input:active,
.btn-input.active,
.open .dropdown-toggle.btn-input {background-image: none;}

.btn-lightblue {color:#ffffff; background-color:#447097; padding:5px; border-color:#447097;outline:none;}
.btn-lightblue:hover,
.btn-lightblue:focus,
.btn-lightblue:active,
.btn-lightblue.active,
.open .dropdown-toggle.btn-lightblue {color:#ffffff; background-color:#447097; border-color:#447097;outline:none;}
.btn-lightblue:active,
.btn-lightblue.active,
.open .dropdown-toggle.btn-lightblue {background-image: none;}

.btn-orange {color:#ffffff; background-color:#e55c39; padding:10px 20px; border-color:#e55c39;outline:none;}
.btn-orange:hover,

.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {color:#ffffff; background-color:#e55c39; border-color:#e55c39;outline:none;}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {background-image: none;}


.btn-line-warning, .btn-line-warning a {
    color: #f59c1a;
    background-color: transparent;
    border-color: #f59c1a;
    text-decoration:none;
}
.btn-line-warning:hover, .btn-line-warning:hover a, .btn-line-warning:focus, .btn-line-warning:active, .btn-line-warning.active {
    color: #FFF;
    background-color: #FFB61C;transition: all 0.35s ease 0s;
}
.btn-line-danger {
    color: #ff5b57;
    background-color: transparent;
    border-color: #ff5b57;
}
.btn-line-danger:hover, .btn-line-danger:focus, .btn-line-danger:active, .btn-line-danger.active {
    color: #FFF;
    background-color: #ff5b57;transition: all 0.35s ease 0s;
}
.btn-line-success {
    color: #1F9978;
    background-color: transparent;
    border-color: #1F9978;
}
.btn-line-success:hover, .btn-line-success:focus, .btn-line-success:active, .btn-line-success.active {
    color: #FFF;
    background-color: #23AE89;transition: all 0.35s ease 0s;
}
.btn-line-parrot {
    color: #FFF;
    background-color:#23ae89;
    border-color: #23ae89;
    border-radius:3px;
   
}
.btn-line-parrot:hover, .btn-line-parrot:focus, .btn-line-parrot:active, .btn-line-parrot.active {
    color: #FFF;
    background-color: #1e9676;transition: all 0.35s ease 0s;
}
.btn-line-purple {
    color: #FFF;
    background-color:#3f51b5;
    border-color: #3f51b5;
    border-radius:3px;
   
}
.btn-line-purple:hover, .btn-line-purple:focus, .btn-line-purple:active, .btn-line-purple.active {
    color: #FFF;
    background-color: #2e3d93;transition: all 0.35s ease 0s;
}

.btn-line-blue {
    color: #0d88b5;
    background-color: transparent;
    border-color: #109ed3;
	border-radius:3px;
}
.btn-line-blue:hover, .btn-line-blue:focus, .btn-line-blue:active, .btn-line-blue.active {
    color: #FFF;
    background-color: #109ed3;transition: all 0.35s ease 0s;
}
.btn-line-sky {
    color: #FFF;
    background-color:#cff3fc;
    border-color: #109ed3;
    border-radius:3px;
    background-color: #109ed3;
}
.btn-line-sky:hover, .btn-line-sky:focus, .btn-line-sky:active, .btn-line-sky.active {
    color: #FFF;
    background-color: #0f8bb9;transition: all 0.35s ease 0s;
}
/* PROGRESS BARS */
.progress {height: 28px; margin-bottom:15px; overflow: hidden; background-color: #f5f5f5; border-radius:2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress .sr-only{width:auto; height:28px; margin:0; margin-left:30px; left:0; clip:auto; line-height:28px; font-size:14px;}
.progress-bar-one{background-color:#e06d58;}
.progress-bar-two{background-color:#697e93;}
.progress-bar-three{background-color:#3b3e43;}
.progress-bar-four{background-color:#FFF;}

/* TABS */
div.tabs {margin-bottom:0;}
div.tabs:before, div.tabs:after {display: table;content: " ";}
div.tabs:after{clear: both;}
div.tabs div.tab-content {
	background-color: #FFF;
	/*-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	
	border: 1px solid #EEE;
	border-radius: 0 0 2px 2px;
	border-top: 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);*/
	padding:0px;
}
div.tabs div.tab-content .black
{
	border:1px solid #555;padding:15px;
}
div.tabs div.tab-content .blue
{
	border:1px solid #6fb3e0;padding:15px;
}
div.tabs div.tab-content .parrot
{
	border:1px solid #87b87f;padding:15px;
}
div.tabs div.tab-content .pink
{
	border:1px solid #e06f8c;padding:15px;
}
div.tabs ul.nav-tabs {margin: 0;}
div.tabs ul.nav-tabs li{margin-right:5px;}
div.tabs ul.nav-tabs li.active a {}
/*div.tabs ul.nav-tabs li.active a.blck {background:#555; border:1px solid #555; color: #555;}
div.tabs ul.nav-tabs li.active a.blue {background:#6fb3e0; border:1px solid #6fb3e0; color: #6fb3e0;}
*/div.tabs ul.nav-tabs a {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background: #f7f7f7;
	border: 1px solid #EEE;
	border-bottom: 0;
	border-radius: 2px 2px 0 0;
	margin-right: 1px;
	color:#333;
}

div.tabs ul.nav-tabs a:hover {
	border-top: 2px solid #CCC;
	color:#7a92ac;
}
div.tabs ul.nav-tabs a.blck:hover {
	background:#555; border:1px solid #555; color: #555;
}
div.tabs ul.nav-tabs a:active,
div.tabs ul.nav-tabs a:focus {
	border-bottom: 0;
}
div.tabs-left ul.nav-tabs a:active,
div.tabs-left ul.nav-tabs a:focus {
	border-right: 0;
}
div.tabs ul.nav-tabs a.black,
div.tabs ul.nav-tabs a.black:hover {
	border: 1px solid #555;
	border-bottom: 0;
	font-size: 0.9em;
	background-color:#555;
	color:#fff;
	font-size:18px;
}

div.tabs ul.nav-tabs a.blue,
div.tabs ul.nav-tabs a.blue:hover {
	border: 1px solid #6fb3e0;
	border-bottom: 0;
	font-size: 0.9em;
	background-color:#6fb3e0;
	color:#fff;
	font-size:18px;
}
div.tabs ul.nav-tabs a.parrot,
div.tabs ul.nav-tabs a.parrot:hover {
	border: 1px solid #87b87f;
	border-bottom: 0;
	font-size: 0.9em;
	background-color:#87b87f;
	color:#fff;
	font-size:18px;
}
div.tabs ul.nav-tabs a.pink,
div.tabs ul.nav-tabs a.pink:hover {
	border: 1px solid #e06f8c;
	border-bottom: 0;
	font-size: 0.9em;
	background-color:#e06f8c;
	color:#fff;
	font-size:18px;
}
/*div.tabs-left  ul.nav-tabs a,
div.tabs-left  ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-right: 0;
	border-left: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}
div.tabs-right  ul.nav-tabs a,
div.tabs-right  ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-left: 0;
	border-right: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}*/
div.tab-content div.tabs_inner {margin-bottom:0;}
div.tab-content div.tabs_inner:before, div.tabs_inner:after {display: table;content: " ";}
div.tab-content div.tabs_inner:after{clear: both;}
div.tab-content div.tabs_inner div.tab-content {
	background-color: #FFF;
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border: 1px solid #EEE;
	border-radius: 0 0 2px 2px;
	border-top: 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding:15px;
	display:table;
	width:100%;
}

div.tab-content div.tabs_inner div.tab-content .alpha_tab>thead 
{
	background-color:#aaaaaa; padding:10px; color:#fff; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab>tbody 
{
	background-color:#f2f3f3;padding:10px; color:#9a9a9a; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab>tbody>tr>td, .alpha_tab>tbody>tr
{
	line-height:30px;display:block;float:none;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_1
{
	width:20%;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_1>thead 
{
	background-color:#c9cbcb; padding:10px; color:#fff; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_1>tbody 
{
	background-color:#eeeeee;padding:10px; color:#9a9a9a; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_1>tbody>tr>td, .alpha_tab_1>tbody>tr
{
	line-height:30px;display:block;float:none;
}

div.tab-content div.tabs_inner div.tab-content .alpha_tab_2
{
	width:20%;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_2>thead 
{
	background-color:#e3e7ea; padding:10px; color:#fff; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_2>tbody 
{
	background-color:#f6f7f7;padding:10px; color:#9a9a9a; display:block;
}
div.tab-content div.tabs_inner div.tab-content .alpha_tab_2>tbody>tr>td, .alpha_tab_2>tbody>tr
{
	line-height:30px;display:block;float:none;
}

div.tab-content div.tabs_inner ul.nav-tabs {margin: 0;}
div.tab-content div.tabs_inner ul.nav-tabs li{margin-right:5px;float: left;margin-bottom: -1px;}

div.tab-content div.tabs_inner ul.nav-tabs li.active a{background:#555; border:1px solid #555; color: #fff;border-bottom: 0;}
div.tab-content div.tabs_inner ul.nav-tabs a {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background: #f7f7f7;
	border: 1px solid #EEE;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	margin-right: 1px;
	color:#333;
}
div.tab-content div.tabs_inner ul.nav-tabs a:active,
div.tab-content div.tabs_inner ul.nav-tabs a:focus {
	border-bottom: 0;
}
div.tab-content div.tabs-left ul.nav-tabs a:active,
div.tab-content div.tabs-left ul.nav-tabs a:focus {
	border-right: 0;
}
div.tab-content div.tabs_inner ul.nav-tabs a,
div.tab-content div.tabs_inner ul.nav-tabs a:hover {
	border: 1px solid #abbac3;
	border-bottom: 0;
	font-size: 0.9em;
	background-color:#abbac3;
	color:#fff;
}

div.tabs-left  ul.nav-tabs a,
div.tabs-left  ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-right: 0;
	border-left: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}
div.tabs-right  ul.nav-tabs a,
div.tabs-right  ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-left: 0;
	border-right: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}

/* tab left */
.tabbable.tabs-left {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 30px;
}
div.tabbable.tabs-left div.tab-content {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 0 0 2px 2px;
	border-left: 0;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}
div.tabbable.tabs-left ul.nav-tabs a {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background: #f7f7f7;
	border: 1px solid #EEE;
	border-right: 0;
	border-radius: 2px 2px 0 0;
	color: #666;
	margin-bottom: 3px;
}
div.tabbable.tabs-left  ul.nav-tabs li.active a {
	background: #fff;
	color: #CCC;
}

/* tab right */
.tabbable.tabs-right {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 30px;
}
div.tabbable.tabs-right div.tab-content {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 0 0 2px 2px;
	border-left: 0;
	margin: 0;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}
div.tabbable.tabs-right ul.nav-tabs a {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background: #f7f7f7;
	border: 1px solid #EEE;
	border-left: 0;
	border-radius: 2px 2px 0 0;
	color: #666;
	margin-bottom: 3px;
}
div.tabbable.tabs-right  ul.nav-tabs li.active a {
	background: #fff;
	color: #CCC;
}

/* TABS CENETERED */
.tabs-centered{width:100%; display:table; margin:0 auto;}
.tabs-centered ul{background:#f00;}
.tabs-centered ul li{width:100px; display:inline-block; float:none;}

/* COLLAPSE */
.panel-group{margin-bottom:30px;}
.panel-group .panel{border-radius:0;}

/* MODAL */
.modal-footer{margin-top:0;}

/* FONT AWESOME */
.fa-icon-list div{margin-top:10px; color:#777; padding:5px 10px; cursor:default;}
.fa-icon-list div:hover{background:#e06d58; color:#FFF;}

/* RESPONSIVE MEDIA QUERIES */
@media (min-width: 1200px) {
	.w-section .aside-feature{text-align:left;}
	.w-section .aside-feature .icon-feature{text-align:left;}	
	.slider{width:100%;}
	.carousel-1 h1{text-transform:uppercase;}
}

@media (min-width: 992px) {
 	.navbar-default .dropdown-menu, .navbar-white .dropdown-menu{margin-top:0px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.w-box, .carousel-work figure{margin-bottom:15px;}
	.animate-hover-slide img{width:100%;}
	
	.carousel-1 .item img{}
	.carousel-1 .object{width:400px !important;}
	
	.slider{width:100%;}
}

/*@media (max-width: 767px) {
	.navbar-white .navbar-nav > li > a{color:#4c4c4c; padding:10px 10px; margin-right:0px; font-size:15px;}
	.navbar-default .navbar-nav > li > a{color:#FFF; padding:10px 20px; margin-right:0; font-size:15px;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {color:#FFF; background-color:#e06d58; border-radius:0 !important;}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {border-radius:0 !important;}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li{padding:5px 10px; border-bottom-color:#3b3e43;}
	.navbar-default .navbar-nav .open .dropdown-menu > li:hover{background:#e06d58; color:#FFF;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#FFF;}
	.navbar-default .navbar-collapse.in .dropdown-menu > li:hover > a{color:#FFF;}
	.navbar-default .navbar-collapse.in .dropdown-menu > li > a > .caret{float:right;}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#000 !important;}
	.navbar-default .dropdown-menu:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width:0px;margin-left:0px;}
	.navbar-default .dropdown-menu:before {border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width:0px;margin-left:0px;}
	.navbar-default .dropdown-menu{margin-top:0;}
	.navbar-default .dropdown-menu > li > a{padding:8px 15px; color:#FFF;}
	.navbar-default .dropdown-menu > li > a:hover{background:#e06d58; color:#FFF;}
	
	.search-wr{height:90px;}
	.search-wr .search-sign i{font-size:40px; line-height:90px; margin-left:30px; color:#DDD;}
	.global-search-input{padding:8px 0; font-size:20px; position:relative; width:90%; background:#fff; z-index: 10; border:none; outline:none; 
color:#DDD; font-weight:500;}

	.w-section .aside-feature{text-align:center;}
	.w-section .aside-feature .icon-feature{text-align:center;}	
	
	.sort-list-btn .btn{margin-bottom:10px;}
	
	.w-box,.carousel-work figure{margin-bottom:15px;}
 	.animate-hover-slide figure img{/*width:100%;*/}
	
	.carousel-1 .carousel-inner{height:420px;}
	.carousel-1 .carousel-inner{overflow:hidden;}
	.carousel-1 .carousel-control i{position:absolute; top:50%; margin-top:-18px; font-size:36px; font-weight:600;}
	.carousel-1 .item{}
	.carousel-1 .item img{}
	.carousel-1 .item-dark{color:#FFF;}
	.carousel-1 p{font-size:16px;}
	.carousel-1 .object{display:none;}
	.carousel-1 .object.fluid{width:100%; left:0; margin:0;}
	.carousel-1 .object iframe{width:100% !important; }
	.carousel-1 .object img{}
	.carousel-1 .description{width:100% !important; top:50px; left:0 !important; margin:0 !important;}
	.carousel-1 .description .title{font-size:32px; margin:0 0 15px 0; padding:8px 20px; background:#FFF; color:#9ab2cc; display:block; text-align:center;}
	.carousel-1 .description .subtitle{font-size:24px; margin:20px 0; padding:0 15px !important; display:block; text-align:center;}
	.carousel-1 .description p{font-size:16px; color:#FFF; margin:0;}
	.carousel-1 .description p.text-box{}
	.carousel-1 .description.fluid-center .features i{width:80px; height:80px; background:#FFF; text-align:center; line-height:80px; font-size:34px; color:#697e93; font-weight:700; border-radius:80px; margin-right:20px;}
	.carousel-1 .list-carousel{padding-left:30px !important;}
	
	.carousel-3 figure{margin-bottom:20px;}
	.carousel-3 .carousel-nav a{bottom:16px !important; top:auto !important;}
	
	.slider{height:auto; max-height:440px; margin:0;}
	
	.cta-wr{text-align:center;}
	.cta-wr .btn{float:none !important;}
}
@media only screen and (min-width: 1440px){
	.slider{width:100%;}.carousel-1 h1{text-transform:uppercase;}
}

@media (max-width: 460px) {
	.search-wr .search-sign i{margin-left:0;}
	.global-search-input{font-size:16px; padding:14px 0;}
}
.btn-msg-success {
    color: #1F9978;
    background-color: transparent;
    border-color: #1F9978;
}
.btn-msg-error {
    color: #f8322d;
    background-color: transparent;
    border-color: #ff5b57;
}
.btn-update {
    color: #fff;
    background-color: #7bb935;
    border-color: #7bb935;
}
.btn-update:hover, .btn-update:focus, .btn-update:active, .btn-update.active {
    color: #FFF;
    background-color: #72b526;transition: all 0.35s ease 0s;
}
.margin-t-5{margin-top:-10px !important;}
.w-box1 a{color:#427FED !important; text-decoration:none;font-size:15px;}
.w-box1 a:hover{color:#555 !important; text-decoration:none;}
.btn-login {
    color: #fff;
    background-color: #57889c;
    border:#4e7a8c;
    width:100%;
    padding:10px 0px;
/*    text-shadow: 1px 4px 6px #1C7EBB, 0px 0px 0px rgb(32, 32, 32), 1px 4px 6px #1C7EBB;
*/
    font-weight: normal;
    font-size: 18px;
    border-radius:5px;
}
.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active {
    color: #FFF;
    background-color: #456b7b;transition: all 0.35s ease 0s;
}
/*.btn-login {
    color: #fff;
    background-color: #6abd93;
    border-color: #6abd93;
}
.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active {
    color: #FFF;
    background-color: #5fae86;transition: all 0.35s ease 0s;
}*/
.box_shadow{box-shadow:0px 2px 1px rgba(0, 0, 0, 0.2);}
/*.error_msg
{
display: none;
float: left;
width: 100%;
margin: 15px 0px;
transition: all 0.35s ease 0s;
padding: 10px;
color: #6aa629;
border: 1px solid #80c13a;
background-color: #f2fee6;
}*/
.popup_error{display:block; color:#FF0000  ; font-weight:500;font-size:11px !important; text-transform: none !important; margin-top:-5px;}
.error_div{display:none;}

/*POP ERROR MESSAGE*/
#toast-container{
        display:none;
	position:fixed;
	z-index:999;
}
#toast-container_error{
        display:none;
	position:fixed;
	z-index:999;
}
.toast-top-right{
	bottom:1%;
	right:0px;
}
#toast-container>.toast:before, #toast-container_error>.toast:before{
	position:fixed;
	font-family:FontAwesome;
	font-size:24px;
	line-height:18px;
	float:left;
	padding-right:.5em;
	margin:auto .5em auto -1.5em
}
#toast-container>.toast, #toast-container_error>.toast{
	background-image:none!important;
	float: right;
}
#toast-container>div, #toast-container_error>div{
	margin:0 0 6px;
	padding:15px 15px 15px 50px;
	
	-webkit-border-radius:3px;
	-webkit-background-clip:padding-box;
	-moz-border-radius:3px;
	-moz-background-clip:padding;
	border-radius:3px;
	background-clip:padding-box;
	background-position:15px center;
	background-repeat:no-repeat;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
	color:#fff;
	zoom:1;
	filter:alpha(opacity=80);
	-webkit-opacity:.6;
	-moz-opacity:.8;
	opacity:.8;
	min-width: 200px;
width: 100%;
float: left;
max-width: 550px;
}

#toast-container>:hover, #toast-container_error>:hover{

	zoom:1;
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	cursor:pointer
}
.toast-success1{
color: #468638 !important;
border: 1px solid #8dc980 !important;
background-color: #E3FCDD !important;
display:display;
padding: 10px;
margin: 15px;
}
button.toast-close-button{
	padding:0;
	cursor:pointer;
	background:transparent;
	border:0;
	-webkit-appearance:none
}
.toast-close-button{
	position:relative;
/*	right:-.3em;
	top:-.5em;*/
	float:right;
	font-size:18px;
	font-family:'FontAwesome';
	font-weight:bold;
/* 	color:#468638; */
	-webkit-text-shadow:0 1px 0 #fff;
	text-shadow:0 1px 0 #fff;
	zoom:1;
	filter:alpha(opacity=80);
	-webkit-opacity:.8;
	-moz-opacity:.8;
	opacity:.8
}
.toast-close-button:hover,.toast-close-button:focus{
	color:#000;
	text-decoration:none;
	cursor:pointer;
	zoom:1;
	filter:alpha(opacity=40);
	-webkit-opacity:.4;
	-moz-opacity:.4;
	opacity:.4
}

.toast-message{
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	width:95%;
}
.toast-success1 .toast-close-button{color:#468638;}
.toast-danger1 .toast-close-button{color:#DD191D;}
.toast-danger1{
color: #DD191D !important;
border: 1px solid #f98a82;

display:display;
background-color: #fcc6c2 !important;
padding: 10px;
margin: 15px;
}




.label-inverse.arrowed:before{
 border-right-color:#333;
 -moz-border-right-colors:#333
}

.label-inverse.arrowed-in:before, .label-inverse.arrowed_blue-in:before{
 border-color:#333 #333 #333 transparent;
 -moz-border-right-colors:#333
}

.label-inverse.arrowed-right:after{
 border-left-color:#333;
 -moz-border-left-colors:#333
}

.label-inverse.arrowed-in-right:after{
 border-color:#333 transparent #333 #333;
 -moz-border-left-colors:#333
}

.label-sm.arrowed{
 margin-left:4px
}

.label-sm.arrowed:before{
 left:-8px;
 border-width:9px 4px
}

/*.label-sm.arrowed-in, .label-sm.arrowed_blue-in:before{
 margin-left:4px
}
*/

.label-sm.arrowed-in:before, .label-sm.arrowed_blue-in:before{
 left:-4px;
 border-width:10px 4px
}

.label-sm.arrowed-right{
 margin-right:4px
}

.label-sm.arrowed-right:after{
 right:-8px;
 border-width:9px 4px
}

.label-sm.arrowed-in-right{
 margin-right:4px
}

.label-sm.arrowed-in-right:after{
 right:-4px;
 border-width:9px 4px
}
.label.arrowed,.label.arrowed-in, .label.arrowed,.label.arrowed_blue-in{
 position:relative;
 z-index:1
}

.label.arrowed:before, .label.arrowed-in:before{
 display:inline-block;
 content:"";
 position:absolute;
 top:0;
 z-index:-1;
 border-color: transparent;
 border-style: solid;
 /*border-width: 0px;*/
 /*border:0px solid transparent;*/
 border-right-color:#87B87F;
 -moz-border-right-colors:#87B87F
}

.label.arrowed-in:before{
 border-color:#87B87F;
 border-left-color:transparent;
 -moz-border-left-colors:none
}

.label.arrowed:before, .label.arrowed_blue-in:before{
 display:inline-block;
 content:"";
 position:absolute;
 top:0;
 z-index:-1;
 border-color: transparent;
 border-style: solid;
 /*border-width: 0px;*/
 /*border:0px solid transparent;*/
 border-right-color:#3a87ad;
 -moz-border-right-colors:#3a87ad
}

.label.arrowed_blue-in:before{
 border-color:#3a87ad;
 border-left-color:transparent;
 -moz-border-left-colors:none
}
.label-sm {
    padding: 0.2em 0.9em 0.3em;
    font-size: 11px;
    line-height: 1.5;
    height: 20px;
}
.label-inverse, .label.label-inverse, .badge.badge-inverse, .badge-inverse {
    background-color: #87B87F;
}
.label-inverse_blue, .label.label-inverse_blue, .badge.badge-inverse_blue, .badge-inverse_blue {
    background-color: #3a87ad;
}
.label-inverse_red, .label.label-inverse_red, .badge.badge-inverse_red, .badge-inverse_red {
    background-color: red;
}

.label.arrowed, .label.arrowed-in {
    position: relative;
    z-index: 1;
}
.label-sm.arrowed-in {
    margin-left: 4px;
}
.label {
    /*border-radius: 0px;*/
    text-shadow: none;
    font-weight: 400;
    color: #FFF;
    display: inline-block;
    font-size: 8px;
	letter-spacing: 0.7px;
    /*background-color: #798999;*/
}

.btn-close
{
color: #FFF;
border-radius: 3px;
background-color: #775554;
font-size: 12px;
font-weight: normal;
padding: 3px 7px !important;
/*margin: 10px 10px -26px 0px;*/
}
.panel_close {
    float: right !important;
    font-size: 16px !important;
    line-height: 1 !important;
    opacity: 1;
}
.close {
    color: #000 !important;
    float: right !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}


@media (min-width: 992px) and (max-width: 1024px) {
	.col-md-offset-4 {
		margin-left: 0% !important;
	}
}


@media (max-width: 992px) and (min-width: 1024px) {
	.col-md-offset-4 {
		margin-left: 33.33% !important;
		margin-right: 33.33% !important;
	}
}


@media (max-width: 1024px) and (min-width: 992px) {
	.col-md-offset-4 {
		margin-right: 33.33% !important;
		margin-left: 33.33% !important;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.col-md-offset-4 {
		margin-left: 24.33%;
		margin-right: 33.33%;
	}
}


/*@media only screen and (min-width : 1367px)  {

.page-wrap {
  min-height: 1200px;
 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
}
.site-footer {

}
}
@media only screen and (min-width : 1366px) and (min-height : 300px) 
{
	
.page-wrap {
  min-height: 370px;

float:left;
width:100%;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
width:100%;
float:left;
}
.site-footer {
 
}

}
.page-wrap
{
 min-height: 412px;
	width:100%;
	float:left;

}
@media only screen and (min-width : 1340px) and (min-height : 602px) 
{
	
.page-wrap {
  min-height: 470px;
 
float:left;
width:100%;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
 
width:100%;
float:left;
}
.site-footer {


}
}
@media only screen and (min-width : 1340px) and (min-height : 1200px) 
{
	.page-wrap {
  min-height: 1200px;
  
float:left;
width:100%;
}

}*/
div.tooltips {
  position: relative;
  display: none;
}
div.tooltips span {
 
  visibility:hidden;
  border-radius: 6px; 
  text-align: left;
  border-radius: 6px;
  background-color: #D95C5C !important;
  border-color: #D95C5C !important;
  color: rgb(255, 255, 255) !important;
  bottom: 25px;
  right: -60%;
  z-index: 11;
  text-transform: none !important;
  position: absolute;
  padding: 0.5em 0.8em !important;
  display: inline-block;
  width:200px !important;
}
div.tooltips span:before {
  content: '';
  position: absolute;
  background-color: #D95C5C !important;
  bottom: -0.3em;
  /*left: 70%;*/
  margin-left: -0.3em;
  /*right: auto;*/
  right: 20px;
  top: auto;
  width: .6em;
  height: .6em;
  transform: rotate(45deg);
  z-index: 2;
  transition:background .1s linear;

}

div:hover.tooltips span {
  visibility: visible;
  text-align: center;
  border-radius: 6px;
  background-color: #D95C5C !important;
  border-color: #D95C5C !important;
  color: rgb(255, 255, 255) !important;
  bottom: 31px;
  right: -50%;
  left:auto;
  z-index: 11;
  text-transform: none !important;
  position: absolute;
  padding: 0.5em 0.8em !important;
  display: inline-block;
  width:250px !important;
  opacity:1;
  font-size:12px;
  white-space:initial;
}    
.borderred {
    border: 1px solid #F00;
    transition: background-color 0.3s ease-out 0s, box-shadow 0.2s ease 0s, border-color 0.2s ease 0s;
    box-shadow: 0.3em 0px 0px 0px rgb(217, 92, 92) inset;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
/* termination rate  import*/
.w-box.trunklist {
    height: 172px;
    overflow: unset;
}
@media (min-width: 768px) and (max-width: 1280px) {

	.speed_dial{margin-top:-8px !important; margin-left:12% !important; }
}
@media (min-width: 980px) and (max-width: 1280px) {

	.speed_dial{
		margin-top:-8px !important; 
		margin-left:10% !important; 
	}
}
@media (min-width: 1280px) {
.speed_dial{margin-top:-10px !important; margin-left:13% !important; }
}
@media screen and (min-width: 988px) {
.forget_center{
margin-top:70px;}
}

@media screen and (min-width: 768px) {
.forget_login {
    margin-left: 20px;}
}
/*===========================================================*/

/* ===== END global-style.css ===== */


/* ===== BEGIN custome_index.css ===== */
:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}
.form_card{
  max-width: 450px;
}
.bs-select{
	Width:100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/* Ashish switch monitoring */
.license_view ul li{
  list-style-type: initial !important;
}
/* Ashish end */
.control-label {
    color: rgba(0, 0, 0, 0.87);
    cursor: text;
    font-size: 12px;
    line-height: 0.8;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    white-space: nowrap;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, -webkit-transform;
    transition-property: color, -webkit-transform;
    transition-property: color, transform;
    transition-property: color, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-group [class*="col-"] .control-label {
    left: 16px;
}

.form-group.control-select .control-label, .form-group.control-focus .control-label, .form-group.control-highlight .control-label {
    -webkit-transform: scale(0.9, 0.86) translateY(-27px);
    transform: scale(0.9, 0.86) translateY(-25px);
}

.form-group.control-focus .control-label {
    color: #4285f4;
}

.form-group {
    position: relative;
}

.form-group .form-control::-webkit-input-placeholder,
.form-group .form-control::-moz-placeholder,
.form-group .form-control:-ms-input-placeholder,
.form-group .form-control::placeholder {
    color: transparent;
}

legend + .form-group {
    margin-top: 12px;
}

.form-control {
    width: 100%;
    height: 32px;
    padding: 0px;
    padding-bottom: -10px;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
}
.form-control:focus{
  background-color: transparent;
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus 
.form-control:-webkit-autofill {
    background-color: transparent; !important;
    background-image: none;
    -webkit-box-shadow: 0;
    transition: background-color 5000s ease-in-out 0s;
}

.form-control, .form-control:focus {
    box-shadow: 0 0 0px transparent !important;
}

.form-control:focus {
    border-color: #4285f4;
    border-bottom-width: 2px;
    outline: 0;
    box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
}

.form-control:focus:invalid {
    border-color: #4285f4;
    border-bottom-width: 2px;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::placeholder {
    color: transparent !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border-style: double;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
    opacity: 1;
}
.carousel-indicators{
  bottom: -10px;
}
.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle{
  height: inherit;
  font-size: 13px;
}
.error_label{
  margin: 0;
  vertical-align: top;
}
.error_label span{
  font-size: 10px;
  vertical-align: top;
}

/* MAD-RIPPLE EFFECT */
.ripple{
  position: absolute;
  top:0; left:0; bottom:0; right:0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: inherit; 
  pointer-events: none;
          animation: ripple-shadow 0.4s forwards;
  -webkit-animation: ripple-shadow 0.4s forwards;
}
.rippleWave{
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7); -webkit-transform: scale(0.7);
  background: rgba(255,255,255, 1);
  opacity: 0.45;
          animation: ripple 2s forwards;
  -webkit-animation: ripple 2s forwards;
}
@keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@-webkit-keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@keyframes ripple {
  to {transform: scale(24); opacity:0;}
}
@-webkit-keyframes ripple {
  to {-webkit-transform: scale(24); opacity:0;}
}

.border_box{
  background: linear-gradient(135deg, rgba(40, 78, 123, 0.9) 0%, #2871b9 100%);
  color: #fff;
}
.btn_index:hover{
  color: #fff;
  background: linear-gradient(135deg, rgba(40, 78, 123, 0.9) 0%, #2871b9 100%);
  border-color: transparent;
}
.forgot_pass{
	color:#007bff;
}
.forgot_pass:hover{
	color:#e06d58;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

/* ===== END custome_index.css ===== */


/* ===== BEGIN style.css ===== */
*{
outline:0;
}
html{
min-height: 100%;
position: relative;
}
body{
background: #E2E9F2;
}
footer{
  position: absolute;
  bottom: 0;
  width: 100%;
}
a:focus{
  outline: 0;
}
nav{
  z-index: 10;
}
a:focus {
  color: inherit;
}
.btn {
  padding: 5px;
  font-size: 12px;
}
button.btn{
  font-size: 14px;
}
.input-group .btn{
  /*line-height: inherit;*/
}
.fw4 {
  font-weight: 400;
  font-size: 23px;
}
.navbar-profile{
  background: #e6e7e8;
  max-width: 155px;
}
.navbar-brand{
  min-width: 170px;
}
.navbar-profile .btn.focus, .btn:focus {
  box-shadow: none;
}
img#logo{
  /*max-width: 70%;*/
  max-height: 42px;
}
#admin_menu{
    width: 100%;
}
#admin_menu .btn{
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}
#admin_menu .profile_label{
  float: left;
  cursor: pointer;
}
#admin_menu.dropdown-toggle::after{
  top: 12px;
  position: absolute;
  right: 8px;
}

#admin_menu .profile_name{
  height: auto;
  width: auto;
  margin-right: 10px;
}
.mainmenu .nav-link{
  padding: 10px 14px !important;
}
.mainmenu .customer_menu .nav-link{
  padding: 10px 8px !important;
  font-size: 13px;
}
.mainmenu .customer_menu ul li a{
  font-size: 13px;
}
.mainmenu .navbar-nav > li:hover > ul{
  border: 1px solid #1976D2;
  margin: 0;
  border-radius:0;
  padding: 0px !important;
}
.mainmenu .dropdown-menu, .mainmenu .dropdown-menu.navbar-nav > li:hover > ul > li:hover > .col-4{
  border: 1px solid #1976D2;
}
.navbar-light .navbar-nav .show > .nav-link{
  color: rgba(0,0,0,.5);
}
.mainmenu .dropdown-item {
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  clear: both;
  font-weight: 300;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 13px;
}
.mainmenu a.dropdown-item:hover,.mainmenu a.dropdown-item:focus {
  color: #fff;
  text-decoration: underline;
  background-color: rgba(25,118,210,1);
  text-decoration: none;
}
.mainmenu .navbar-nav > li.dropdown:hover .nav-link{
  color: rgba(255,255,255,1);
}
.mainmenu .navbar-light .navbar-nav .show > .nav-link{
  color: rgba(0,0,0,.5);
}
.mainmenu .navbar-nav > li:hover, .mainmenu .navbar-nav > li:focus, .mainmenu .navbar-nav > li > a:hover{
  background: #1976D2;
  color: #fff;
}
.mainmenu .navbar-nav > li > a, .mainmenu .navbar-nav > li:hover > a, .mainmenu .navbar-nav > li:focus > a::before{
  border-bottom:0;
}
.mainmenu .dropdown-submenu {
  position: relative;
}
.mainmenu .dropdown-submenu a.dropdown-toggle::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 19px;
}
.mainmenu .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.mainmenu .navbar-nav > li:hover > ul .dropdown-menu{
  pointer-events: auto;
  max-width: 218px;
}
.mainmenu .navbar-nav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu{
  display: none;
}
.mainmenu .btn-group.btn-group-toggle.pull-right label{
  margin-top:0;
}
.navbar-nav .dropdown-menu > li{
  clear: both;
}
.color-three{
  background: none;
}
.border_box{
  background: linear-gradient(135deg, rgba(40, 78, 123, 0.9) 0%, #2871b9 100%);
}
.w-section.inverse.no-padding.border_box{
/*  min-height: 150px;
  height: 180px;
  max-height: 250px;
*/}
.slice {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.color-one{
  -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  -moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  -o-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  
}
.card {
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  border: 0;
}
.page-wrap {
  /*margin: -110px 30px 0;*/
  -o-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
#floating-label .form-group {
  display: flex;
  height: 55px;
  margin-top: 10px;
  padding: auto;
}

#floating-label .control-label {
  font-size: 11px !important;
  font-weight: 600;
  /*opacity: 0.4;*/
  /*pointer-events: none;*/
  position: absolute;
  /*transform: scale(0.75);*/
  /*transform: translate3d(6px, 22px, 0) scale(1);*/
  transform-origin: left top;
  transition: 240ms;
  z-index: 1;
}

#floating-label .form-group.focused .control-label {
  opacity: 1;
  /*transform: scale(0.75);*/
}

#floating-label .form-control {
  align-self: flex-end;
  margin-bottom: 0px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #1976D2;
  background: #fff;
}

#floating-label .form-control::-webkit-input-placeholder {
  color: transparent;
  transition: 240ms;
}

#floating-label .form-control:focus::-webkit-input-placeholder {
  transition: none;
}

#floating-label .form-group.focused .form-control::-webkit-input-placeholder {
  color: #bbb;
}
.open > .dropdown-menu{
  display:block; 
  visibility:visible; 
  opacity: 1; 
  overflow: hidden;
}

div.tooltips{
  position: absolute;
  right: 10px;
  top: -5px;
}
/*.bootstrap-select[class*="col-"] .dropdown-toggle{*/
.input-group .bootstrap-select button{
  border-bottom: 1px solid #1976D2;
  border-bottom-width:0;
}
/* MAD-RIPPLE EFFECT */
.ripple{
  position: absolute;
  top:0; left:0; bottom:0; right:0;
  overflow: hidden;
  -webkit-transform: translateZ(0); /* to contain zoomed ripple */
  transform: translateZ(0);
  border-radius: inherit; /* inherit from parent (rounded buttons etc) */
  pointer-events: none; /* allow user interaction */
          animation: ripple-shadow 0.4s forwards;
  -webkit-animation: ripple-shadow 0.4s forwards;
}
.rippleWave{
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7); -webkit-transform: scale(0.7);
  background: rgba(255,255,255, 1);
  opacity: 0.45;
          animation: ripple 2s forwards;
  -webkit-animation: ripple 2s forwards;
}
/*Manish IMP 672*/
.tooltip-inner {
  max-width: 350px;
  font-size: 14px;
  text-align: left;
  line-height: 1.3;
  padding: 10px 10px;
  background: #284e7b;
  color: #fff;
  opacity: 1;
  /*border: 1px solid #333;*/
  }
  /*End*/
@keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@-webkit-keyframes ripple-shadow {
  0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
  100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
}
@keyframes ripple {
  to {transform: scale(24); opacity:0;}
}
@-webkit-keyframes ripple {
  to {-webkit-transform: scale(24); opacity:0;}
}
.breadcrumb{
  background: transparent;
}
.breadcrumb li a{
  color: #e6e7e8;
}
.breadcrumb li a:hover{
  color: #7a92ac;
  text-decoration: none;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #888;
}
.addon_wrap{
    padding: 0;
    margin-top: 0 !important;
}
.addon_upload .custom-file-label, .addon_upload .custom-file-label::after {
  height: auto;
  line-height: 1.3;
}
.addon_upload .custom-file{
  height: auto;
}
.main_wrapper_title, .addon_upload{
  height: 36.8px;
}
a.btn-hight , .addon_upload button{
  line-height: 1.1;
}
.lh19{
  line-height: 1.9;
}
.addons .card p{
  font-size: 12px;
}
.addons h1{
  font-size: 2em;
  color: #004470;
}
.addons .card .addon_version{
  font-size: 10px;
}
a.addon_title h3{
  font-weight: 400 !important;
  font-size: 15px;
}
a.addon_title:hover h3{
  color:#17a2b8 !important;
}
.container-fluid{
  clear: both;
}
.addon_strong{
  font-size: 10px;
}
.h-auto{
  height:auto !important;
}
.mit-20{
  margin-top: 20px !important;
}
/*.pop_md.col-12.pb-4{
  max-height: 75vh;
  overflow-y: scroll;
}*/
.navbar-nav > li > ul, .navbar-nav > li:hover > ul{
  margin-top: 0;
}
.mainmenu .navbar-nav > li > ul{
  padding: 0;
  border-radius: 0;
}

.cke_chrome {
  margin-top: 3rem !important;
}

.btn-quick {
  position: fixed;
  bottom: 12%;
   z-index: 3; 
  right: 1%;
}
.btn-quick > div {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 125px;
  /*height: 60px;
  font-size: 2rem;
  background: #ffffff;
  border-radius: 50%;*/
  color: #ffffff;
  text-align: center;
  transition: transform 0.2s ease-out;
}
.btn-quick .btn.rounded-circle.p-btn-1 {
  background: #D05935;
}
.p-btn-quick{
  padding: 10px 15px;
}
.btn-quick > div:nth-child(1) {
  padding: 12px 15px;
  /*border: 1px solid #000000;*/
  width: auto;
}
.btn-quick > div > i {
  /*line-height: 62px;*/
}
.btn-quick div label{
  display: none;
}
.btn-quick.open div label{
  display: block !important;
}
.btn-quick .quick_menu_overlay{
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2;
  display: none;
}
.open #q_toggle ~ .quick_menu_overlay{
  display: block !important;
}

.btn-quick > div:nth-child(1) {
  z-index: 10;
}


.btn-quick.open > div {
  /*border: 1px solid #000000;*/
}
.btn-quick.open > div[data-action=rotate] {
  transform: rotate(45deg);
}
.btn-quick.open > div:nth-child(2) {
  transform: translateY(-55px);
}
.version_size{
  font-size: 12px;
}
input.ace[type="checkbox"] + .lbl, input.ace[type="radio"] + .lbl{
  z-index: auto;
}

.dashboard_values div.h1{
  font-size: 24px;
}
.dashboard_values i{
  opacity: 0.7;
  transition: all .2s ease-in-out;
}
.card_shine:hover {
  /*transform: scale(1.05);*/
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  z-index: 9;
  /*background-position: 0 0, 0 0;*/
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.dashboard_values .card:hover i{
  transform: scale(1.3);
}
/* Important styles */

.open #q_toggle + #q_menu {
  opacity: 1;
  visibility: visible;
}

/* menu appearance*/
#q_menu {
  position: absolute;
  color: #999;
  width: 150px;
  padding: 10px;
  background: #ffffff;
  margin: auto;
  text-align: right;
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  /* just for this demo */
  opacity: 0;
  visibility: hidden;
  /*transition: opacity .4s;*/
  bottom: 13px;
  /*border: 1px solid #D05935;*/
  font-size: 12px;
  z-index: 9;
}
#q_menu:after {
  position: absolute;
  bottom: -13px;
  right: 18px;
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #ffffff;
}
#q_menu ul, #q_menu li, #q_menu li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  /*margin-bottom: 2px;*/
}
#q_menu ul li:last-child a{
  margin-bottom: 0 !important;
}
#q_menu li a {
  padding: 3px 5px;
  color: #000000;
  text-decoration: none;
  transition: all .2s;
  /*background: white;*/
  border-bottom: 1px solid #f5f5f5;
}
#q_menu li a:hover,
#q_menu li a:focus {
  /*background: #D05935;*/
  border-right: 4px solid #D05935;
  color: #D05935;
}
.switch {
  outline:0;
  }
  html{
  min-height: 100%;
  position: relative;
  }
  body{
  background: #E2E9F2;
  }
  footer{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  a:focus{
    outline: 0;
  }
  nav{
    z-index: 10;
  }
  a:focus {
    color: inherit;
  }
  .btn {
    padding: 5px;
    font-size: 12px;
  }
  button.btn{
    font-size: 14px;
  }
  .input-group .btn{
    /*line-height: inherit;*/
  }
  .fw4 {
    font-weight: 400;
    font-size: 23px;
  }
  .navbar-profile{
    background: #e6e7e8;
    max-width: 155px;
  }
  .navbar-brand{
    min-width: 170px;
  }
  .navbar-profile .btn.focus, .btn:focus {
    box-shadow: none;
  }
  img#logo{
    /*max-width: 70%;*/
    max-height: 42px;
  }
  #admin_menu{
      width: 100%;
  }
  #admin_menu .btn{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
  }
  #admin_menu .profile_label{
    float: left;
    cursor: pointer;
  }
  #admin_menu.dropdown-toggle::after{
    top: 12px;
    position: absolute;
    right: 8px;
  }
    /*Kinjal Issue number 80 Track account login / logout activity*/
  .report_dd button{
    padding: 0.9px 5px !important;
  }
   /*END*/
  #admin_menu .profile_name{
    height: auto;
    width: auto;
    margin-right: 10px;
  }
  .mainmenu .nav-link{
    padding: 10px 14px !important;
  }
  html[data-language='fr_FR']  .mainmenu .nav-link{
    padding: 10px 4px !important;
  }
  .mainmenu .customer_menu .nav-link{
    padding: 10px 8px !important;
    font-size: 13px;
  }
  .mainmenu .customer_menu ul li a{
    font-size: 13px;
  }
  .mainmenu .navbar-nav > li:hover > ul{
    border: 1px solid #1976D2;
    margin: 0;
    border-radius:0;
    padding: 0px !important;
  }
  .mainmenu .dropdown-menu, .mainmenu .dropdown-menu.navbar-nav > li:hover > ul > li:hover > .col-4{
    border: 1px solid #1976D2;
  }
  .navbar-light .navbar-nav .show > .nav-link{
    color: rgba(0,0,0,.5);
  }
  .mainmenu .dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    clear: both;
    font-weight: 300;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    font-size: 13px;
  }
  .mainmenu a.dropdown-item:hover,.mainmenu a.dropdown-item:focus {
    color: #fff;
    text-decoration: underline;
    background-color: rgba(25,118,210,1);
    text-decoration: none;
  }
  .mainmenu .navbar-nav > li.dropdown:hover .nav-link{
    color: rgba(255,255,255,1);
  }
  .mainmenu .navbar-light .navbar-nav .show > .nav-link{
    color: rgba(0,0,0,.5);
  }
  .mainmenu .navbar-nav > li:hover, .mainmenu .navbar-nav > li:focus, .mainmenu .navbar-nav > li > a:hover{
    background: #1976D2;
    color: #fff;
  }
  .mainmenu .navbar-nav > li > a, .mainmenu .navbar-nav > li:hover > a, .mainmenu .navbar-nav > li:focus > a::before{
    border-bottom:0;
  }
  .mainmenu .dropdown-submenu {
    position: relative;
  }
  .mainmenu .dropdown-submenu a.dropdown-toggle::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 19px;
  }
  .mainmenu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
  }
  .mainmenu .navbar-nav > li:hover > ul .dropdown-menu{
    pointer-events: auto;
    max-width: 218px;
  }
  .mainmenu .navbar-nav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu{
    display: none;
  }
  .mainmenu .btn-group.btn-group-toggle.pull-right label{
    margin-top:0;
  }
  .navbar-nav .dropdown-menu > li{
    clear: both;
  }
  .color-three{
    background: none;
  }
  .border_box{
    background: linear-gradient(135deg, rgba(40, 78, 123, 0.9) 0%, #2871b9 100%);
  }
  .w-section.inverse.no-padding.border_box{
  /*  min-height: 150px;
    height: 180px;
    max-height: 250px;
  */}
  .slice {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
  .color-one{
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    -moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    -o-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  
  }
  .card {
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    border: 0;
  }
  .page-wrap {
    /*margin: -110px 30px 0;*/
    -o-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
  #floating-label .form-group {
    display: flex;
    height: 55px;
    margin-top: 10px;
    padding: auto;
  }
  
  #floating-label .control-label {
    font-size: 11px !important;
    font-weight: 600;
    /*opacity: 0.4;*/
    /*Manish Changes IMP 70(Tooltip implementation) - Commented pointer events to show tooltip on hover*/
    /* pointer-events: none; */
    /*End*/
    position: absolute;
    /*transform: scale(0.75);*/
    /*transform: translate3d(6px, 22px, 0) scale(1);*/
    transform-origin: left top;
    transition: 240ms;
    z-index: 1;
  }
  
  #floating-label .form-group.focused .control-label {
    opacity: 1;
    /*transform: scale(0.75);*/
  }
  
  #floating-label .form-control {
    align-self: flex-end;
    margin-bottom: 0px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #1976D2;
    background: #fff;
  }
  
  #floating-label .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
  }
  
  #floating-label .form-control:focus::-webkit-input-placeholder {
    transition: none;
  }
  
  #floating-label .form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
  }
  .open > .dropdown-menu{
    display:block; 
    visibility:visible; 
    opacity: 1; 
    overflow: hidden;
  }
  
  div.tooltips{
    position: absolute;
    right: 10px;
    top: -5px;
  }
  /*.bootstrap-select[class*="col-"] .dropdown-toggle{*/
  .input-group .bootstrap-select button{
    border-bottom: 1px solid #1976D2;
    border-bottom-width:0;
  }
  /* MAD-RIPPLE EFFECT */
  .ripple{
    position: absolute;
    top:0; left:0; bottom:0; right:0;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* to contain zoomed ripple */
    transform: translateZ(0);
    border-radius: inherit; /* inherit from parent (rounded buttons etc) */
    pointer-events: none; /* allow user interaction */
            animation: ripple-shadow 0.4s forwards;
    -webkit-animation: ripple-shadow 0.4s forwards;
  }
  .rippleWave{
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(0.7); -webkit-transform: scale(0.7);
    background: rgba(255,255,255, 1);
    opacity: 0.45;
            animation: ripple 2s forwards;
    -webkit-animation: ripple 2s forwards;
  }
  /*Manish issue 70*/
  .tooltip-inner {
  max-width: 350px;
  font-size: 14px;
  text-align: left;
  line-height: 1.3;
  padding: 10px 10px;
  background: #284e7b;
  color: #fff;
  opacity: 1;
  /*border: 1px solid #333;*/
  }
  /*End*/
  @keyframes ripple-shadow {
    0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
    20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
    100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  }
  @-webkit-keyframes ripple-shadow {
    0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
    20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
    100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
  }
  @keyframes ripple {
    to {transform: scale(24); opacity:0;}
  }
  @-webkit-keyframes ripple {
    to {-webkit-transform: scale(24); opacity:0;}
  }
  .breadcrumb{
    background: transparent;
  }
  .breadcrumb li a{
    color: #e6e7e8;
  }
  .breadcrumb li a:hover{
    color: #7a92ac;
    text-decoration: none;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    color: #888;
  }
  .addon_wrap{
      padding: 0;
      margin-top: 0 !important;
  }
  .addon_upload .custom-file-label, .addon_upload .custom-file-label::after {
    height: auto;
    line-height: 1.3;
  }
  .addon_upload .custom-file{
    height: auto;
  }
  .main_wrapper_title, .addon_upload{
    height: 36.8px;
  }
  a.btn-hight , .addon_upload button{
    line-height: 1.1;
  }
  .lh19{
    line-height: 1.9;
  }
  .addons .card p{
    font-size: 12px;
  }
  .addons h1{
    font-size: 2em;
    color: #004470;
  }
  .addons .card .addon_version{
    font-size: 10px;
  }
  a.addon_title h3{
    font-weight: 400 !important;
    font-size: 15px;
  }
  a.addon_title:hover h3{
    color:#17a2b8 !important;
  }
  .container-fluid{
    clear: both;
  }
  .h-auto{
    height:auto !important;
  }
  .mit-20{
    margin-top: 20px !important;
  }
  /*.pop_md.col-12.pb-4{
    max-height: 75vh;
    overflow-y: scroll;
  }*/
  .navbar-nav > li > ul, .navbar-nav > li:hover > ul{
    margin-top: 0;
  }
  .mainmenu .navbar-nav > li > ul{
    padding: 0;
    border-radius: 0;
  }
  
  .cke_chrome {
    margin-top: 3rem !important;
  }
  
  .btn-quick {
    position: fixed;
    bottom: 12%;
     z-index: 3; 
    right: 1%;
  }
  .btn-quick > div {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 125px;
    /*height: 60px;
    font-size: 2rem;
    background: #ffffff;
    border-radius: 50%;*/
    color: #ffffff;
    text-align: center;
    transition: transform 0.2s ease-out;
  }
  .btn-quick .btn.rounded-circle.p-btn-1 {
    background: #D05935;
  }
  .p-btn-quick{
    padding: 10px 15px;
  }
  .btn-quick > div:nth-child(1) {
    padding: 12px 15px;
    /*border: 1px solid #000000;*/
    width: auto;
  }
  .btn-quick > div > i {
    /*line-height: 62px;*/
  }
  .btn-quick div label{
    display: none;
  }
  .btn-quick.open div label{
    display: block !important;
  }
  .btn-quick .quick_menu_overlay{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    display: none;
  }
  .open #q_toggle ~ .quick_menu_overlay{
    display: block !important;
  }
  
  .btn-quick > div:nth-child(1) {
    z-index: 10;
  }
  
  
  .btn-quick.open > div {
    /*border: 1px solid #000000;*/
  }
  .btn-quick.open > div[data-action=rotate] {
    transform: rotate(45deg);
  }
  .btn-quick.open > div:nth-child(2) {
    transform: translateY(-55px);
  }
  .version_size{
    font-size: 12px;
  }
  input.ace[type="checkbox"] + .lbl, input.ace[type="radio"] + .lbl{
    z-index: auto;
  }
  
  .dashboard_values div.h1{
    font-size: 24px;
  }
  .dashboard_values i{
    opacity: 0.7;
    transition: all .2s ease-in-out;
  }
  .card_shine:hover {
    /*transform: scale(1.05);*/
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    z-index: 9;
    /*background-position: 0 0, 0 0;*/
    
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  .dashboard_values .card:hover i{
    transform: scale(1.3);
  }
  /* Important styles */
  
  .open #q_toggle + #q_menu {
    opacity: 1;
    visibility: visible;
  }
  
  /* menu appearance*/
  #q_menu {
    position: absolute;
    color: #999;
    width: 150px;
    padding: 10px;
    background: #ffffff;
    margin: auto;
    text-align: right;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    /* just for this demo */
    opacity: 0;
    visibility: hidden;
    /*transition: opacity .4s;*/
    bottom: 13px;
    /*border: 1px solid #D05935;*/
    font-size: 12px;
    z-index: 9;
  }
  #q_menu:after {
    position: absolute;
    bottom: -13px;
    right: 18px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ffffff;
  }
  #q_menu ul, #q_menu li, #q_menu li a {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    /*margin-bottom: 2px;*/
  }
  #q_menu ul li:last-child a{
    margin-bottom: 0 !important;
  }
  #q_menu li a {
    padding: 3px 5px;
    color: #000000;
    text-decoration: none;
    transition: all .2s;
    /*background: white;*/
    border-bottom: 1px solid #f5f5f5;
  }
  #q_menu li a:hover,
  #q_menu li a:focus {
    /*background: #D05935;*/
    border-right: 4px solid #D05935;
    color: #D05935;
  }
  .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 26px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .switch input:checked + .slider {
    background-color: #56B1FB;
    /*background-color: #2196F3;*/
  }
  
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
  }
  
  /* Rounded sliders */
  .switch .slider.round {
    border-radius: 34px;
  }
  
  .switch .slider.round:before {
    border-radius: 50%;
  }
  #month_total_info .col-md-12{
    border-radius: 5px;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  }
  #month_total_info .col-md-12 .col-12.badge{
    padding-bottom: 10px;
  }
  #month_total_info .col-md-12 .col-6{
    font-size: 12px;
  }
  .manage_order label.text-secondary {
    /*text-transform: uppercase;*/
    /*Kinjal Issue number 1051 Order - Order detail page left side all labels display in Capital letters, it should be in camel case*/
    text-transform: capitalize;
    /*END*/
  }
  .manage_order .form-control button{
    color: #000000 !important;
    border:1px solid #e2e3e5 !important;
  }
  .customer_refill .col-sm-3 h1{
    font-size: 46px;
  }
  .customer_refill .col-sm-3 h1 sup{
    font-size: 22px;
    top: -1em;
  }
  .fw-n{
    font-weight: normal !important;
  }
  .customer_package_order ul li{
    margin-bottom: 15px;
    list-style-type: circle !important;
  }
  .customer_package_order .form-control button{
    color: #000000 !important;
  }
  .custom-file-label{
    height: 3.5rem !important;
    padding: .675rem .75rem;
  }
  .custom-file-input{
    height: 35px;
    margin-top: 4px;
  }
  .custom-file-input ~ .custom-file-label::after {
    content: "Select file" !important;
    height: 3.3rem !important;
    padding: .675rem .75rem;
  }
  .custom-file-input.selected:lang(en)::after {
    content: "" !important;
  }
  .card-two.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    overflow: initial;
  }
  .card-one.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    overflow: initial;
  }
  .error_triangle{
    color:#D95C5C; 
    padding-right: 6px; 
    padding-top: 10px;
  }
  .form-inline label {
    justify-content: left;
  }
  .main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 11;
    scrollbar-width: none;
  }
  .main::-webkit-scrollbar { 
    display: none; 
  }
  .addons .card p.card-text{
    height: 46px !important;
  }
  .addons .addon_details .card p.card-text{
    max-height: 46px !important;
    height: auto !important;
  }
  .addons .card-columns .card {
    margin-bottom: 1.25rem;
  }
  a.dropdown-item{
    white-space: initial;
  }
  a[title="Refill"] {
    text-decoration: underline;
    text-decoration-style: dotted;
    float: right;
  }
  .bs-select{
     -webkit-transform: none !important;
     -moz-transform: none !important;
     -o-transform: none !important;
     transform: none !important;
     top: auto !important;
  }
  .hDivBox tr th[align='right'] div, .autoht.flex_grid tr td[align='right'] div{
      float: right !important;
  }
  .addons .col-sm-6.col-md-6.mt-4{
    padding-right: 1.5rem;
  }
  .customer_packages .col-sm-6.col-md-6.mt-4{
    padding-right: 1.5rem;
  }
  
  .addon_features.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .addon_slider {
    max-height: 523px;
    overflow: hidden;
  }
  .pop_md .card:first-child ul, #facebox .card:first-child ul{
    overflow: auto;
  }
  /*.addons .card-deck .card {
    width: 31.65%;
    flex: initial !important;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    margin-right: 0;
  }*/
  .setting_tooltip #floating-label .control-label{
    pointer-events:auto;
  }
  #floating-label li.selected{
    position:relative;
  }
  #loading-img {
      background: url(../images/logo-only.png) center center no-repeat;
      width: 10%;
      height: 10%;
      z-index: 9999 !important;
      -webkit-animation: rotation 2s infinite linear;
      position: fixed;
      top: 40%;
      left: 40%;
  }
  .overlay {
      background:rgba(233, 233, 233,0.5); 
      display: none;       
      position: absolute; 
      top: 0;                 
      right: 0;                
      bottom: 0;
      left: 0;
      z-index:19;
    }
  .text-description-limit{
      line-height: 1.2;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  .gj-picker-bootstrap {
    border-radius: 0;
  }
  .gj-picker-bootstrap [role="header"] {
    background: #007bff;
    color: #FFF;
  }
  .gj-picker-bootstrap [role="header"] {
    color: #FFF;
  }
  .gj-picker-bootstrap .selected {
    color: #fff;
  }
  .gj-picker-bootstrap table tr td div, .gj-picker-bootstrap table tr th div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
  .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 50%;
  }
  .gj-picker-bootstrap table tr td.focused div, .gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
    border-radius: 50%;
  }
  .gj-picker-bootstrap .arrow-begin, .gj-picker-bootstrap [role="body"] [role="arrow"] {
    background-color: #007bff;
  }
  .gj-picker-bootstrap .arrow-end {
    border: 16px solid #007bff;
  }
  .gj-picker-bootstrap table tr td.today div {
    color: #007bff;
  }
  /* Kinjal Issue no 1762 Add-on - Image slider should have different color then theme color*/
  .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e31e26' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e31e26' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  }
  .card-columns{
    overflow: auto;
  }
  /* End */

.subscribe_btn {
  color: #1E73BE !important;
  background-color: #ffffff !important;
  border-color: #1E73BE !important;
  text-decoration: none;
}

.subscribe_btn:hover{
  color: #fff !important;
  background-color: rgb(196 82 143) !important;
  border-color: rgb(196 82 143) !important;
  text-decoration: none;
}

  .dropdown-divider{
    height: auto !important;
  }
  .dropdown-header{
    height: auto !important;
    border-bottom: 1px solid #e9ecef;
  }
   .bootstrap-select .dropdown-menu li a span.text{
     line-height: 13px;
   }
   .bootstrap-select .dropdown-menu li a{
     height: 40px;
   }
  @-webkit-keyframes rotation {
      from {
          -webkit-transform: rotate(0deg);
      }
      to {
          -webkit-transform: rotate(359deg);
      }
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  .chrome .pop_md .card-columns .card{
          display: -webkit-inline-box;
          position: initial;
    }
    html.mobile{
      overflow: auto;
    }
  }
  @media screen and (max-width:380px) {
    .border_box .col-md-12.no-padding .col-8 h1{font-size: 22px;}    
  }
  @media screen and (max-width:480px) {
    .addon_wrap{
      padding: 0px 0px 85px !important;
    }
    .addons h1 {
      font-size: 1.5em;
    }
    .addons .card-columns, .card-two.card-columns {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
    }
  }
  @media screen and (min-width:576px) and (max-width:689px){
    a.addon_title h3{
      font-size: 12.5px;
    }
  }
  @media screen and (min-width:690px) and (max-width:736px){
    a.addon_title h3{
      font-size: 14px;
    }
  }
  @media screen and (min-width:576px) and (max-width:991px){
    .addons .card-columns {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
    }
  }
  @media screen and (max-width:767px){
      .page-wrap{
      padding: 10px 15px 85px !important;
    }
  }
  @media screen and (max-width:991px){
    button.btn{
      font-size: 12px;
    }
     .mainmenu .navbar-nav > li.show > a{
      background: #1976D2;
      color: #fff;
    }
    .mainmenu .navbar-nav > li.show > a{
      color: rgba(255,255,255,1) !important;
    }
    .dropdown-toggle::after{
      position: absolute;
      top: 50%;
      right: 15px;
    }
    nav.navbar.navbar-expand-lg{
      padding: 0;
    }
    nav.navbar.navbar-expand-lg button.navbar-toggler{
      margin-right: 15px;
    }
    #main_menu{
      margin-top: 10px;
      padding: 0;
      border-top: 1px solid #1976D2;
    }
    #main_menu li.nav-item.dropdown{
      border-bottom: 1px solid #1976D2;
    }
    .navbar-profile{
      min-width: 100%;
    }
    #admin_menu{
      padding: 10px 15px;
    }
    #admin_menu.dropdown-toggle::after{
      top: 18px;
      right: 15px;
    }
    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: .1rem;
      margin-right: .1rem;
    }
    .mainmenu .navbar-nav > li.dropdown > ul.dropdown-menu.show > li.dropdown-submenu > ul.dropdown-menu.show{
      display: block;
    }
  
  
    .navbar-nav > li.show > ul > li > ul.show.col-4{
      animation-name: flipInX;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      float: left;
      bottom: auto;
      height: auto;
      width: 87%;
      left: 0;
      top: auto;
      padding: 10px 0px;
      border-radius: 0px;
      position: relative;
      margin: 0px 20px 10px;
      background: #fff;
      border: 1px solid #1976D2;
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
      z-index: 1000;
    }
    .mainmenu .navbar-nav > li.show{
      background: transparent;
    }
    .dashboard_values div.h1{
      font-size: 30px;
    }
    .dashboard_values h3{
      font-size: 10px;
    }
    .mainmenu .navbar-nav > li:hover > ul .dropdown-menu{
      max-width: 100%;
    }
    .addons .col-sm-6.col-md-6.mt-4:nth-child(2n){
      padding-right: 0 !important;
    }
    .customer_packages .col-sm-6.col-md-6.mt-4:nth-child(2n){
      padding-right: 0 !important;
    }
    #q_menu {
      font-size: 10px;
    }
    #q_menu li a {
    padding: 2px 5px;
    }
  }
  @media screen and (min-width:992px){
    .mainmenu .navbar-nav > li:hover > ul.dropdown-menu {
      display: block;
    }
    .navbar-nav > li > ul{transform: scaleY(0);}
    .navbar-nav > li:hover > ul{box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);transform: scaleY(1);min-width:200px; background:#fff;  visibility: visible;opacity: 1;}
  
    .mainmenu .navbar-nav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu{
      display: block;
    }
    .mainmenu .navbar-nav > li:hover > ul > li:hover > .col-4{
      bottom: auto;
      height: auto;
      margin: -41px 0px 0px 0px;
      width: 100%;
    }
    .addons .col-sm-6.col-md-6.mt-4:nth-child(3n){
      padding-right: 0;
    }
    .customer_packages .col-sm-6.col-md-6.mt-4:nth-child(3n){
      padding-right: 0;
    }
  }
  @media screen and (min-width:992px) and (max-width:1011px) {
    .mainmenu .nav-link{
      padding: 9px !important;
    }
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 9px 2px !important;
    }
    .navbar-nav > li > a{
      font-size: 11px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 9.8px !important;
    }
    a.addon_title h3{
      font-size: 14px;
    }
  }
  @media screen and (min-width:1012px) and (max-width:1059px) {
    .mainmenu .nav-link{
      padding: 9px !important;
    }
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 9px 2px !important;
    }
    .navbar-nav > li > a{
      font-size: 11px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 10px !important;
    }
    a.addon_title h3{
      font-size: 14px;
    }
  }
  @media screen and (min-width:1060px) and (max-width:1102px) {
    .mainmenu .nav-link{
      padding: 10px !important;
    }
    .navbar-nav > li > a{
      font-size: 12px !important;
    }
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 10px  3px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 10px !important;
    }
  }
  @media screen and (min-width:1102px) and (max-width:1133px) {
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 10px  3px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 11px !important;
    }
  }
  @media screen and (min-width:1134px) and (max-width:1172px) {
    .mainmenu .nav-link{
      padding: 10px 12px !important;
    }
    .navbar-nav > li > a{
      font-size: 12px !important;
    }
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 10px 3px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 11.5px !important;
    }
  }
  @media screen and (min-width:1200px) and (max-width:1296px) {
    a.addon_title h3{
      font-size: 13px;
    }
  }
  @media screen and (min-width:1173px) and (max-width:1215px) {
    .mainmenu .nav-link{
      padding: 10px 12px !important;
    }
    html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 10px 4px !important;
    }
  }
  @media screen and (min-width:1173px) and (max-width:1190px) {
    .navbar-nav > li > a{
      font-size: 13px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 11.5px !important;
    }
  }
  @media screen and (min-width:1191px) and (max-width:1258px) {
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 12px !important;
    }
  }
  @media screen and (min-width:1259px) and (max-width:1349px) {
     html[data-language='fr_FR'] .mainmenu .nav-link{
      padding: 10px 4px !important;
    }
    html[data-language='fr_FR'] .navbar-nav > li > a{
      font-size: 13px !important;
    }
  }
  
/* ===== END style.css ===== */


/* ===== BEGIN com-style.css ===== */
body .border_box{
    background: #fff !important;
  }
  .border_box h2{
    color: #000 !important;
  }
  .site-footer .text-light{
    color: #000 !important;
  }
  #create, #create_provider, #generate_search, #new, #update, #currencies_update {
    background: rgb(24, 95, 157) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    border: 1px solid rgb(24, 95, 157) !important;
}
#create:hover, #create_provider:hover, #new:hover, #generate_search:hover, #update:hover, #currencies_update:hover {
    background-color: rgb(123, 115, 176) !important;
    border: 1px solid rgb(123, 115, 176) !important;
}
body .mainmenu .navbar-nav > li:hover, 
body .mainmenu .navbar-nav > li:focus, 
body .mainmenu .navbar-nav > li > a:hover{
    background: #185F9D;
    color: #fff !important;
}
.navbar-nav .dropdown-menu > li:hover > a, .navbar-nav .dropdown-menu > li:focus > a {
    background: #185F9D;
    color: #fff;
    border-left: 0px solid #1E73BE;
}
a {
    color: #1E73BE;
    text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {

    background-color: #1E73BE;
}
#floating-label li a:hover {
    background-color: #9D91CC;
    color: #fff;
}
.btn-success, .btn-line-warning, .btn-line-warning a, .btn-line-blue, .btn-line-blue a, .btn-xing, .btn-xing a, .btn-warning,.btn-update  {
    color: #fff !important;
    background-color: #1E73BE !important;
    border: none;
    text-decoration: none;
}
.btn-line-warning:hover, .btn-line-warning:hover a, .btn-line-warning:focus, .btn-line-warning:active, .btn-line-warning.active,
.btn-line-blue:hover, .btn-line-blue:hover a, .btn-line-blue:focus, .btn-line-blue:active, .btn-line-blue.active,
.btn-xing:hover, .btn-xing:hover a, .btn-xing:focus, .btn-xing:active, .btn-xing.active,
.btn-warning:hover, .btn-warning:hover a, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #FFF;
    background-color: #9D91CC !important;
    transition: all 0.35s ease 0s;
}
.switch input:checked + .slider {
    background-color: #9D91CC;
    /* background-color: #2196F3; */
}
.badge-primary, .badge-success{
    background-color: #1E73BE;
}
.bg-primary {
  background-color: #1E73BE !important;
}
.badge-dark {
    color: #141414;
    background-color: #d9d8d8 !important;
    border-radius: 0;
}
body .mainmenu a.dropdown-item:hover, 
body .mainmenu a.dropdown-item:focus {
  color: #fff;
  text-decoration: underline;
  background-color: #1E73BE;
  text-decoration: none;
}
body .mainmenu .dropdown-menu, 
body .mainmenu .dropdown-menu.navbar-nav > li:hover > ul > li:hover > .col-4 {
  border: 1px solid #1E73BE;
}
footer .text-warning , 
.text-primary , 
.forgot_pass,
.form-group.control-select .control-label, 
.form-group.control-focus .control-label, 
.form-group.control-highlight .control-label 
{
    color: #1E73BE !important;
}
.bg-secondary
{
    background-color:#fff;
    color: #000; 
}
body 
{
  background: #F7F9FC;
}
body .mainmenu .navbar-nav > li:hover > ul,
body .navbar-nav > li:hover > ul > li:hover > .col-4
{
    border: 1px solid #1E73BE;
}
#login_form .border_box , #login_form  .btn_index:hover, #customer_form .border_box {
  background: rgb(24, 95, 157) !important;
}
#login_form .border_box:hover {
  background: rgb(123, 115, 176) !important;
  border-color: rgb(123, 115, 176) !important;
}
.btn-outline-primary
{
    border-color: rgb(24, 95, 157) !important;
    color: rgb(24, 95, 157);
}
#login_form .btn_index:hover,
#customer_form .btn_index:hover
{
    color: #fff;
    background: rgb(24, 95, 157) !important;
}
.form-control:focus
{
    border-color: #1E73BE;
}
.btn-quick .btn.rounded-circle.p-btn-1 {
  background: #1E73BE;
}

.alert-danger {
    color: #1E73BE !important;
    background-color: #ffe9f5;
    border-color: #1E73BE !important;
}
.btn-line-danger {
    color: #1E73BE !important;
    background-color: transparent;
    border-color: #1E73BE !important;
}
.btn-line-danger:hover, .btn-line-danger:focus, .btn-line-danger:active, .btn-line-danger.active {
    color: #FFF !important;
    background-color: #1E73BE !important;
    transition: all 0.35s ease 0s;
}
#floating-label h3 {
    padding: 15px;
    color: #141414 !important;
    border-bottom: 1px solid #dee2e6;
}
h3.bg-secondary.text-light.p-3.rounded-top {
    padding: 15px;
    color: #141414 !important;
    border-bottom: 1px solid #dee2e6;
    font-weight: 500;
}
#floating-label  .bg-secondary {
    background-color: #ffffff!important;
}
.rounded-top {
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
}
.btn-primary{
    background: rgb(24, 95, 157) !important;
    border-color: rgb(24, 95, 157) !important;
  }
  .btn-primary:hover{
    background: rgb(123, 115, 176) !important;
    border-color: rgb(123, 115, 176) !important;
  }

.sidebar .sidemenu li.active, .sidebar .sidemenu li:hover {
  color: #FFF;
  position: relative;
  background: #1E73BE none repeat scroll 0 0;
}
.btn-info:hover , .btn-info , .btn-outline-primary:hover
{
color: #fff;
background-color: #1E73BE;
border-color: #1E73BE;
}
.card a.addon_title:hover h3
{
    color: #1E73BE !important;
}
a.text-light:focus, a.text-light:hover
{
    color: #fff !important;
}
.form-group .form-control:focus , #floating-label .form-control
{
    border-color: #1E73BE;
}
.content_border 
{
  border: 0px;
}
.card-header , #permissions_form .bg-secondary
 {
  background-color: #fff !important;
}
body .navbar-nav .dropdown-menu > li > a:hover, 
body .navbar-nav .dropdown-menu > li > a:focus
{
background: #1E73BE;
color: #fff;
border-left: 0px;
}
.card-header 
{
    background: #fff;
}
.btn-royelblue
{
 color: #1E73BE;   
}
.border_box .breadcrumb li a {
  color: #000;
}
.text-danger
{
    color: #1E73BE !important;
}
.btn.btn-secondary
{
color: #fff !important;
border: none !important;
background: #1E73BE !important;
}
.card .border-primary
{
    border-color: #1E73BE !important;
}
.card .btn-link
{
    color: #1E73BE;
}
.mainmenu .navbar-nav > li.dropdown .nav-link {
  color: #494E53;
}
.mainmenu .navbar-nav > li.dropdown li.dropdown-submenu a.nav-link {
  color: #494E53;
}
.mainmenu .navbar-nav > li.dropdown li.dropdown-submenu a.nav-link:hover {
  color: #fff;
}
.mainmenu .navbar-nav > li.dropdown:hover li.dropdown-toggle.dropdown-item a.nav-link {
  color: #fff;
}
.event-info-box .card-footer a
{
    padding: 0px 10px;
}
.event-info-box .card-footer a {
  padding: 0px 10px;
  font-weight: 600;
  line-height: 20px;
}
.event-info-box .card-footer a:hover,
.event-info-box .card-footer a:focus,
.event-info-box .card-footer a:visited
{
    color: #1E73BE !important;
}
.pop_md .btn-secondary, form .btn-secondary
{
    color: #1E73BE !important;
    border: none !important;
    background: none !important;
}
.card h3.bg-secondary.text-light.p-3.rounded-top
{
    background-color: transparent !important;
}
.card.dashboard-block h3.text-dark
{
    border-bottom: 1px solid #f2f0f0;
    font-weight: 600;
}
.gj-picker-bootstrap table tr td.today div
{
    background-color: #EEE;
    color: #000;
    border-radius: 50%;
}
.label-inverse_blue, .label.label-inverse_blue, .badge.badge-inverse_blue, .badge-inverse_blue {
  background-color: #1E73BE;
}
.label.arrowed_blue-in::before {
  border-color: #1E73BE;
  border-left-color: transparent;
  -moz-border-left-colors: none;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #9D91CC;
  border-color: #9D91CC;
}
.btn-outline-info {
  color: #9D91CC;
  background-color: transparent;
  background-image: none;
  border-color: #9D91CC;
}
.btn-danger, .btn-danger:hover 
{
  color: #fff;
  background-color: #1E73BE;
  border-color: #1E73BE;
}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
  background-color: #1E73BE;
  border-color: #1E73BE;
  border-radius: 50%;
}
.btn-info.disabled, .btn-info:disabled
{
color: #fff;
background-color: #1E73BE;
border-color: #1E73BE;
}
.btn-line-sky:hover , .btn-line-sky 
{
  color: #FFF;
  border-color: #1E73BE;
  border-radius: 3px;
  background-color: #1E73BE;
  text-decoration: none;
}
a:hover, a:focus
{
    text-decoration: none;
}
.gj-picker-bootstrap [role="header"] {
    background: #1E73BE;
    color: #FFF;
}
img#logo {
    max-width: 150px;
}
.text-info
{
    color: #1E73BE !important;
}
.alert-success 
{
  color: #fff;
  background-color: #9D91CC;
  border-color: #9D91CC;
}
a.addon_title h3 {
  font-weight: 400 !important;
  font-size: 14px;
}
.dashboard_values .alert-primary {
  color: #fff;
  background-color: #9D91CC;
  border-color: #9D91CC;
}
.dashboard_values .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
body .btn-info:not(:disabled):not(.disabled).active:focus, 
body .btn-info:not(:disabled):not(.disabled):active:focus, 
body .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #1E73BE;
}
body .btn-info:not(:disabled):not(.disabled).active, 
body .btn-info:not(:disabled):not(.disabled):active, 
body .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #1E73BE;
  border-color: #1E73BE;
}
.navbar-profile.dropdown a.dropdown-toggle:hover, .navbar-profile.dropdown a.dropdown-toggle a:focus, .navbar-profile.dropdown a.dropdown-toggle {
  color: #1E73BE;
}
.w-section.inverse .dashboard-left h2
{
font-size: 18px;
}
.w-section.inverse .dashboard-left h2, .call_graph_box h3.text-dark
{
    font-weight: 600;
}
.call_graph_box h3.text-dark, .card.dashboard-block h3.text-dark
{
font-size: 16px;    
}
#search_bar button.btn.btn-secondary,
#update_bar button.btn.btn-secondary
{
  color: #1E73BE !important;
  border: none !important;
  background: transparent !important;
}
.license_view .alert-secondary {
  background: linear-gradient( 135deg, #1E73BE 0%, #1E73BE 100%) !important;
  color: #fff;
}
.btn-royelblue:hover, .btn-royelblue:focus, .btn-royelblue:active, .btn-royelblue.active, .open .dropdown-toggle.btn-royelblue {
  background-color: #1E73BE;
  border: 1px solid #1E73BE;
  outline: none;
  transition: all 0.35s ease 0s;
}
#search_bar .btn-line-parrot, #search_bar .btn-line-parrot:hover, #search_bar .btn-line-parrot:focus, #search_bar .btn-line-parrot:active, #search_bar .btn-line-parrot.active,
#update_bar .btn-line-parrot, #update_bar .btn-line-parrot:hover, #update_bar .btn-line-parrot:focus, #update_bar .btn-line-parrot:active, #update_bar .btn-line-parrot.active
{
  color: #FFF;
  background-color: #1E73BE;
  border: 1px solid #1E73BE;
  transition: all 0.35s ease 0s;
}
.flexigrid .fbutton span.btn.btn-line-warning,
.flexigrid .fbutton span.btn.btn-xing,
.flexigrid .fbutton span.btn.btn-line-blue
{
    line-height: 21px;
}
.dashboard-right .mainmenu .dropdown-item.active
{
    color: #fff;
}
.dashboard-right .mainmenu .dropdown-item
{
    color: #000;
}
#gateway_grid .label.arrowed-in::before , #popupid .label.arrowed-in::before{
  border-color: #1E73BE;
  border-left-color: transparent;
  -moz-border-left-colors: none;
}
#gateway_grid .label-inverse, #gateway_grid .label.label-inverse, #gateway_grid .badge.badge-inverse, #gateway_grid .badge-inverse,
#popupid .label-inverse, #popupid .label.label-inverse, #popupid .badge.badge-inverse, #popupid .badge-inverse
{
  background-color: #1E73BE;
}
.row.equal-height
{
     display: flex;
     flex-wrap: wrap;
}
.dashboard-block.equal-height .col-lg-6
{
    display: flex;
    flex-direction: column;
}
.dashboard-block.equal-height .card-body table
{
    margin-bottom: 0px;
}
.events-block .card-body
{
    min-height: 270px;
}
.events-block .not_data
{
    padding: 95px 0px;
}
.dashboard-block.specs-info .card-body
{
    min-height: 100px;
    display: flex;
    align-items: center;
}
div.addon_slider
{
max-height: unset;
}
button#submit_otp
{
    background: linear-gradient(135deg,  #1E73BE 0%,  #1E73BE 100%) !important;
}
label.resend_otp a.text-primary:hover
{
    color: #1E73BE !important;
}
.rss-widget ul > li:not(:last-child)
{
    border-bottom: 1px solid #e9ecef;
}
.rss-widget ul li p
{
    margin: 0px;
}
.rss-widget ul > li:not(:first-child)
{
    padding: 5px 0px;
}
.rss-widget ul > li:first-child
{
    padding-bottom: 5px;
}
.rss-widget
{
height: 250px;
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #1E73BE;
  border-color: #1E73BE;
}
span.font-12
{
    font-size: 12px;
}
a.rsswidget_link
{
    font-size: 13px;
    font-weight: 500;
}
a.rsswidget_link:hover,
a.rsswidget_link:focus,
a.rsswidget_link:active
{
    color: #1E73BE;
}
ul.os-info li
{
line-height: 24px;
}
body .mainmenu .dropdown-menu
{
    z-index: 1001;
}
.no-sidebar nav.navbar
{
    position:static;
}
.rss-widget .description p{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1; 
   -webkit-box-orient: vertical;
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle
{
  color: #fff;
  background-color: #9D91CC;
  border-color: #9D91CC;
}
#floating-label div.bootstrap-select.form-control
{
border-bottom: 0px;
}
#search_bar #floating-label div.bootstrap-select.form-control,
#update_bar #floating-label div.bootstrap-select.form-control,
#search_bar .gj-datepicker-bootstrap [role="right-icon"] button,
#update_bar .gj-datepicker-bootstrap [role="right-icon"] button
{
    border-bottom: 1px solid #1E73BE !important;
}
/* ===== END com-style.css ===== */


/* =========================================================
   INTERCLOUD9 AUTHORITATIVE COLOR CONTRACT
   ========================================================= */

:root {
    --ic9-blue: #1E73BE;
    --ic9-blue-dark: #185F9D;
    --ic9-charcoal: #222222;
    --ic9-dark-gray: #575760;
    --ic9-medium-gray: #B2B2BE;
    --ic9-light-gray: #F0F0F0;
    --ic9-light-blue: #EEF5FB;
    --ic9-white: #FFFFFF;
    --ic9-red: #DC3545;
    --ic9-green: #28A745;
    --ic9-yellow: #FFC107;
}

/* White top navigation */
nav.navbar.mainmenu,
nav.navbar {
    background: var(--ic9-white);
    border-bottom: 1px solid #D9DCE2;
}

/* Visible menu text */
nav.navbar.mainmenu .navbar-nav > li > a,
nav.navbar.mainmenu .nav-link,
nav.navbar.mainmenu .dropdown-toggle {
    color: var(--ic9-charcoal);
    background: transparent;
    background-image: none;
}

/* Blue hover/open menu */
nav.navbar.mainmenu .navbar-nav > li:hover > a,
nav.navbar.mainmenu .navbar-nav > li.show > a,
nav.navbar.mainmenu .navbar-nav > li.active > a,
nav.navbar.mainmenu .dropdown-toggle[aria-expanded="true"] {
    color: var(--ic9-white);
    background: var(--ic9-blue);
}

/* Buttons */
.btn-primary,
.btn-info,
.btn-search,
.btn-line-warning,
.btn-tw,
button[type="submit"]:not(.btn-danger),
input[type="submit"]:not(.btn-danger) {
    color: var(--ic9-white);
    background: var(--ic9-blue);
    background-image: none;
    border-color: var(--ic9-blue);
}

.btn-primary:hover,
.btn-info:hover,
.btn-search:hover,
.btn-line-warning:hover,
.btn-tw:hover {
    color: var(--ic9-white);
    background: var(--ic9-blue-dark);
    border-color: var(--ic9-blue-dark);
}

/* Secondary and Cancel buttons: blue outline */
.btn-secondary,
.btn-default,
.btn-outline-secondary,
input[value="Cancel"],
button[value="Cancel"] {
    color: var(--ic9-blue);
    background: var(--ic9-white);
    background-image: none;
    border-color: var(--ic9-blue);
}

.btn-secondary:hover,
.btn-default:hover,
.btn-outline-secondary:hover,
input[value="Cancel"]:hover,
button[value="Cancel"]:hover {
    color: var(--ic9-white);
    background: var(--ic9-blue);
    border-color: var(--ic9-blue);
}

/* Delete/destructive buttons */
.btn-danger,
.btn-delete,
.delete_btn,
.remove_btn,
input[value="Delete"] {
    color: var(--ic9-white);
    background: var(--ic9-red);
    background-image: none;
    border-color: var(--ic9-red);
}

/* Pagination, tabs and active controls */
.pagination .page-item.active .page-link,
.dataTables_paginate .current,
.nav-tabs .nav-link.active,
.bootstrap-switch-on,
.onoffswitch-checkbox:checked + .onoffswitch-label {
    color: var(--ic9-white);
    background: var(--ic9-blue);
    border-color: var(--ic9-blue);
}

.pagination .page-link,
.nav-tabs .nav-link,
a {
    color: var(--ic9-blue);
}

/* Totals */
table tr.total,
table tr.total-row,
table tr.font-weight-bold,
table tfoot tr,
table tr.total td,
table tr.total-row td,
table tr.font-weight-bold td,
table tfoot td,
table tfoot th {
    color: var(--ic9-blue-dark);
    background: var(--ic9-light-blue);
    border-color: #D9DCE2;
}

/* Semantic statuses */
/* Dashboard alert severities: one semantic scale for all categories. */
.ic9-alert-low {
    background: var(--ic9-green) !important;
    border-color: var(--ic9-green) !important;
}

.ic9-alert-medium {
    background: var(--ic9-yellow) !important;
    border-color: var(--ic9-yellow) !important;
}

.ic9-alert-high {
    background: var(--ic9-red) !important;
    border-color: var(--ic9-red) !important;
}

.badge-success {
    color: var(--ic9-white);
    background: var(--ic9-green);
}

.badge-warning {
    color: var(--ic9-charcoal);
    background: var(--ic9-yellow);
}

.badge-danger {
    color: var(--ic9-white);
    background: var(--ic9-red);
}

.ic9-insufficient-volume,
.badge-insufficient-volume {
    color: var(--ic9-white);
    background: var(--ic9-green);
}

/* =========================================================
   IC9 PAGINATION AND STATUS CONTROLS
   ========================================================= */

/* Grid pagination arrows, page selector and refresh */
.p-btn-1,
.p-btn-2,
.p-btn-3,
.pagination a,
.pagination button,
.pagination .page-link,
.page_navigation a,
.page-navigation a,
.paging a,
.grid-pagination a,
.fa-angle-left,
.fa-angle-right,
.fa-angle-double-left,
.fa-angle-double-right,
.fa-chevron-left,
.fa-chevron-right,
.fa-fast-backward,
.fa-fast-forward,
.fa-refresh {
    color: #1E73BE !important;
}

.p-btn-1:hover,
.p-btn-2:hover,
.p-btn-3:hover,
.pagination a:hover,
.pagination button:hover,
.pagination .page-link:hover,
.page_navigation a:hover,
.page-navigation a:hover,
.paging a:hover,
.grid-pagination a:hover {
    color: #185F9D !important;
}

.pagination .active,
.pagination .page-item.active .page-link,
.page_navigation .active,
.page-navigation .active,
.paging .active,
.grid-pagination .active {
    color: #FFFFFF !important;
    background: #1E73BE !important;
    border-color: #1E73BE !important;
}

/* Status switches: gray OFF, blue ON */
.onoffswitch-label,
.switch .slider,
.slider,
.toggle-switch,
.bootstrap-switch,
.status-switch,
.status-toggle {
    background-color: #B2B2BE !important;
    border-color: #B2B2BE !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.switch input:checked + .slider,
input[type="checkbox"]:checked + .slider,
.toggle-switch.active,
.status-switch.active,
.status-toggle.active,
.bootstrap-switch-on,
.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on {
    background-color: #1E73BE !important;
    border-color: #1E73BE !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.switch input:checked + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    border-color: #1E73BE !important;
}

/* Circular grid refresh/page icons */
.btn-quick > div,
#q_toggle,
.record-nav i,
.pagination-wrapper i {
    color: #1E73BE !important;
}

/* Final pagination controls */
.pagination a,
.pagination button,
.pagination .page-link,
.page_navigation a,
.page-navigation a,
.paging a,
.grid-pagination a,
.record-nav a,
.record-nav i,
.p-btn-1,
.p-btn-2,
.p-btn-3,
.fa-angle-left,
.fa-angle-right,
.fa-angle-double-left,
.fa-angle-double-right,
.fa-chevron-left,
.fa-chevron-right,
.fa-fast-backward,
.fa-fast-forward,
.fa-refresh {
    color: #1E73BE !important;
    border-color: #1E73BE !important;
}

.pagination a:hover,
.pagination button:hover,
.pagination .page-link:hover,
.page_navigation a:hover,
.page-navigation a:hover,
.paging a:hover,
.grid-pagination a:hover {
    color: #FFFFFF !important;
    background: #1E73BE !important;
    border-color: #1E73BE !important;
}

.pagination .active,
.pagination .page-item.active .page-link,
.page_navigation .active,
.page-navigation .active,
.paging .active,
.grid-pagination .active {
    color: #FFFFFF !important;
    background: #1E73BE !important;
    border-color: #1E73BE !important;
}

/* Final status controls */
.onoffswitch-label,
.switch .slider,
.toggle-switch,
.status-switch,
.status-toggle,
.bootstrap-switch {
    background-color: #B2B2BE !important;
    border-color: #B2B2BE !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.switch input:checked + .slider,
input[type="checkbox"]:checked + .slider,
.toggle-switch.active,
.status-switch.active,
.status-toggle.active,
.bootstrap-switch-on,
.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on {
    background-color: #1E73BE !important;
    border-color: #1E73BE !important;
    color: #FFFFFF !important;
}

/* ASTPP grid footer navigation */
.table-responsive + div a,
.table-responsive + div button,
.grid_footer a,
.grid_footer button,
.grid-footer a,
.grid-footer button,
.pagination_data a,
.pagination_data button,
.pagination-wrapper a,
.pagination-wrapper button,
.paging a,
.paging button,
.p-btn-1,
.p-btn-2,
.p-btn-3,
.p-btn-4,
.p-btn-5,
.btn-quick,
.btn-quick > div {
    color: #1E73BE !important;
    border-color: #1E73BE !important;
    background-color: transparent !important;
}

/* Font Awesome and generated arrow icons */
.grid_footer i,
.grid-footer i,
.pagination_data i,
.pagination-wrapper i,
.paging i,
.p-btn-1 i,
.p-btn-2 i,
.p-btn-3 i,
.p-btn-4 i,
.p-btn-5 i,
.btn-quick i,
.grid_footer a::before,
.grid_footer a::after,
.grid-footer a::before,
.grid-footer a::after,
.pagination_data a::before,
.pagination_data a::after,
.paging a::before,
.paging a::after {
    color: #1E73BE !important;
    fill: #1E73BE !important;
}

/* Hover */
.grid_footer a:hover,
.grid-footer a:hover,
.pagination_data a:hover,
.pagination-wrapper a:hover,
.paging a:hover,
.p-btn-1:hover,
.p-btn-2:hover,
.p-btn-3:hover,
.p-btn-4:hover,
.p-btn-5:hover,
.btn-quick:hover {
    color: #185F9D !important;
    border-color: #185F9D !important;
}

/* Green icon for "No alerts for this category" */
.alerts .fa-circle,
.alerts .status-good,
.alerts .no-alerts i,
.alerts .no-alerts .fa,
.alerts li.ok i,
.alerts li.success i,
.alerts li.success::before,
.alerts li.ok::before {
    color: #28A745 !important;
}

/* Green bullet if the alert uses a CSS dot instead of an icon */
.alerts .bullet,
.alerts .dot,
.alerts li.ok::before,
.alerts li.success::before {
    background: #28A745 !important;
}

/* No alerts = green */
.ic9-alert-blue{
    background:#28A745 !important;
    border-color:#28A745 !important;
}

/* =========================================================
   InterCloud9 Login Screen
   ========================================================= */
.ic9-login-page {
    display: flex !important;
    flex-direction: row;
    align-items: stretch !important;
    justify-content: stretch;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    background: #ffffff;
    font-family: Montserrat, Arial, sans-serif;
}

.ic9-login-shell {
    position: relative;
    flex: 1 1 100%;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 165px 24px 36px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgba(30,115,190,.055), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #fbfdff 60%, #eef6fc 100%);
}

/* Full InterCloud9 wordmark at the top of the page. */
.ic9-login-shell::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 50%;
    width: min(820px, 68vw);
    height: 150px;
    transform: translateX(-50%);
    background: url('../images/intercloud9-login-logo.jpg') center center / contain no-repeat;
    pointer-events: none;
}

/* Large globe artwork anchored to the lower-left background. */
.ic9-login-shell::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: -40px;
    bottom: -70px;
    width: min(680px, 44vw);
    aspect-ratio: 1 / 1;
    background: url('../images/intercloud9-login-globe.png') center center / contain no-repeat;
    mix-blend-mode: multiply;
    opacity: .98;
    pointer-events: none;
}

.ic9-login-panel {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 460px;
    display: flex;
    justify-content: center;
}

.ic9-login-card {
    width: 100%;
    padding: 42px 38px 34px;
    background: rgba(255,255,255,.98);
    border: 1px solid #e2e6eb;
    border-radius: 14px;
    box-shadow: 0 14px 36px rgba(34,34,34,.16);
}

.ic9-login-title {
    margin: 0 0 34px;
    color: #1E73BE;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
}

.ic9-login-field {
    position: relative;
    margin-bottom: 28px;
    padding-top: 8px;
}

.ic9-login-field .control-label {
    color: #1E73BE !important;
    font-weight: 500;
}

.ic9-login-field .form-control {
    border: 0 !important;
    border-bottom: 1px solid #bfc5cc !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0;
    color: #222222;
    background: transparent !important;
}

.ic9-login-field .form-control:focus {
    border-bottom-color: #1E73BE !important;
}

.ic9-login-submit,
.ic9-login-submit:focus,
.ic9-login-submit:active {
    min-height: 50px;
    background: #1E73BE !important;
    border-color: #1E73BE !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: 600;
}

.ic9-login-submit:hover {
    background: #185F9D !important;
    border-color: #185F9D !important;
    color: #ffffff !important;
}

.ic9-login-forgot {
    margin: 28px 0 0;
    text-align: center;
}

.ic9-login-forgot a {
    color: #1E73BE !important;
    font-weight: 500;
    text-decoration: none;
}

.ic9-login-forgot a:hover {
    color: #185F9D !important;
    text-decoration: underline;
}

.ic9-login-alert {
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .ic9-login-shell::before {
        width: min(720px, 76vw);
    }

    .ic9-login-shell::after {
        left: -130px;
        width: min(620px, 52vw);
        opacity: .78;
    }
}

@media (max-width: 760px) {
    .ic9-login-page {
        overflow: auto;
    }

    .ic9-login-shell {
        min-height: 100vh;
        padding: 130px 18px 30px;
    }

    .ic9-login-shell::before {
        top: 16px;
        width: 88vw;
        height: 105px;
    }

    .ic9-login-shell::after {
        left: 50%;
        bottom: -150px;
        width: 620px;
        max-width: 145vw;
        transform: translateX(-50%);
        opacity: .15;
    }

    .ic9-login-panel {
        max-width: 500px;
    }

    .ic9-login-card {
        padding: 32px 24px 28px;
    }

    .ic9-login-title {
        margin-bottom: 28px;
        font-size: 26px;
    }
}

/* InterCloud9 system-health severity indicators */
.ic9-dashboard .ic9-health-status {
    font-weight: 600;
    transition: color .2s ease;
}

.ic9-dashboard .ic9-health-low {
    color: #28A745 !important;
}

.ic9-dashboard .ic9-health-medium {
    color: #FFC107 !important;
}

.ic9-dashboard .ic9-health-high {
    color: #DC3545 !important;
}



/* =========================================================
   INTERCLOUD9 GLOBAL FLEXIGRID PAGINATION
   Shared by every ASTPP list/report that uses Flexigrid.
   ========================================================= */
.flexigrid div.pDiv {
    min-height: 52px;
    padding: 6px 10px !important;
    background: #F1F3F6 !important;
    border: 1px solid #D9DCE2 !important;
    border-top: 0 !important;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
}

.flexigrid div.pDiv div.pDiv2 {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    min-height: 38px;
    width: 100% !important;
    color: #222222 !important;
    gap: 0;
}

.flexigrid div.pDiv .pGroup {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    float: none !important;
    height: 38px !important;
    margin: 0 4px !important;
}

.flexigrid div.pDiv .btnseparator {
    flex: 0 0 1px;
    float: none !important;
    width: 1px !important;
    height: 24px !important;
    margin: 0 5px !important;
    background: #D9DCE2 !important;
    border: 0 !important;
}

.flexigrid div.pDiv .pPageStat,
.flexigrid div.pDiv .pcontrol {
    top: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #3F4650 !important;
    font-size: 13px !important;
    line-height: 1.2;
    white-space: nowrap;
}

.flexigrid div.pDiv input {
    top: 0 !important;
    width: 52px !important;
    height: 30px !important;
    margin: 0 3px !important;
    padding: 4px 7px !important;
    color: #222222 !important;
    background: #FFFFFF !important;
    border: 1px solid #BFC7D1 !important;
    border-radius: 3px;
    box-shadow: none !important;
    box-sizing: border-box;
}

.flexigrid div.pDiv input:focus,
.flexigrid div.pDiv select:focus {
    border-color: #1E73BE !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(30, 115, 190, .14) !important;
}

.flexigrid div.pDiv select {
    height: 30px !important;
    margin: 0 !important;
    padding: 3px 26px 3px 8px !important;
    color: #222222 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #BFC7D1 !important;
    border-radius: 3px;
    box-shadow: none !important;
}

.flexigrid div.pDiv div.pButton,
.flexigrid div.pDiv div.pButton:hover,
.flexigrid div.pDiv div.pButton.pBtnOver {
    position: relative;
    float: none !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 1px !important;
    color: #1E73BE !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background-color .15s ease, border-color .15s ease;
}

.flexigrid div.pDiv div.pButton:hover,
.flexigrid div.pDiv div.pButton.pBtnOver {
    background-color: #E2EFF9 !important;
    border-color: #B8D5EC !important;
}

.flexigrid div.pDiv div.pButton span {
    display: block;
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    background: none !important;
}

.flexigrid div.pDiv .pFirst,
.flexigrid div.pDiv .pPrev,
.flexigrid div.pDiv .pNext,
.flexigrid div.pDiv .pLast,
.flexigrid div.pDiv .pReload,
.flexigrid div.pDiv .pSearch,
.flexigrid div.pDiv .pFirst:hover,
.flexigrid div.pDiv .pPrev:hover,
.flexigrid div.pDiv .pNext:hover,
.flexigrid div.pDiv .pLast:hover,
.flexigrid div.pDiv .pReload:hover,
.flexigrid div.pDiv .pSearch:hover {
    background-image: none !important;
}

.flexigrid div.pDiv .pButton::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E73BE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.flexigrid div.pDiv .pFirst::before { content: "«"; }
.flexigrid div.pDiv .pPrev::before  { content: "‹"; font-size: 25px; }
.flexigrid div.pDiv .pNext::before  { content: "›"; font-size: 25px; }
.flexigrid div.pDiv .pLast::before  { content: "»"; }
.flexigrid div.pDiv .pSearch::before { content: "⌕"; font-size: 21px; }

.flexigrid div.pDiv .pReload {
    background: #1E73BE !important;
    border-color: #1E73BE !important;
    border-radius: 50% !important;
}

.flexigrid div.pDiv .pReload:hover,
.flexigrid div.pDiv .pReload.pBtnOver {
    background: #185F9D !important;
    border-color: #185F9D !important;
}

.flexigrid div.pDiv .pReload::before {
    content: "↻";
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: 700;
}

.flexigrid div.pDiv .pReload.loading::before {
    content: "";
    width: 14px;
    height: 14px;
    margin: auto;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: ic9-pagination-spin .7s linear infinite;
}

@keyframes ic9-pagination-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    .flexigrid div.pDiv {
        padding: 6px !important;
    }

    .flexigrid div.pDiv div.pDiv2 {
        flex-wrap: nowrap;
        width: max-content !important;
        min-width: 100%;
    }

    .flexigrid div.pDiv .pGroup {
        margin: 0 2px !important;
    }

    .flexigrid div.pDiv .btnseparator {
        margin: 0 3px !important;
    }
}


/* ================================================================
   IC9 GLOBAL TOOLBAR BUTTON HOVER — no ASTPP purple
   ================================================================ */
.btn-line-warning:hover,
.btn-line-warning:focus,
.btn-line-warning:active,
.btn-line-warning.active,
.btn-line-primary:hover,
.btn-line-primary:focus,
.btn-line-primary:active,
.btn-line-primary.active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.grid_button .btn:hover,
.grid_button .btn:focus,
.grid_button .btn:active {
    background-color: #185F9D !important;
    border-color: #185F9D !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}


/* IC9 Carrier Statistics / Routing Analysis */
.ic9-carrier-statistics .ic9-analysis-card,
.ic9-carrier-statistics .ic9-stat-card { border:1px solid #D9DCE2; border-radius:8px; box-shadow:0 2px 8px rgba(20,44,74,.06); }
.ic9-carrier-statistics .ic9-analysis-card .card-header { background:#fff; color:#1E73BE; font-weight:600; border-bottom:1px solid #D9DCE2; }
.ic9-carrier-statistics .ic9-stat-label { color:#6B6B73; font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.ic9-carrier-statistics .ic9-stat-value { color:#222; font-size:2rem; line-height:1.15; font-weight:700; margin-top:.35rem; }
.ic9-carrier-statistics .ic9-stat-value-sm { font-size:1.35rem; }
.ic9-carrier-statistics .ic9-stat-note { color:#6B6B73; font-size:.8rem; margin-top:.35rem; }
.ic9-carrier-statistics .progress { height:9px; border-radius:10px; background:#E8EDF2; }
.ic9-carrier-statistics .progress-bar { background:#1E73BE; }
.ic9-carrier-statistics .badge-primary { background:#1E73BE; }
.ic9-carrier-statistics .ic9-recommendation { background:#EEF6FC; border-left:4px solid #1E73BE; padding:14px 16px; border-radius:4px; color:#222; }
.ic9-carrier-statistics .table thead th { background:#F7F8F9; color:#222; border-bottom:2px solid #D9DCE2; white-space:nowrap; }
.ic9-carrier-statistics .btn-primary:hover,.ic9-carrier-statistics .btn-primary:focus { background:#185F9D!important; border-color:#185F9D!important; }


/* IC9 Carrier Statistics — Cost Advantage Analysis */
.ic9-carrier-statistics .ic9-impact-line { display:flex; justify-content:space-between; gap:20px; color:#3f4650; }
.ic9-carrier-statistics .ic9-impact-line strong { color:#1E73BE; font-size:1.1rem; }
.ic9-carrier-statistics .ic9-impact-progress { height:14px; margin-top:10px; }
.ic9-carrier-statistics .ic9-adjustment-summary { display:grid; grid-template-columns:1fr auto; gap:6px 18px; padding:14px 16px; background:#F7F8F9; border:1px solid #D9DCE2; border-radius:6px; }
.ic9-carrier-statistics .ic9-adjustment-summary span { color:#6B6B73; }
.ic9-carrier-statistics .ic9-adjustment-summary strong { color:#222; text-align:right; }
.ic9-carrier-statistics .ic9-mini-stat { height:100%; padding:16px; border:1px solid #D9DCE2; border-radius:7px; background:#fff; }
.ic9-carrier-statistics .ic9-mini-stat span { display:block; color:#6B6B73; font-size:.82rem; font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.ic9-carrier-statistics .ic9-mini-stat strong { display:block; margin-top:8px; color:#1E73BE; font-size:1.75rem; line-height:1.1; }
.ic9-carrier-statistics .ic9-mini-stat small { display:block; margin-top:6px; color:#6B6B73; }
.ic9-carrier-statistics .ic9-chart-title { margin-bottom:12px; color:#222; font-weight:600; }
.ic9-carrier-statistics .ic9-bucket-chart { display:flex; flex-direction:column; gap:9px; }
.ic9-carrier-statistics .ic9-bucket-row { display:grid; grid-template-columns:90px minmax(160px,1fr) 150px; align-items:center; gap:12px; }
.ic9-carrier-statistics .ic9-bucket-label { color:#3f4650; font-weight:600; }
.ic9-carrier-statistics .ic9-bucket-track { height:16px; background:#E8EDF2; border-radius:8px; overflow:hidden; }
.ic9-carrier-statistics .ic9-bucket-fill { height:100%; min-width:2px; background:#1E73BE; border-radius:8px; }
.ic9-carrier-statistics .ic9-bucket-value { text-align:right; color:#222; font-weight:600; }
.ic9-carrier-statistics .ic9-bucket-value span { color:#6B6B73; font-weight:400; }
.ic9-carrier-statistics .ic9-explainer { padding:12px 14px; color:#3f4650; background:#F7F8F9; border-left:3px solid #1E73BE; border-radius:4px; }
@media (max-width:760px) {
  .ic9-carrier-statistics .ic9-bucket-row { grid-template-columns:70px minmax(100px,1fr); }
  .ic9-carrier-statistics .ic9-bucket-value { grid-column:2; text-align:left; margin-top:-5px; }
}