/*!
* ServicePortalNow Admin Bootstrap Admin Template
*/

/* Global Styles */

@font-face {
font-family: 'PT Sans Narrow', sans-serif!important;
}

body.serviceportal {
background-image: -webkit-linear-gradient(left, #232E3A 225px, #fff 225px,#fff 100%);
background-image: -moz-linear-gradient(left, #232E3A 225px, #fff 225px,#fff 100%);
background-image: -o-linear-gradient(left, #232E3A 225px, #fff 225px,#fff 100%);
background-image: -ms-linear-gradient(left, #232E3A 225px, #fff 225px,#fff 100%);
background-image: linear-gradient(left, #232E3A 225px, #fff 225px,#fff 100%);
/*margin-top: 100px;*/
background-color: #fff;
font-family: 'PT Sans Narrow', sans-serif!important;
}
body.bd-report,body.open-page{
background:#fff!important;
font-family: 'PT Sans Narrow', sans-serif!important;
}
body.serviceportal.loginpage{
background:transparent !important;
}
.login-box{
color:#fff;
padding:20px;
position:relative;
width:100%;
max-width:280px;
margin:10% auto 0;
background-color: rgba(0,0,0,.6);
-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.5);
}
.form-signin {
background-size: cover; 
}

body.bd-report{
padding: 15px 20px!important;
}
body.bd-report .ui-widget-content{
border:none;
}
body.open-page{
padding:0;
margin:0;
}
a,a:hover{
text-decoration:none !important;
outline: 0;
}
.row{
margin-right:0 !important;

}
a.brand,a.brand:hover,a.navbar-brand,a.navbar-brand:hover{
display:block;
width:225px;
min-height:60px;
background-color:#232E3A!important;
background-image: url("../images/logo.png");
background-position:50% 50%;
background-repeat:no-repeat;
background-size: auto 35px;
}
.container-fluid{
padding:0;
margin: 0 0;
margin-left:0px;
min-height:450px;
font-family: 'PT Sans Narrow', sans-serif;
}

.btn-info{
	background:#7AAEDE!important;
	color:#fff!important;
}
.btn-info:hover{
	background:#0073A2!important;
    outline: none!importan;
    box-shadow: none!important;
    color: #fff!important;
}
.btn-success{
	background:#8FB63E!important;
	border:solid 1px #708839!important;
    outline: none!importan;
    box-shadow: none!important;
    color: #fff!important;
}
.btn-success:hover{
    background: #708839!important;
    border: solid 1px #8FB63E!important;
    outline: none!importan;
    box-shadow: none!important;
    color: #fff!important;
}


/* */
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, 
.open>.dropdown-toggle.btn-primary,
.agenda-slider a.ui-slider-handle {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ba9c6+0,286090+56,286090+56,014d8c+100 */
background: #6ba9c6; /* Old browsers */
background: -moz-linear-gradient(top, #6ba9c6 0%, #286090 56%, #286090 56%, #014d8c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ba9c6), color-stop(56%,#286090), color-stop(56%,#286090), color-stop(100%,#014d8c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6ba9c6 0%,#286090 56%,#286090 56%,#014d8c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6ba9c6 0%,#286090 56%,#286090 56%,#014d8c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6ba9c6 0%,#286090 56%,#286090 56%,#014d8c 100%); /* IE10+ */
background: linear-gradient(to bottom, #6ba9c6 0%,#286090 56%,#286090 56%,#014d8c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ba9c6', endColorstr='#014d8c',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 3px 3px 3px rgba(0,0,0,.4);
box-shadow: 0 3px 3px 0px rgba(0,0,0,.4);
}
.btn.focus, .btn:focus, .btn:hover,
.agenda-slider a.ui-slider-handle:hover{
background:#003C63;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
color:#fff;
}
#tabs { 
margin:0px 0 0;
padding:10px 0 30px ;
overflow:hidden;
border: 0!important;
/*background-color: #748088;*/
}
#tabs li .ui-icon-close { 
float: left; 
margin: 0.6em 0.2em 0 0; 
cursor: pointer; 
}
/*#tabs .ui-widget-header,#tabs .ui-corner-all, */
#tabs ul.ui-tabs-nav,#tabs .ui-tabs-panel{
background: #748088 !important;
border:none !important;
border-radius: 0px !important;
padding:15px 15px 0px!important;
margin:-5px 0 5px !important;
}
/*#tabs .ui-corner-all{
border-radius: 0px !important;
}*/
#tabs .ui-tabs-panel{ /*,.ui-widget-content*/
background:#fff!important;
border-color:#fff;
border-bottom:none !important;
}
#tabs li.ui-corner-top{
-webkit-border-radius: 10px 10px 0 0 !important;
border-radius: 10px 10px 0 0!important;
bolder:solid 2px #f00;
font-size:1em;
font-family:'PT Sans Narrow', sans-serif;
font-weight:bold!important;

}
.tab-close{
float: left;
width: 15px;
height: 15px;
margin: 0.4em 0.3em 0 0;
cursor: pointer;
border: solid 1px #f00;
color:#666;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:#666!important;
color:#ccc!important;

}**/

h1.tab-tittle, h2.tab-tittle {
    position: relative;
    border-bottom: dotted 1px #369;
    text-align: left;
    font-size: 20px;
    color: #777;
    padding: .2em 0 .2em 50px;
    margin: 1em 0.1em;
    clear: both;
    font-weight: 300;
}
h1.tab-tittle{
    text-transform:uppercase;
     font-size: 24px;
}
.tab-tittle .fa {
    position: absolute;
    top: 0em;
    left: .1em;
    color: #777;
    font-size: 1.3em;
    width: 40px;
    text-align: right;
}
.tab-tittle .btn.fa {
    position:relative;         
}
.tab-tittle-left {
border-bottom:dotted  1px #369;
text-align:left;
font-size:1.3em;
color:#369;
padding:.2em 0;
margin:1em 0 2em;
clear:both;
}

/* Agenda Slider */
.agenda-slider{
margin: 10px -10px;
padding: 5px 0;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efefef;
/*-webkit-box-shadow:inset 0 -2px 4px 0 rgba(0,0,0,.6);
box-shadow:inset 0 -2px 4px 0 rgba(0,0,0,.6);*/
}
.agenda-slider a.ui-slider-handle{
-webkit-border-radius: 20px;
border-radius: 20px;
background-color:#34648C!important;
}
.agenda-slider a:hover{
background-color:#3F5B71!important;

}

/* botones */
fieldset,.form-horizontal,.row-btn,.row-btn2{
clear:both!important;
}
.row-btn,.row-btn2,.row-btns{
background:rgba(0,0,0,.10);
padding:.8em;
text-align:center;
margin-top:1em;
margin-bottom: 1em;
clear:both!important;
position: relative;
}
.row-btns{
display:inline-block;
float:left;
width:100%;
padding:.8em .8em .5em;
}
.row-btns .form-group,.form-horizontal .row-btns .form-group{
    margin-bottom: .4em!important;
    padding-right: 3px!important;
    padding-left: 3px!important; 
}
.row-btns .btn {
    text-align:center!important;
}
.row-btn.col-xs-12,.row-btn.col-sm-12,.row-btn.col-md-12,.row-btn.col-lg-12,.row-btn.col-xs-10,.row-btn.col-sm-10,.row-btn.col-md-10,.row-btn.col-lg-10{
padding-bottom:0;
}
.row-btn .btn,.row-btn2 .btn{
margin-bottom:.4em;
}
.row-btn2{
text-align:left;
background:rgba(0,0,0,.03);
}
.row-btn.left{
float:left;}
.row-box{
clear:both!important;
position: relative;
}
table.table td .btn,table.table th .btn{
    border-radius: 2px;
    font-size: 13px;
    padding: 2px 10px;
}

.tab-content {
	padding: 15px;
    background: #fff;
    border: solid 1px #ccc;
    border-top: 0 !important;
    margin-top: 0px!important;
    float: left;
    width: 100%;

}
select.required {
background: #fff url("../images/requerido.png") no-repeat 95% center!important;
}

/* */
input.required,textarea.required{
background: #fff url("../images/requerido.png") no-repeat 97% center!important;
color:#222!important;
}
textarea, textarea.form-control{
min-height:6.5em!important;
background-color:#fff;
width:100%;
}
/*input[type=checkbox], input[type=checkbox].form-control{
height:16px!important;
outline:0!important;
}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control[readonly]:focus, div.form-control.readonly {
    background-color: #eee!important;
    opacity: 1;
    outline: none!important;
    box-shadow: none!important;
    border-color: #ccc!important;
}
.form-spin span,  .form-spin span.ui-widget-content, .form-spin span.ui-widget-content,#tabs .form-spin .ui-widget-header, #tabs .form-spin .ui-corner-all, #tabs .form-spin .ui-widget-content{
    height:auto !important;
    width:100%!important;
    padding:0 !important;
    margin:0 !important;
    top:2px!important;
}
.form-spin .ui-spinner {
    margin:0!important;
    width:100%!important;
    padding:0 !important;
    margin:0 !important;
}
.inp-spin.required{
    margin:0!important;
    width:100%!important;
}
/* sponsors */
.servicebox{
}
.view {
/*max-width: 100%;
height:160px;
float: left;*/
margin:10px;
padding:0px;
position: relative;
text-align: center;
cursor: default;
font-family: 'PT Sans Narrow', sans-serif;
width:170px;
float:left;
}
.view .mask, .view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view img {
display: block;
position: relative;
width:100%;
overflow:hidden;

}
.view h2 {
color: #fff;
text-align: left;
position: relative;
font-size: 22px;
font-weight:400;
padding: 10px;
background: rgba(0, 0, 0, 0.4);
margin: 0 0;
}
.view p {

font-size: 13px;
position: relative;
color: #fff;
padding: 0px;
height:auto;
overflow:hidden;
text-align: center;
}
.view .front{
position:absolute;
bottom:0;
left:0;
width:100%;
}
.view .front h2{
}
.categoryservices{
    text-align:center;
}
a.info-crm, a.info-market, a.info-support {
    display: inline-block;
    height: 160px;
    width: 31%;
    max-width: 350px;
    padding: 0;
    position: relative;
    margin: 10px 1%;    
    background-position: 100% 0;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color:#36894F
}
/*a.info-crm {background-color: #db9136;}
a.info-market {	background-color:#6D3061;}
a.info-support {	background-color:#36894F;}*/
a.info-crm span,a.info-market span,a.info-support  span{
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    padding: 5px 3%;
    text-align: left;
    font-size: 2em;
    font-family: 'PT Sans Narrow', sans-serif!important;
    font-weight: 300;
    color: #fff;
    position: absolute;
    top: 0;	
}
a.info-crm .fa,a.info-market .fa,a.info-support  .fa{
    color: rgba(255,255,255,.5);
    font-size: 90px;
    position: absolute;
    right: -10%;
    bottom: -10%;
    border: solid 2px rgba(255,255,255,.3);
    width: 140px;
    height: 140px;
    padding-top: 25px;
    display: block;
    text-align: center;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.view a.info {
display: block!important ;
width:100% !important;
text-decoration: none;
text-align:center;
padding: 10px 10px;
font-size:16px;
font-weight:200px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 1px #DBDBDB;
}
.view a.info:hover {
/*box-shadow: 0 0 5px #000*/
}

.view-first img { 
transition: all 0.2s linear;
}
.view-first .mask {
opacity: 0;
background-color: rgba(0,0,0, 0.3); 
transition: all 0.4s ease-in-out;
}
.view-first .mask h2 {
transform: translateY(-100px);
opacity: 0;
transition: all 0.2s ease-in-out;
}
.view-first .mask p { 
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first .mask a.info{
opacity: 0;
transition: all 0.2s ease-in-out;
}
.view-first:hover img { 
/*transform: scale(1.1);*/
} 
.view-first:hover .mask { 
opacity: 1;
}
.view-first:hover .mask h2,
.view-first:hover .mask p,
.view-first:hover .mask a.info {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover .mask p {
transition-delay: 0.1s;
}
.view-first:hover a.info {
transition-delay: 0.2s;
}
/* */
.ui-widget-content a.btn{
color:#fff!important;
}
#ui-datepicker-div{
z-index:999999999!important;
}
.ui-front{
z-index:1100!important;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
box-shadow: 0 6px 12px rgba(0,0,0,.5);
}
/* */
.img-form{
clear:both;
padding:0px;
margin	:0px;
}
.img-form img{
width:100px ;
}
.img-form a img{
width:20px ;
}
.img-form .picture,.img-form .BillAdminImg, .img-form div{
position: relative;
text-align: center;
overflow:hidden;
width:150px;
margin:0 auto;

}
.img-form .picture a,.img-form  .BillAdminImg a{
left:80%!important;
top:80%!important;
}
.img-form .picture img,.img-form .BillAdminImg img,.img-form div img{
border: solid 1px #efefef;
border-radius:200px;
background-color:#efefef;
}
/* */
.form-horizontal .row{
margin-left:0!important;
margin-right:0!important;
clear:both!important;
}
.form-horizontal label{
line-height:.9em;
font-size:13px!important;
/*overflow:hidden;*/
}
.form-horizontal label.form-control{
font-size:14px!important;
font-weight:normal !important;
overflow:hidden;
height: auto !important;
min-height: 34px!important;
line-height:1.5em;
}
.form-horizontal .form-group{
margin-left:0!important;
margin-right:0!important;
padding:0 0 .5em!important;
}

span.quote-label, div.quote-label{
display: inline-block;
min-height: 24px;
margin: 5px 0;
font-size: .9em;
font-weight: normal;
line-height: 1.8em;
/*box-shadow: 0 3px 3px 0 rgba(0,0,0,.5);*/
border-radius: 4px;
font-weight: bold;
}
span.quote-label{
display:inline-block;
width:100%;  
/*width: 15.6%;*/
padding: 7px .5%;
margin: 5px 0;
}
.input-group-addon.addon-space{
 border:none!important;
 background:transparent:important;
}
.input-group input.date{
min-height:34px !important;
background-color:#fff;
width:100% !important;
border:solid 1px #ccc !important;
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 0 4px 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* */
.product-selection-name{
display:inline-block;
border: solid 1px #eeee;
background:#efefef;
padding:.3em .5em;
margin:.3em 0;
color:#000;
font-size:13px;
}
.btn.focus, .btn:focus, .btn:hover{}
.product-selection-name.btn:focus, .product-selection-name.btn:hover {
color:#fff!important;
background-color:#31b0d5!important;
}
/* */
.panel-window{
/*position:relative!important;
top: 0!important;
left: 0!important;
float: left;
margin: 10px;*/
}
.row-market{ float:left; width:100%; padding:0!important; margin:0!important;}
.row-market .panel-window{
position: relative !important;
width: 100%!important;
height:auto!important;
min-height:250px!important;
}
.row-market .checkout{ position:relative;}
.row-market .checkout>.btn{ float:none!important;}
.quote-resume.panel-content div{
height:auto !important;
padding:.3em;
}
/* */
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
cursor: default;
}
.ch-info-wrap{
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
perspective: 800px;
transition: all 0.4s ease-in-out;
top: 20px;
left: 20px;
background: #f9f9f9 url(../images/bg.jpg);
box-shadow: 
0 0 0 20px rgba(255,255,255,0.2), 
inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info{
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
transition: all 0.4s ease-in-out;
transform-style: preserve-3d;
}
.ch-info > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
backface-visibility: hidden;
}
.ch-info .ch-info-back {
transform: rotate3d(0,1,0,180deg);
background: #000;
}
.ch-img-1 { 
background-image: url(bootstrap/slider/service1.png);
}

.ch-img-2 { 
background-image: url(bootstrap/slider/service2.png);
}

.ch-img-3 { 
background-image: url(bootstrap/slider/service3.png);
}
.ch-img-4 { 
background-image: url(bootstrap/slider/service4.png);
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
margin: 0 15px;
padding: 40px 0 0 0;
height: 90px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 
0 0 1px #fff, 
0 1px 2px rgba(0,0,0,0.3);
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
margin: 0 15px;
padding: 40px 0 0 0;
height: 90px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 
0 0 1px #fff, 
0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
display: block;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
color: rgba(255,242,34, 0.8);
}
.ch-item:hover .ch-info-wrap {
box-shadow: 
0 0 0 0 rgba(255,255,255,0.8), 
inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
transform: rotate3d(0,1,0,-180deg);
}


/* carrousel */
.carousel{
margin-bottom:25px;
font-weight:400;
background:#444;
}	
.carousel-inner {
max-height:350px;
overflow:hidden;
position:relative;
}
.carousel-inner img{
width:100%;
max-height:auto;
margin-top:-4%;
}
.carousel-caption{
position:absolute;
top:35%;
left:5%;
width:90%;
font-weight:400;
text-align:left;
/*font-family: "Yanone Kaffeesatz", sans-serif !important;
font-family: 'Cabin', sans-serif;*/
font-family: 'PT Sans Narrow', sans-serif;
}
.carousel hr{
margin:0;
padding:0;
border:none;
clear:both;	
}
.carousel-caption h2,.carousel-caption h3,.carousel-caption p{
background-color:rgba(0,0,0,.3);
display:inline-block;
clear:both;
padding:0.2em;
margin:0 0;
font-size:2em;
font-weight:200;
color:#fff!important;
clear:both !important;
}
.carousel-caption h3, .carousel-caption b{
font-size:1.7em;
}
.carousel-caption p{
display:inline-block;
font-size:1.1em;
text-align:left;
font-weight:400;
text-align:left;
/*font-family: "Yanone Kaffeesatz", sans-serif !important;
font-family: 'Cabin', sans-serif;*/
font-family: 'PT Sans Narrow', sans-serif;
}
h2.logoslide{
background-image:url("../slider/cloudnow.png");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 100%;
width:11%;
text-indent:-3000px;
}
h2.logoslide img{
}
.carousel-indicators{
top:10px;
}
.carousel-indicators li{
}


/* */
#wrapper{
padding-bottom:2.5em;
}
.footer-wrapper{
display:block;
padding:3px 2em;
margin:0;
position:fixed;
bottom:-0.5em;
left:0;
z-index:999;
background:#748088;
width:100%;
}
.footer-wrapper p{
color:#ccc;
font-size:11px;
text-align:center;
}
.footer-wrapper a{
text-decoration:underline;
color:#fff;
}
.footer-wrapper a:hover{
color:#036;
}



#wrapper {
padding-left: 0;
}

#page-wrapper {
width: 100%;
padding: 0;
background-color: #fff;
}

.huge {
font-size: 50px;
line-height: normal;
}


/* Top Navigation */
.navbar-right{
text-align:right;
float:right;
}
.username{
position:relative!important;
padding-right:40px!important;
}
.photo-user{
-webkit-border-radius: 30px;
border-radius: 30px ;
background-color:#bbb;
display: inline-block;
float:right;
width:30px;
height:30px;
position:absolute;
top:5%;
right:2.5%;
overflow:hidden;
}
.photo-user img{
width:36px;
height:auto;
margin:auto auto;
position:relative;
left:-2px;
top: -2px;
}
.userfullname,.logout,.username,.profile{
/*font-size:12px;*/
/*text-transform:lowercase;*/
}
.top-nav {
margin-right:1em;
padding: 0;
text-align:right;	
}

.top-nav>li {
display: inline-block;
/*float: left;*/
padding-top:20px;
text-align:right;
}

.top-nav>li>a {
padding:10px;
font-size:1.1em;
line-height: 20px;
color: #bbb;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
color: #fff;
background-color: transparent;
}

.top-nav>.open>.dropdown-menu {
float: left;
position: absolute;
margin-top: 0;
border: 1px solid rgba(0,0,0,.15);
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
white-space: normal;
}

ul.message-dropdown {
padding: 0;
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
}

li.message-preview {
width: 275px;
border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
padding-top: 15px;
padding-bottom: 15px;
}

li.message-footer {	
margin: 5px 0;
}

ul.alert-dropdown {
width: 200px;
}
/* navbar */
.navbar-header{
background:#232E3A;
}
.navbar-inverse{
background-color:#232E3A!important;
}


/* Side Navigation */

.side-nav  ul.submenu {
padding: 0;
background:rgba(125,125,125,.3);
clear:both;
}
.side-nav ul.submenu li {
padding: 0 0 0 5px;
list-style:none;
margin:0 
display:block;
clear:both;
}
.side-nav ul.submenu  li a {
display: block;
width:100%;
padding: 7px 0 7px 25px;
text-decoration: none;
color: #999;
border-left:none;
}

.side-nav>li>ul>li>a:hover {
color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
display: block;
height: 400px;
}

.flot-chart-content {
width: 100%;
height: 100%;
}

/* Custom Colored Panels */

.huge {
font-size: 40px;
}

/*  */
.panel-green {
border-color: #36894F;
}
.panel-green > .panel-heading {
border-color: #36894F;
color: #fff;
background-color: #36894F;
}
.panel-green > a {
color: #36894F;
}
.panel-green > a:hover {
color: #205230;
}

.panel-red {
border-color: #d9534f;
}
.panel-red > .panel-heading {
border-color: #d9534f;
color: #fff;
background-color: #d9534f;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}

.panel-yellow {
border-color: #db9136;
}
.panel-yellow > .panel-heading {
border-color: #db9136;
color: #fff;
background-color: #db9136;
}
.panel-yellow > a {
color: #db9136;
}
.panel-yellow > a:hover {
color: #845720;
}
/*
.panel-yellow .panel-heading,.panel-success .panel-heading{
float:left;
width:100%;
}*/

.panel-purple {
border-color: #6D3061;
}
.panel-purple > .panel-heading {
border-color: #6D3061;
color: #fff;
background-color: #6D3061;

}
.panel-purple > a {
color: #6D3061
}
.panel-purple > a:hover {
color: #421D3A;
}

.panel-blue {
border-color: #336087;
}

.panel-blue > .panel-heading {
border-color: #336087;
color: #fff;
background-color: #336087;
}

.panel-blue > a {
color: #7090AB;
}

.panel-blue > a:hover {
color: #1F3A51;
}

.panel-lblue {
border-color: #59cce0;
}

.panel-lblue > .panel-heading {
border-color: #59cce0;
}

.panel-lblue > a {
color: #3db3d3;
}

.panel-lblue > a:hover {
color: #59cce0;
}

.panel-dblue {
border-color: #59cce0;
}

.panel-dblue > .panel-heading {
border-color: #59cce0;
color: #fff;
background-color: #59cce0;
background-color:#36894F;
}

.panel-dblue > a {
color: #3db3d3;
}

.panel-dblue > a:hover {
color: #59cce0;
}


/* corrección de eleentos temporales */
.control-date > input{
width:100% !important;
}


/* colors */


.c-dbl{background:#517DAE;}
.c-org{background:#E7B558;}
.c-lgr{background:#A4C774;}
.c-dgr{background:#32743C;}
.c-drd{background:#9E3467;}
.c-lrd{background:#D32C2C;}
.c-rfc{background:#97DE97;}
.c-pbm{background:#A4D5ED;}
.c-inc{background:#CC6464;}
.c-orga{background:#E8A220}

.c-dbl,.c-org,.c-lgr,.c-dgr,.c-drd,.c-lrd,.c-rfc,.c-pbm,.c-inc,.c-orga{
background:#5f798a;
}

/* quoteNow */
.qn-box{
width: 44%;
height: 51px;
float: left;
display: inline-block;
margin: 1.5%;
color: #fff;
font-size: 1.2em;
-webkit-border-radius: 4px;
border-radius: 4px;
/*-moz-box-shadow: 0px 2px 3px #666;
-webkit-box-shadow: 0px 2px 3px #666;
box-shadow: 0px 2px 3px #666;*/
}
/* popup */

.ui-widget .ui-widget-header{
background:#000!important;
color:#fff;
padding:.4em .5em;
text-align:center;
font-size:1.2em;
}
.ui-widget .ui-widget-header .ui-dialog .ui-dialog-title{
width:100%;
}
/*.popbox{  display: none;
position: absolute;
z-index: 99999;
width: 600px;
padding: 10px;
background: #fff!important;
color: #000000;
border: solid 3px #999 !important;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 0px;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0,.5);
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0,.5);
}*/



/* */
.popbox{
    display: none;
    position: absolute;
    z-index: 99999;
    width:330px;
    max-width: 500px;
    /*height: 450px;*/
    margin-top: -80px!important;
    padding: 15px 0!important;
    background: #fff!important;
    border: 1px solid #ccc;
    color: #000000;
    margin: 0px;
    -webkit-border-radius: 7px;
    border-radius: 7px;    
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0,.5);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0,.5);
}
.popbox .ui-dialog-titlebar{
background: #fff!important;
color: #000;
}
.popbox strong,.popbox .ui-dialog-titlebar strong {
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 15px;
    text-align: center;
    line-height:0.9em;
    display: block;
}
.popbox textarea,.popbox .ui-dialog-titlebar textarea {
    text-align: center;
    width: 100%!important;
    /*height:100%;
    height: auto!important;*/
    font-size: 11px;
    line-height: 1.2em;
    background-color: #fff;
    color: #000;
    padding:0 10px 5px;
    /*border: solid 1px #eee; */
}
.popbox .ui-dialog-titleba textarea { resize:both!important; }
.popbox .ui-dialog-titleba textarea.vert { resize:vertical!important; }
.popbox .ui-dialog-titleba textarea.noResize { resize:none!important; }


/* quote_global.css */

#load .left-panel {
float: left;
overflow: hidden;
height: auto;
width: 20%;
padding: 20px 0;
}
#load .pager-tabs {
float: left;
overflow: hidden;
overflow-y: scroll;
height: 98vh;
width:80%;
}
#load .quote-accept{
z-index: 12;
border-color: #000000;
background-color: #DDDDDD;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 25px;
position: relative;
float: left;
width: 100%;
}

/* quote.css */
.quotepager .panel-body{ text-align:center;}
.position_content .quote-accept{
padding:20px 10px;
}
.quotepager .lblTitleQuote,.quotepager .panel-heading{
margin:0px;
}
.quotepager dl {
font-size:1.2em;
margin:10px auto 0;
}
.quotepager .panel-primary .panel-heading a{
color:#fff;
font-weight:bold;
display:block;
}
.quotepager  .row-box .employee-picture {
float:none;
margin: 0px auto;
width: 100px;
height: 105px;
overflow: hidden;
position: relative;
-webkit-border-radius: 100px;
border-radius: 100px;
border: solid 3px #005082;
}
.quotepager .row-box  .employee-picture img{
margin: 0;
padding: 0;
position: absolute;
left: -5%!important;
top: -5%!important;
width:110%;
height:110%;
}
/*.quotepager .panel-body .employee-picture img { 
-webkit-border-radius: 0!important;
border-radius: 0!important;
border:solid 1px #ccc;
}*/
#page{
    z-index: 1;
	width: 100%;
	max-width:970px !important;
	background-image: none;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	margin: 20px auto;
}
.third-bar {
z-index: 13;
width: 100%;
border-color: #000000;
background-color: #73BDCE;
padding: 10px;
margin-top: 0;
position: relative;
}
.second-bar {
z-index: 12;
width: 100%;
border-color: #000000;
background-color: #7F7F7F;
/*-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;*/
border-radius: none; 
padding: 4px;
margin: 0;
position: relative;
}

/* */
.contract-details{
float:left;
width:100%;
margin-bottom: 10px;
}

.chart .panel .panel-body {
height:300px;
overflow:hidden;
  
}

.chart .panel .panel-body span.msj{ 
position:absolute;
display:block; 
width:100%;
top:0; 
left:0;  
padding:4px 3%; 
text-align:left; 
line-height:1.1em; 
font-size:14px; 
font-weight:bold; 
text-shadow: 0 1px 1px rgba(0,0,0,.4); 	
background:#777;
}
.chart .panel .panel-body span.msj b{  float:right;text-align:right;font-weight:normal;}
.chart  .progress{ border:solid 1px #ccc; height:36px; margin-bottom: 10px; position:relative;}

ul.chart-ul{
margin:1em 0;
padding:0 1%;
display:block;
}
ul.chart-ul li{
float: none;
display: inline-block;
vertical-align: top;
padding: 7px 5px;
width: 195px;
text-align: left;
margin: .1em 0.1%;
list-style: none;
color: #fff;
min-height: 65px;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
-webkit-border-radius: 0px;
border-radius: 1px;
position: relative;
}
ul.chart-ul li h4{
font-size: 15px;
line-height: 1em;
font-weight: normal;
margin: 0;
margin-right: 38px;
overflow: hidden;
color: #fff;
}
ul.chart-ul li h5{
font-size: 13px;
line-height: 1em;
font-weight: normal;    
color: #ccc;
position:absolute;
bottom:5px;
left: 5px;
padding:0;
margin:0;
text-align:left;
text-transform:none;
}
ul.chart-ul li b{
    font-size: 2em;
    position: absolute;
    top: 10px;
    right: 5px;
    color: #fff;
    text-align:right;
    text-shadow: none;
}
/* */
.attachmente-files{
/*border: solid 1px #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(255,255,255,.6);*/
margin-bottom: 20px;
position: relative;
min-height: 29px;
padding: 10px;
}
.note{
background: #efefef;
margin: 10px 0;
padding: 20px 10px 0;
text-align: center;
}
a.add-upload-link{
border: solid 2px #ddd;
position: absolute;
left: 10px;
top: 5px;
padding: 5px;
border-radius: 100px;
font-size: 1.4em;
width: 33px;
height: 33px;
text-align: center;
color: #888;
outline: 0;
}
a.add-upload-link img{
width: 20px;
height: 20px;
}
.attachmente-files table{
width: auto;
display: inline-block;
vertical-align: top;
position: relative;
margin-left: 60px;


}

.fill 
{
    width: 100%;
}


/* Required by Marketplace */
.additionadata 
{
    margin-top: 40px;
}

/* */
 

/* */
table.tablesorter thead tr th, table.tablesorter tfoot tr th,
table tr td,table tr th{
    font-size: 13px!important;
    vertical-align: middle!important;
}
table.tablesorter tbody tr.odd td {
 word-break:normal;   
}
.table-responsive {
    width: 100%;
}
table.table-fixed{
position:relative;
}
table.table-fixed thead{
}
table.table-fixed tbody{
position:relative;
width:100%;
height:150px;
overflow-y:scroll;
}
table.table-fixed thead tr{
}
table.table-fixed thead td,table.table-fixed thead th{
}
table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th{
  padding: 2px 8px;
}

table.fht-table>tbody>tr>td, table.fht-table>tbody>tr>th, table.fht-table>tfoot>tr>td, table.fht-table>tfoot>tr>th, table.fht-table>thead>tr>td, table.fht-table>thead>tr>th{
  padding: 2px 8px;
}
/* */
.menu-panel  {
    width: 170px;
    display: inline-block;
    margin: 5px 0!important;
}
    
.menu-panel .panel .panel-heading {
    padding: 0;
    margin: 0;
    position:relative;
    overflow:hidden;
}   
.menu-panel .panel .panel-heading .p-icon {
    position: absolute;
    left: 5px;
    top: 0px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 8px 0;
    width: 40px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    opacity: 0.3;
    filter: alpha(opacity=30);
} 
.menu-panel .panel .panel-heading .p-icon .fa {

}    
.menu-panel .panel .panel-heading .panel-text  {    
    height: 60px;
    text-align:center;    
    /*overflow:hidden;*/
}     
.menu-panel .panel .panel-heading .panel-text h2 {   
    margin: 0;
    /*padding: .7em 0 0;
    font-size: 24px;*/
    font-weight: bold;
    line-height: .9em;
    text-shadow: 0 2px 1px rgba(0,0,0,.5);
    padding: .5em .4em;
    font-size: 18px;
    font-weight: normal;
    text-align: right;
    word-break: break-all; 
}  
.panel-footer a.btn-panel  {
    display:block;
    width:28%;
    padding:3px 2%;
    text-indent:-2000px;
    overflow:hidden;
    border:solid 1px #f00;
}  
.categoryservices .menu-panel {
    background-color: rgba(230,230,230,.4);
    background-color: #fff;
    padding-left: 10px!important;
    padding-right: 10px!important;
    margin: 10px 0.5%;
    display: inline-block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #ddd;
}
.categoryservices .menu-panel.mp3  {
	   width:30.64%;
    }
.categoryservices .menu-panel .panel,.categoryservices  .menu-panel .panel-heading {
    border: none!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}  
.categoryservices .menu-panel .panel .panel-heading .panel-text h2 {
    margin: 0;
    padding: 2px 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 1em;
    text-shadow: 0 2px 1px rgba(0,0,0,.5);
    word-break: normal;
    text-align: center;
}
.categoryservices .menu-panel .p-icon {
    width: 110px;
    height: 110px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 20px auto;
    position: relative;
}
.categoryservices .menu-panel .p-icon {
    background-color: #1994D2;
}
.categoryservices .menu-panel .p-icon .fa{
    background-color: #fff;
}
.login-body h2, h2.form-signin-header{
color:#fff;
text-shadow: 2px 2px 2px rgba(0,0,0,.5);
text-align:center;
}

h2.error-header{
color:#fff;
text-shadow: 2px 2px 2px rgba(0,0,0,.5);
text-align:center;
}
/* Quote Preview */
.quotepager .panel .col-quotex{
display:none!important;
}
/*.quotepager .panel .col-quote{
display:block!important;
}*/
/*  responsive  */ 

@media(min-width:768px) {
    body {
    margin-top: 50px;
    }
    #wrapper {
    padding-left: 225px;
    }

    #page-wrapper {
    padding: 0px;
    }    
    .collapse.navbar-collapse.navbar-ex1-collapse{
    background:#3A678B url("../images/bg-top.jpg") 0 0 no-repeat;
    background-size:cover;
    color:#fff;
    position:relative;
    z-index:-9;
    }
    .side-nav {
    position: fixed;
    top: 60px;
    left: 225px;
    width: 225px;
    margin-left: -225px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background:#232E3A;
    bottom: 0;
    overflow-x: hidden;
    padding:10px 0px;
    -webkit-box-shadow: 2px 0 5px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 0 5px 0px rgba(0,0,0,0.4);
    }
    .side-nav>li>a, .side-nav>ul>li>a  {
    width: 225px;
    padding: 7px 0 7px 15px;
    font-size:1.1em;
    line-height:1em;
    border-left:solid 5px transparent;	
    }
    .side-nav li a:hover, .side-nav li a:focus {
    outline: none;
    background-color: #000 !important;
    border-left:solid 5px #609DCA;
    }
    .side-nav>li>a i.fa, .side-nav>ul>li>a i.fa{
    margin-right:15px;
    width:20px;
    font-size:1.2em;
    }
}

@media screen and (min-width: 100px) and (max-width: 769px){
    body{
    padding:0 !important;
    margin-top:90px;
    background-image:none;
    }
    body.serviceportal{
    background:#fff!important;
    }
    .navbar-fixed-top .navbar-collapse{
    max-height:250px !important;
    }
    .navbar-toggle{
    background-color:#000!important;
    margin-left:7%!important;
    }
    .navbar-nav{
    margin:0px 0px;
    }
    .navbar-nav .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    /*display:block;*/
    clear:both;
    margin-right:20px;
    }
    .navbar-right{
    clear:both !important;
    width:100%;
    text-align:right;
    float:right;
    }
    .top-nav {
    text-align:center;
    }
    .top-nav>li{
    padding:5px 0 0;
    }
    .top-nav>li>a{
    padding:10px;
    }
    #tabs{
    }
    
}	


@media screen and (min-width: 250px) and (max-width: 485px){
    .carousel-inner {
    max-height:180px;
    overflow:visible;
    margin-bottom:120px;

    }
    .carousel-caption{
    position:relative;
    background:rgba(0,0,0,1);
    width:100%;
    left:0;
    top:0;
    height:80px;
    padding: .5em .8em;

    }
    .carousel-caption h2,.carousel-caption h3,.carousel-caption p{
    font-size:22px;
    margin:0;	
    padding:0;
    }
    .carousel-caption h3, .carousel-caption b{
    font-size:15px;
    }
    .carousel-caption p{
    font-size:13px;
    }
    h2.logoslide{
    width:13%;
    }
    
    /* login */    
    body.loginpage .login-box{
        margin: 30% auto;
    }	
    .inicio body{
    margin-top:30px!important;
    }

    ul.chart-ul li{
    /*width: 46% ;
    min-height:65px;*/
    }
    .menu-panel  {
    width: 90%;
    }
    .quotepager .panel .col-quotex{
    display:block!important;
    }
    .quotepager .panel .col-quote,.quotepager .panel.col-quote{
    display:none!important;
    }  

}
@media screen and (min-width: 487px) and (max-width: 880px){
    h2.logoslide{
    width:15%;
    }
    .navbar-nav>li>a{
    }
    .navbar-nav>li>a>i{
    padding-top: 6px;
    margin-left: 30px;
    margin-right: 20px;
    font-size: 1.2em;
    }
    /* login */
    .inicio body{
    margin-top:30px!important;
    }
    .logo-login{
    min-height:80px;
    }
}
@media screen and (min-width: 881px) and (max-width: 1649px){
    h2.logoslide{
    font-size:2.5em;
    }
}
@media screen and (min-width: 1650px) and (max-width: 1980px){

}
@media screen and (min-width: 1990px) {

}
@media only screen and (min-width : 20px) and (max-width : 760px) { 
    body{
        
    }
 }
@media only screen and (min-width : 120px) and (max-width : 320px) {    
   .menu-panel.mp3, .menu-panel.mp7,.menu-panel.mp10  {
	   width:99%;
    }       
    a.info-crm, a.info-market, a.info-support {
	   width:99%;
    }       
 }  
 
@media only screen and (min-width : 320px) and (max-width : 719px) {
   .menu-panel.mp3  {
	   width:32.64%;
    }
    .menu-panel.mp10  {
	   width:48.469%;
    }  
    .menu-panel.mp7  {
	   width:48.4%;
    } 
    .menu-panel.mp3, .menu-panel.mp7,.menu-panel.mp10  {
	   width:99%;
    } 
    .itsm-content .shop-col-3 .panel.pnl-shopping-cart-2 {
        position: relative!important;
        top: inherit!important;
        right: inherit!important;
        width: 100%;
    }
    
 }  
 @media only screen and (min-width : 720px) and (max-width : 819px) {
    .menu-panel.mp7,.menu-panel.mp10  {
	   width:48.7%;
    }
    /*ul.chart-ul li{
    width: 24% ;
    min-height:65px;
    } */  

 }  
  @media only screen and (min-width : 820px) and (max-width : 969px) {
    .menu-panel.mp10  {
	   width:18.64%;
    }
     .menu-panel.mp7  {
	   width:23.7%;
    }
    /*ul.chart-ul li{
    width: 24% ;
    min-height:65px;
    } */     

 }  
  @media only screen and (min-width : 970px) {
     
    .menu-panel.mp10  {
	   width:18.64%;
    }
     .menu-panel.mp7  {
	   width:12.922222%;
    } 
    /*ul.chart-ul li{
    width: 13.6% ;
    min-height:65px;
    }  
    ul.chart-ul li h4{
    font-size:16px;
    }*/

 }  

/* */
.panel-cols{}
.panel-cols .panel-col,.panel-cols .panel-btn{
padding-left:0!important;
padding-right:0!important;
}
.panel-cols .panel-btn .btn{
width:100%;
}
.ui-tabs-panel .container-fluid {
}

/* snapmeeting base styles */

.snapmeeting .tab-tittle {
    text-align: left;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 1em 5px 1em 40px;
    border-bottom: none;
    margin: 2em 0;
    clear: both;
    color: #000;
    background: rgba(216, 216, 216, 0.37);
    border-radius: 6px 6px 0 0;
}              
.snapmeeting .tab-tittle .fa {
    float: left;
    margin-left: -25px;
    font-size: 1.2em;
    color: #369;
    margin-top: -2px;
}
.snapmeeting .row-btn .form-group{
    padding: 0px 5px !important;
    margin: 5px 0!important;
}
.snapmeeting .label{
    width: auto;
    margin: 0 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: .9em;;
    
}
.snapmeeting .panel-snap .panel-body{
    padding:0px;
    margin: -1px -2px -1px -1px;
}
.snapmeeting .panel.panel-snap,.snapmeeting .panel .panel-heading {
    border-radius:0px;
}
.snapmeeting .panel-snap .table{
    margin:0;
    width:100%;
}
.snapmeeting .snap-col{

}
/* Snapmeeting descartable */

/* CI Module */

div.ciproducts{
	background-color: #D0E39A;
    border-color: #D0E39A;
    color: black;
    /*position: fixed;*/
    border-radius: 10px;
    z-index: 1;
    right: 1.1em;
}

div.nociproducts{
	background-color: lightpink;
    border-color: lightpink;
    color: black;
    /*position: fixed;*/
    border-radius: 10px;
    z-index: 1;
    right: 1.1em;
}

.cigrid{
	line-height: 0px;
}

/* Scroll Bar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}



/* report, encuesta */

body.open-page #footer-wrapper {
    position: relative;
    width: 100%!important;
    /*bottom: 0!important;*/
    padding: .8em 0!important;
    margin:3em 0 0;
    background: rgba(0,0,0,.5)!important;
    height: 40px!important;
    text-align:center;
}
body.open-page #footer-wrapper a{
background:transparent!important;
color:#337AB7;
}
.quiz{
    padding: 0px 20px 3em;
}
.quiz-field{

}
quiz-block{

}
.thank-survey-banner {
    padding-bottom: 0px!importante;
    width: 100%;
}
.survey_not_available {
    font-size: 2em;
    text-align: center;
    background: #0DAD8B;
    padding: 1.5em 0 3em;
    color: #fff;
    margin: 0 auto;
}

@media screen and (min-width:0\0) { 
    /* Tus estilos CSS para IE9, IE10, IE11  */
    .ui-tabs-panel .container-fluid{
      padding: 15px 30px 0px 15px!important;
    }
    body.bd-report{
      padding: 15px 40px!important;
    }
    body.open-page #footer-wrapper {
    position: fixed;
    }

}
/* Checkbox Radio buttom bootstrap */


/* */

.ul-switch{
border:solid 1px #efefef;
background:rgba(100,100,100,.3);
padding:20px 0px;
margin-bottom:25px;
}
.il-switch .col-xs-2,.il-switch .col-xs-4,.il-switch .col-xs-6{
padding-left:0px !important;
padding-right:0px !important;
width: 33%!important;
}
.il-switch .icono {
    text-align:right;
    padding-right:0px;
}
.il-switch span.fa{
/*font-size:18px;
display:inline-block;
margin-top:4px;*/
width:50px;
height:50px;
padding-top:10Ppx;
text-align:center;
color:#036;
border-radius:30px;
/*overflow:hidden;*/
}
.il-switch p{
text-align:center;
padding:5px 0 5px 35px;
word-break:break-word
}
/* checkbox switch */

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "YES";
    padding-left: 10px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


 

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.switch4 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);   
}

.switch4-checkbox {
    display: none;
}

.switch4-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #003C62; border-radius: 50px;
}

.switch4-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.switch4-inner:before, .switch4-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.switch4-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #FFFFFF; color: #003C62;
}
.switch4-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #FFFFFF; color: #666666;
    text-align: right;
}
.switch4-switch {
    display: block; 
    width: 30px;
    height: 30px;
    margin: 2px 0;
    border-radius: 50px;
    background: #003C62;
    position: absolute; top: 0; bottom: 0; right: 60px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.switch4-checkbox:checked + .switch4-label .switch4-inner {
    margin-left: 0;
}

.switch4-checkbox:checked + .switch4-label .switch4-switch {
    right: 0px; 
}


.switch{
}
.check-toggle 
{
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.check-toggle + label 
{
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat + label 
{
    padding: 2px;
    width: 75px;
    height: 30px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);     
 
}

input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after 
{
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before 
{
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.check-toggle-round-flat + label:after 
{
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}

input.check-toggle-round-flat:checked + label 
{
  background-color: #003C62;
}

input.check-toggle-round-flat:checked + label:after 
{
  margin-left: 45px;
  background-color: #003C62;
}

.resetpwdpage{
    background-color:#ccc!important;
}
.photo-user-companyUser{-webkit-border-radius: 30px;border-radius: 50px;background-color:#bbb;display: inline-block;/* float:right; */width: 100px;height: 100px;/* position:absolute; */top:5%;right:2.5%;overflow:hidden;}
.photo-user-companyUser img{width: 100px;height:auto;margin:auto auto;position:relative;left:-2px;top: -2px;}
img.plussbutton{width: 20px;height:auto;margin:auto auto;position:relative;left:-2px;top: -2px;}
a.addplusphoto {left:7%!important;top:85%!important;}

/* Quote Now */

/* add product */

.box-shopping,.shop-col-1,.shop-col-2,.shop-col-3{
position:relative;
}
.shop-col-1{
    padding: 15px 0;
}
.shop-col-2{

}
.itsm-content .shop-col-3 .panel.pnl-shopping-cart-2{
    position: fixed!important;
    top: 140px;
    right: 10px;
    border: solid 1px #8FB63E!important;
}
.itsm-content .panel.pnl-cloudservices .panel-heading,
.itsm-content .panel.pnl-shopping-cart-2 .panel-heading{
    background:#8FB63E!important;
    border:solid 1px #8FB63E!important;
}
.itsm-content .panel.pnl-cloudservices{   
    border:solid 1px #8FB63E!important;
    position: relative!important;
    width: 100%!important;   
}
.itsm-content .panel.pnl-shopping-cart-2{ 

}
.itsm-content .panel.pnl-shopping-cart-2 .panel-body{
    padding:0;
}
/* left */
.pnl-cloudservices .product-selection{height:auto!important;}
.pnl-cloudservices .pnl-categoryservices-2{
    padding: 0 4px;
    overflow: hidden;
    overflow-y: auto;
    height: 470px;
}
.pnl-cloudservices .ac-container input:checked ~ article  {
    /*min-height: 40px;*/
    height: auto!important;
    float:none;
    display:block;
    /*max-height: 250px;*/
    padding: 0 0 5px;
    text-align: center;
    margin: -5px 0 0;
    /*overflow: auto;*/
}
.pnl-cloudservices .ac-container input:checked ~ article .btn{
    display:inline-block;
    margin:3px;
}

.pnl-cloudservices .ac-container label {
    padding: 5px 14px;
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    cursor: pointer;
    color: white;
    background-color: rgba(0, 74, 105,1)!important;
    line-height: inherit;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    font-weight: 100;
    border-radius: 6px!important;
}
a.btn-product, .btn-product{
    background: #efefef;
    color: #000!important;
    display: block;
    border-bottom: solid 1px rgba(0, 97, 143,.4);
    border-top: solid 1px #fff;
    padding: 5px 0!important;
    width: 100%!important;
    text-align: center;
    margin: 0!important;
}
a.btn-product:hover{
    background: rgba(0, 97, 143,.8);
	color: #fff!important;	
}

	
/* center */
.lst-product .tab-tittle,.grouptitle {
    /*position: relative; */
    padding-bottom: 5px;
    font-weight: normal;
    text-indent: 10%;
    font-size: 26px;
    /* font-family: lato, calibri, helvetica, arial, sanserif !important; */
    font-family: 'PT Sans Narrow', sans-serif!important;
    text-transform: capitalize;
    text-transform: inherit;
    margin: 0 auto 8px;
    color: #000;
}

.lst-product .tab-tittle:before,.grouptitle:before {
    content: "";
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    height: 3px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(6%, rgba(122,174,222,0.86)), color-stop(7%, rgba(122,174,222,1)), color-stop(15%, rgba(122,174,222,1)), color-stop(26%, rgba(0,115,162,1)), color-stop(37%, rgba(0,92,131,1)), color-stop(48%, rgba(0,74,105,1)), color-stop(52%, rgba(112,136,57,1)), color-stop(65%, rgba(143,182,62,1)), color-stop(78%, rgba(166,206,56,1)), color-stop(93%, rgba(205,226,148,1)), color-stop(94%, rgba(208,227,154,0.86)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.grouptitle .fa {
    /* float: left; */
    font-size: 24px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    /* border: solid 1px #f00; */
    position: relative;
    left: 0;
    text-indent: 0;
    text-align: center;
    border-radius: 30px;
    /* background: rgba(143,183,62,1); */
    color: rgba(143,183,62,1);	
}

table#tbl-Products tr:nth-child(odd), .tableCustomerProductsQuoteNow tr:nth-child(odd){
	background:rgba(0, 97, 143,.1);
	background:#efefef;
}
table#tbl-Products th, .tableCustomerProductsQuoteNow th{
    border: solid 1px rgba(0, 97, 143,.4);
    text-align: center;
    background-color: rgba(0, 74, 105,.7);
    color: #fff;
	font-size:15px!important;
}
table#tbl-Products td, .tableCustomerProductsQuoteNow td{
	border: solid 1px rgba(0, 97, 143,.2);
    color: #000;
}
table#tbl-Products th:nth-child(even), .tableCustomerProductsQuoteNow th:nth-child(even){
   background-color: rgba(0, 74, 105,.8);
}
table#tbl-Products td table th:nth-child(even), .tableCustomerProductsQuoteNow td table th:nth-child(even) {
    background-color: rgba(0, 74, 105,.7);
}
table#tbl-Products td table th:nth-child(odd), .tableCustomerProductsQuoteNow td table th:nth-child(odd) {
   background-color: rgba(0, 74, 105,.8);
}

table#tbl-Products td:nth-child(odd), .tableCustomerProductsQuoteNow td:nth-child(odd) {
   background-color: rgba(255,255,255,.8);
}
/* table table */
table#tbl-Products table td,table#tbl-Products table th, .tableCustomerProductsQuoteNow  table td , .tableCustomerProductsQuoteNow  table th{
	border:solid 1px rgba(112, 137, 57,.3)
}
.lst-product table#tbl-Products table thead th, .lst-product .tableCustomerProductsQuoteNow table thead th{
	background-color: rgba(143, 183, 62,.8);
	border:solid 1px rgba(112, 137, 57,.4);
	color:#000;
}
.lst-product table#tbl-Products table thead th:nth-child(even), .lst-product .tableCustomerProductsQuoteNow table thead th:nth-child(even) {
	background-color: rgba(143, 183, 62,.4);
}
table#tbl-Products td table td:nth-child(even), .tableCustomerProductsQuoteNow td table td:nth-child(even) {
	background: rgba(255,255,255,.7);
}
table#tbl-Products td table td:nth-child(odd), .tableCustomerProductsQuoteNow td table td:nth-child(odd) {
   background-color: rgba(143, 183, 62,.1);
}


.lst-product .table h2.tab-tittle {
    position: relative;
    border-bottom: dotted 1px #369;
    text-align: left;
    font-size: 18px;
    letter-spacing: -.4px;
    padding: 4px 0 10px 30px;
    margin: 1em 0.1em;
    clear: both;
    font-weight: 100;
	text-indent:0;
	color:#000;
}

.lst-product .table h2.tab-tittle .fa {
    position: absolute;
    top: 0em;
    left: 0;
    color: rgba(0, 74, 105,.8)!important;
    font-size: 24px !important;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-indent: -2px;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
}

.lst-product table.table>tbody>tr>td { font-size: 2em; }
.lst-product .table>tbody>tr>td .fa {
	font-size: 22px;
	color: rgba(123, 175, 222, .5);
	color:	rgba(0, 74, 105, .7);
	/*color:rgba(255,255,255,1);*/
}

/* right */
.itsm-content .panel.pnl-shopping-cart-2,
.itsm-content .panel.pnl-cloudservices{
	/*position: relative!important;
    width: 100%!important;
	margin: 15px 0;*/
}
.panel.pnl-shopping-cart-2 .basket-elements {
    margin-top: 3%;
    height: auto;
    /*max-height: 400px;*/
    height: 390px;
    overflow-y: auto;
}

/* iconos */
.ico {
	display : inline-block;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
	background-position: 50% 30%;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}
.pic{	
	display : inline-block;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
	background-position: 50% 30%;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}
/* */
.pnl-cloudservices .ac-container label .ico,
.pnl-cloudservices .ac-container label .pic {
	width: 30px;
    height: 30px;
    background-size: 30px 30px;
	margin-left: -8px;	
}	
/* */
.pic.ico-accessories 	{	background-image: url(".../../mages/quotes/ico-pic16.png");}			
.pic.ico-adc 			{	background-image: url(" ../../images/quotes/ico-pic51.png");}	
.pic.ico-addons     		{   background-image: url(" ../../images/quotes/ico-pic17.png");}			
.pic.ico-amazonaws 		{	background-image: url(" ../../images/quotes/ico-pic40.png");}		
.pic.ico-azure 			{	background-image: url(" ../../images/quotes/ico-pic35.png");}	
.pic.ico-backup     		{	background-image: url(" ../../images/quotes/ico-pic02.png");}		
.pic.ico-baremetal 		{	background-image: url(" ../../images/quotes/ico-pic43.png");}		
.pic.ico-citrix 			{	background-image: url(" ../../images/quotes/ico-pic49.png");}	
.pic.ico-client     		{   background-image: url(" ../../images/quotes/ico-pic01.png");}			
.pic.ico-cloud 			{	background-image: url(" ../../images/quotes/ico-pic44.png");}	
.pic.ico-cloudnow 		{	background-image: url(" ../../images/quotes/ico-pic34.png");}		
.pic.ico-continuity 		{	background-image: url(" ../../images/quotes/ico-pic29.png");}		
.pic.ico-cosn 			{	background-image: url(" ../../images/quotes/ico-pic42.png");}	
.pic.ico-datacenter 		{	background-image: url("	../../images/quotes/ico-pic11.png");}	
.pic.ico-datacenter 		{	background-image: url(" ../../images/quotes/ico-pic12.png");}		
.pic.ico-desk	           	{   background-image: url(" ../../images/quotes/ico-pic13.png");}	
.pic.ico-directory 		{	background-image: url(" ../../images/quotes/ico-pic03.png");}		
.pic.ico-doc			{	background-image: url(" ../../images/quotes/ico-pic08.png");}	
.pic.ico-domain 			{	background-image: url(" ../../images/quotes/ico-pic14.png");}	
.pic.ico-emailmessage 	{	background-image: url(" ../../images/quotes/ico-pic30.png");}			
.pic.ico-exchange 		{	background-image: url(" ../../images/quotes/ico-pic32.png");}		
.pic.ico-file 			{	background-image: url(" ../../images/quotes/ico-pic07.png");}	
.pic.ico-firewall		{ 	background-image: url(" ../../images/quotes/ico-pic06.png");}		
.pic.ico-helpdesk 		{	background-image: url(" ../../images/quotes/ico-pic46.png");}		
.pic.ico-hybridcloud 	{	background-image: url(" ../../images/quotes/ico-pic38.png");}			
.pic.ico-iaas 			{	background-image: url(" ../../images/quotes/ico-pic26.png");}	
.pic.ico-ibm 			{	background-image: url(" ../../images/quotes/ico-pic48.png");}	
.pic.ico-info       		{   background-image: url(" ../../images/quotes/ico-pic19.png");}			
.pic.ico-intercloud 		{	background-image: url(" ../../images/quotes/ico-pic11.png");}		
.pic.ico-licensing		{	background-image: url(" ../../images/quotes/ico-pic60.png");}		
.pic.ico-mail 			{	background-image: url(" ../../images/quotes/ico-pic04.png");}	
.pic.ico-managed 		{	background-image: url(" ../../images/quotes/ico-pic25.png");}		
.pic.ico-messaging 		{	background-image: url(" ../../images/quotes/ico-pic05.png");}		
.pic.ico-mobile 			{	background-image: url(" ../../images/quotes/ico-pic36.png");}	
.pic.ico-monitor        	{	background-image: url(" ../../images/quotes/ico-pic27b.png");}			
.pic.ico-monitoring 		{	background-image: url(" ../../images/quotes/ico-pic27.png");}		
.pic.ico-monitoring         {	background-image: url(" ../../images/quotes/ico-pic27.png");}				
.pic.ico-networknow 		{	background-image: url(" ../../images/quotes/ico-pic45.png");}		
.pic.ico-office 			{	background-image: url(" ../../images/quotes/ico-pic31.png");}	
.pic.ico-order      		{   background-image: url(" ../../images/quotes/ico-pic15.png");}			
.pic.ico-paas 			{	background-image: url(" ../../images/quotes/ico-pic33.png");}	
.pic.ico-printers 		{	background-image: url("	../../images/quotes/ico-pic03.png");}	
.pic.ico-privatecloud 	{	background-image: url(" ../../images/quotes/ico-pic37.png");}			
.pic.ico-publiccloud 	{	background-image: url(" ../../images/quotes/ico-pic39.png");}			
.pic.ico-resourcepool     {	background-image: url(" ../../images/quotes/ico-pic54.png");}				
.pic.ico-SAP 			{	background-image: url(" ../../images/quotes/ico-pic52.png");}	
.pic.ico-security 		{	background-image: url(" ../../images/quotes/ico-pic09.png");}		
.pic.ico-server 			{	background-image: url(" ../../images/quotes/ico-pic00.png");}	
.pic.ico-sharing 		{	background-image: url(" ../../images/quotes/ico-pic18.png");}		
.pic.ico-shield			{	background-image: url(" ../../images/quotes/ico-pic59.png");}	
.pic.ico-ups 			{	background-image: url("	../../images/quotes/ico-pic17.png");}
.pic.ico-virtualization	{	background-image: url(" ../../images/quotes/ico-pic47.png");}
.pic.ico-windows 		{	background-image: url(" ../../images/quotes/ico-pic50.png");}				

/* */

.ico.ico-accessories    	{	background-image: url(" ../../images/quotes/ico-big16.png");}                                                                               		
.ico.ico-adc            		{	background-image: url(" ../../images/quotes/ico-big51.png");}	
.ico.ico-amazonaws      	{	background-image: url(" ../../images/quotes/ico-big40.png");}		
.ico.ico-app            		{	background-image: url(" ../../images/quotes/ico-big10.png");}	
.ico.ico-azure          	{	background-image: url(" ../../images/quotes/ico-big35.png");}		
.ico.ico-backup         	{	background-image: url(" ../../images/quotes/ico-big02.png");}		
.ico.ico-baremetal      	{	background-image: url(" ../../images/quotes/ico-big43.png");}		
.ico.ico-big11          	{	background-image: url(" ../../images/quotes/ico-big11.png");}		
.ico.ico-business    		{	background-image: url(" ../../images/quotes/ico-big66.png");}	
.ico.ico-citrix         	{	background-image: url(" ../../images/quotes/ico-big49.png");}		
.ico.ico-client         	{	background-image: url(" ../../images/quotes/ico-big01.png");}		
.ico.ico-cloud          	{	background-image: url(" ../../images/quotes/ico-big44.png");}		
.ico.ico-cloudnow       	{	background-image: url(" ../../images/quotes/ico-big03.png");}		
.ico.ico-continuity     	{	background-image: url(" ../../images/quotes/ico-big29.png");}		
.ico.ico-cosn           		{	background-image: url(" ../../images/quotes/ico-big42.png");}	
.ico.ico-datacenter     	{	background-image: url(" ../../images/quotes/ico-big11.png");}		
.ico.ico-desk           		{	background-image: url(" ../../images/quotes/ico-big13.png");}	
.ico.ico-directory     	{	background-image: url(" ../../images/quotes/ico-big03.png");}		
.ico.ico-doc 			{	background-image: url(" ../../images/quotes/ico-big08.png");}
.ico.ico-domain         	{	background-image: url(" ../../images/quotes/ico-big14.png");}		
.ico.ico-emailmessage   	{	background-image: url(" ../../images/quotes/ico-big30.png");}		
.ico.ico-exchange       	{	background-image: url(" ../../images/quotes/ico-big32.png");}		
.ico.ico-firewall       	{	background-image: url(" ../../images/quotes/ico-big06.png");}		
.ico.ico-helpdesk       	{	background-image: url(" ../../images/quotes/ico-big46.png");}		
.ico.ico-hybridcloud    	{	background-image: url(" ../../images/quotes/ico-big38.png");}		
.ico.ico-iaas           		{	background-image: url(" ../../images/quotes/ico-big26.png");}	
.ico.ico-ibm            		{	background-image: url(" ../../images/quotes/ico-big48.png");}	
.ico.ico-intercloud     	{	background-image: url(" ../../images/quotes/ico-big11.png");}		
.ico.ico-intercloud     	{	background-image: url(" ../../images/quotes/ico-big11.png");}		
.ico.ico-licensing		{	background-image: url(" ../../images/quotes/ico-big60.png");}	
.ico.ico-mail           		{	background-image: url(" ../../images/quotes/ico-big04.png");}	
.ico.ico-managed       	{	background-image: url(" ../../images/quotes/ico-big25.png");}		
.ico.ico-messaging      	{	background-image: url(" ../../images/quotes/ico-big05.png");}		
.ico.ico-mobile         	{	background-image: url(" ../../images/quotes/ico-big36.png");}		
.ico.ico-monitor        	{	background-image: url(" ../../images/quotes/ico-big27b.png");}		
.ico.ico-monitoring     	{	background-image: url(" ../../images/quotes/ico-big27.png");}		
.ico.ico-networknow     	{	background-image: url(" ../../images/quotes/ico-big45.png");}		
.ico.ico-office         	{	background-image: url(" ../../images/quotes/ico-big31.png");}		
.ico.ico-overview       	{	background-image: url(" ../../images/quotes/ico-big53.png");}		
.ico.ico-paas           		{	background-image: url(" ../../images/quotes/ico-big33.png");}	
.ico.ico-printers       	{	background-image: url(" ../../images/quotes/ico-big03.png");}		
.ico.ico-privatecloud   	{	background-image: url(" ../../images/quotes/ico-big37.png");}		
.ico.ico-publiccloud    	{	background-image: url(" ../../images/quotes/ico-big39.png");}		
.ico.ico-resourcepool    	{	background-image: url(" ../../images/quotes/ico-big54.png");}		
.ico.ico-SAP            		{	background-image: url(" ../../images/quotes/ico-big52.png");}	
.ico.ico-security      	{	background-image: url(" ../../images/quotes/ico-big09.png");}		
.ico.ico-server         	{	background-image: url(" ../../images/quotes/ico-big00.png");}		
.ico.ico-sharing       	{	background-image: url(" ../../images/quotes/ico-big18.png");}		
.ico.ico-shield			{	background-image: url(" ../../images/quotes/ico-big59.png");}
.ico.ico-ups            		{	background-image: url(" ../../images/quotes/ico-big17.png");}	
.ico.ico-virtualization 	{	background-image: url(" ../../images/quotes/ico-big47.png");}		
.ico.ico-windows        	{	background-image: url(" ../../images/quotes/ico-big50.png");}		


/* Sales Quote */

.filtered-quotas{	
}
.filtered-quotas table.tablesorter tbody td,
.filtered-quotas table.quotes-producttable tbody td{
border: solid 1px #ccc;	
}
table.tablesorter .td-title{
	/*background:#8FB63E;
	color:#fff;*/
	padding:8px 10px;
	font-size:14px;
}
.page-title {
    position: relative;
    padding:10px 0 15px 0px;
    text-indent:10px;
    font-size: 22px;
    font-weight: 100;
    /*font-family: lato, calibri, helvetica, arial, sanserif !important; */
    text-transform: capitalize;
    text-transform: inherit;
    /* font-style: italic; */    
    margin: 20px 0 ;
    color: #000;
}
.panel .page-title {
    margin:10px 0 20px
}
.filtered-quotas .page-title {
    /*font-family: lato, calibri, helvetica, arial, sanserif !important;*/
    padding-bottom: 20px;
    font-weight: 100;    
    text-transform: capitalize;
    text-transform: inherit;
    margin:0;
    color: #000;
    font-size: 18px;
    padding: 0 0 15px 0px;
    text-indent: 20px;
    position: relative;
}
.page-title .fa{
    background-color:#8FB63E;
    color:#fff;
    line-height:29.8px;
    font-size:20px;
    border-radius:50px;
    width:28px;
    text-indent:0;
    text-align:center;
    height:28px;
}
.page-border:before {
    content: "";
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    height: 3px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(6%, rgba(122,174,222,0.86)), color-stop(7%, rgba(122,174,222,1)), color-stop(15%, rgba(122,174,222,1)), color-stop(26%, rgba(0,115,162,1)), color-stop(37%, rgba(0,92,131,1)), color-stop(48%, rgba(0,74,105,1)), color-stop(52%, rgba(112,136,57,1)), color-stop(65%, rgba(143,182,62,1)), color-stop(78%, rgba(166,206,56,1)), color-stop(93%, rgba(205,226,148,1)), color-stop(94%, rgba(208,227,154,0.86)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
table.tablesorter .td-title a{
}
table.tablesorter .td-title a:hover{
}
table.table-color th,table.table-color td {
    border: solid 1px rgba(0, 97, 143,.2)!important;
    color: #000;
}
table.table-color thead th {
    border: solid 1px rgba(0, 97, 143,.4);
    text-align: center;
    background-color: rgba(0, 74, 105,.7);
    color: #fff;
    font-size: 15px!important;
}
.fancyTable tbody tr.odd td {
    background-color: rgba(239, 239, 239, 0.5);
}
table.table-color thead th:nth-child(even) {
    background-color: rgba(0, 74, 105,.8);
}
table.table-color tbody td:nth-child(even) {
    background-color: rgba(0, 97, 143,.1);
}
#chartQuotas table{
    border: dotted 1px rgba(0, 97, 143,.2)!important;
    margin:0 auto!important;
}
#quotaDetail{ 
    min-height:280px;
}
#quotaDetail table tbody tr td{
    background-color:#fff;
}
.panel-box  {
    padding: 0 20px 10px;
    float:left;
    width:100%;   
}