/* Font definitions */
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);
@import url('../../fonts/sansation.css');
body {
    background-color: #fff;
	font-family: 'Lato', sans-serif;
}

h2,h3, h4, h5,.navbar-default .navbar-nav>li>a,.nav2 .navbar-nav>li, StaticBody.page-product,.checkout-wrap {
font-family: 'Lato', sans-serif;
}
h1,.tab-tittle,.markeplace #tabs-1 section h1,section .serviceinformation h3 strong, section#contact-us h2,section#relax h2, section#techsupport h2 {
/*font-family: 'sansation', sans-serif!important;*/
font-family: lato, calibri, helvetica, arial, sanserif !important;
/*text-transform:uppercase;*/
}
/* colores */
.p-icon.bg-defaul{color:#fff!important; background:#bbb;}
.p-icon.bg-danger{color:#fff!important;background:#c73b3b;}
.p-icon.bg-warning{color:#fff!important;background:#deaa4f;}
.p-icon.bg-info{color:#fff!important;background:#4fc5de;}
.p-icon.bg-success{color:#fff!important;background:#4cbb3d;}
.p-icon.bg-primary{color:#fff!important;background:#39608e}
.p-icon.bg-defaul .fa,
.p-icon.bg-danger .fa,
.p-icon.bg-warning .fa,
.p-icon.bg-info .fa,
.p-icon.bg-success .fa,
.p-icon.bg-primary .fa{color:#fff;text-shadow: 0 2px 3px #636363;}

.contact-info ul.address li .fa,.ui-dialog-buttonpane label.total,.ui-dialog-buttonpane label .fa,.wizard-content .list-sumary .sumary-total label,.wizard-content .list-sumary .sumary-total div,
ul.checkout-bar li.active:before,ul.checkout-bar li.visited,ul.checkout-bar li.active a,ul.checkout-bar li.visited a,.nav-btn a.profile:hover span,.nav-btn a.profile:hover i{
color:#8FB63E;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.panel-footer a.btn-panel:hover,ul.checkout-bar li.visited:before,ul.checkout-bar:before,.modal-header,.navbar-default,.navbar-static-top  {
background-color:#8FB63E;
}
.navbar-default{
    background:rgba(112,137,57,1);
    color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
    background:rgba(112,137,57,1);
    color:#fff!important;
}
/* flecha de submenu  */
.dropdown-submenu>a.a-managedservices:after,
.dropdown-submenu>a.a-clouddesktopnow:after,
.dropdown-submenu>a.a-paas:after,
.dropdown-submenu>a.a-shieldnow:after,
.dropdown-submenu>a.a-azure:after,
.dropdown-submenu>a.a-cloudfilenow:after,
.dropdown-submenu>a.a-firewall:after,
.dropdown-submenu>a.a-mobile:after,
.dropdown-submenu>a.a-intercloud:after,
.dropdown-submenu>a.a-servernow:after,
.dropdown-submenu>a.a-wyse:after,
.dropdown-submenu>a.a-backupnow:after,
.dropdown-submenu>a.a-ucnow:after,
.dropdown-submenu>a.a-messaging:after,
.dropdown-submenu>a.a-sslcertificates:after,
.dropdown-submenu>a.a-smbcomputer:after,
.dropdown-submenu>a.a-smbserver:after,
.dropdown-submenu>a.a-smbprinters:after,
.dropdown-submenu>a.a-smbups:after,
.dropdown-submenu>a.a-accessories:after,
.dropdown-submenu>a.a-InterCloud:after,
.dropdown-submenu>a.a-office:after,
.dropdown-submenu>a.a-office:after,
.dropdown-submenu>a.a-privatecloud:after,
.dropdown-submenu>a.a-hybridcloud:after,
.dropdown-submenu>a.a-cloudnow:after,
.dropdown-submenu>a.a-azure:after,
.dropdown-submenu>a.a-cosn:after,
.dropdown-submenu>a.a-amazonaws:after,
.dropdown-submenu>a.a-baremetal:after,
.dropdown-submenu>a.a-ADC:after,
.dropdown-submenu>a.a-SAP:after
{
display:none!important;
}
/* caja del submenu  */


.ul-managedservices,
.ul-clouddesktopnow,
.ul-paas,
.ul-shieldnow,
.ul-azure,
.ul-cloudfilenow,
.ul-firewall,
.ul-mobile,
.ul-intercloud,
.ul-servernow,
.ul-wyse,
.ul-backupnow,
.ul-ucnow,
.ul-messaging,
.ul-sslcertificates,
.ul-smbcomputer,
.ul-smbserver,
.ul-smbprinters,
.ul-smbups,
.ul-accessories,
.ul-InterCloud,
.ul-office,
.ul-office,
.ul-privatecloud,
.ul-hybridcloud,
.ul-cloudnow,
.ul-azure,
.ul-cosn,
.ul-amazonaws,
.ul-baremetal,
.ul-ADC,
.ul-SAP
{
display:none!important;
}


.li-ico-desk .sub-arrow,
.li-ico-managed .sub-arrow,
.li-ico-security .sub-arrow,
.li-ico-paas .sub-arrow,
.li-ico-SAP .sub-arrow,
.li-ico-server .sub-arrow,
.li-ico-baremetal .sub-arrow,
.li-ico-backup .sub-arrow,
.li-ico-domain .sub-arrow,
.li-ico-client .sub-arrow,
.li-ico-privatecloud .sub-arrow,
.li-ico-hybridcloud .sub-arrow,
.li-ico-firewall .sub-arrow,
.li-ico-adc .sub-arrow,
.li-ico-mail .sub-arrow,
.li-ico-office .sub-arrow,
.li-ico-messaging .sub-arrow,
.li-ico-sharing .sub-arrow,
.li-ico-cloudnow .sub-arrow,
.li-ico-azure .sub-arrow,
.li-ico-cosn .sub-arrow,
.li-ico-amazonaws .sub-arrow,
.li-ico-desk .sub-arrow,
.li-ico-resourcepool .sub-arrow,
.li-ico-monitoring .sub-arrow{
display:none!important;
}
.wizard-content .list-sumary .sumary-total{
border-color:#8FB63E;
}
.btn-dafault,.panel-default{border-color:#eee;}
.btn-dafault,.panel-default  .panel-heading{
background:#cccccc;
border-color:#eee;
color:#333!important;
}
.btn-primary,.panel-primary{border-color:#004A69;}
.btn-primary,.panel-primary .panel-heading{
background:#004A69;
border-color:#004A69;
color:#fff;
}
.btn-primaryGrid{
background:#004A69;
border-color:#004A69;
color:#fff;
border-radius: 2px;
font-size: 13px;
padding: 2px 10px;
color: #fff!important;
border-color: #2e6da4;
}
.btn-info {
    background: #7AAEDE;
    border-color: #7AAEDE;
    color: #004a69;
    font-weight: bold;
}
.btn-success.panel-success{
background:#D0E39A;
border-color:#A6CE38;
color:#fff;
}
.btn-danger,.panel-danger{

}
.btn-warning,.panel-warning{

}

.btn-dafault:hover{
background:#efefef;
border-color:#eee;
color:#777;
}
.btn-primary:hover{
background:#0073A2;
border-color:#004A69;
color:#fff;
}
.btn-info:hover{
background:#0073A2;
border-color:#7AAEDE;
color:#fff;
}
.btn-success:hover{
background:#8FB63E;
border-color:#D0E39A;
color:#fff;
}
.btn-danger:hover{

}
.btn-warning:hover{

}
section#techsupport {
    background-color: #333;
    color: #fff;
}
section#relax {
    background-color: #666;
    /*background-image: url(../../images/BannerTransformeNegocio.jpg);*/
    background-image: url(" ../../images/o4it/banner/section06.jpg");
    background-position:50% 50%;
    background-size: cover;
    background-attachment:fixed;
    text-shadow: 2px 2px 3px rgba(0,0,0,.7);
    padding:2em 0;
    display:none;
}
section#relax p, section#techsupport p{
color:#fff;
    }
section#relax h2 {
    margin: 1em 0em 1.5em;
    color:#fff;
}
section#relax a, section#techsupport a, section#expert a {
    color: #fff;
    /*background-color: #004A69;*/
    padding: 8px 20px;
    /*display: block;*/
    clear: both;
    text-align: center;
    /*min-width: 200px;*/
    text-decoration:none;
    margin: auto;
    margin-top: 30px;
}


section#relax .sec-img, section#techsupport .sec-img{
    overflow: hidden!important;
    border: solid 10px #004A69;
    width: 350px;
    height: 350px;
    margin: auto;
    border-radius: 200px!important;
    position: relative;
    z-index: 99;    
}
section#relax .sec-img img, section#techsupport .sec-img img{
    height: 350px;
    width: auto;
    margin-left: -110px;
    position: relative;
    z-index: 1;  
}
 section#techsupport h2 {
    margin: .2em 0em;
    color:#fff;
}
section#techsupport p{
    display: none;
}
section#techsupport .ico-support01, section#techsupport .ico-support04, section#techsupport .ico-support03{
    display: inline-block;
    position: relative;
    top: 20px;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0px 10px 0;
}
.ico-support01 {
    background-image :url(" ../../images/o4it/ico-support01.png");
}
.ico-support04 {
    background-image :url(" ../../images/o4it/ico-support04.png");
}
.ico-support03 {
    background-image :url(" ../../images/o4it/ico-support03.png");
}

/*-----------------------------------------------*/
section#expert {
    background-color: #fff;
    color: #fff;
    position:relative;
    /*background-image: url(../../images/o4it/banner/banner055.jpg);*/
    background-image: url(" ../../images/o4it/banner/section01.jpg");
    background-attachment:fixed;    
    background-position:50% 50%;
    background-size: cover;
    text-shadow: 2px 2px 3px rgba(0,0,0,.7);
    padding:2em 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
section#expert:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    color: #fff;    
    background-color: rgba(0,74,105,0.4);    
    padding-top: 40px;
    padding-bottom: 40px;
}
section#expert p,section#expert h1,section#expert .page-title{
    color:#fff;
    text-shadow: 2px 2px 3px rgba(0,0,0,.7);
    }
section#expert h2 {
    margin: 1em 0em 1.5em;
    color:#000;
}
section#expert .sec-img{
    overflow: hidden!important;
    border: solid 10px #004A69;
    width: 350px;
    height: 350px;
    margin: auto;
    border-radius: 200px!important;
    /* padding: 10px; */
    position: relative;
    z-index: 99;    
}
section#expert .sec-img img{
    height: 350px;
    width: auto;
    margin-left: -110px;
    position: relative;
    z-index: 1;  
}

#footer {
    color: #fff;
    background: #999;
}
/* ----------------- Styles from Marketplace ----------------- */
.login-box{
color: #fff;
padding: 20px;
position: relative;
width: 100%;
max-width: 300px;
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);
}
.ui-front:has(> .login-box){
padding:0!important;
background:transparent!important;
}
.login-box form.form-signin{    
    position: relative;
    width: 100%;
    max-width: 300px;
    height: auto;
    top: 15%;
    /* left: 0; */
    margin: auto;
    padding: 2% 5% 3%;
    text-align: left;
    background: rgba(255,255,255,1);
    border: solid 1px #fff;
    border-radius: 8px;
    /*background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(2,73,105,1) 70%);*/
    /* text-align: center; */

}
.login-box a.btn-close {
    color:#024969;
    position: relative;
    padding: 0 0 5px;
    display: block;
    text-decoration: none;
    z-index: 9;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
}
.login-box a.btn-close b {

}
.login-box a.btn-close:hover{
color:rgba(0,0,0,1);
}
.login-box .row-btn{
background:transparent;
text-align:left;
padding-left:0;
padding-right:0;
}
.login-box .row-btn .btn{
/*text-transform:uppercase;*/
font-size:14px;
font-weight:bold;
width:100%;
text-align:center;
}
.login-box .logo-login{
    background-color: transparent;
    background-image: url(../../images/o4it/logo-spn-verde.png)!important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90% auto;
    width: 100%;
    height: 60px;
    position: relative;
    margin: 0;
}
.Before-box .logo-login{
background-color:rgba(112,137,57,1);
background-image: url('../../images/o4it/logo.png')!important;
background-repeat:no-repeat;
background-position:50% 50%;
width:100%;
height:60px;
position:relative;
margin:0;
}
.login-box h2.form-signin-header{
    font-size: 18px;
    font-family: lato, sans-serif;
    text-align: center;
    font-weight: normal;
    color: #000;
    text-shadow: none;
    text-transform: uppercase;
    padding: .3em 0;
    line-height: 1.5em;
    /* letter-spacing: -1px; */
}
.login-box h2.form-signin-header .glyphicon{
    padding: 0 .5em;
    display: none;
}
.login-box .sing-link,.login-box label.login-check {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    font-family: lato, calibri, sans-serif;
}
html body.marketplace .loginMarketplace{
    background: #fff!important;
    padding: 10px!important;
    width: 300px!important;
    height: auto!important;
    position: absolute!important;
    top: 10%!important;
    left: 50%!important;
    overflow: inherit;
    border: solid 1px #ccc;
    border-radius: 12px;
    margin-left: -150px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
    box-shadow: 0 6px 12px rgba(0,0,0,.5);
}
html body.marketplace .loginMarketplace .login-box{
    color: #fff;
    padding:0px;    
    position: relative;
    width: 100%;
    height: auto!important;
    max-height: 100%!important;
    margin: 0!important;
    background-color: #fff;
    -webkit-box-shadow: none; 
    box-shadow: none;
    z-index: 999;
    border: solid 1px #fff;
    border-radius: 12px;

}


.marketplace .menu-panel .p-icon {
/*background-color:rgba(112,137,57,1);
background-color: rgba(0, 74, 105,1);*/
} 
.marketplace .nav2 .navbar-nav>li>a {
padding: 3px 10px;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
}
.marketplace .form-horizontal label.control-label {
padding-top: 5px;
padding-right: 0;
text-align: right;
font-size: 12px;
line-height: 1em;
}
a.brand, a.brand:hover, a.navbar-brand, a.navbar-brand:hover{
background-image: url('../../images/o4it/logo.png')!important;
background-size: auto 35px!important;   
}
.development{
display:none;
}
body.marketplace .jumbotron,.bg-img{
background-color: #fff!important;
}
.jumbotron{background-color: #fff!important;}
.marketplace a.navbar-brand{
background-image: url('../../images/o4it/logo_White.png');
background-size: 250px 60px;
}
a.logo-web,.footer-logo a{
background-image: url('../../images/o4it/logo.png');
}
.page-product footer .footer-logo{
background-image: url('../images/o4it/logo.png');
}
.banner-calculator {  
background-color:#00235B;
background-image: url(" ../../images/calculator.png");
}
.banner-oppmesage {  
background-color:#00235B;
background-image: url(" ../../../../images/SalesEndYear.png");
min-height:350px;
}
.certify-001{ background-image: url(" ../../images/o4it/logos/certify-001.png"); }
.certify-002{ background-image: url(" ../../images/o4it/logos/certify-002.png");    /*background-size: auto 80%!important;*/ }
.certify-003{ background-image: url(" ../../images/o4it/logos/certify-003.png");    /*background-size: auto 80%!important;*/ }
.certify-004{ background-image: url(" ../../images/o4it/logos/certify-004.png"); }
.certify-005{ background-image: url(" ../../images/o4it/logos/certify-005.png"); }
.certify-006{ background-image: url(" ../../images/o4it/logos/certify-006.png"); }

.factory-001{ background-image: url(" ../../images/o4it/logos/factory-001.png"); }
.factory-002{ background-image: url(" ../../images/o4it/logos/factory-002.png"); }
.factory-003{ background-image: url(" ../../images/o4it/logos/factory-003.png"); }
.factory-004{ background-image: url(" ../../images/o4it/logos/factory-004.png"); }
.factory-005{ background-image: url(" ../../images/o4it/logos/factory-005.png"); }
.factory-006{ background-image: url(" ../../images/o4it/logos/factory-006.png"); }
.factory-007{ background-image: url(" ../../images/o4it/logos/factory-007.png"); }
.factory-008{ background-image: url(" ../../images/o4it/logos/factory-008.png"); }
.factory-009{ background-image: url(" ../../images/o4it/logos/factory-009.png"); }
.factory-010{ background-image: url(" ../../images/o4it/logos/factory-010.png"); }
.factory-011{ background-image: url(" ../../images/o4it/logos/factory-011.png"); }
.factory-012{ background-image: url(" ../../images/o4it/logos/factory-012.png"); }
.factory-013{ background-image: url(" ../../images/o4it/logos/factory-013.png"); }
.factory-014{ background-image: url(" ../../images/o4it/logos/factory-014.png"); }
.factory-015{ background-image: url(" ../../images/o4it/logos/factory-015.png"); }
.factory-016{ background-image: url(" ../../images/o4it/logos/factory-016.png"); }
.factory-017{ background-image: url(" ../../images/o4it/logos/factory-017.png"); }
.factory-018{ background-image: url(" ../../images/o4it/logos/factory-018.png"); }
.factory-019{ background-image: url(" ../../images/o4it/logos/factory-019.png"); }
.factory-020{ background-image: url(" ../../images/o4it/logos/factory-020.png"); }



.cert-A{ background-image: url(" ../../images/o4it/logos/certify0A.png"); }
.cert-B{ background-image: url(" ../../images/o4it/logos/certify0B.png"); }
.cert-C{ background-image: url(" ../../images/o4it/logos/certify0C.png"); }
.cert-D{ background-image: url(" ../../images/o4it/logos/certify0D.png"); }
.cert-E{ background-image: url(" ../../images/o4it/logos/certify0E.png"); }
.cert-F{ background-image: url(" ../../images/o4it/logos/certify0F.png"); }
.cert-G{ background-image: url(" ../../images/o4it/logos/certify0G.png"); }
.cert-H{ background-image: url(" ../../images/o4it/logos/certify0H.png"); }
.cert-I{ background-image: url(" ../../images/o4it/logos/certify0I.png"); }
.cert-J{ background-image: url(" ../../images/o4it/logos/certify0J.png"); }

.cert-01{ background-image: url(" ../../images/o4it/logos/certify001.png"); }
.cert-02{ background-image: url(" ../../images/o4it/logos/certify002.png"); }
.cert-03{ background-image: url(" ../../images/o4it/logos/certify003.png"); }
.cert-04{ background-image: url(" ../../images/o4it/logos/certify004.png"); }
.cert-05{ background-image: url(" ../../images/o4it/logos/certify005.png"); }
.cert-06{ background-image: url(" ../../images/o4it/logos/certify006.png"); }
.cert-07{ background-image: url(" ../../images/o4it/logos/certify007.png"); }
.cert-08{ background-image: url(" ../../images/o4it/logos/certify008.png"); }
.cert-09{ background-image: url(" ../../images/o4it/logos/certify009.png"); }
.cert-10{ background-image: url(" ../../images/o4it/logos/certify010.png"); }
.cert-11{ background-image: url(" ../../images/o4it/logos/certify011.png"); }
.cert-12{ background-image: url(" ../../images/o4it/logos/certify012.png"); }
.cert-13{ background-image: url(" ../../images/o4it/logos/certify013.png"); }
.cert-14{ background-image: url(" ../../images/o4it/logos/certify014.png"); }
.cert-15{ background-image: url(" ../../images/o4it/logos/certify015.png"); }
.cert-16{ background-image: url(" ../../images/o4it/logos/certify016.png"); }
.cert-17{ background-image: url(" ../../images/o4it/logos/certify017.png"); }
.cert-18{ background-image: url(" ../../images/o4it/logos/certify018.png"); }
.cert-19{ background-image: url(" ../../images/o4it/logos/certify019.png"); }
.cert-20{ background-image: url(" ../../images/o4it/logos/certify020.png"); }
.cert-21{ background-image: url(" ../../images/o4it/logos/certify021.png"); }
.cert-22{ background-image: url(" ../../images/o4it/logos/certify022.png"); }
.cert-23{ background-image: url(" ../../images/o4it/logos/certify023.png"); }
.cert-24{ background-image: url(" ../../images/o4it/logos/certify024.png"); }
.cert-25{ background-image: url(" ../../images/o4it/logos/certify025.png"); }
.cert-26{ background-image: url(" ../../images/o4it/logos/certify026.png"); }
.cert-27{ background-image: url(" ../../images/o4it/logos/certify027.png"); }
.cert-28{ background-image: url(" ../../images/o4it/logos/certify028.png"); }
.cert-29{ background-image: url(" ../../images/o4it/logos/certify029.png"); }
.cert-30{ background-image: url(" ../../images/o4it/logos/certify030.png"); }
.cert-31{ background-image: url(" ../../images/o4it/logos/certify031.png"); }
.cert-32{ background-image: url(" ../../images/o4it/logos/certify032.png"); }
.cert-33{ background-image: url(" ../../images/o4it/logos/certify033.png"); }
.cert-34{ background-image: url(" ../../images/o4it/logos/certify034.png"); }
.cert-35{ background-image: url(" ../../images/o4it/logos/certify035.png"); }
.cert-36{ background-image: url(" ../../images/o4it/logos/certify036.png"); }
.cert-37{ background-image: url(" ../../images/o4it/logos/certify037.png"); }
.cert-38{ background-image: url(" ../../images/o4it/logos/certify038.png"); }
.cert-39{ background-image: url(" ../../images/o4it/logos/certify039.png"); }
.cert-40{ background-image: url(" ../../images/o4it/logos/certify040.png"); }
.cert-41{ background-image: url(" ../../images/o4it/logos/certify041.png");background-size: 70% auto!important; }
.cert-azure01{ background-image: url(" ../../images/o4it/logos/certify-azure01.png"); }
.cert-azure02{ background-image: url(" ../../images/o4it/logos/certify-azure02.png"); }
.cert-azure03{ background-image: url(" ../../images/o4it/logos/certify-azure03.png"); }
.cert-aws01{ background-image: url(" ../../images/o4it/logos/certify-aws01.png"); }
.cert-aws02{ background-image: url(" ../../images/o4it/logos/certify-aws02.png"); }
.cert-aws03{ background-image: url(" ../../images/o4it/logos/certify-aws03.png"); }


/* vinculo imagenes slider de tipo 2 */

.carousel-inner img {
    /*content:"";    
    display:block!important;
    width:100%;
    height:100%;
    background-image: url("../../images/agua.png");
    background-repeat:repeat!important;
    background-position:top;
    background-size:250px auto!important;
     opacity: 0.3;
    filter: alpha(opacity=30);*/
}


.carousel-img1 img.img1,.carousel-img2 img.img2,.carousel-img3 img.img3,.carousel-img4 img.img4,.carousel-img5 img.img5,.carousel-img6 img.img6,.carousel-img7 img.img7,.carousel-img8 img.img8{
display:none;
}
.carousel-img1 {	/*background-color:#015d84;*/ background-image: url("../../images/banner-security.jpg"); }
.carousel-img2 {    /*background-color:#004A69;*/ background-image: url("../../images/banner-csirt.jpg"); }
.carousel-img3 {    /*background-color:#2994e6;*/ background-image: url("../../images/banner-video.jpg"); }
.carousel-img4 {    /*background-color:#e58900;*/ background-image: url("../../images/banner-cloud-private.jpg"); }
.carousel-img5 {    /*background-color:#e58900;*/ background-image: url("../../images/banner-cloud-public.jpg");}

.carousel-img6 {    /*background-color:#004A69;*/ background-image: url("../../images/banner005.png"); }
.carousel-img7 {	/*background-color:#a10101;*/ background-image: url("../../images/banner006.png");}
.carousel-img8 {	/*background-color:#004A69;*/ background-image: url("../../images/banner007.png");background-repeat:no-repeat;}


.carousel-img60 {    background-image: url('../../images/banner006b.jpg'); background-position: 100% 50%;}


/* */
h1.tab-tittle, h2.tab-tittle {
    border-bottom: dotted 1px #8FB63E!important;    
    /*color: #777!important;*/ 
}
.tab-tittle .fa {
    color: #8FB63E!important;   
}


/* ----------------- Responsive login Service Portal ----------------- */
/* login */

html.inicio{
 background: url(../../images/o4it/LoginPage4.jpg) no-repeat center bottom fixed; 
-webkit-background-size : cover ; 
-moz-background-size : cover ; 
-o-background-size : cover ; 
background-size : cover ; 
}
body.loginpage .login-box {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    max-width: inherit;
    height: 100%;
    /* background: rgba(0,0,0,.8); */
    /* background: rgba(143, 182, 62,.8); */
    /* background: rgba(0, 74, 105,0.8); */
    background: rgb(34,193,195);
    background: linear-gradient(135deg, rgba(143, 182, 62,.8) 0%, rgba(0, 74, 105,.8) 100%);
    /* box-shadow: 4px 0px 6px rgba(0,0,0,.5); */
}
.form-signin {
background-size : cover ; 
}


.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin .input-group{
margin:.6em 0;  
}
.form-signin .form-control,.form-signin input[type=password]{
    color: #000;
    -webkit-border-radius: 0 4px 4px 0 !important;
    border-radius: 6px !important;
    text-align: left;
    text-transform: capitalize;
}
.form-signin .col-sm-5 {
padding-left:0;
}
.loginpage .form-signin .btn{
width:100%;
}
                                                                                                  
.logo-login{
background: url(../../images/o4it/logo.png)  no-repeat center center;
min-height:80px ;  
}

@media (max-width:771px) {
    body.loginpage .login-box {
        width: 100%;
    }
}

@media screen and (min-width: 250px) and (max-width: 400px){
    /*.form-signin {
        width: 92%;
        position: relative;
        top: 0;
        left: 0;
        margin: 10px 4% 0;
        padding: 10px 10px 70px;
    }*/
     body.loginpage .login-box{
        /*margin: 30% auto;*/
     }   	
    ul.chart-ul li{
        width: 48%;
    
	}   
}


.2inp { 
    padding:0 !important;
    border:solid 1px #f00;
    background-color:#fc0;
}
.2inp .col-xs-4, .2inp .col-xs-8 {
    padding-right: 0px!important;
    padding-left: 0px!important;
    border:solid 1px #f00!important;
    background-color:#fc0!important;
}

.2inp .2inp-r {
    padding-left: 15px!important;
}


/* ultimos cambios */
.serviceportal .carousel {
display:none!important;
}

.marketplace #carousel-home.carousel{
    display:block!important;
    margin-top: -110px;
}
/* */
a.info-crm, a.info-market, a.info-support {
    display: inline-block;
    height: 80px;
}
.panel-yellow,.panel-purple,.panel-red,.panel-blue,.panel-lblue,.panel-dblue,.panel-green   {
border-color:#5cb85c!important;
}
.panel-yellow > .panel-heading,.panel-purple > .panel-heading,.panel-red > .panel-heading,.panel-blue > .panel-heading,.panel-lblue > .panel-heading,.panel-dblue > .panel-heading,.panel-green > .panel-heading {
background-color:#5cb85c!important;
color: #fff!important;
border-color:#5cb85c!important;
}
.panel-yellow > a,.panel-purple > a,.panel-red > a,.panel-blue > a,.panel-lblue > a,.panel-dblue > a,.panel-green > a {
color: #5cb85c!important;
}
.panel-yellow > a:hover,.panel-purple > a:hover,.panel-red > a:hover,.panel-blue > a:hover,.panel-lblue > a:hover,.panel-dblue > a:hover,.panel-green > a:hover {
color: #205230!important;
}
.panel-yellow > .panel-footer,.panel-purple > .panel-footer,.panel-red > .panel-footer,.panel-blue > .panel-footer,.panel-lblue > .panel-footer,.panel-dblue > panel-footer,.panel-green > .panel-footer {
display:none!important;
}
.serviceportal .menu-panel .panel .panel-heading .panel-text{
height: 70px;
}
.serviceportal .menu-panel .panel .panel-heading .p-icon{
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 8px 0;
    width: 40px;
    height: 40px;
    font-size: .8em;
    text-align: center;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.container-fluid .row-fluid a .menu-panel .panel .panel-heading .panel-text h2 {
    padding: .5em .4em;
    font-size: 18px;
    font-weight: normal;
    text-align: right;
 }
.categoryservices{

}
.categoryservices a.info-crm,.categoryservices a.info-market,.categoryservices a.info-support {
    display: inline-block;
    height: 100px;
    /*width: 20%;
    max-width: 250px;*/
    border-radius:6px;
    background-color: #000000;
 }
 .categoryservices a.info-crm .fa,.categoryservices a.info-market .fa,.categoryservices a.info-support .fa {
    color: rgb(148, 193, 31);
    font-size: 80px;
    position: absolute;
    right: -20px;
    top: -20px;
    border: none;
    width: 140px;
    height: 140px;
    padding: 30px;
    display: block;
    text-align: center;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: rgba(255,255,255,.4);
}
.categoryservices a.info-crm span,.categoryservices a.info-market span,.categoryservices a.info-support span {
    background-color: transparent;
}
/* */

.hiddenZabbix {
    display: none!important;
    visibility: hidden!important;
}
.photobanner-table, .photobanner-box {
    height:120px!important;
    margin-top:5px!important;
}
.photobanner a {
    display:inline-block;
    height:120px;
}

.photobanner img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
    height:110px;
    opacity: 0.4;
}

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: 6px 8px;
}



/*-------------------- Menu --------------------------*/

a {
    cursor: pointer;
}

.SolicitarCotizacion {
    color: #fff;
    background-color: #004A69;
    padding: 8px 20px;
    display: block;
    clear: both;
    text-align: center;
    /* width: 200px; */
    text-decoration: none;
    /* margin: 2em 0; */
    font-weight: 100;
    font-size: 22px;
}

.contactus p a {
    color: #337ab7!important;
    background-color: #333!important;
}

.tb-backup thead .tb-tittle th {
    border-bottom: 0px;
}

.tb-backup thead .tb-tittle th {
    border-bottom: 0px;
}

table.tb-backup tbody tr td {
    border-top: 0px;
}

/* 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;
}

textarea, textarea.form-control{
min-height:6.5em!important;
background-color:#fff;
width:100%;
}

.about-us-img {
        max-width: 40%!important;
        margin: 10%!important;
}

.StaticImagesSize{
    max-width: 40%!important;
        margin: 10%!important;
}

.about-industry-img {
        max-width: 50%!important;
        margin: 10%!important;
}

.nopadding {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}


.nomargin {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.labelConfirmation {
    padding-top: 7px!important;
    line-height: inherit!important;
    font-size: 15px!important;
}

.errorLogin {
    color: red;
}

/* new menu navigation multilevel */
.header-content{

}
.mainbuttons {}

nav.main-nav {
	text-align: right;
	background-color: rgba(143,183, 62,.8);
    background-color: rgba(0,0,0,0.8);
	color:#000; 
	display:block;
	font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    padding:3px 0;
	min-height: 40px;
    box-shadow: 0 3px 3px rgba(0,0,0,.5);	
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}
#main-menu {
	clear: both;
	border-bottom: 0;
	background-color:transparent;
	color:#000!important;
	z-index: 1000;
	/*width: 100%;*%*/
	text-align:center;
}
#main-menu > a,.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
    padding: 10px 15px;   
    color:#fff;
    border-radius:3px;
    background-color:transparent;
}
#main-menu > a:hover,.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
  background-color:#8FB63E;
  color:#000; 
  text-decoration: none; 
  /*border-bottom: solid 4px #8FB63E;*/
}

.nav-brand {
  float: left;
  margin: 0;
}
.nav-brand a {
  display: block;
  padding: 11px 11px 11px 20px;
  color: #333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
  background-image: url('../../images/o4it/logo.png')!important;
  background-size: auto 35px!important; 
  min-width: 300px; 
  height: 70px; 
  background-position: 10%; 
  text-align: center; 
  background-repeat: no-repeat; 
  background-size: auto 70px;
  /*background-color:rgba(112,137,57,1);*/
}
.marketlogo {
display: block;
padding: 11px 11px 11px 20px;
color: #333;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 17px;
text-decoration: none;
background-image: url('../../images/o4it/logo.png')!important;
background-size: auto 35px!important; 
min-width: 300px; 
height: 70px; 
background-position: 10%; 
text-align: center; 
background-repeat: no-repeat; 
background-size: auto 70px;
/*background-color:rgba(112,137,57,1);*/
background-color:transparent;

}

/*-------------------- Menu --------------------------*/
/*.categories li ul { display: none; }*/

.categories ul li a {
  display: block;
    padding: 5px 8px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.categories ul li a:hover { 
	background: rgba(0, 93, 131,.8);	
    color: #fff!important; 
}
.categories li a:hover { 
	background: rgba(0, 93, 131,.8);	
    color: #fff!important; 
}
#main-menu ul li a:hover { 
	background: rgba(0, 93, 131,.5);
    color: #fff!important; 
}
/* Display the dropdown */
/*
.categories li:hover > ul {
  display: block;
  position: absolute;
}*/

/*li:hover li { float: none; }

li:hover a { background: #1bc2a2; }*/

/*.categories li:hover li a:hover { background: rgba(112,137,57,1);
    color: #fff;
}*/

/*.categories .main-navigation li ul li { border-top: 0; }*/

/* Displays second level dropdowns to the right of the first level dropdown */

/*ul ul ul {
  left: 75%;
  list-style-type: none;
  top: 0;
}*/

/* Simple clearfix */

/*.categories ul:before,
ul:after {
  content: " "; 
  display: table;
}*/

/*.categories ul:after { clear: both; }*/


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 5px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}



/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}


/*.buttonsDivHeader{display:none;}*/

.iframeposition {
        z-index: -1;
    /*padding-top: 75px;*/
}


@media (max-width:771px) {

	.marketlogo{
	padding: 5px 0px 5px 20px;
    height: 50px;
    display:none;		
	}
	nav.main-nav{
	  background-image:url('../../images/o4it/logo.png')!important;
	  background-position:15px 10px;
	  background-repeat:no-repeat;
	  background-size:auto 25px!important;  
	  /*height: 44px;	*/  
  }
  .carousel-inner>.item.carousel-img6> img{
    display:none!important;
  }
  .carousel-img6 {
    /*background-image: url('../../images/banner0008-3.jpg'); 
    background-position: 45% 50%!important;
    background-size:auto 100%;*/ 
    }

}

@media (min-width: 772px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: inline-block;
  }
  
}
@media (min-width: 772px) {
  #main-menu {
    /*float: right;*/
	text-align:center;
	margin:0 auto;
    clear: none;
	height: 32px;
  }
  nav.main-nav{
	  /*height: 32px;*/
	  
  }
}

/*#postcontent h1{ font-size:1.6em; color:#6A8A22; margin:10px 0; }*/
#postcontent em {font-style:normal!important;}
#postcontent{ /*margin-bottom:40px;*/ padding:2em 0px; font-size:1.1em!important; }
#postcontent p, #postcontent strong{ line-height:140%; margin:20px 0px; }

/*NEw contenido*/
/*.bg-lblue{
	background: -moz-radial-gradient(center, ellipse cover, rgba(123,175,222,1) 0%, rgba(123,175,222,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(123,175,222,1) 0%,rgba(123,175,222,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(123,175,222,1) 0%,rgba(123,175,222,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bafde', endColorstr='#00ffffff',GradientType=1 );
}
.bg-orange{
	background: -moz-radial-gradient(center, ellipse cover, rgba(241,87,35,1) 0%, rgba(241,87,35,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(241,87,35,1) 0%,rgba(241,87,35,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(241,87,35,1) 0%,rgba(241,87,35,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15723', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-black{
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-ibm{
	background: -moz-radial-gradient(center, ellipse cover, rgba(41,137,216,1)  0%, rgba(41,137,216,1)  69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(41,137,216,1)  0%,rgba(41,137,216,1)  69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(41,137,216,1)  0%,rgba(41,137,216,1)  69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989D8', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-mgreen{
	background: -moz-radial-gradient(center, ellipse cover, rgba(143,183,62,1) 0%, rgba(143,183,62,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(143,183,62,1) 0%,rgba(143,183,62,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(143,183,62,1) 0%,rgba(143,183,62,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb73e', endColorstr='#00ffffff',GradientType=1 );
}
.bg-gray{
	background: -moz-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 0%, rgba(147,149,152,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 0%,rgba(147,149,152,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(147,149,152,1) 0%,rgba(147,149,152,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-dblue{
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,74,105,1) 0%, rgba(0,74,105,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,74,105,1) 0%,rgba(0,74,105,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(0,74,105,1) 0%,rgba(0,74,105,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a69', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-dgreen{
	background: -moz-radial-gradient(center, ellipse cover, rgba(112,137,57,1) 0%, rgba(112,137,57,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(112,137,57,1) 0%,rgba(112,137,57,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(112,137,57,1) 0%,rgba(112,137,57,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708939', endColorstr='#00ffffff',GradientType=1 );	
}
.bg-blue{
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,116,162,1) 0%, rgba(0,116,162,1) 69%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,116,162,1)) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(0,116,162,1) 0%,rgba(0,116,162,1) 69%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073a2', endColorstr='#00ffffff',GradientType=1 );	
}
*/
.areas ul {
  list-style-type: none;
   padding-left:0px;
}

.areas li {
  display: inline-block;
}

.areas input[type="checkbox"][id^="cb"] {
  display: none;
}

.areas label {
  /*border: 1px solid #fff;*/
  /*padding: 10px;*/
  display: block;
  position: relative;
  margin: 5px;
  cursor: pointer;
}

.areas label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.areas label img {
  height: 80px;
  width: 80px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

.areas :checked + label:before {
  content: "✓";
  background-color: #8fb63e;
  transform: scale(1);
  z-index: 1000;
}
.cv .attachmente-files .dropzone { 
  border: 1px solid rgba(0,0,0,0.03); 
  min-height: 120px!important; 
  -webkit-border-radius: 3px; 
  border-radius: 3px; 
  background: rgba(0,0,0,0.03); 
  padding: 10px; 
  border: gray dashed; 
}

.cv .attachmente-files .dropzone { 
  border: 1px solid rgba(0,0,0,0.03); 
  min-height: 120px!important; 
  -webkit-border-radius: 3px; 
  border-radius: 3px; 
  background: rgba(0,0,0,0.03); 
  padding: 10px; 
  border: gray dashed; 
}

.cv .attachmente-files .dropzone .dz-message {
        margin-top: 30px;
}
.marketplace .form-horizontal label.control-label2 {padding-top: 5px;padding-right: 60px;text-align: right;font-size: 12px;line-height: 1em;}

.second-bar
{
  z-index: 12;
  width: 100%;
  border-color: #000000;
  background-color: #014A69;
  /*-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;
}

.third-bar
{
  z-index: 13;
  width: 100%;
  border-color: #000000;
  background-color: #FFF;
  padding-bottom: 10px;
  margin-top: 0;
    position: relative;
    font-style: normal;
}

.prepared-for,.prepared-by,.employee-picture
{
    /*margin-left: 49px;
    margin-top: 10px;*/
    padding:10px .5%!important;
    font-style: normal;
}

.quotes-producttable thead tr.odd
{
    background-color:#8FB73E;
    font-style: normal;
    color:#FFF;
    line-height: 12px;
}

.quotes-producttable tr.odd
{
    background-color: #F2F2F2;
}

.contract-details
{
	z-index: 12;
	border-color: #000000;
	background-color: #00618F;
	-moz-border-radius: 0px 0px 10px 10px ;
	-webkit-border-radius: 0px 0px 10px 10px ;
	-khtml-border-radius: 0px 0px 10px 10px ;
	border-radius: 0px 0px 10px 10px ;
	/*padding: 4px;
	padding-left: 49px;*/
	padding: 10px 10px 0px;
	position: relative;
    color: #FFF;
    font-style: normal;
}

.contract-details .normalweight {
    font-weight: normal;
}

.quote-accept
{
	z-index: 12;
	border-color: #000000;
	background-color: #F2F2F2;
	-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: 20px;
	/*padding-left: 49px;
	padding-top: 20px;
	padding-bottom: 20px;*/
	position: relative;
    font-style: normal;
    width: 100%;
    font-weight: normal;
    margin-bottom: 10px;
}

.prepared-by {
    text-align:right!important;
}

.triangles {
    z-index: 13;
    width: 100%;
    border-color: #000000;
    background-color: #FFF;
    padding-bottom: 10px;
    margin-top: 0;
    position: relative;
    background-image: url(../../images/o4it/TriangulosQuoteVertical.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
}

.footerQuoteSection {
    font-style: normal;
    text-align: left;
    padding-left: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    color: #FFF;
}

.marginIcon {
    margin-left: 17px;

}
.footerQuoteSection h3 {
    font-weight: normal;
}

.footerQuoteSection a {
    color:#FFF;
}

.footerQuoteSection h3 span {
    margin-right: 5px;
}

.footerQuoteSection.bogota {
    background-color: #0074A2;
}

.footerQuoteSection .uppercase {
    text-transform: uppercase;
    font-weight:bold;
}

.footerQuoteSection.medellin {
    background-color: #00618F;
}

.footerQuoteSection.estadosunidos {
    background-color: #718838;
}

.footerQuoteSection.redes {
    background-color: #004A69;
    padding-left: 30px!important;
}

.footerQuoteSection.web {
    background-color: #8FB63E;
    padding-left: 30px!important;
    text-align: center!important;
}

.employee-picture img {
    border: solid 1px #ccc!important;
    border-radius: 400px!important;
    padding: 2%!important;
}

.prepared-for p, .prepared-for b {
    text-align: right;
}

.prepared-by p {
    text-align: right;
}

.categoryGrid {
    color: #000;
    font-weight: bold;
    font-style: normal;
}

table.tablesorter tbody tr td {
    color: #000;
    font-weight: normal;
    font-style: normal;
}

.totalCalc {
    padding-right: 5px;
    font-style: normal;
}

.totalBlue {
    color: #FFF!important;
    background-color: #0074A2!important;
}

.quotes-producttable thead tr.odd th span {
    font-size: medium;
}

span.fa.fa-check {
    color: #014A69;
}

.o4itaddress {
    text-align: right;
}

.quotaGridCenter {
    float: none!important;
    text-align: center;
}