dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%}
html,body { height: 100%; }
body { /*font-family: 'Open Sans', sans-serif;*/ }
ol,ul{list-style-type:none}

/*---------------------Main Home Banner-----------------------*/
/* STICKY_NOTE #5353 - Updating banner of Home page - /* new banner- margin-top:70px added removed padding-top */
#home-banner { margin-top:91px; font-family:'Source Sans Pro', sans-serif !important;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-color: #162b75;}
#caption-get-started a:hover{
background-color: #faa820 !important; 
color:#fff;
}
#caption-get-started {
position: absolute;  
bottom: 40px;  
width: 100%;
}

#caption-get-started a{
padding: 10px 25px;  
font-size: 15px; 
color:#000; 
text-align: center;
}

/*#home-container{ background: url('../images/home_main_banner_oil_rig_v2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:100%;}*/
#home-container{ background: url('https://www.guixt.com/jpproducts/images/home_main_banner_app_download.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:100%;}
/*#home-container{ background: url('../images/home_main_banner_nca_v2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:100%;}*?
/*#home-container{ background: url('../images/home_main_banner_sap_personas.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:100%;}*/
.home-page-main-banner { padding-top:30px !important; }
.carousel-inner > .item > img  { margin:0px auto; }
/* STICKY_NOTE #5353 - Updating banner of Home page - */
.carousel, .item, .active { height:auto; }
.carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.carousel-indicators { bottom:0px !important; }
.carousel-indicators .active { background-color:#faa820; height:13px; width:30px;}
.carousel-indicators li { background-color:#323232; border: 1px solid #000; border-radius:2px; height:12px; width:30px;}
/*.carousel-caption { top:30%; /*background-color:#fff;*/ /*background-color:rgba(5,5,5,0.6);* color:#000; height:250px; width:350px; margin-left:45%; text-align:left; padding:0px 20px 0px 20px; }*/
.carousel-caption { /*background-color:rgba(0,96,174,0.8);*/ height:100%; width:100%; left:0px !important; top:40px; text-shadow:none; /*background-color:#f2f2f2;*/ /*background-image:url(../images/home-main-banner-background.png)*/ }
.carousel-caption h2 {/*font-family:'Oxygen',arial;*/ font-weight:200px !important; font-size:40px; /*text-transform:uppercase;*/ padding-top:0px; color:#000; text-align:left;}
.carousel-caption ul li { font-size:25px; line-height:50px; text-align:left;}
.sup {font-size:15px; vertical-align:super;}
/*.carousel p, .carousel ul { padding:15px 40px 10px 40px; list-style:disc; font-size:25px; line-height:40px; text-align:left; }*/
.carousel ul { padding-left:30px; }
.carousel-blue-bar { bottom:0%; background-color:#162b75; /*background-color:rgba(5,5,5,0.6);*/ height:10px; width:100%; position:absolute; }
.carousel-app { bottom:3%; right:1%; position:absolute; }
.well-carousel { background: #faa820; border-radius:5px; color:#000; padding:15px; border:0px solid #ccc; text-transform:uppercase; font-size:18px; }
.well-carousel-white { background: #ffffff; border-radius:5px; color:#162b75; padding:15px; border:0px solid #ccc; text-transform:uppercase; font-size:14px; }
#home-banner a:hover { /*background:none; border-radius:5px; color:#fff; padding:15px; border:1px solid #ccc;*/ text-decoration:none; }
.carousel-app a:hover { background: #000 !important; padding:0px !important; text-decoration:none; }
.home-page-lm { padding:20px 0px 50px 0px; font-size:12px; }

#carousel-caption-products { top:15%; }
#carousel-caption-products a:hover { background: #ffffff; border-radius:5px; color:#000; padding:0px; border:0px solid #ccc; text-decoration:none; }
#carousel-caption-products h3 { padding-left:15px;}

.well-boxes { background: #dfe1f4; border-radius:5px; color:#fff; padding:10px; border:0px solid #ccc; margin:0px auto; text-align:center; }

#home-products-family { list-style:none; font-size:15px;}
#home-products-family img { height:30px; padding:0px 20px 0px 0px;}

/*Description Boxes*/
.home_boxes { font-family:'Source Sans Pro', sans-serif !important; }
.home_boxes h4 { font-size: 14px; padding:10px 5px 5px 5px;}
.home_boxes p, .home_boxes a { font-size: 12px; line-height:20px; padding:5px 5px 0px 5px;}
.home_boxes .slide {border: 0px solid #ccc; box-shadow:0px 1px 10px 0px rgba (0,0,0,0.25);}
.home_boxes .slide ul { padding:5px; font-size:12px; }
.home_boxes .slide ul li {background: url(https://www.guixt.com/jpproducts/css/images/product_list_circle.png) no-repeat left top; padding: 0px 0px 10px 15px; }
.home_boxes .slide ul li a {padding:0px; }
.home_boxes .slide ul li:last-child {padding: 0px 0px 0px 15px; }
.home_boxes #home_slide1 {border-top:5px solid #162b75;}
.home_boxes #home_slide1 h4 { color:#162b75;}
.home_boxes #home_slide2 {border-top:5px solid #faa820;}
.home_boxes #home_slide2 h4 { color:#faa820;}
.home_boxes #home_slide3 {border-top:5px solid #0060ae;}
.home_boxes #home_slide3 h4 { color:#0060ae;}
.home_boxes #home_slide4 {border-top:5px solid #525652;}
.home_boxes #home_slide4 h4 { color:#525652;}
#home_events {border-left:5px solid #000; padding-top:10px; background-color:#e4e3e3; color:#000; margin-bottom:40px; }

.rounded-link-margin {display: inline-block; margin:0px 8px 20px 0px;}
.rounded-link {border-radius: 16px; border: 2px solid #162b75; padding: 6px 14px;}
.rounded-link-gray {border-radius: 16px; border: 2px solid #666b66; padding: 6px 14px;}
.logos-margin {height:2px;}

/*.home_scroll_downs { bottom: 10px; height: 40px; width: 26px; }*/
.home_scroll_downs { bottom: 4px; height: 50px; left: 0; margin: auto; position: absolute; right: 0; width: 32px; }
.home_scroll_downs .mousey { padding: 5px 9px; }
.home_scroll_downs .mousey { background-color: rgba(253,185,19,0.3); border-radius: 15px; border: 2px solid #faa820; box-sizing: content-box; height: 26px; opacity: .75; padding: 10px 13px; width: 3px; }
.home_scroll_downs .scroller { animation-duration: 2.2s; animation-iteration-count: infinite; animation-name: scroll; animation-timing-function: cubic-bezier(0.15,0.41,0.69,0.94); background-color: #faa820; border-radius: 25%; height: 8px; width: 3px; }

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

/*---------------------Sub Home Banner-----------------------*/
.small-banner{ position:relative; width: 100%; border: none !important; }
.small-banner .caption{ position:absolute; top:15%; left:10%; background:#fff; width:400px; padding:0px 20px 20px 20px;}
.small-banner .link{ padding-top:20px; }

/********** Tabs *************/
.nav-tabs > li.active > a { border: 0px solid #ddd !important; border-bottom: solid #162b75 2px !important; font-weight: bold; }
/*.tab-content { border-left:1px #ddd solid;  border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:20px;}
.nav-tabs a {font-weight:bold; }*/

/*Customer Sucess Stories*/
#cust-success a:hover { background:none;}

/*---------------------Yellow Links-----------------------*/
#yellow-links { font-size:12px; font-family:Arial, Helvetica, sans-serif !important; margin-bottom:30px; }

/*---------------------Related Section-----------------------*/
#related-section h4 { font-weight:bold; text-align:center; }

/*---------------------iFrame (RFI and You tube Videos)-----------------------*/
#contact-us-iframe { width:320px; height:500px }
#free_trial-iframe { width:320px; height:600px }
/* STICKY_NOTE #5074 - Updating Contact us webpage  */
.contact-us-iframe-ct {width: 100% !important; height:360px !important; }
.column2_paragraph_secondlevel_nospace { font-family: 'Source Sans Pro', sans-serif !important;  letter-spacing: 0px;  font-size: 16px;  line-height: 28px;  color: #666b66;}
.column2_h3{ font-weight: bold;	font-size: 16px;	color: #162b75;	letter-spacing: 0px;	padding:8px 0 3px 0;	line-height:24px;}
/* STICKY_NOTE #5267 - Redesigning the pages for tradeshow 
* Margin top is added
*/
.iframe-border{background:#cccccc1c !important; border: 1px solid #52565266; float: right; margin-top:5%;}
/* STICKY_NOTE #5089 - Re-designing contact us page */
.iframe-border-shadow{  box-shadow:rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;  border-radius: 10px;}
.text-white , .text-white a{color:#fff !important;}
.bg-dark{background-color: #474747;}
.bg-dark p {padding:0 0 0 13px;}
.text-warning a{color:#faa820;}
.column2_level{margin-bottom:40px;}
#free_trial_form_cu { width:350px; margin-top:30px; height:600px; background-color:#c0e9f9; text-align:center; }
#free_trial_form_watch_demo { width:350px; margin-top:30px; height:500px; background-color:#c0e9f9; text-align:center; }
#free_trial_form_cu_sf { width:350px; margin-top:30px; height:440px; background-color:#c0e9f9; text-align:center; }
#free_trial_form_designer { height:400px; background-color:#c0e9f9; text-align:center; }
#contact-us-iframe-designer { height:400px; background-color:#c0e9f9; }
#slide-deck-iframe { width:920px; height:500px }
#buy-now {position: fixed !important; top: 350px; right: 0px !important; width: 90px !important; height:70px !important;  background: #0060ae; box-shadow: 1px 1px 8px 0 rgb(59 64 76 / 80%); opacity: 0.9; padding:8px 5px 5px 8px;  border-radius: 5px 0px 0px 5px; }
/* STICKY_NOTE #5259 - Modifying Buy Now Button on iOS and Android page 
** removed a from below line and scaling is added on hover */
#buy-now {color:#fff; text-decoration: none; font-size: 13px;}
#buy-now:hover {transform:scale(1.1);}
/* STICKY NOTE #5053 Adding Free Trial CTA to required Pages */
#free-trial-cta {position: fixed !important; top: 350px; right: 0px !important; width: 90px !important; height:70px !important; border-radius: 5px 0px 0px 5px; z-index: 999;}
#free-trial-cta  a {color:#fff; text-decoration: none; font-size: 13px;}
#free-trial-cta:hover {transform:scale(1.1);}

#resources-iframe { width:420px; height:600px }
#resources_form { /*width:350px;*/ margin-top:30px; height:600px; background-color:#c0e9f9; text-align:center; }

#company-iframe {width:250px;}

#free-trial-iframe-sdk {height:160px}

#expsoln-iframe {width:280px; height:250px;}

#free-trial-iframe-landingpage { width:100%; height:250px; }

#feedback-iframe {width:410px; height:420px}
#free-trial-iframe {width:410px; height:320px}
#free-trial-ra-iframe {width:300px; height:350px}
#developer-toolkit-iframe {width:410px; height:320px}
#free-trial h2 { padding:0px 0px 0px 5px; border-bottom:1px #666 solid; }
#free-trial h3 { text-align:center; padding:15px 0px 0px 0px; }
#free-trial h4 { padding:15px 0px 0px 5px }
#free-trial .column2_paragraph_secondlevel { padding:2px 0px 0px 5px; border-bottom:1px #666 solid; }
#grey-background { background-color:#e8e8e8;}

#iframe-webinar-form { height:835px !important; width:100% !important; border:none !important; }

#success-stories-iframe {width:320px; height:360px}
#yoursaperp-iframe {width:450px; height:300px;}
/* STICKY_NOTE #4754 Rev No. 82 below line is added to iframe */
/* STICKY_NOTE #5313 - Hiding all YouTube videos in website - temporarily hiding iframe */
[id^=yoursaperp-iframe]{width:450px; height:300px;}

#yoursaperp-iframe-ad {width:700px; height:400px;}
#yoursaperp-iframe-soln { width:500px; height:420px; padding-top:30px;}

#key-facts h3 { padding:20px 0px 10px 0px; }
#key-facts .key-facts-nos, #key-facts .key-facts-nos2 { color:#faa820; font-size:20px; font-weight:bold; padding:10px 0px 0px 14px; }
#key-facts .key-facts-nos2 { padding:10px 0px 0px 26px !important; }
#key-facts .key-facts-text { padding:15px 0px 0px 25px; }

.yoursaperp-header-banner { position:absolute; width:470px; margin:70px; background:rgba(255, 255, 255, 0.95); padding:15px; color:#000;}
.yoursaperp-header-banner .column2_paragraph_secondlevel {color:#444; }
#yoursaperp-banner { /*padding-top:108px;*/ }
#yoursaperp-banner .fill { width:100%; height:550px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
#yoursaperp-banner .carousel-indicators { top:520px; }
#yoursaperp-banner .carousel-caption { top:8%; background:rgba(255, 255, 255, 0.80); height:470px; width:92%; margin-left:-16%; text-align:left; padding:0px 20px 0px 20px; text-shadow:none; color:#000; }
#yoursaperp-banner a:hover { background: #faa820; border-radius:5px; color:#000; padding:10px; border:0px solid #ccc; text-decoration:none; }
#yoursaperp-banner h3 { padding:20px 0px 10px 0px; }
#yoursaperp-banner .key-facts-nos, #key-facts .key-facts-nos2 { color:#faa820; font-size:20px; font-weight:bold; padding:10px 0px 0px 14px; }
#yoursaperp-banner .key-facts-nos2 { padding:10px 0px 0px 26px !important; }
#yoursaperp-banner .key-facts-text { padding:15px 0px 0px 25px; }
#yoursaperp-banner .product_list_pointer li, #yoursaperp-banner .column2_paragraph_secondlevel {color:#000; }

.yoursaperp-header-banner-v2, .product-header-banner-v2 { position:absolute; width:100%; text-align:center; padding:15px; color:#000; font-family:'Source Sans Pro', sans-serif !important; }
.yoursaperp-header-banner-v2 a { color:#000; }
.product-header-banner-v2 a { color:#fff; }
.yoursaperp-wm-circle-pos {padding-left:41%; padding-top:12%;}
.products-appstore-pos {padding-left:46%; padding-top:44.8%;}
#yoursaperp-wm-circle {width:20% !important; position:absolute;}
#yoursaperp-row { padding-bottom:50px; }
#yoursaperp-row h2 { padding-top:90px; font-size:36px; text-align:center; font-family:'Source Sans Pro', sans-serif !important; }
#yoursaperp-row h3 { padding:40px 0px 10px 0px; font-family:'Source Sans Pro', sans-serif !important;}
.yoursaperp-soln-list { padding:50px 0px 30px 0px; text-align:center; font-size:14px; }
.yoursaperp-dashboard { padding-top:40px }
.yoursaperp-dashboard-2 { padding-top:80px }
.yoursaperp-db-1{padding:85px 0px 0px 0px;}
.yoursaperp_matrix { margin-top:80px; }

.img-cap { height:25px; padding-right:10px; }
.cap-data {padding-left:42px; background-color:#fff; }
.cap-row-gray {padding:10px; cursor:pointer; border-top:1px #ccc solid; border-bottom:1px #ccc solid; background-color:#edecec;}
.cap-row-white {padding:10px; cursor:pointer; border-top:1px #ccc solid; border-bottom:1px #ccc solid; background-color:#fff;}

.products-mobile-ios {margin-top:80px;}

.beacon{position:absolute; background-color:#faa820; height:14px; width:14px; border-radius:50%; -webkit-transform:translateX(-50%) translateY(-50%); }
.beacon:before{position:absolute; content:""; height:14px; width:14px; left:0; top:0; background-color:transparent; border-radius:50%; box-shadow:0px 0px 2px 2px #0060ae; -webkit-animation:active 2s infinite linear; animation:active 2s infinite linear;}
.beacon_yellow{position:absolute; background-color:#faa820; height:14px; width:14px; border-radius:50%; -webkit-transform:translateX(-50%) translateY(-50%); margin-top:12px; margin-left:30px;}
.beacon_yellow:before{position:absolute; content:""; height:14px; width:14px; left:0; top:0; background-color:transparent; border-radius:50%; box-shadow:0px 0px 2px 2px #0060ae; -webkit-animation:active 2s infinite linear; animation:active 2s infinite linear;}
.beacon_gray{position:absolute; background-color:#525652; height:14px; width:14px; border-radius:50%; -webkit-transform:translateX(-50%) translateY(-50%); margin-top:12px; margin-left:30px;}
.beacon_gray:before{position:absolute; content:""; height:14px; width:14px; left:0; top:0; background-color:transparent; border-radius:50%; box-shadow:0px 0px 2px 2px #0060ae; -webkit-animation:active 2s infinite linear; animation:active 2s infinite linear;}
@-webkit-keyframes active{ 0%{ -webkit-transform:scale(.1); opacity:1; } 70%{ -webkit-transform:scale(2.5); opacity:0; } 100%{ opacity:0; } }
@keyframes active{ 0%{ transform:scale(.1); opacity:1; } 70%{ transform:scale(2.5); opacity:0; } 100%{ opacity:0; } }
.tooltipursap-hover1{ margin-top:440px; margin-left:100px;}
.tooltipursap-hover2{margin-top:220px; margin-left:90px;}
.tooltipursap-hover3{margin-top:120px; margin-left:550px;}
.tooltipursap-hover4{ margin-top:473px; margin-left:190px;}
.tooltipursap-hover5{margin-top:170px; margin-left:110px;}
.tooltipursap-hover6{margin-top:140px; margin-left:550px;}

.pm_dashboard { cursor:pointer;  background:#0060ae none repeat scroll 0 0; color:#ffffff; border: medium none; font-size:14px; font-weight: 400; letter-spacing: 2px; margin-bottom:10px; padding:10px 12px; transition: all 0.2s ease-in-out 0s; }
.pm_dashboard:hover { background:#faa820 none repeat scroll 0 0; color:#000000; }
.pm_dashboard.active { background-color: #faa820; color:#000000;}
.pm_dashboard.view1 { border-bottom-left-radius:5px; border-top-left-radius:5px; }
.pm_dashboard.view2 { border-bottom-right-radius:5px; border-top-right-radius:5px; }

.develop_svr { cursor:pointer;  /*background:#0060ae none repeat scroll 0 0;*/ color:#0060ae; border:1px solid #ccc; font-size:14px; font-weight: 400; letter-spacing: 2px; margin-bottom:10px; padding:10px 12px; transition: all 0.2s ease-in-out 0s; }
.develop_svr:hover { background:#525652 none repeat scroll 0 0; color:#ffffff; }
.develop_svr.active { background-color: #525652; color:#ffffff;}
.develop_svr.first { border-bottom-left-radius:5px; border-top-left-radius:5px; }
.develop_svr.last { border-bottom-right-radius:5px; border-top-right-radius:5px; }

#why_liquid_ui .product_list_pointer li{ font-size:15px; letter-spacing:1px;}

.numbering {padding:0px 20px 20px 20px;}
/*Footer*/
#synactive-logo { padding-top:15px; }
#copyright-links {padding:12px 0px 0px 10px; color:#fff; font-size:12px;}

#get-started { /*font-size:18px;*/ padding:35px 0px 0px 0px; }
#get-started a:hover { background: #faa820; /*border-radius:5px; color:#000; padding:10px;*/ border:0px solid #ccc; text-decoration:none; }

/* #copyright-links { margin: 0px 0px 0px 10px; } */
#social-media { padding:15px 0px 0px 0px; }
#social-media a { margin:15px 0px 20px 0px; }
.home-aboutus { padding:0px 0px 50px 0px; /*margin-top:35px;*/ background-color:#edecec; }
.home-aboutus h2 { color:#000; }
.home-aboutus img { padding-right:40px; }
.home-whatlui { margin:60px 0px 30px 0px; /*background-color:#bfdaf2;*/ /*background-color:#0060ae;*/ }
.home-productlist { padding-top:30px; }
.home-news { padding:80px 0px }
.home-news h5 { text-align:center}
.home-news p, .home-news h2 {margin-left:10px; margin-right:10px; padding-left:20px; padding-right:20px;}
.home-news .box1 {background-color:#0060ae; width:100%; padding:15px; margin-top:10px; text-align:center;}
.home-news .box2 {background-color:#162b75; width:100%; padding:15px; margin-top:10px; text-align:center;}
.home-news .box3 {background-color:#faa820; width:100%; padding:15px; margin-top:33px; text-align:center;}
.home-news .box1 a, .home-news .box2 a, .home-news .box3 a { color:#ffffff; }
#sap-partner { padding:10px 0px 0px 70px }


.banner-caption { top:40%; background-color:#fff; /*background-color:rgba(5,5,5,0.6);*/ color:#000; height:250px; width:450px; left:10%; text-align:left; padding:0px 20px 0px 20px; background-image:url(https://www.guixt.com/jpproducts/images/home_sm_banner.jpg); width:1000px; height:302px; }

.clear 
{
  clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;
}
.sticky-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.d-flex{
    display:flex;
    flex-direction: column;
}
/*Side Menus*/
.side-menus { position:absolute; width:100%; top:0px; }
.dvp-toolkit-text { position:absolute; width:400px; top:0px; padding-left:200px; }
.side-menus .menus-items { margin-left:90px; width:200px; }
.side-menus .menus-items ul li { /*background-color:#FAF5F5;*/background: rgba(250, 250, 250, 0.9); border-left: solid #FAF5F5 4px; padding:8px 10px 8px 15px; font-size:12.5px;}
.side-menus .selected, .side-menus .sub-items-selected{ border-left: solid #162b75 4px !important; }
.side-menus .sub-items-heading{ padding-bottom:0px !important; }
.side-menus .sub-items{ padding-left:25px !important; }
h2.selected { border-left: solid #162b75 4px !important; padding-left: 10px !important; }
p.selected { border-left: solid #faa820 4px !important; padding-left: 10px !important; }
p.selected_red { border-left: solid red 4px !important; padding-left: 10px !important; }
p.selected_green { border-left: solid green 4px !important; padding-left: 10px !important; }
p.selected_blue { border-left: solid #0060ae 4px !important; padding-left: 10px !important; }
.side-menus .selected a { font-weight:bold; color:#000000; }
a.subitemsselected { font-weight:bold; color:#000000; }
.side-menus .not_selected a { font-weight:bold !important; color:#0060ae; }

/*
.side-menus { position:fixed; width:100%; top:92px; }
.dvp-toolkit-text { position:absolute; width:400px; /*top:101px;* top:0px; padding-left:200px; }
.side-menus .menus-items { margin-left:90px; width:200px; }
.side-menus .menus-items h2 { font-size: 15px !important; }
.side-menus .menus-items ul li a.well { font-size: 12px !important; }
.side-menus .menus-items ul li { background-color:#FAF5F5; border-left: solid #FAF5F5 4px; padding:5px 10px 5px 15px;}
.side-menus .menus-items ul li a { font-size: 12.5px;}
.side-menus .selected{ border-left: solid #162b75 4px !important; }
h2.selected { border-left: solid #162b75 4px !important; padding-left: 10px !important; }
p.selected { border-left: solid #faa820 4px !important; padding-left: 10px !important; }
.side-menus .selected a { font-weight:bold; color:#000000; }
.side-menus .not_selected a { font-weight:normal; color:#0060ae; }
*/

/******** Developer Toolkit ********/
#dvp-toolkit-left {margin:50px 0px 0px 30px;}
#dvp-toolkit-right {margin:50px 0px 0px 450px;}

.column2_h2_grid {font-family: 'Source Sans Pro', sans-serif !important; font-size:50px; font-style:normal; font-weight:200; line-height: 60px !important; }
.column2_h2_grid_hm {font-family: 'Source Sans Pro', sans-serif !important; font-size:60px;/*font-size:72px;*/ font-style:normal; font-weight:400; line-height: 65px !important;/*line-height: 75px !important;*/ margin-top:50px; padding-bottom:20px; color: #000; }
.column2_h2_grid_hm_sm {font-family: 'Source Sans Pro', sans-serif !important; font-size:24px;/*font-size:34px;*/ font-style:normal; font-weight:200; /*line-height: 44px !important;*/line-height: 34px !important; }
.column2_h3_grid_hm {font-family: 'Source Sans Pro', sans-serif !important; font-size:24px; font-style:normal; font-weight:bold; line-height: 34px !important; }
.column2_h2_grid_cu {font-family: 'Source Sans Pro', sans-serif !important; font-size:38px; font-style:normal; font-weight:200; line-height: 38px !important; }
.column2_h3_grid {font-family: 'Open Sans', sans-serif; font-size: 18px !important; font-weight:normal; line-height: 22px !important; }
.column2_h2_grid_pt {font-family: 'Open Sans', sans-serif; font-size: 20px !important; font-weight:bold; line-height: 25px !important; text-transform: uppercase; }
.watch-demo {	background: #faa820 !important; border-radius:3px !important; border:none !important; font-size:12px; padding:8px !important; color:#000000; font-weight:bold;}
.dvp-toolkit-hr {padding: 50px 0px 50px 0px;}
.dvp-toolkit-hr-sm {padding: 40px 0px 40px 0px;}
/*.dvp-toolkit-hr-sm hr {border:0px; border-bottom: solid #faa820 1px !important;}*/
.features-ui5 { padding-top: 40px; padding-bottom: 40px; }
.features-ui5 h3 { font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px !important; font-weight:bold; line-height: 30px !important; color:#2e302e;}
.features-ui5-h3 { font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px !important; font-weight:bold; line-height: 30px !important; color:#2e302e;}
/*  STICKY_NOTE #5054- Updating contents under Upgrade and enhancement and customer logos */
.features-ui5-row h3 { font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px !important; font-weight:bold; line-height: 30px !important; color:#2e302e;}
.dvp-toolkit-faq li { padding:20px 0px 20px 0px; }
.dvp-toolkit-faq div.question { font-family: 'Source Sans Pro', sans-serif !important; font-size:34px; font-style:normal; font-weight:300; line-height:40px; padding-bottom:5px;}
.dvp-toolkit-faq li ul { padding-left:10px; }
.dvp-toolkit-faq li ul li { padding:0px 0px 5px 15px; background:url(https://www.guixt.com/jpproducts/css/images/product_list_circle.png) no-repeat; }
.dvp-toolkit-resources {background-color:#fefcfe; padding:10px 10px 20px 10px; margin:15px;}
.dvp-toolkit-resources p { height:40px; }

a.btn-feature { background: #ffffff none repeat scroll 0 0; border: 2px solid #dbdcd9; border-radius: 4px; color: #474745; display: table-cell; font-size: 14px; font-weight: 500; height: 56px; /*line-height: 120%;*/ padding: 0.5em; text-align: center;    			                 transition: all 200ms ease-in-out 0s; vertical-align: middle; width: 150px; }
a.btn-feature:hover { text-decoration:none; color:#0060ae; border: 2px solid #0060ae; }
.shadow { box-shadow: 5px 5px 8px rgba(68, 68, 68, 0.4); transition: all 200ms linear 0s; }
.expsoln_top { margin:50px 0px; }
.expsoln { margin-bottom:35px; }

#contact-us {font-family:'Source Sans Pro', sans-serif !important;}
#contact-us h2 { padding-top:30px; }
.well-contactus {	background: #0060ae !important; border-radius:3px !important; border:none !important; padding:10px; color:#000 !important; }
.well-contactus:hover {	color:#ccc; text-decoration:none; }
.timeline { list-style:none; /*padding: 20px 0 20px;*/ position: relative; padding:15px; }
.timeline:before { top:22px; bottom:0px; position: absolute; content:" "; width:2px; /*background-color:#162b75;*/ margin-left:5px; /*height:1420px;*/ }
.timeline-year-dot { display: block; margin: 0 auto; background-image:url(https://www.guixt.com/jpproducts/images/timeline-year-dot.png); background-repeat:no-repeat; background-size:12px; }
.timeline-year-text { padding-left:28px;  font-weight: bold; font-size:18px; color:#faa820; }
.timeline-year-desc { font-size:14px; padding-left:30px;}
.timeline-dotted-line { border:none; border-top:2px dotted #ccc; background-color:#fff; height:2px; margin:10px 10px 30px 30px; } 
.timeline li { /* margin-bottom: 25px;*/ position: relative; }
.timeline li .timeline-panel { width: 90%; float: left; background: #fff; position: relative; }

#gray-background-content { background-color:#edecec; margin:40px 0px; padding-top:20px; }
#gray-background-content-v2 { background-color:#edecec;}
#gray-background-content .blue-bar { height:5px; border-bottom:10px #000 solid; padding-bottom:20px;}

#customers-quote {padding:20px 0px 30px 0px;}
#customers-quote .quote { font-style:italic; font-size:18px;}
#customers-quote .quote-author { padding: 20px 0px 10px 0px; }

#banner_developer{/*margin-top:66px;*/ width:100%; background-size:cover;}
#banner_nowidth{margin-top:0px; width:100%; background-size:cover;}
.banner-menus a {text-decoration:none}
.banner-menus div{display:inline-block}
.banner-menus a{color:#fff;font-size:24px;font-weight:300;line-height:100px;-o-transition:color .8s ease;-moz-transition:color .8s ease;-khtml-transition:color .8s ease;-webkit-transition:color .8s ease;-ms-transition:color .8s ease;transition:color .8s ease; padding-right:20px;}
.banner-menus a:hover{color:#ccc}
#sdk_cont { margin-bottom:140px; }
#sdk_cont h2 {padding:100px 0px 40px 0px;}
.developer_scroll_down { position:absolute; right:0px; margin-top:-20px; }
/******** YourSAPERP Tooltip ********/

ul.dash { list-style: none; margin-left: 0; padding-left: 1em; }
ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
.circle_yellow { background: #faa820; width: 10px; height: 10px; border-radius: 50%; position: absolute; right:0px;}
#horizontal { width: 200px; border-top: 1px solid #0060ae; /*position: absolute; top: 50px; left: 250px;*/ }

/*************Liquid UI Server **************/
/*.banner_nowidth { color:#fff; padding-bottom:50px; }*/
#banner_nowidth .yoursaperp-header-banner-v2, #banner_nowidth a { color:#fff; }
#banner_nowidth .h2_lui_server { color:#fff; font-size:28px; font-family:"Raleway",arial; padding:200px 0px 10px 0px; }
#banner_nowidth .h3_lui_server { color:#fff; font-size:22px; padding-bottom:50px; font-family:"Raleway",arial; }
.ursaperpicons { /*position:absolute;*/ text-align:center; display:block; padding-left:25px;}
.ursaperptext { /*position:absolute;*/ display:block; color:#ffffff; font-size:16px; font-family:"Raleway",arial; float:left;}
#efficientCONT { position:absolute; padding:120px 0px 0px 10px; }
#performanceCONT { position:absolute; padding:410px 0px 0px 10px; }
#scalableCONT { position:absolute; padding:715px 0px 0px 10px; }

.funnelText { background: url(https://www.guixt.com/jpproducts/images/lui_server_funnel_v2.png); background-size: cover; width: 432px; height: 270px; margin-bottom:40px; position: relative; float: left; }
.funnelText .top p { margin: 0; padding:40px 0px 0px 104px; color:#000; font-size:24px; }
.funnelText .middle p { margin: 0; padding:55px 0px 0px 118px; color:#000; font-size:24px; }
.funnelText .bottom p { margin: 0; padding:60px 0px 0px 124px; color:#000; font-size:24px; }

.chartLUISERVER rect { fill: steelblue; }
.chartLUISERVER text { fill: white; font: 10px sans-serif; text-anchor: end; }
/*#wrapper { margin: 40px auto; width: 500px; }*/
.su__comp-chart { height: 300px; margin-bottom:80px; }
.su__comp-chart { position: relative; }
.su__comp-chart .su__chart-y-axis,
.su__comp-chart .su__chart-x-axis { border: 1px solid #777777; bottom: 0; left: 0; position: absolute; }
.su__comp-chart .su__chart-50-axis { border: 1px solid #777777; bottom: 50; left: 0; position: absolute; }
.su__comp-chart .su__chart-y-axis { border-color: transparent transparent transparent #777777; top: 0; }
.su__comp-chart .su__chart-x-axis, .su__comp-chart .su__chart-50-axis { border-color: transparent transparent #777777 transparent; right: 0; }
.su__comp-chart .su__chart-axis-label { position: absolute; width: 160px; }
.su__comp-chart .su__chart-axis-label.y-top, .su__comp-chart .su__chart-axis-label.y-topdown, .su__comp-chart .su__chart-axis-label.y-middle, .su__comp-chart .su__chart-axis-label.y-bottom, .su__comp-chart .su__chart-axis-label.y-bottomup {
  left: -160px; text-align: right; }
.su__comp-chart .su__chart-axis-label.y-bottomup { bottom: -10%; left:-20%; /*text-align:center;*/ width: 500px; }
.su__comp-chart .su__chart-axis-label.y-top { top: 0; }
.su__comp-chart .su__chart-axis-label.y-topdown { top: 25%; }
.su__comp-chart .su__chart-axis-label.y-middle { top: 50%; }
/*.su__comp-chart .su__chart-axis-label.y-bottomup { bottom:25%; }*/
.su__comp-chart .su__chart-axis-label.y-bottom { bottom: 0; }
.su__comp-chart .su__chart-axis-label.small { font-size: 12px; }
.su__comp-chart .su__chart-bar { background-color: #0060ae; bottom: 0; height: 50%; position: absolute; width: 35px; border-top: 2px #faa820 solid; }
.su__comp-chart .su__chart-bar.pos-1 { left: 10px; }
.su__comp-chart .su__chart-bar.pos-2 { left: 50px; }
.su__comp-chart .su__chart-bar.pos-3 { left: 90px; }
.su__comp-chart .su__chart-bar.pos-4 { left: 130px; }
.su__comp-chart .su__chart-bar.pos-5 { left: 170px; }
.su__comp-chart .su__chart-bar.pos-6 { left: 210px; }
.su__comp-chart .su__chart-bar.pos-7 { left: 250px; }
.su__comp-chart .su__chart-bar.pos-8 { left: 290px; }
.su__comp-chart .su__chart-bar.pos-9 { left: 330px; }
.su__comp-chart .su__chart-bar.pos-10 { left: 370px; }
.su__comp-chart .su__chart-bar.pos-11 { left: 410px; }
.su__comp-chart .su__chart-bar.pos-12 { left: 450px; }
.su__comp-chart .su__chart-bar.pos-13 { left: 490px; }
.su__comp-chart .su__chart-bar .su__chart-bar-percentage, .su__comp-chart .su__chart-bar .su__chart-bar-label { color: white; margin: 10px 0; text-align: center; font-size:12px; }
.su__comp-chart .su__chart-bar .su__chart-bar-percentage { font-size:12px; }

/*Resources*/
#ds_filter_view, #ss_filter_view1, #ss_filter_view2 { max-height:280px; overflow:auto; border: 1px solid #e8e8e8; width:230px;}
#ds_filter_view li, #ss_filter_view1 li, #ss_filter_view2 li{ padding:5px 5px 5px 5px; }
#ds_filter_view li:hover, #ss_filter_view1 li:hover, #ss_filter_view2 li:hover { color:#ffffff; background-color: #0060ae}
#browse_by_category1, #browse_by_category2 { width:230px; text-align:left; }
#browse_by_category_value1, #browse_by_category_value2 { float:left }
.datasheets_box { margin-bottom:50px; height:300px;}
.success_stories_box { height:500px; }
.logo_height { height:90px }
.logo_width { width:140px; }
#ds_dv_content, #ss_dv_content { height:520px; }
.box-support {box-sizing:border-box; border: 1px solid #cacac8; border-top: 3px solid #162b75; padding:20px;}

/*Knowledge Base*/
.kb-header-banner { position:absolute; width:100%; margin-top:70px; font-family:'Source Sans Pro', sans-serif !important; color:#ffffff; text-align:center;}
.kb-header-banner .column2_paragraph_secondlevel {color:#ffffff; }
.phpmyfaq-search-results { line-height:15px;}
.phpmyfaq-search-results li {padding-bottom:15px;}

.kb-red { color:#f00000; }
.kb-gray { color:#848484; }
.kb-lightgray { color:#CCCCCC; }
.kb-blue { color:#162b75; }

.box-blue {box-sizing: border-box; border: 1px solid #cacac8; padding: 20px !important; border-left: 3px solid #162b75;}

div#slidecontainer{ /*position:absolute; top:153px; left:145px;*/}
div#slidecontainer div#slidevar2 div#slideobj { position:relative; width:500px; height:340px; overflow:hidden; }
div#slidecontainer div#slidevar2 img { margin : 0; display:none; position : absolute; width:500px; }
div#slidecontainer div#slidevar2 div#slider2 { position:absolute; left:0; top:330px; padding-left:220px; width:500px; height:46px; display:none;}
div#slidecontainer div#slidevar2 div#slider2 p#slidecount1 { height:6px; display:inline; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount1 a { float:left; width:7px; height:6px; display:inline; margin:0px 15px 0px 0px; background-position:0px 0px; background-repeat:no-repeat; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount1 a.on { background-position : 0px -6px; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount1 a { background-image : url(https://www.guixt.com/jpproducts/images/mobile_slidersprites.png); }

.column2_paragraph_secondlevel { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:16px; line-height:28px; color: #666b66; padding:3px 0 10px 0; margin:0px 0px 20.5px; }
.column2_paragraph_secondfivelevel { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:14px; line-height:24px; color: #666b66; padding:3px 0 10px 0; margin:0px 0px 20.5px; }
.column2_paragraph_thirdlevel { font-family: 'Raleway',arial; letter-spacing:0px; font-size:11px; line-height: 16px; color: #666b66; padding:3px 0 10px 0; }
.column2_paragraph_secondlevel a, .column2_paragraph_secondlevel a:active, .column2_paragraph_secondlevel a:visited, .column2_paragraph_thirdlevel a, .column2_paragraph_thirdlevel a:active, .column2_paragraph_thirdlevel a:visited, .column2_paragraph a:link, .column2_paragraph a:visited { color: #0060ae; }
.column2_paragraph_secondlevel a:hover, .column2_paragraph_thirdlevel a:hover, .column2_paragraph a:hover { text-decoration:underline; }

.column2_paragraph_secondlevel_blog { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:14px; line-height:22px; color: #666b66; padding:1px 0 3px 0; margin:0px 0px 10.5px; }
.column2_paragraph_secondlevel_blog_ul { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:14px; line-height:22px; color: #666b66; }
.column2_paragraph_thirdlevel_blog { font-family: 'Raleway',arial; letter-spacing:0px; font-size:11px; line-height: 16px; color: #666b66; padding:3px 0 10px 0; }

/********** Image zoom effect *************/
img[data-action="zoom"] { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
.zoom-img, .zoom-img-wrap { position: relative; z-index: 10000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; }
.zoom-overlay { z-index: 1200; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms; }
.zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; }
.zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; overflow: hidden;}

.cs_top{padding-top: 100px;}

@media (max-width: 2000px) {
.side-menus .menus-items { margin-left:-50px !important;}	
}

/*@media (max-width: 1400px) {
.side-menus .menus-items { margin-left:-80px !important;}	
}*/

/*@media (max-width: 992px) {
	.home-whatlui { padding:0px 10px 0px 10px; }
	}*/

@media (max-width: 768px) {
/*#home-banner { height: 480px;}*/
	
.home-page-main-banner { padding-top:20px; }
.home-whatlui { padding:0px 10px 0px 10px; }

.carousel-caption { /*top:30%;*/ /*background-color:#fff;*/ /*background-color:rgba(5,5,5,0.7); color:#fff;width:350px; height:300px; margin-left:30%;*/  }
.carousel-caption h2 { font-size:20px; }
.carousel-caption ul li { font-size:12px; }
#copyright-links {padding:12px 0px 0px 80px; color:#fff; font-size:11px;}
#social-media { padding:15px 0px 0px 40px; }

.yoursaperp-header-banner { position:absolute; width:500px; margin:60px; background:rgba(255, 255, 255, 0.95); padding:15px; color:#000;}
#yoursaperp-banner .carousel-inner { height:550px; }
#yoursaperp-banner .key-facts-nos, #key-facts .key-facts-nos2 {font-size:16px; padding:10px 0px 0px 14px; }
#yoursaperp-banner .key-facts-text, #yoursaperp-banner .key-facts-text2 { font-size:11px; }

.dvp-toolkit-resources {padding:5px 5px 10px 5px; margin:5px;}
.side-menus .menus-items { margin-left:-70px !important; width:170px; }

/*.column2_h2_grid_hm {font-size:28px; line-height: 35px !important; font-weight:bold; padding-top:0px; }*/
.column2_h2_grid_hm {font-size:52px; font-weight:400; line-height: 55px !important; margin-top:50px; padding-bottom:15px; }	

#contact-us-iframe { width:700px; height:500px !important; background-color:#c0e9f9; }
#free_trial_form_cu { width:700px !important; margin-top:30px; height:650px !important; background-color:#c0e9f9; }
#slide-deck-iframe { width:420px; height:260px }
/* STICKY_NOTE #5074 - Updating Contact us webpage  */
.contact-us-iframe-ct {width: 100% !important; height:360px !important;  }
.column2_paragraph_secondlevel_nospace{font-size: 14px;}
.column2_level{margin-bottom: 10px;}
}

@media (max-width: 767px) {
/* h1, h2 { font-size:12px;} */
/* h3 { font-size:11px;} */
/* h4 { font-size:10px;} */
/* h5 { font-size:9px;} */
/* p { font-size:9px; } */
	

.column2_paragraph_secondlevel {padding:0px !important; }

/*---------------------Main Home Banner-----------------------*/	 
/* STICKY_NOTE #5353 - Updating banner of Home page 
margin-top is added instead of padding-top
*/
#home-banner { margin-top:50px; /*margin: 0px 10px 0px 10px; */}
#caption-get-started a{ 
font-size: 10px;
padding:5px;
} 
#caption-get-started {
bottom: 20px;  
}
/*#home-container{ background: url('../images/home_main_banner_oil_rig_sm.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/	
.home-aboutus { padding:0px 0px 20px 0px; margin-top:0px; }
.home-aboutus img { padding-right:15px; }
.home-whatlui { padding:0px 10px 0px 10px; }
.home-productlist { padding-top:10px; } 
.home-news h2 {margin-left:0px; margin-right:0px; padding-left:10px; padding-right:05px;}
.column2_h2_grid_hm_sm {font-size:18px; line-height: 24px !important;}
.column2_h3_grid_hm {font-size:20px; line-height: 28px !important; font-weight:bold;}
/*.column2_h2_grid_hm {font-size:20px; line-height: 28px !important; font-weight:bold; padding-top:0px;}*/
.column2_h2_grid_hm {font-size:24px;/*font-size:32px;*/ font-weight:400; line-height: 27px !important;/*line-height: 35px !important;*/ margin-top:30px; padding-bottom:10px; }	
.column2_h2_grid_pt {font-size: 18px !important; line-height: 22px !important; }	

/*.carousel-caption { top:30%; background-color:rgba(5,5,5,0.7); color:#fff; height:260px; width:258px; text-align:center; margin: 0px auto; font-size:9px; left:0px; right:0px; }*/
.carousel-caption { /*background-color:rgba(5,5,5,0.7); color:#fff;*/ height:100%; width:100%; text-align:center; margin: 0px auto; font-size:9px; left:0px; right:0px; top:50px; }
.carousel-caption h2 { font-size:15px;}
.carousel-caption ul {padding:0px 8px 0px 10px; }
/*.carousel-caption ul li, .carousel p { font-size:12px; line-height:18px; }*/
.sup {font-size:8px;}
.carousel-caption ul li a { color:#fff;}
#home-banner a:hover { background:none; border-radius:0px; color:#000; padding:0px; border:0px solid #ccc; text-decoration:none; }
.carousel-indicators { bottom:45px; }
.carousel-indicators .active { background-color:#faa820; height:8px; width:26px;}
.carousel-indicators li { background-color:#323232; border: 1px solid #000; border-radius:0px; height:8px; width:26px;}
.well-carousel, .well-carousel-white {border-radius:3px; padding:5px; font-size:12px; }

.nav-tabs a { font-size:9px; padding:5px !important; font-weight:none; }
.tab-content { padding-top:1px !important;}

#copyright-links {padding:10px 0px 0px 0px; color:#fff; font-size:11px; text-align:center;}
#social-media { padding:0px !important; padding-bottom:15px; }
#sap-partner { padding:15px 0px 0px 0px }

#banner { width:100%; margin:86px 0px 0px 0px; background-size:cover; /*margin: 0px auto;*/ }
#banner .blue-bar { height:5px;}

.column2_heading { font-size:22px; font-weight:bold; }
.column2_h2 { font-size:14px !important; line-height:26px;}
.column2_caption { width:250px; }

div#slidecontainer div#slidevar1 div#slideobj { position:relative; width:290px; height:240px; overflow:hidden; }
div#slidecontainer div#slidevar1 img { margin : 0; display:none; position : absolute; width:290px; }
div#slidecontainer div#slidevar1 div#slider1 { position:absolute; left:0; top:220px; padding-left:120px; width:290px; height:46px; display:none;}
div#slidecontainer div#slidevar1 div#slider1 p#slidecount1 { height:6px; display:inline; }
div#slidecontainer div#slidevar1 div#slider1 p#slidecount1 a { float:left; width:7px; height:6px; display:inline; margin:0px 15px 0px 0px; background-position:0px 0px; background-repeat:no-repeat; }
div#slidecontainer div#slidevar1 div#slider1 p#slidecount1 a.on { background-position : 0px -6px; }
div#slidecontainer div#slidevar1 div#slider1 p#slidecount1 a { background-image : url(https://www.guixt.com/jpproducts/images/mobile_slidersprites.png); }

div#slidecontainer div#slidevar2 div#slideobj { position:relative; width:290px; height:240px; overflow:hidden; }
div#slidecontainer div#slidevar2 img { margin : 0; display:none; position : absolute; width:290px; }
div#slidecontainer div#slidevar2 div#slider2 { position:absolute; left:0; top:220px; padding-left:100px; width:290px; height:46px; display:none;}
div#slidecontainer div#slidevar2 div#slider2 p#slidecount2 { height:6px; display:inline; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount2 a { float:left; width:7px; height:6px; display:inline; margin:0px 25px 0px 0px; background-position:0px 0px; background-repeat:no-repeat; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount2 a.on { background-position : 0px -6px; }
div#slidecontainer div#slidevar2 div#slider2 p#slidecount2 a { background-image : url(https://www.guixt.com/jpproducts/images/mobile_slidersprites.png); }

/*---------------------iFrame (RFI and You tube Videos)-----------------------*/
#contact-us-iframe { width:290px; height:500px; background-color:#c0e9f9; }
#free_trial-iframe { width:290px; height:100%; background-color:#c0e9f9; }	
#free_trial_form_cu { width:100% !important; margin-top:30px; height:100% !important; background-color:#c0e9f9; }
#free_trial_form_cu_sf { width:320px !important; margin-top:30px; height:440px !important; background-color:#c0e9f9; }
#contact-us-iframe-designer { height:400px; }
#slide-deck-iframe { width:350px; height:260px }

#company-iframe {width:220px; padding:10px 0px 0px 8px;}
#feedback-iframe {width:280px; height:380px}
#free-trial-iframe-landingpage { height:220px; }

#free-trial-iframe {width:290px; height:320px}

#success-stories-iframe {width:260px; height:360px}

#yoursaperp-iframe {width:280px; height:200px;}
/* STICKY_NOTE #4754 Rev No. 82 below class is added to iframe */
/* STICKY_NOTE #5313 - Hiding all YouTube videos in website - temporarily hiding iframe */
[id^=yoursaperp-iframe]{width:450px; height:300px;}
#yoursaperp-iframe-ad {width:280px; height:200px;}

#free-trial h2 { font-size:10px;}
#free-trial h4 { padding:0px 0px 0px 5px }
#free-trial .column2_paragraph_secondlevel { padding:0px 3px 0px 3px;}

#iframe-webinar-form { height:850px !important; width:100% !important; border:none !important; }

.column2_paragraph_secondlevel, .column2_paragraph_secondlevel a { font-size:14px !important; line-height:20px; }

/*.column2_h2 {font-size:12px !important; line-height:26px;}*/

/*.column2_paragraph_secondlevel {font-size: 14px !important; line-height:26px;}*/

#dvp-h2 h2{ font-size:10px !important; line-height:12px; padding-bottom:10px;}
.dtk_container { height:114px;}
#dvp-toolkit-left {margin:0px 0px 0px 0px;}
#dvp-toolkit-left h2, #dvp-toolkit-left p, #dvp-toolkit-right h2, #dvp-toolkit-right p{ font-size:7px !important; line-height:8px;}
#dvp-toolkit-right {margin:10px 0px 0px 120px;}
.gray_hr_2 { margin-top:20px; margin-bottom:20px; }

.column2_h2_grid {font-size:24px !important; font-style:normal; font-weight:200; line-height:30px !important; }
.column2_h2_grid_cu {font-size:20px; font-style:normal; font-weight:200; line-height: 30px !important; }
.dvp-toolkit-hr {padding: 20px 0px 0px 0px;}
.features-ui5 { padding-top:10px; padding-bottom:10px; }
.features-ui5 h3 { font-size:18px !important; line-height: 30px !important;}
/*  STICKY_NOTE #5054- Updating contents under Upgrade and enhancement and customer logos */
.features-ui5-row h3{font-size:18px !important; line-height: 30px !important;}
.dvp-toolkit-faq li { padding:0px 0px 0px 0px; }
.dvp-toolkit-faq div.question { font-size:20px; font-style:normal; font-weight:300; line-height:30px; padding-bottom:5px;}
/*.dvp-toolkit-faq li ul { padding-left:10px; }*/
.dvp-toolkit-faq li ul li { padding:0px 0px 0px 15px !important; }
.dvp-toolkit-resources {padding:5px 5px 10px 5px; margin:5px;}
.dvp-toolkit-resources p { height:20px; }
.dvp-toolkit-resources a { font-size:12px; }
.form-text-align { text-align:center; }

a.btn-feature { border: 2px solid #dbdcd9; border-radius: 4px; font-size:12px; font-weight: 500; height: 36px; /*line-height: 120%;*/ padding: 0.2em; width: 80px; }
.expsoln_top { margin:20px 0px; }
.expsoln { margin-bottom:20px; }

.owl-carousel{ width:290px; margin-left:0px; }
.collateral_cont .item .txt{ width:290px; line-height:15px; font-size:11px; padding:0px;}
.owl-arrow-previous, .owl-arrow-next {top:60px; cursor:pointer; }
.owl-arrow-previous { left: -10px; }
.owl-arrow-next { right:-300px; background-position: -34px 0; }
#resources-screencams-list { margin-left:50px; }


#mktg_coll_banner { background-size:100%; padding-top:5px; height:90px; padding-left:5px;}
#mktg_coll_banner p { font-size:11px; padding:5px 0px 0px 0px;}
#mktg_coll_banner img { width:50px; }
#webinars-img img { width:58px !important; padding-top:10px;}
#screencams-txt { padding:0px; }
#screencams-img img { width:75px; height:46px; margin-top:10px;}

#wrapper_wp_desc img { margin:25px 0px 10px 0px; width:90px;}
#wrapper_wp_desc h4 { padding:0px 3px 0px 3px; }
#wrapper_wp_desc p.sub_title { letter-spacing:0px; font-size:10px; padding:0px; }
#wrapper_wp_desc div.text { text-align:left; line-height:10px; margin-bottom:5px; font-size:8px; }
#webinars_desc { font-size: 10px; }
#webinars_desc #web-desc { padding-left:80px;}
#webinars_desc #web-img { padding-top:20px; }

#wrapper_screen_cams { margin:0px 0px 20px 20px; width:220px;}
#wrapper_screen_cams .title { padding:135px 0px 0px 0px; font-size:12px; font-weight:bold; }	
#wrapper_screen_cams .desc { padding:6px 10px 20px 0px; font-size:11px; line-height:16px; }

.datasheets_box { margin-bottom:20px; height:250px;}
.success_stories_box { height:400px; }
.logo_height { height:45px }
.logo_width { width:70px; }

#rfi-form { font-size:9px; line-height:20px; }
#rfi-form h5 { font-size:9px; line-height:14px; }
#rfi-form .product_list_pointer li, .product_list_pointer li { font-size:10px; line-height:12px; margin:0px 0px 0px 10px; padding:2px 0px 5px 15px;}

/*---------------------Sub Home Banner-----------------------*/
.small-banner .caption{ position:absolute; top:15%; margin:0px auto;  background-color:rgba(255,255,255,0.8); width:280px; padding:0px 10px 0px 10px; left:0px; right:0px;}
.small-banner h2{ font-size:10px;  margin-top:10px;}
.small-banner .desc{ font-size:8px; margin-top:-10px; }
.small-banner .link{ margin-top:-30px; font-size:8px; }
.small-banner .well-carousel{ padding:0px; background:none; color:#0060ae;}

#get-started { /*font-size:9px;*/ padding:10px 0px 0px 0px; }

/*Searchbox*/
.tagcloud ul li { font-size:8px; padding:0px 5px 5px 0px; }
.tagcloud ul li:nth-child(2n) { font-size:8px; font-weight:bold;}
.gallery li { font-size:9px; line-height:12px; }
#searchresults ul li { padding-top:8px; }
#searchbutton button { background-color:#fff; border:none; font-size:16px; width:10px; padding-top:0px; }

#quick_help input, #quick_help textarea { background: #FFFFFF; border: solid 1px #ccc; width:180px; height:16px; font-size:9px; color:#444; padding:2px;}

#contact-us h2 { padding-top:5px; }
.well-contactus { padding:5px; font-size:8px;}
.timeline { padding:1px; }
.timeline:before { top:10px; width:1px; background-color:#162b75; margin-left:3px; height:586px; }
.timeline-year-dot { background-size:8px; }
.timeline-year-text { padding-left:10px; font-size:10px;}
.timeline-year-desc { font-size:8px; padding-left:12px;}
.timeline-dotted-line { margin:8px 2px 15px 12px; }

#customers-quote {padding:10px 0px 20px 0px;}
#customers-quote .quote { font-style:italic; font-size:10px;}
#customers-quote .quote-author { padding: 10px 0px 5px 0px; font-size:8px; }

#yoursaperp-row { padding-bottom:0px; }
.yoursaperp-wm-circle-pos {padding-left:45%; padding-top:6%;}
.products-appstore-pos {padding-left:46%; padding-top:10%;}
#yoursaperp-row h2 { padding-top:10px; font-size:12px; }
#yoursaperp-row h3 { padding:0px;}
.yoursaperp-soln-list { padding-top:0px; font-size:11px; }
.yoursaperp-dashboard { padding-top:10px }
.yoursaperp-db-1{padding:0px 0px 0px 0px;}
.yoursaperp_matrix { margin-top:20px; }

#banner_developer{margin-top:51px; width:100%; background-size:cover;}
.banner-menus a{color:#fff; font-size:14px; font-weight:300; line-height:50px; padding-right:10px;}
#banner, #banner_nowidth { width:100%; margin:45px 0px 0px 0px;}

.yoursaperp-header-banner { position:absolute; width:300px; margin:10px; background:rgba(255, 255, 255, 0.95); padding:5px; color:#000;}
#sdk_cont { margin-bottom:0px; }
#sdk_cont h2 {padding:10px 0px 10px 0px;}
.developer_scroll_down { margin-top:-7px; }

.products-mobile-ios {margin-top:20px;}
.products-appstore-pos {padding-left:44%; padding-top:46.5%;}
	
.numbering {padding:0px 0px 0px 0px;}
	
.column2_paragraph_secondlevel_blog { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:12px; line-height:18px; color: #666b66; padding:1px 0 3px 0; margin:0px 0px 10.5px; }
.column2_paragraph_secondlevel_blog_ul { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; font-size:12px; line-height:18px; color: #666b66; }
.column2_paragraph_thirdlevel_blog { font-family: 'Raleway',arial; letter-spacing:0px; font-size:9px; line-height: 16px; color: #666b66; padding:3px 0 10px 0; }	

/*************Liquid UI Server **************/
#banner_nowidth .h2_lui_server  { padding-top:8px !important; padding-bottom:0px !important; font-size:11px; padding-left:12px; }
#banner_nowidth .h3_lui_server { padding-bottom:20px; font-size:11px; padding-left:12px;}
.ursaperpicons { padding-left:0px;}
.ursaperptext { font-size:8px; text-align:left;}
.funnelText { width: 270px; height: 170px; margin-bottom:40px; position: relative; float: left; }
.funnelText .top p { margin: 0; padding:25px 0px 0px 74px; color:#000; font-size:14px !important; }
.funnelText .middle p { margin: 0; padding:37px 0px 0px 84px; color:#000; font-size:14px !important; }
.funnelText .bottom p { margin: 0; padding:38px 0px 0px 84px; color:#000; font-size:14px !important; }
.su__comp-chart .su__chart-axis-label.y-bottomup { left:10px; text-align:left; }
.su__comp-chart .su__chart-axis-label.y-bottomup { bottom: -10%; left:0%; /*text-align:center;*/ width: 250px; }

/*Knowledge Base*/
.kb-header-banner { margin-top:0px !important;}
	
.cs_top{padding-top: 0px;}	

.media_display iframe { width:360px; height:215px; }
}

/* STICKY_NOTE #5127 Update Liquid UI Bot(Product page) */
.txt-dark{color:#000000 !important;}
.mg-tp-20{margin-top:20px;}
.column2_paragraph_secondlevel_dark { font-family:'Source Sans Pro', sans-serif !important; letter-spacing:0px; 
  font-size:18px; line-height:25px; color: #000; padding:3px 0 10px 0; margin:0px 0px 20.5px; }
.contact-us-iframe-ft{ 
  width: 100% !important;
  height: 410px !important; 
  }

  /* STICKY_NOTE #4801 Update Liquid UI Bot(Product page) */
.font-bullet-dot{ padding:0px 1px 0px 15px; background:url(https://www.guixt.com/jpproducts/css/images/product_list_circle.png) no-repeat; }
.column_grid_form{  margin:0 10%;}
.paragraph_h3_level2{font-weight:bold;font-size:36px;color:#162b75; margin:30px 0 20px 0;line-height:30px}
.heading_bg_level1 {/*background-color: rgb(27 127 204 / 31%);rgb(238 238 238 / 46%) */ background-color: #dddddda6; padding: 1px; margin:4px 0 0 0; 
/* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
  /* box-shadow: 10px 5px 5px #e2ddcb; */}
.heading_bg_level1 h3{
  margin-left:16%;
  color:#337ab7;
  font-weight: 600;
}
.heading_level1{
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  margin:1px;
}

.table-content { display: block; box-sizing: border-box;}
.tb-lg-main{ border-collapse: collapse;/* display: inline-block; */text-align: left;border-top: 1px solid #888;}
.tb-lg-main thead {/* background: #418bca; #012c74*/ background-color: #faa820fc; color:#000; }
.tb-lg-main th, td {
padding: 10px 20px;
border: 2px solid #888;
border-width: 0 1px 1px;
}

.player-center{
margin:0 auto;
display:block;
}
.contact-us-iframe-form {
  width: 100% !important;
  height: 240px !important; 
  
}
/* For FAQ collapsible */
.collapsable_faq{
  margin: 5px 5px 35px 5px;
}
.collapsable_faq details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
  /* background-color:  #ffd000 rgb(250, 168, 32); #4c94d191 #bfdaf2 #c6dfff  #d8e7fa; */
  background-color: #d8e7fa;;
  font-size: 18px;
  color:#000;
  padding: 0.5rem 1.5rem;
  /* box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  box-shadow: rgb(27 127 204 / 15%) 0px -23px 25px 0px inset, rgb(27 127 204 / 23%) 0px -36px 30px 0px inset, rgb(27 127 204 / 19%) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, #eeeeee8c 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
  
}
@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.collapsable_faq details summary::-webkit-details-marker {
  display: none;
}

.collapsable_faq details summary {
  width: 100%;
  padding: 1.2rem 1.5rem;
  border: 1px solid black;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  list-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;  
  letter-spacing: 0px;  
  line-height: 28px;  
  color: /* #231791*/ #fff;
  background-color: /* #2042b5fa */ #004aad;
  border-radius: 8px;
  margin:10px 0 0 0;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;*/
 /* box-shadow: -15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1), inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1); */
}

.collapsable_faq details summary:after {
  /* content: '\0245';  '\02C5' */
  content: '+';  
  color: #fff;
  position: absolute;
  font-size: 2.2rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 20px;
  font-weight: 700;
  transform-origin: center;
  transition: 200ms linear;
}
.collapsable_faq details[open] summary:after {
  /* transform: rotate(180deg); */
  content: '-'; 
 
}
.collapsable_faq details summary {
  outline: 0;
}
.collapsable_faq details p {
  font-size: 0.95rem;
  margin: 0 0 1rem;
  padding-top: 1rem;
}
/*responsive table*/
@media screen and (max-width: 900px) {
/*put each field on its own line and align text to the right
*border is added for further readability
*/
.tb-lg-main td {
display: block;
text-align: right;
}
/*put data-label content before each field floated to the left*/
.tb-lg-main td:before {
content: attr(data-label);
float: left;
font-weight: bold;
margin-right: 10px;
}
/*remove thead*/
.tb-lg-main thead {
display: none;
}

.heading_level1{
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  margin:1px;
}
}
/* STICKY_NOTE #5267 - Redesigning the pages for tradeshow */
.bg-white{background-color: #ffffff !important;}
.mg-tp-50{margin-top:50px;}
.txt-center{text-align: center;}
.txt-primary{color:#0060ae !important;}
.font-weight-bold{font-weight: bold;}
.iframe-form{ padding:10px;}

/* card design for success stories  */
.img-card {
  /* #0000ff29  #3e3ec129*/
  background-color: #eeeeee78;
  height:450px;
  position: relative;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
  -o-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3); 
}

.img-card.iCard-style1 .card-title {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    top: 10px;
    left: 10px;
    font-size: 30px;
    color: #fff;
}

.img-card.iCard-style1 .card-text {            
    color: #795548;
    padding:0px 5px;
}

.img-card.iCard-style1 .card-text p {
    color: #FF9800;    
    text-align: center;            
}

.card-category-2 {
  font-family: sans-serif;
  margin-bottom: 25px;
  text-align: center;
  flex-direction: column;
	max-width: 100%;
	display: flex;
	height: 100%;
}

.card-category-2 > div:not(:last-child) {
  margin: 10px 5px;
  text-align: left;
}
.img-card .card-image {
    position: relative;
    margin: auto;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;   
}

.img-card .card-image img {
    width:100%;
    border-radius: 5px 5px 0px 0px;            
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    max-height:270px;
}

.img-card .card-image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}        
.img-card .card-link {
    padding: 5px 15px 5px;
    width: -webkit-fill-available;
}

    .img-card .card-link div {
        text-decoration: none;
        position: relative;
        padding: 5px 0;
    }           
    .img-card .logo-img{
        padding: 10px;
        display:flex;
        justify-content: center;
        height:90px;
    }
   .img-logo-sm{
    height:80% !important;
   }
   .col-border{
    background-color: #bfdaf2;
    border:1px solid #0060ae;
   }
   .bg-padding{
    padding:0 !important;
   }
@media only screen and (max-width: 767px) {
.card-category-2 {
  margin-bottom: 45px;
}
.img-logo-sm{
  height:70% !important;
 }
 .overlap-category{
	width:80%;
	margin: 0 auto;
}
.img-min-ht-6{
	min-height:auto;	
	}
}
/* end of cards design */
/* Styles for Home page */
.row-bg-primary {
	background-color: rgba(216, 231, 250, 1);
}

.row-bg-gray {
	background-color: rgba(243, 243, 243, 1);
}

.row-bg-blue {
	background-color: rgba(241, 248, 253, 1);
}

.row-logos img{
	max-height: 120px;
}

.overlap-category {
	padding: 20px;
	position: relative;
	background: #337ab730;
	border-radius: 60px;
}

.column-10 {
	float: left;
	width: 10%;
	padding: 0px 5px;
	margin: 0px 5px;
}

.popular-category {
	scroll-behavior: smooth;
	word-wrap: break-word;
	width: 70%;
	color: #000000;
	margin: 10px;
	background: #fff;
	display: block;
	padding: 10px 10px;
	border-radius: 7px;
	-webkit-transition: 1s all ease-in-out;
	-o-transition: 1s all ease-in-out;
	transition: 1s all ease-in-out;
}

.popular-category:hover {
	text-decoration: none;
	background: #337ab78a;
	color: #000000 !important;
	font-weight: 800;
	transform: scale(1.1);
}

.pb-40 {
	padding: 0 0 40px 0;
}
.pt-60 {
	padding: 60px;
}

.pb-20 {
	padding: 0 0 20px 0;
}

.banner-footer-buttons {
	position: absolute;
	bottom: 1px;
	left: 10%;
	right: 10%;
}

.resource-card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.resource-card-container a:hover{
	text-decoration: none;
}

.resource-card {
	margin-bottom: 20px;
	background: rgba(10,72,112, 0.1);
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	overflow: hidden;
}

.resource-card:hover{
	box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
}
.resource-card-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
	height: 280px
}

.resource-card img {	
	width: 100%;
	height: auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.resource-card-text {
	margin-bottom: 15px;
}

.resource-card-title {
	font-size: 24px;
}

.resource-card-button {
	width:100%;
	border: none;
	display: block;
	padding: 10px;
	background-color: #007bff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 0 5px 5px;
	transition: background-color 0.3s;
}

.resource-card-button:hover {
	background-color: #0056b3;
	color:#fff;
	text-decoration: none;
}

.category-bullet {
	display: table;
	margin-top: -19px;
	background-color: #f5a116de;
	padding: 2px 15px;
	border-radius: 5px;
}

.row-title-secondlevel {
	font-family:'Source Sans Pro', sans-serif !important;
	font-size: 20px;
	padding: 5px;
	line-height: 1.7;
}

.row-title {
	padding: 10px;
	font-family:'Source Sans Pro', sans-serif !important;
}

.hr_line{
	border-top:3px solid #818fc7 !important;
}

.txt-color-yellow {
	color: #faa820;
}

.txt-color-blue {
	color: #162b75 !important;
}

.row2_paragraph_secondlevel {
	font-family: 'Source Sans Pro', sans-serif !important;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

.banner-btn-logo {
	margin: 10px 10px;
	padding: 10px 15px;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.bg-logo {
	background-color: #faa820;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.content .content-body{
	border-radius: 10px;
	margin:10px;
	word-wrap: break-word;
	background-color: #ffffff;
	box-shadow: 5px 1px 8px rgba(0, 0, 0, 0.1);
	
}
.content-body-text{
	padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.card-category {
	margin: 20px;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 5px 1px 8px rgba(0, 0, 0, 0.1);
	font-size: 18px;
	word-wrap: break-word;
	background-color: #cfdce7;
}

.section-ht img {
	width:85px;
}

.watch-more {
	background: #faa820 !important;
	border-radius: 3px !important;
	border: none !important;
	font-size: 15px;
	padding: 12px !important;
	color: #000000;
	font-weight: bold;
	margin:5%;
}
.callout-cta{
	background-color:transparent;
	border-radius: 3px !important;
	border:#4e0389 solid 2px;
	font-size: 15px;
	padding: 12px !important;
	color: #000000;
	font-weight: bold;
	margin:5%;
}

.callout-cta:hover{
	background: #fff;
	color:#4e0389;
	text-decoration: none;
}


.watch-more-primary {
	background: #162b75 !important;
	border-radius: 3px !important;
	border: none !important;
	font-size: 15px;
	padding: 12px !important;
	color: #fff;
	font-weight: bold;
}

.watch-more-primary:hover {
	color: #faa820;
}
.overflow-x-hidden{
	overflow-x: hidden;
}

.overflow-y-hidden{
	overflow-y: hidden;
}
#countdown {
	position: fixed;
	bottom: 35px;
	left: 20px;
	background-color: rgba(250, 168, 32, 1);
	color: #000;
	padding: 10px;
	border-radius: 5px;
	font-size: 1em;
	font-weight: bold;
  z-index:1050;
}

#logo-container {
	/* Prevent logos from wrapping */
	white-space: nowrap;
	/* Hide overflow */
	overflow: hidden;
}

.row-logos-scroll {
	display: inline-block;
	/* Adjust spacing between logos */
	margin-right: 5%;
}

.row-logos-scroll:hover {
	transform: scale(1.2);
}

.logo-container-player {
	margin: 0 auto;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2rem;
	height: 1rem;
	padding: 2rem;
	border: 0.2rem solid #000;
	border-radius: 25%;
	filter: drop-shadow(0 0 3.1rem rgba(255, 255, 255, 0.8));
}

.logo-container-player .play {
	height: 0;
	width: 0;
	margin-left: 17px;
	background: none;
	border: none;
	/* content: "►"; */
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-left: calc(1rem * 2 * 0.86) solid #130f40;
}

.logo-container-player .pause {
	margin-left: 17px;
	position: relative;
	background: none;
	border: none;
	height: calc(1rem * 2);
	width: calc(1rem * 2 * 0.86);
	&:before,
	&:after {
		display: block;
		/* content: "❚❚"; */
		content: "";
		color: #130f40;
		box-sizing: border-box;
		position: absolute;
		width: 33%;
		height: 85%;
		left: -10px;
		top: 15%;
		border-left: 3px solid;
		border-right: 3px solid
	}

	&:before {
		left: 0;
	}

	&:after {
		right: 0;
	}
}

/*animation element*/
.animation-element {
	opacity: 0;
}

/*animation element sliding right*/
.animation-element.slide-right {
	opacity: 0;
	transition: all 500ms linear;
	transform: translate3d(100px, 0, 0);
}

.animation-element.slide-right.in-view {
	overflow-x: hidden;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

/*animation element sliding left*/
.animation-element.slide-left {
	opacity: 0;
	transition: all 500ms linear;
	transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
	overflow-x: hidden;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}
.paragraph_h2_level2 li {
	padding: 10px;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}

.icon-double-angle-right {
	font-size: 35px;
}

.icon-ok-sign {
	font-size: 28px;
}

.row-thirdlevel li {
	font-size: 18px;
	padding: 5px;
	margin: 5px 0 5px 0;
	line-height: 28px;
}
/* For Mobile Phones Portrait or Landscape View */
@media only screen and (max-width: 640px) {
	.popular-category{
		width:-webkit-fill-available;
	}
	.overlap-category{
		width:100%;
		margin: 0 auto;
	}
	.overlap-category .popular-category h4{
		font-size: 15px;
	}
}

@media only screen and (max-width: 992px) {
	.resource-card-content {
		height: 100%;
		justify-content: space-between;
	}
}
/* End of homepage */

/* Styles for card design of Resource page*/
.main-artical-content {
	box-shadow: rgb(120 139 127) 0px 10px 36px 0px, rgb(146 184 197) 0px 0px 0px 1px;
	--img-scale: 1.001;
	--title-color: black;
	--link-icon-translate: -20px;
	--link-icon-opacity: 0;
	position: relative;
	border-radius: 16px;
	background: #fff;
	transform-origin: center;
	transition: all 0.4s ease-in-out;
	overflow: hidden;
	z-index:0;
	}

	.main-artical-content a::after {
	position: absolute;
	inset-block: 0;
	inset-inline: 0;
	cursor: pointer;
	content: "";
	text-decoration: none;
	}

	.main-artical-content h2 {
	margin: 0 0 18px 0;
	/* font-family: "Bebas Neue", cursive; */
	font-size: 1.9rem;
	letter-spacing: 0.06em;
	color: var(--title-color);
	transition: color 0.3s ease-out;
	}

	.figure {
	margin: 0;
	padding: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	}

	.main-artical-content img {
	width: 100%;
	/* max-width: 100%; */
	transform-origin: center;
	transform: scale(var(--img-scale));
	transition: transform 0.4s ease-in-out;
	}

	.main-artical-content .card-post-body {
	padding: 24px;
	}
	.card-post-body:hover {
	text-decoration: none;
	}
	.main-artical-content .card-post-read-more {
	font-size:2rem;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #28666e;
	}

	.main-artical-content a:focus, .main-artical-content a:hover{
	text-decoration: none;
	outline: 1px dotted #28666e;
	}

	.arrow-icon::after {
	content: '➔'; /* Unicode character for arrow */
	transform: translateY(-50%);
	transition: opacity 0.3s ease;
	opacity: 0; /* hide the arrow */
	}

	.main-artical-content:hover .arrow-icon::after {
	opacity: 1; /* Show the arrow after the 'Read more' when it is hovered over */
	}

	/* using the has() relational pseudo selector to update our custom properties */
  .main-artical-content:has(:hover, :focus) {
	position: relative;
	scale:1.1;
	z-index:5;
	--img-scale: 1.1;
	--title-color: #28666e;
	--link-icon-translate: 0;
	--link-icon-opacity: 1;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}

	.articles {
	display: grid;
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 24px;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	gap: 24px;
	}

	#datasheet_form{
		width:350px; 
		margin-top:30px;
		height:600px;
		background-color:#bfdaf2;
		text-align:center;
		padding:20px;
		border-radius: 10px;
		box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, 
					rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
	 				rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

	}