Current File : /home/inlingua/www/decay_sym/root/usr/local/softaculous/enduser/themes/default/style.css |
/* poppins-100 - latin-ext_latin_devanagari */
@font-face {
font-family: 'Poppins';
src:url('fonts/Poppins-Regular.eot?-cky9kd');
src:url('fonts/Poppins-Regular.eot?#iefix-cky9kd') format('embedded-opentype'),
url('fonts/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Poppins-Regular.woff?-cky9kd') format('woff'),
url('fonts/Poppins-Regular.ttf?-cky9kd') format('truetype'),
url('fonts/Poppins-Regular.svg?-cky9kd#Poppins') format('svg');
}
.fab,
.fas,
.far{
font-family: "Font Awesome 5 Free" !important;
}
.fa-1x {
font-size: 1.5em;
}
body{
background-color: #F1F6FA /* #F3F4FA #F2F2F2*/ !Important;
color: #000;
font-size: 13px;
margin:0px;
padding: 0px;
font-family: Poppins, OpenSans, Verdana;
}
.img-responsive{
max-width: 100%;
height: auto;
}
input, select{
font-family: Poppins, OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
textarea{
font-family: Poppins, OpenSans, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;
overflow: auto;
}
form{
border: 0px solid #000;
display: inline;
margin: 0px;
padding: 0px;
}
img{
border: 0px solid #000;
vertical-align: middle;
}
a:link,
a:visited,
a:active{
background-color: transparent;
color: #333333;
text-decoration: underline;
}
a:hover{
background-color: transparent;
color: #000000;
text-decoration: underline;
}
.table-hover-moz{
border-collapse: separate !important;
border-spacing: 0px;
border-top: 1px solid #DDD;
}
table .td_font td{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
}
.hr{
text-align:right;
margin-bottom:10px;
border-bottom: 5px solid #E4E4E4;
text-align: right;
padding-left:10px;
padding-right:10px;
}
/* hf_theme.php the top row*/
.sai_softac_header{
background:url(../default/images/headerbg.gif);
height:35px;
color: #555555;
box-shadow: 0 5px 10px 0 #CCCCCC;
-webkit-box-shadow: 0px 5px 8px 0 #CCCCCC;
-moz-box-shadow: 0px 5px 5px 0 #CCCCCC;
}
.header_webuzo{
background:url(../default/images/headerbg.gif);
height:25px;
color: #555555;
}
.sai_softac_header a:link, .sai_softac_header a:visited, .sai_softac_header a:active, .sai_softac_header a:hover{
font-size:12px;
color: #555555;
text-decoration:none;
font-weight:bold;
font-family:OpenSans, Arial, Helvetica, sans-serif;
}
.headtd{
border-right:1px solid #AAAAAA;
}
.sai_search{
/*background: #fff url(../default/images/search_bar.gif) no-repeat right;*/
}
.sai_softsearch{
float:right;
cursor:pointer;
}
.sai_softinput_search{
height:20px;
border:none;
outline:none;
font-size:13px;
color:#000;
float:right;
background-color:transparent;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
}
.sai_softsearch img{
float:right;
}
.sai_softsearch:hover{
}
.sai_softsearch:hover .sai_softinput_search{
background-color:#f2f2f2;
}
.sai_softinput_search:focus{
background-color:#f2f2f2;
}
.sai_docktable{
height:75px;
}
.sai_softwares{
border-bottom:1px solid #e4e4e4;
}
.sai_softmenu{
border-right:1px solid #e4e4e4;
padding-left:15px;
}
.sai_notice, .sai_success {
background-color: #FAFBD9;
font-size:13px;
padding:8px;
text-align:center;
margin-bottom: 20px;
}
.sai_anotice{
width:98%;
height:auto;
margin:auto;
text-align:center;
padding:10px 0px;
background-color:#FFFFC1;
border:0px solid #aaa;
display:block;
text-decoration:none;
font-size:13px;
}
.sai_anotice a, .sai_anotice a img{
color:#333;
vertical-align:middle;
text-decoration:none;
}
.soft_nav {
height: 50px;
color: #ffffff;
background-color: #263544;
font-family: Poppins, OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
font-weight: 300;
box-shadow: 0 2px 4px 0 #2b2b2b1a;
}
.soft_nav a{
color: #ffffff;
font-size:13px;
font-weight:bolder;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.soft_nav a:hover{
color:#2196f3;
}
.soft_nav_selected{
border-bottom:2px solid #fff;
padding-bottom:3px;
}
.soft_nav_mob{
display:none;
width:100%;
background:#263544;
position:absolute;
z-index: 1000;
text-align:left;
}
.soft_nav_mob a{
color:#FFF;
font-size:14px;
font-weight:500;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.soft_nav_mob a:hover{
color:#CCC;
}
.about, .topscripts{
margin-right:10px;
cursor:pointer;
}
.soft_nav .nav-icons{
color:#333333;
width: 40px;
}
.left_panel{
width:220px;
margin:0;
padding:0;
border:0;
list-style:none;
font-weight:normal;
text-decoration:none;
line-height:1;
font-size:13px;
position:relative;
background-color: #263544;
font-family:OpenSans, OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
}
.left-panel-links{
margin:15px 0px;
width: 100%;
padding: 0px;
}
.left-panel-links li{
padding:0px 0px 10px 10px;
cursor:pointer;
}
.left-panel-links .list-menu{
color:#F2F2F2;
font-family: Poppins;
font-size: 14px;
text-decoration: none;
}
.left-panel-links .list-menu i{
margin-right: 10px;
}
.left_panel_links ul{
height:auto;
text-align:left;
}
.submenu{
background-color: #222D3B;
}
.softlinks{
display: none;
padding: 5px 0px 5px 20px;
margin-bottom: 20px;
}
.softlinks.show{
display: block;
}
.softlinks li {
list-style:none;
margin-top:7px;
margin-left:-5px;
display:block;
cursor:pointer;
padding-bottom:2px;
padding-top:2px;
}
.softlinks li a {
font-size:13px;
color: #FFF;
margin: 0px;
display: block;
width: 100%;
height: 100%;
}
.show-sub-links{
cursor: pointer;
}
.sai_logo{
height:80px;
padding-top:8px;
}
.sai_icons{
font-size:1.4em;
}
.search{
background-color:#999;
}
.search_suggestion{
background-color:#f2f2f2;
}
img{
border:none;
}
#softcontent{
padding:15px 20px;
}
/* Softwares Slide Menu */
.softlinks a:link,
.softlinks a:visited,
.softlinks a:active{
font-family: Poppins;
padding-left:0px;
color:#F2F2F2;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.softlinks a::before{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
margin-right: 10px;
}
.softlib a:link, .softlib a:visited, .softlib a:active{
padding: 8px 10px 8px 15px;
background: #fff url(../default/images/softarrow.gif) no-repeat right;
display: block;
color: #7c7e81;
text-decoration:none;
}
.softlinkscurrent a:link,
.softlinkscurrent a:visited,
.softlinkscurrent a:active{
color:#4099FF;
text-decoration:none;
}
.softlinkscurrent a:hover, .softlib a:hover{
color:#4099FF;
text-decoration: none;
}
.cathide{
overflow: hidden;
display: block;
height:1px;
}
/* Ending - Softwares Slide Menu */
.welcome{
background:#373737;
padding:5px;
padding-left:10px;
padding-right:10px;
color:#f2f2f2;
font-size:13px;
float:right;
margin-bottom:10px;
border-radius:0 0 0 3px;
}
.welcome a:link, .welcome a:visited, .welcome a:active{
color:#FFF;
}
/* Softwares Tabs */
.clear{
clear:both;
}
.sai_tabs {
margin: 0;
padding: 0;
list-style: none;
height: 40px;
width: 100%;
}
.sai_tabs a{
float: left;
margin: 0;
cursor: pointer;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ccc;
text-align:center;
width:100%;
font-size:14px;
}
.sai_tab:hover{
background: #efefef;
}
.tab:hover{
background: #efefef;
}
.sai_insbut:hover{
background: #136AD5;
}
a.sai_tabbed:link,
a.sai_tabbed:visited,
a.sai_tabbed:active,
a.sai_tabbed:hover,
a.active{
border-bottom:3px solid #447EDF;
display: table-cell;
box-shadow:none;
}
.sai_tabs a {
text-decoration:none;
}
.sai_new_insbut {
height:40px;
background:#447EDF;
font-size: 12px;
padding:10px;
font-weight:bold;
width:70%;
position:absolute;
text-align:center;
}
.sai_new_insbut a{
text-decoration: none;
color:#fff;
display:block;
}
.sai_new_insbut:hover{
background: #136AD5;
}
a.sai_insbut{
color:#FFF;
font-family: Poppins;
font-weight:500;
background: #4099FF;
vertical-align: middle;
}
a.sai_insbutclicked, a.sai_insbut:hover{
color:#FFF;
background: #136AD5;
border-bottom: 1px solid #136AD5;
vertical-align: middle;
box-shadow:none !important;
}
a.sai_insbutpad{
padding:7px;
}
.sai_tab2{
text-decoration:none;
font-size: 13px;
font-weight: bold;
}
/* Ending - Softwares Tabs */
.sai_heading{
height:auto;
font-size:13px;
color:#000;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-weight:bolder;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
vertical-align:middle;
}
.sai_process_heading{
height:auto;
font-size:20px;
color:#333333;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
/* font-family:OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; */
font-family: Poppins, OpenSans;
font-weight: 500;
vertical-align:middle;
}
.sai_heading_full{
color:#333333;
font-size:13px;
font-weight:bold;
}
.sai_heading_full div img{
width:20px;
}
.sai_head{
color: #000000;
font-family: 'Poppins';
font-size: 16px;
font-weight: 600;
}
.sai_head2{
font-weight:bold;
font-family: Poppins,OpenSans,Verdana;
font-size:13px;
border:1px solid #fff;
}
.sai_main_head{
font-size:20px;
color: #676a6c;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
}
.sai_exp{
display:none;
opacity:1px;
padding:10px;
text-align:left;
border-radius:5px;
position:absolute;
color: #fff;
font-size:12px;
background:#666;
z-index: 1000;
}
.sai_qt{
font-size:12px;
font-weight:bold;
color:#333333;
margin-bottom:2px;
margin-top:7px;
padding:5px;
}
/* Calibri Head */
.sai_newhead{
font-family:OpenSans, Segoe UI, Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color: #333333;
}
.sai_feature_exp{
color: #666666;
line-height:150%;
}
/* DOM Window body */
.dwbody{
background-color:#F4F4F4;
border:solid 1px #CCCCCC;
}
/* DOM Window Header Handle */
.dwhc{
background:transparent url(../default/images/dwhc.gif) repeat-x scroll 0%;
height:27px;
}
/* DOM Window Header Left */
.dwhl{
background:url(../default/images/dwhl.gif);
width:4px;
}
/* DOM Window Header Right */
.dwhr{
background:url(../default/images/dwhr.gif);
width:4px;
}
/* DOM Window Bottom */
.dwb{
background:transparent url(../default/images/dwhc.gif) repeat-x scroll 0%;
height:15px;
}
.sai_bottom{
background-color: #DFDFDF;
}
.sai_cbor{
border: 1px solid #d6d6d6;background-color: #FFFFFF;
}
.sai_cbg{
background-image: url(../default/images/cbg.gif);
font-weight: bold;
font-size:13px;
color: #FFFFFF;
height:26px;
}
.sai_cbg a:link, .sai_cbg a:visited, .sai_cbg a:active{color: #FFFFFF;
text-decoration: none;}
.sai_cbg a:hover{color: #FFFFFF;
text-decoration: underline;
}
.sai_bg{
background-color:#FFFFe2;
border:5px solid #FEF994;
}
.pqr{
left:0px;
top:0px;
position:absolute;
width:500px;
visibility:hidden;
}
/* All forms error handler */
.sai_error{
background-color: rgb(230, 230, 230);
}
/* Suggest */
.suggestbox{
visibility:hidden;
position:absolute;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
color: #666666;
top:0px;
left:0px;
width:150px;
z-index:1;
line-height:150%;
}
a.suga:link, a.suga:visited, a.suga:active, a.suga:hover{
width:144px;
display:block;
text-decoration: none;
color: #666666;
background-color: #FFFFFF;
padding: 3px;
}
a.sugaon:link, a.sugaon:visited, a.sugaon:active, a.sugaon:hover{
background-color: #F8F8F8;
width:144px;
display:block;
text-decoration: none;
color: #666666;
padding: 3px;
}
/* Ending - Suggest */
/* DOCK */
.sai_dock{
list-style:none;
position:relative;
margin:0px auto;
}
.sai_dock li, .sai_dock a {
display:inline;
}
.sai_dock img{
display:block;
border:none;
width:0px;
height:0px;
position:absolute;
top:auto;
left:auto;
}
.sai_notes{
height:178px;
border:8px solid #DDDDDD;
overflow: auto;
padding:8px;
margin-top:4px;
}
/* NEWS */
.softnews{
overflow:auto;
display:block;
height:200px;
}
.softnews a:link, .softnews a:visited, .softnews a:active{
color: #4D7CC4;
text-decoration: none;
}
.softnews a:hover{
color: #4D7CC4;
text-decoration:underline;
}
.softnewshead{
padding:5px 10px;
margin:2px;
background-color: #eeeeee;
}
.softnewsblock{
font-size:14px;
line-height: 1.7;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
}
.newsheader{
background:url(../default/images/greybg.gif);
height:30px;
color:#565656;
font-size:13px;
font-weight:bold;
font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}
.news_content_header{
background: #333333;
font-size:14px;
color:#fff;
margin-top:20px;
padding:8px;
text-align:center;
}
.news_content{
height:220px;
padding:10px;
color:#222;
font-size:14px;
overflow:auto;
margin-bottom:20px;
background:#FFF;
}
/*NEWS END*/
.currentrating{
font-size:28px;
font-family: OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #454545;
cursor:pointer;
}
.ratehead, .revhead{
font-size:25px;
font-family: OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #09213E;
}
.ratetable{
background-color: #F0F0F0;
}
.ratebar{
background-color: #2a3072;
}
.revtable{
border:4px solid #eeeeee;
}
.reviewhead{
font-size:17px;
font-family:OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #454545;
border-bottom:1px solid #CCCCCC;
}
.revby{
background: #F6F6F6;
padding:4px;
color: #454545;
font-size:12px;
}
.login_right {
background: url("../default/images/loginbackground.jpg") no-repeat scroll 0 0 transparent;
height: 230px;
width: 345px;
}
.sai_loginhead {
color: #444444;
font-size: 18px;
font-weight: 400;
}
.sai_loginmap{
background: url(../default/images/map.gif) no-repeat center;
height: 500px;
}
.sai_login_txt{
color: #666;
font-size:12px;
}
/********************************************************************
WE HAVE USED "!important" BECAUSE IT WAS CONFLICTED WITH THE INPUT CLASS
WHICH WE HAVE WRIITEN FOR THE TEXTBOXES AND ALL BELOW
*********************************************************************/
.sai_login_input {
background:none repeat scroll 0 0 #FFFFFF !important;
border:1px solid #CCCCCC !important;
font-size:18px !important;
margin-bottom:16px !important;
margin-right:6px !important;
margin-top:2px !important;
padding:6px !important;
width: 296px !important;
color:#666666 !important;
border-radius: 4px 4px 4px 4px !important;
}
input.sai_submit, a.sai_abut{
background:url(../default/images/submitbg.gif);
border:1px solid #A4B7FB;
padding:5px 8px;
font-size:12px;
font-family:OpenSans, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #555555;
-moz-border-radius: 4px;
text-decoration: none;
}
input.sai_submiton, .sai_abut:hover{
background:url(../default/images/submitbg.gif);
border:1px solid #5F97F5;
padding:5px 8px;
font-size:12px;
font-family:OpenSans, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #555555;
-moz-border-radius: 4px;
text-decoration: none;
}
.webuzo_icons a:link, .webuzo_icons a:visited, .webuzo_icons a:active {
color: #333333;
font-size: 11px;
text-decoration:none;
}
.ampps_icons a:link, .ampps_icons a:visited, .ampps_icons a:active{
color: #333333;
font-size: 13px;
text-decoration:none;
}
.sai_tit{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
color: #444444;
padding:18px;
}
.sai_summaryBlock, .sai_cbor{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
.sai_summaryTitle, .sai_cbg {
background:url(../default/images/shg.gif) repeat;
color:#000000;
font-weight:bold;
height:23px;
padding-right:8px;
text-decoration:none;
}
/************************************/
/*CODE FOR DISPLAYING ALTERNATE ROWS*/
/************************************/
.sai_altrowstable, .sai_divroundshad {
color: #040C19;
font-size:12px;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
.sai_divroundshad{
background:#fff;
}
.sai_altrowstable{
background:#eaebec;
}
.sai_altrowstable tr td{
border-left: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
}
.sai_altrowstable a:link,
.sai_altrowstable a:visited {
font-weight:bold;
text-decoration:none;
}
.sai_altrowstable a:active,
.sai_altrowstable a:hover {
text-decoration:underline;
}
.sai_altrowstable th{
text-align:left;
height:22px;
}
.sai_altrowstable th a{
text-decoration:none;
}
.sai_tr_bgcolor:hover{
background: #efefef;
}
.sai_oddrowcolor{
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.sai_evenrowcolor{
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.sai_message_box {
width: 300px;
background: #fff;
border: 4px solid #E8E8E8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: fixed;
left: 39%;
margin-left: -150px;
margin: auto;
text-align: center;
z-index: 1000;
display: none;
padding: 10px;
}
.msg_tr1{
font-size: 15px;
font-weight: bold;
text-align:left;
}
.msg_tr2{
vertical-align:text-top;
}
.msg_tr3{
margin-left:200px;
background-color: #E8E8E8;
}
.message_bar input[type="button"] {
float: center;
margin-top: 30px;
}
.sai_suggestions{
z-index:1000;
}
.suggestIE{
background:#FFF;
border: 3px #EEEEEE solid;
}
.sai_boxgrid{
width: 200px;
height: 400px;
cursor:pointer;
float:left;
position: relative;
}
.sai_boxgrid2{
width: 200px;
height: 202px;
overflow: hidden;
box-shadow: 0px 0px 20px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 15px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 12px 1px #CCCCCC;
border: 1px solid #EFEFEF;
position: relative;
}
.sai_classes_boxgrid{
height: 400px;
cursor:pointer;
float:left;
position: relative;
width:300px
}
.sai_classes_boxgrid h2{
background-color:#E8E8E8;
box-shadow: 0 5px 5px 0 #CCCCCC;
text-shadow: 2px 2px 2px #FFFFFF;
padding:10px;
font-size:17px;
}
.sai_classes_boxgrid buttons{
text-decoration:none;
float:left;
margin-left:40px;
margin-top:10px;
width:70px;
}
.sai_classes_boxgrid2{
width: 300px;
height: 175px;
overflow: hidden;
box-shadow: 0px 0px 2px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 2px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 2px 1px #CCCCCC;
border: 1px solid #EFEFEF;
position: relative;
}
.sai_loading_soft{
text-align: center;
position:absolute;
top:50%;
display:none;
}
/* Classes Navigation Menu Css */
.sai_cmenu{
width:216px;
list-style:none;
}
.sai_cmenu li{
display:block;
}
.sai_cmenu li a{
text-align:left;
font-size:13px;
font-family:OpenSans, Verdana,Tahoma,Arial,"Trebuchet MS","Times New Roman",Georgia,sans-serif,serif;
color:#FFF;
display:block;
text-decoration:none;
}
.class_arrow{
display:inline-block;
float:right;
margin-right:15px;
}
.blue_select{
background:url('../default/images/softarrow.gif') no-repeat 180px 3px;
font-size:20px;
}
.buttons{
float: left;
padding-bottom: 20px;
clear: both;
}
a.selected{
border-left:#3F6 solid 4px;
padding-left:5px;
text-decoration:none;
}
/* Button Css for Install & Show files buttons and for pagination links */
a.sai_cbutton {
color: #fff;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: #1C86EE;
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
a.sai_cbutton:hover {
color: #fff;
border-color: #A2B5CD;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.sai_cbutton:active {
color: #DBDBDB;
border-color: #DBDBDB;
}
a.selected_page {
border:1px solid #6495ED;
box-shadow: 2px 2px 2px 2px #CCCCCC;
}
.sai_iframe_class{
box-shadow: 0px 0px 20px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 15px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 12px 1px #CCCCCC;
border: 1px solid #EFEFEF;
}
/*Search box for classes*/
.sai_inputs input{
height:35px;
width: 400px; /* 353 + 2 + 45 = 400 */
border: 1px solid #ccc;
box-shadow: 0 0 1px 1px #F8F8F8 inset;
-moz-box-shadow: 0 0 0 1px #F8F8F8 inset;
-webkit-box-shadow: 0 0 0 1px #F8F8F8 inset;
}
fieldset{
border: 0;
padding: 0;
margin: 0;
}
.sai_inputs input:focus{
background-color: #fff;
border-color: #B1CFF3;
outline: none;
-moz-box-shadow: 0 0 0 1px #B1CFF3 inset;
-webkit-box-shadow: 0 0 0 1px #B1CFF3 inset;
box-shadow: 0 0 1px 1px #B1CFF3 inset;
}
.divshadow{
-webkit-box-shadow: 0 5px 10px -3px #BFBFBF;
-moz-box-shadow: 0 5px 10px -3px #BFBFBF;
box-shadow: 0 5px 10px -3px #BFBFBF;
border:1px solid #EFEFEF;
}
.sai_search_button{
background-image:url(../default/images/classearch.png);
height:35px;
width:35px;
background-position: 0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}
.sai_search_button:hover{
background-image:url(../default/images/classearch.png);
background-position: 0px -35px;
}
.backups_th {
background: url(../default/images/gradient_silver.gif) repeat-x scroll 0 0 #FFFFFF;
color: #555555;
text-align: left;
font-size:13px;
font-family:OpenSans, arial,verdana,sans-serif;
font-weight: bold;
}
/*FORM STYLING AND GLOW EFFECT*/
.sai_reviewform{
float: left;
border: 1px solid #ddd;
padding: 30px 40px 20px 40px;
margin: 0px 0 0 0;
background: #fff;
/* -- CSS3 - define rounded corners for the form -- */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* -- CSS3 - create a background graident -- */
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#F8F8F8), to(#FFFFFF));
background: -moz-linear-gradient(0% 40% 90deg,#FFF, #F8F8F8);
/* -- CSS3 - add a drop shadow -- */
-webkit-box-shadow:0px 0 30px #E1E1E1;
-moz-box-shadow:0px 0 30px #E1E1E1;
box-shadow:0px 0 30px #E1E1E1;
}
input[type=text], textarea,
select,
input[type=password]{
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: none;
color: #616161;
font-size: 14px;
font-weight: normal;
background-image: none;
line-height: 1.42857;
padding: 6px 8px;
}
.input-group-text{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size:14px;
}
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover{
background: #FAFCFE;
outline: 0 none;
border-color: #3498db;
padding: 6px 8px;
}
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus{
background: #FAFCFE;
outline: 0 none;
border-color: #3498db;
border:1px solid #3498db;
}
input:disabled, textarea:disabled, select:disabled{
color: #999;
}
.small{
width:auto;
height:auto;
text-decoration:none;
background-color:#373737;
text-align:center;
padding:5px;
cursor:pointer;
font-size:14px;
color:#f2f2f2;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}
.small:hover{
background-color:#373737;
color:#f2f2f2;
box-shadow:1px 1px 10px #333;
text-decoration:none;
}
/*input[type=submit]
.sai_graybluebut,*/
.sai_checkbut{
padding:8px 15px;
font-family:OpenSans, Helvetica,arial,freesans,clean,sans-serif;
font-size:12px;
font-weight:bold;
color:#666;
text-shadow:0 1px rgba(255,255,255,0.9);
background:#f5f5f5;
background:-moz-linear-gradient(#f5f5f5,#e5e5e5);
background:-webkit-linear-gradient(#f5f5f5,#e5e5e5);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#e5e5e5')";
border-radius:3px;
border-bottom-color:#bbb;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
cursor:pointer;
border:1px solid #ddd;
}
/*input[type=submit]
.sai_graybluebut:hover,*/
.sai_checkbut:hover{
color:#337797;
text-decoration:none;
background:#f0f7fa;
background:-moz-linear-gradient(#f0f7fa,#d8eaf2);
background:-webkit-linear-gradient(#f0f7fa,#d8eaf2);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f7fa',endColorstr='#d8eaf2')";
border-color:#cbe3ee;
border-bottom-color:#97c7dd;
}
/*input[type=submit]
.sai_graybluebut:active{
background:#f0f7fa;
color:#337797;
background:-moz-linear-gradient(#f0f7fa,#d8eaf2);
background:-webkit-linear-gradient(#f0f7fa,#d8eaf2);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f7fa',endColorstr='#d8eaf2')";
border-color:#cbe3ee;
-moz-box-shadow: inset 0 0 2px 1px #78B9D1;
-webkit-box-shadow: inset 0 0 2px 1px #78B9D1;
box-shadow: inset 0 0 2px 1px #78B9D1;
}*/
#check_all_checkbox{
width:50px;
height:30px;
padding:5px 10px;
left:90%;
position:absolute;
}
#div_check_all{
position:relative;
float:left;
margin-top:3px;
}
.server_graph{
width:80px;
height:80px;
}
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {
margin: -1px; height:100%;
background-image:url("../default/images/bar.gif");
}
/* Component containers
----------------------------------*/
.ui-widget-content {
border: 1px solid #aaaaaa/*{borderColorContent}*/;
background: #ffffff/*{bgColorContent}*/ repeat-x/*{bgContentRepeat}*/;
color: #222222/*{fcContent}*/;
/* background-image : url("../default/images/bar.gif"); */
}
.ui-widget-header {
border: 1px solid #aaaaaa/*{borderColorHeader}*/;
background: #cccccc/*{bgColorHeader}*/ repeat-x/*{bgHeaderRepeat}*/;
color: #222222/*{fcHeader}*/;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 4px/*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
-khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
-khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
-khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
/*********************************/
/****** PASSWORD STRENGTH METER***/
/*********************************/
/*
#pass-strength-result {
background-color: #EEEEEE;
border-color: #DDDDDD !important;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px 5px;
text-align: center;
width: 200px;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0 !important;
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
}
*/
.sai_clogbutton{
background-color:#2b91af;
border-radius:10px;
box-shadow:0 2px 3px rgba(0,0,0,0.3);
color:#fff;
cursor:pointer;
display:inline-block;
padding:10px 20px;
text-align:center;
text-decoration:none
}
.sai_clogbutton:hover{
background-color:#1e1e1e
}
.sai_clogbutton.b-close,.sai_clogbutton.bClose{
border-radius:7px 7px 7px 7px;
box-shadow:none;
font:bold 131% sans-serif;
padding:0 6px 2px;
position:absolute;
right:-7px;
top:-7px
}
.sai_popup{
background-color:#fff;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 25px 5px #999;
color:#111;
display:none;
padding:25px;
}
.sai_changelog{
width:700px;
height:400px;
overflow:scroll;
}
.sai_changelogbut{
padding: 7px 10px;
font-family: Poppins;
font-size: 12px;
font-weight: 500;
border-radius: 4px;
color: #ffffff !important;
background-color: #2196F3 !important;
cursor: pointer;
text-decoration: none !important;
transition: 0.6s;
margin-left: 5px;
}
.sai_changelogbut:hover{
box-shadow: 0 2px 12px -3px #00000080;
}
.sai_highlight{
padding:0px 3px;
background-color:#C6FFC6;
border-radius:3px;
border-bottom-color:#969696;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
border:1px solid #969696;
text-decoration:none;
border-color:#969696;
border-bottom-color:#969696;
}
#features_win ul{
display:block;
}
#features_win ul li{
list-style:round;
padding-top:5px;
}
#features_win ul li a{
color:#205898;
font-weight:bolder;
}
#features_win ul li a:hover{
color:#222;
}
.footer1{
height:30px;
}
.foot1{
color:#212121;
font-size:14px;
padding:10px 0px;
}
.footer{
height:30px;
background-color:#ccc;
color:#333;
}
.top{
margin:-20px 20px 0px 0px;
cursor:pointer;
}
.top i{
font-size: 20px;
background-color: #4099FF;
padding: 10px 14px;
color: #ffffff;
border-radius: 100px;
transition: 0.6s;
}
.top i:hover{
box-shadow: 1px 1px 10px 4px #c5c5c5;
}
.foot{
font-size: 14px;
padding: 15px 0px;
text-align: left;
color: #212121;
}
.foot a{
/**color:#333;*/
color:#3f51b5;
text-decoration: none;
}
.foot a:hover{
text-decoration:none;
color:#222;
}
/* tiptop css start here */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}
/* Tiptip end here*/
/*List software starts*/
/*
.sai_blog_script_holder{
background-color:#ccc;
}
*/
.sai_blog_script{
margin:5px 3px;
cursor:pointer;
background-color:#fff;
box-shadow:1px 3px 8px #333;
-webkit-transition:all 0.40ms linear;
-moz-transition:all 0.40ms linear;
-ms-transition:all 0.40ms linear;
-o-transition:all 0.40ms linear;
}
.sai_script_name{
text-align:center;
padding-top:5px;
height:35px;
cursor:pointer;
color:#333;
font-family: Poppins;
line-height: 1.8;
font-size:14px;
border-top: 2px solid #E5E5E5;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
/*
.sai_blog_script:hover > .sai_script_name{
background-color:#999;
color: #FFFFFF;
}
*/
.sai_demo_script_logo{
text-align:center;
cursor:pointer;
padding:10px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}
.blog_table_border{
background-color:#fff;
box-shadow:1px 1px 10px #c9c9c9;
border:1px solid #ccc;
border-radius:3px;
padding:10px;
}
.blog_table_border:hover{
background-color:#fff;
box-shadow:1px 1px 10px #999;
border:1px solid #ccc;
}
/* List software stops here*/
/*NOTE BOX EFFECT*/
.sai_notebox
{
position: relative;
background: #F3F3F3;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2em 1.5em;
color: rgba(0,0,0, .8);
text-shadow: 0 1px 0 #fff;
line-height: 1.5;
margin: 10px auto;
}
.sai_notebox:before, .sai_notebox:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.sai_notebox:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*END OF NOTE BOX EFFECT*/
input.sai_twitter-btn{
background-color: #55ACEE;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
border: 1px solid #3B88C3;
color: #FFFFFF;
text-shadow: none;
cursor:pointer;
padding:8px;
border-radius:5px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
}
input.sai_twitter-btn:hover{
background-color: #55ACEE;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
border: 1px solid #3B88C3;
color: #FFFFFF;
text-shadow: none;
cursor:pointer;
padding:8px;
border-radius:5px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.2);
}
.thumb_header{
font-family:OpenSans, verdana,sans,serif;
font-size:14px;
color:#222;
font-weight:bolder;
text-align:center;
text-decoration:none;
}
#slider ul, #slider li{
list-style:none;
}
#slider li{
height:200px;
overflow:hidden;
}
/*
#prevBtn, #nextBtn{
width:30px;
height:77px;
left:-30px;
top:71px;
}
#nextBtn{
left:1000px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(../default/images/btn_prev.png) no-repeat 0 0;
}
#nextBtn a{
background:url(../default/images/btn_next.png) no-repeat 0 0;
}*/
.sai_image_container{
width:242px;
height:242px;
padding:5px;
cursor:pointer;
background-color:#f7f7f7;
border:1px solid #ccc;
-moz-box-shadow: 0 1px 3px #777;
-webkit-box-shadow: 0 1px 3px #777;
text-align:center;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
}
.sai_image_container:hover{
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
cursor:pointer;
}
.sai_navigation{
width:230px;
height:30px;
position:absolute;
margin-top:-30px;
border-top:2px solid #ccc;
background-color:#000;
text-decoration:none;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
span.sai_demo > a{
padding:0px;
color:#CCC;
font-weight:bold;
font-size:15px;
font-family:OpenSans, Arial;
text-decoration:none;
text-align:center;
}
.sai_theme_selected{
width:242px;
height:242px;
padding:5px;
cursor:pointer;
background-color:#777;
-moz-box-shadow: 0 1px 3px #777;
-webkit-box-shadow: 0 1px 3px #777;
text-align:center;
color:#CCC;
}
.sai_theme_selected:hover{
border: solid 1px #999;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.sai_theme_selected > .sai_theme_header{
color:#CCC;
}
#display_theme{
height:200px;
}
.sai_theme_header{
padding:5px;
font-size:14px;
color:#777;
font-weight:bolder;
text-overflow: ellipsis;
}
.search_theme, .refresh_theme{
width:50px;
background-color:#359EF4;
padding:7px;
color:#FFF;
font-size:14px;
cursor:pointer;
text-align:center;
margin-top:10px;
}
.sai_themesearch_div, #themesearch{
height:400px;
padding:5px;
width:900px;
}
.sai_tr_color{
background-color:#E6E6E6;
}
.sai_searchbox_button{
width:150px;
padding:7px;
margin-top:25px;
text-align:center;
text-decoration:none;
background-color: #4d90fe;
background-image: none;
border: 0 none;
border-radius: 0 !important;
box-shadow: none;
color: #333333;
cursor: pointer;
filter: none;
font-family: 'OpenSans', sans-serif;
font-size: 16px;
outline: medium none;
padding: 3px;
text-shadow: none;
color:#fff;
}
.sai_searchbox_button a{
text-decoration:none;
color:#fff;
}
.sai_search_description{
font-size:12px;
font-family:OpenSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#searchsuggestions{
overflow:auto;
}
/* Popup */
.sai_popupc{
background:white;
box-shadow: 0 0 5px 2px #999999;
padding:5px;
top:100px;
overflow:auto;
}
.sai_popuptitle{
background: #444;
height: 45px;
border-radius: 3px;
padding:5px;
}
.sai_popuphead{
font-family: OpenSans, 'Droid Sans',sans-serif;
color: white;
font-size:14px;
}
.sai_popupclose, a.sai_popupclose{
color: white;
cursor:pointer;
text-decoration:none;
}
.sai_popupbody{
border-radius: 3px;
border: 1px solid #CCC;
}
/* End Popup */
.price{
float:right;
text-decoration:none;
color:#fff;
font-size:18px;
/*font-family: 'OpenSans', sans-serif;*/
}
.noti_Container {
position:relative;
cursor: pointer;
}
.sai_noti_bubble {
position:absolute;
top: 5px;
right:5px;
padding:5px;
background-color:#359EF4;
color:white;
font-weight:bold;
font-size:14px;
border-radius:2px;
}
.sai_purchased.blue {
background-color: #4d90fe;
color: white;
text-shadow: none;
}
.sai_purchased {
width:242px;
height:34px;
margin-top:5px;
background-color: #4d90fe;
background-image: none;
border: 0 none;
border-radius: 0 !important;
box-shadow: none;
color: #333333;
cursor: pointer;
filter: none;
font-family: 'OpenSans', sans-serif;
font-size: 16px;
outline: medium none;
padding: 3px;
text-shadow: none;
}
.sai_purchased a{
text-decoration:none;
color:#fff;
font-size:16px;
font-family: 'OpenSans', sans-serif;
}
/*#overview_img{
box-shadow: 0 5px 10px 0 #CCCCCC;
-webkit-box-shadow: 0px 5px 8px 0 #CCCCCC;
-moz-box-shadow: 0px 5px 5px 0 #CCCCCC;
padding:2px;
}*/
#overview_img img{
border:1px solid #efefef;
width: 100%;
}
.hr{
border:1px solid #ccc;
}
/* LISTSOFTWARE STYLE STARTS HERE*/
.sai_script_container{
width:100%;
height:220px;
background-color:#f6f6f6;
}
.script_logo{
float:left;
width:170px;
height:220px;
}
.script_logo img{
margin-left:5%;
margin-top:18%;
}
.script_info{
float:left;
width:60%;
padding:10px;
}
.script_info h3{
font-size:14px;
}
.script_info p{
font-size:11px;
}
.script_info a{
text-decoration:none;
}
.script_detail{
float:right;
width:15%;
height:220px;
}
.script_detail a{
color:#333;
font-size:13px;
text-decoration:none;
}
.script_detail a > i{
padding:20px;
vertical-align:middle;
text-decoration:none;
color:#333;
width:30px;
}
.sai_script_container .ih-item img {
width: 100%;
height: 100%;
border:none;
}
.sai_script_container .ih-item.square {
position: relative;
width: 180px;
height: 220px;
}
.sai_script_container .ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width:175px;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sai_script_container .ih-item.square.effect13 {
overflow: hidden;
}
.sai_script_container .ih-item.square.effect13 .img{
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
width:160px;
height:160px;
margin-top:0px;
margin-left:0px;
border:none;
}
.sai_script_container .ih-item.square.effect13 .info {
background: #555;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sai_script_container:hover .ih-item.square.effect13 a .info {
visibility: visible;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:1;
-khtml-opacity: 1;
}
.sai_script_container .ih-item.square.effect13 a .install_btn{
width:100px;
padding:5px 12px;
background-color:#ccc;
color:#333;
margin:55% auto;
text-align:center;
border-radius:20px;
}
.sai_script_container .ih-item.square.effect13 a:hover .install_btn:hover{
background-color:#ccc;
}
.sai_script_container .ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.sai_script_container .sai_script_container:hover .info{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.sai_script_container:hover .ih-item.square.effect13.left_to_right a .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.bg{
background-color: #FFF;
padding: 15px 15px 20px;
width: 98%;
margin: 3px auto;
border-radius: 4px;
/* border:1px solid #999; */
border-width: 4px 0px 0;
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}
.bg2{
background-color: #FFF;
padding: 5px;
width: 98%;
margin: 3px auto;
}
.sai_info{
color:#000;
font-family: Poppins, OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size:12px;
}
div > label{
cursor:pointer;
}
/* #Flat Button
==================================================*/
.flat-butt{
display: inline-block;
border-radius: 3px;
font-family: Poppins, OpenSans, sans-serif;
font-size: 15px;
padding: 10px;
text-align:center;
border: 0;
background: #4099FF;
color: #FFF;
cursor: pointer;
outline: 0;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-moz-user-select: none;
border: 1px solid transparent;
}
.flat-butt:hover{
background:#2c6bb2;
}
.endurl a{
text-decoration:none;
font-weight:bold;
}
.endurl a:hover{
text-decoration:underline;
}
a:focus{
outline:none;
}
.borderless td, .borderless th{
border: none !important;
}
/*
.sai_hover{
background: #000000b3;
padding:15px;
position: absolute;
height: 99%;
width: 100%;
height: 150px;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
text-overflow: ellipsis;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}*/
.sai_hover a{
text-decoration:none;
color:#FFF;
}
.sai_block{
/*margin:1px 15px;
background-color: #FFF;
box-shadow: 0px 20px 20px 30px #FFF;*/
/*height: 110px;*/
}
a.sai_insbut_ts{
color: #FFF;
text-decoration:none;
}
.left_toggle_btn{
position:absolute;
margin:41px 0px;
cursor:pointer;
z-index:2;
background-color: #263544;
display:none;
padding:10px;
width:40px;
vertical-align: middle;
}
.header_toggle_btn{
margin-top:-43px;
margin-right:5px;
position:relative;
cursor:pointer;
display:none;
}
.sai_hover, .sai_block, .row{
transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Safari */
-moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Mozilla */
-o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Opera */
}
.row_usi_cls{
padding-left: 10px;
}
.sai_suggestions_cls{
position:absolute;
width:400px;
display:none;
}
.bg_usi{
padding: 0 40px;
}
.row_usi{
padding: 0 100px;
}
.row_usi_warn{
padding-left: 200px;
padding-right: 190px;
}
.info_block{
background-color:#F8F8F8;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
box-shadow: 0 6px 6px -6px #777;
-webkit-box-shadow: 0 6px 6px -6px #777;
-moz-box-shadow: 0 6px 6px -6px #777;
}
.sai_search_img{
margin-left:-25px;
margin-top:8px;
position:absolute;
}
.center_td{
text-align: center;
}
.plugin_logo{
width: 60px;
height: 60px;
border-radius: 5px;
}
.logo_enlarge{
width: 400px;
height: 300px;
padding-top: 5px;
padding-bottom: 5px;
}
/*For cPanel Paper Lantern theme : cPanel header shifting downwards due to style conflict with bootstrap css*/
.navbar-brand > img {display: inline;}
/*media query for tab2*/
/*This is because Bootstrap responsive menu works after 768*/
@media screen and (max-width: 767px){
.old_tab{
display:none;
}
}
@media screen and (max-width: 768px) {
#overview_img{
width:300px;
height:200px;
}
.left_panel{
display:none;
}
.bg_usi{
padding: 0 20px;
}
.left_toggle_btn{
display:block;
}
table.soft_nav td{
display:none;
}
.header_toggle_btn {
display:block;
}
.soft_nav_mob ul li a{
margin-top:-20px;
}
table.soft_nav td:nth-child(1){
display:block;
width:150px;
}
}
@media screen and (-webkit-max-device-pixel-ratio:768) {
/* Safari and Chrome, if Chrome rule needed */
.left_panel{
margin-top:-70px;
}
}
@media screen and (min-width: 768px){
.new_tab{
display:none;
}
}
.panel{
border-radius:0px;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}
.panel-danger>.panel-heading{
color:#a94442;
border-color: #ebccd1;
background-color: #f2dede;
}
.panel-danger{
border-color: #ebccd1;
}
.panel-warning{
border-color: #faebcc;
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-heading:first-child{
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.panel-heading{
margin-bottom: 0;
border-bottom: 1px solid rgba(0,0,0,.125);
border-color: #ebccd1;
}
.panel-body{
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.panel-head.gray {
background: none repeat scroll 0 0 #e1e1e1;
color: #444;
padding-left : 5px;
}
.medium {
color: #333;
font-size:12px;
display:block;
padding-top:5px;
}
.pan-button {
display: inline-block;
padding: 15px 0;
text-align: center;
height:85px;
}
.pan-button:hover {
background: #e3e3e3 none repeat scroll 0 0;
}
/* Webuzo Themes */
.webuzohead{
text-align: left;
}
.pad0{
padding: 0px !important;
}
.flat-butt[disabled]{
background-color: #c5c5c5;
}
/*media query for userindex theme*/
@media screen and (min-width: 1920px){
.row_usi{
padding: 0 320px;
}
.row_usi_warn{
padding-left: 380px;
padding-right: 420px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1300px){
.ver_style {
margin-left:-70px;
}
.release_style {
margin-left:-140px;
}
.change_style {
margin-left:310px;
margin-top:-20px;
}
.row_usi_warn{
padding-left: 200px;
padding-right: 170px;
}
}
@media screen and (max-width: 360px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
}
}
/*media query for userindex theme*/
@media screen and (min-width: 980px) and (max-width: 1279px){
.row_usi{
padding: 0 120px;
}
.row_usi_warn{
padding-left: 145px;
padding-right: 135px;
}
.row_usi_cls{
padding-left: 200px;
}
.bg_usi{
padding: 0 20px;
}
}
@media screen and (max-width: 1280px){
.ver_style {
margin-left:-60px;
}
.release_style {
margin-left:-130px;
}
.change_style {
margin-left:300px;
margin-top:-20px;
margin-left:0px;
}
}
@media screen and (min-width: 800px) and (max-width: 979px){
.row_usi{
padding: 0 30px;
}
.row_usi_warn{
padding-left: 55px;
padding-right: 45px;
}
.row_usi_cls{
padding-left: 120px;
}
.sai_suggestions_cls{
width:300px;
}
.sai_inputs_cls input{
width:290px;
}
.bg_usi{
padding: 0 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 799px){
.row_usi{
padding: 0 120px;
}
.row_usi_warn{
padding-left: 145px;
padding-right: 140px;
}
.row_usi_cls{
padding-left: 200px;
}
}
@media screen and (min-width: 360px) and (max-width: 767px){
.row_usi{
padding-right: 0px;
padding-left: 50px;
}
.row_usi_warn{
padding-left: 75px;
padding-right: 50px;
}
.row_usi_cls{
padding-left: 0px;
}
.sai_suggestions_cls{
width:150px;
}
.sai_inputs_cls input{
width:150px;
}
.sai_classes_boxgrid{
width:280px;
}
.sai_classes_boxgrid2{
width:280px;
}
}
@media screen and (min-width: 320px) and (max-width: 359px){
.row_usi{
padding-right: 0px;
padding-left: 30px;
}
.row_usi_warn{
padding-left: 55px;
padding-right: 35px;
}
.row_usi_cls{
padding: 0;
}
.sai_suggestions_cls{
width:130px;
}
.sai_inputs_cls input{
width:130px;
}
.sai_classes_boxgrid{
width:250px;
}
.sai_classes_boxgrid2{
width:250px;
}
}
@media screen and (max-width: 980px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:0px;
}
}
@media screen and (min-width: 800px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:-15px;
}
}
@media screen and (min-width: 980px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:5px;
}
}
@media screen and (min-width: 1280px){
.ver_style {
margin-left:-70px;
}
.release_style {
margin-left:-140px;
}
.change_style {
margin-left:310px;
margin-top:-20px;
}
}
@media (max-width: 1320px) and (min-width:1276px){
.sai_image_container{
width:230px;
}
.sai_purchased {
width:230px;
}
.pfx_theme_img{
width:218px !important;
}
.sai_navigation {
width:218px !important;
}
}
/*Fix for tweet box*/
@media screen and (min-width: 768px) and (max-width: 799px){
.panel-body{
width:90% !important;
}
#twitter-btn{
margin-top:10px !important;
}
}
@media screen and (min-width: 800px) and (max-width: 979px){
.panel-body{
width:80% !important;
}
#twitter-btn{
margin-top:10px !important;
}
}
@media screen and (min-width: 980px) and (max-width: 1280px){
.panel-body{
width:90% !important;
}
#twitter-btn{
margin-top:10px !important;
}
}
/*Fix for userindex top stripts(specially for ipad)*/
@media screen and (min-width: 990px) and (max-width: 1026px){
.row_usi {
padding-right: 60px;
}
.row_usi_warn{
padding-left: 185px;
padding-right: 110px;
}
}
/**Webuzo Themes**/
.webu_head_img{
margin-top:-5px;
}
.alert-butt{
display: inline-block;
border-radius: 3px;
font-family: OpenSans, sans-serif;
font-size: 15px;
padding: 2px;
text-align:center;
border: 0;
cursor: pointer;
outline: 0;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-moz-user-select: none;
border: 1px solid transparent;
width:75px;
margin-top:5px;
background:#00a0d2;
color:#FFF;
}
.alert-butt:hover{
background: #46B8DA;
}
.flat-butt[disabled]{
background-color: #c5c5c5;
}
/*For Server Info*/
.title_si{
font-size: 16px;
font-weight: bold;
color: #555;
padding: 2px;
background-color: #E6F0FA;
}
.label_si{
font-size: 14px;
font-weight: bold;
color: #555;
}
.value_si{
font-size: 13px;
font-weight: 200;
color: #555;
}
/**Webuzo Themes Ends**/
/** Stats on the userindex page classes **/
.statistic_grp{
text-align: center;
}
.statistic_grp .title {
font-size: 12px;
font-weight: bold;
margin: 0 0 16px 0;
color:#333333;
}
.statistic_grp .content {
display: inline-block;
position: relative;
width: 150px;
}
.dash {
border-radius: 3px;
height: 55px;
position: relative;
top: 12px;
width: 150px;
}
.badge {
background-color: #777;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 1;
min-width: 10px;
padding: 10px 15px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
.dash .badge {
background-color:rgba(0,0,0,0.5);
font-size: 15px;
font-weight:700;
}
.dash i {
float: left;
top: 12px;
/* opacity: 0.7; */
}
.resource_gr {
border-radius: 4px;
color: #FFFFFF;
}
.resource_content {
font-size: 18px;
height:100px;
}
.resource_container {
display: inline-block;
text-align: center;
position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /*For chrome and Opera*/
.sai_blog_script{
width:130px;
}
.sai_script_name{
width:100%;
height:34px;
text-align:center;
word-wrap:break-word;
font-size:14px;
color:#333;
}
.softtooltip{
display:block;
}
}
.quick_install_dropdown {
position:absolute;
background:#EFEFEF;
width:9%;
z-index:1000;
}
.quick_install_dropdown_btn {
margin: 0;
padding: 0;
list-style: none;
height: 40px;
border-left: 1px solid #ccc;
width: 100%;
}
.quick_install_dropdown_btn:hover {
background: #fff;
}
.quick_install_dropdown_btn a{
float: left;
margin: 0;
cursor: pointer;
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
border-top: none;
border-left: none;
/*border-top:none;*/
font-weight: 500;
overflow: hidden;
position: relative;
/*box-shadow:inset 0px 20px 10px #efefef;*/
text-align:center;
width:100%;
text-decoration:none;
outline:none;
}
.quick_form_toggle_btn{
font-family: OpenSans;
font-size:11px;
background:#565656;
color:#fff;
margin-top:8px;
border-radius:0px;
}
.quick_form_toggle_btn:hover{
background:#7C7C7C;
color:#fff;
}
.selectnext_element{
color:#333333 !important;
background-color:#fff !important;
border-radius: 0px 3px 3px 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px !important;
border-left: 4px solid #06C;
}
li a.selectnext_element {
width:95%;
}
/* Right side css index.live.php*/
.soft-logo{
padding:10px 0px;
}
/*dashboard index page*/
.resource_gr{
background-color : #ffffff;
box-shadow:0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}
.resource_header{
color:#ffffff;
font-weight:400;
padding: 18px;
}
.resource_header i{
font-size: 25px;
vertical-align: middle;
}
.resource_header .resource_heading{
font-family: Poppins;
font-size: 16px;
vertical-align: middle;
}
.resource_header .badge{
width: auto;
height: auto;
font-size: 15px;
padding: 8px;
vertical-align: middle;
box-shadow: 0 4px 4px #3e396b33;
margin-top: -4px;
border-radius: 5px;
}
.installation-block{
color: #ffffff;
background-color:#4a47a3 !important;
}
.installation-block .badge{
background-color: #ffffff;
color:#4a47a3;
box-shadow: 0 4px 4px #3e396b33;
}
.outdated-block.success{
background-color:#00917c;
}
.outdated-block.warning{
background-color: #ec524b;
}
.outdated-block.warning .badge{
color: #ec524b;
}
.outdated-block .badge{
background-color:#ffffff;
color:#00917c;
box-shadow: 0 4px 4px #3e396b33;
}
.backup-block{
background-color:#28527a;
}
.backup-block .badge{
background-color:#ffffff;
color: #28527a;
box-shadow: 0 4px 4px #3e396b33;
}
.stars-rating i,
.sai_coverstars i{
color: #4099FF; /* #ffea00;*/
margin-right: 4px;
}
.sai_boxgrid2_ts{
position: relative;
background-color: #ffffff;
border-radius:5px;
height: auto;
margin-bottom:30px;
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
transition: 0.3s;
}
.sai_boxgrid2_ts:hover{
box-shadow: 0 0 20px 6px #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}
.sai_boxgrid2_ts .cover,
.sai_boxgrid_js .cover{
width:55px;
}
.soft-news{
background-color:#fff;
/* box-shadow:0 0 8px 6px #00000005;*/
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}
.soft-news .news-header{
box-shadow: 0 2px 4px 0 #2b2b2b1a;
}
.soft-news .news_content_header{
background-color:#263544;
color:#ffffff;
text-align: left;
font-weight: 500;
font-size: 16px;
margin-top:0px;
padding:10px 15px;
}
.soft-news .news_content{
padding:0px 10px;
height:350px;
margin: 5px 0px;
}
.news_content::-webkit-scrollbar,
#changelog_div .modal-body::-webkit-scrollbar{
width: 7px;
}
.news_content::-webkit-scrollbar-track,
#changelog_div .modal-body::-webkit-scrollbar-track{
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 15px;
}
.news_content::-webkit-scrollbar-thumb,
#changelog_div .modal-body::-webkit-scrollbar-thumb{
background-color: #448aff;
border-radius: 15px;
}
.saihover-details{
color:#6c757d;
font-size: 14px;
}
.saihover-details a.sai_btns{
cursor: pointer;
color: #4099FF;
border: 1px solid #4099FF;
font-family: 'Poppins';
font-size: 14px;
text-align: center;
padding: 4px 10px;
margin-bottom: 10px;
display: inline-block;
transition: 0.3s;
}
.saihover-details a.sai_btns:hover{
color:#ffffff;
background-color: #4099FF;
}
.saihover-details a.sai_btns_invert{
color:#ffffff;
background-color: #4099FF;
}
.saihover-details a.sai_btns_invert:hover{
background-color: #2A76B4;
}
.sai_main_head{
color:#252C46;
font-family: Poppins;
font-weight: 500;
margin-top:30px;
}
.sai_main_head_hr{
border-bottom: 2px solid #4099FF;
display: inline-block;
width: 80px;
margin: 10px 0px 30px;
}
.script-link{
text-decoration:none !important;
height: 10px;
}
.script-link .script-title,
.script-title{
font-family: Poppins;
font-size: 18px;
}
.sai_boxgrid2_ts:hover .sai_hover{
opacity: 1;
}
.sai_hover .row{
margin-top:-10px;
}
.sai_hover a.sai_insbut{
text-decoration: none;
padding: 4px;
display: block;
text-align: center;
font-family: Poppins;
width: 100%;
font-size: 14px;
font-weight: 400;
background-color: #2196F3;
color: #ffffff;
}
/*Softaculous News front page css*/
.soft-news{
background-color:#fff;
box-shadow: 0 4px 4px #3e396b33;
/*box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;*/
}
.soft-news .news-header{
box-shadow: 0 2px 4px 0 #2b2b2b1a;
}
.soft-news .news_content{
padding:0px 10px;
height:250px;
margin:5px 0px;
}
.news_content::-webkit-scrollbar{
width: 5px;
}
.news_content::-webkit-scrollbar-track{
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 15px;
}
.news_content::-webkit-scrollbar-thumb{
background-color: #448aff;
border-radius: 15px;
}
/*Left panel menu css start*/
.leftpanel-options{
padding:0px;
color: #f1f7ff;
}
.leftpanel-options .left-option-link i{
margin-left: -12px;
margin-right: 7px;
}
.leftpanel-options .left-option-link a{
color: #f1f7ff;
text-decoration: none;
font-family: Poppins;
font-size: 14px;
font-weight: 400;
}
.left-panel-links .softlinks a{
font-family: Poppins;
font-size:14px;
font-weight: 400;
line-height: 1.3;
}
.left-panel-links .soft_cathead_slide{
display: block;
padding: 4px 10px;
}
.left-panel-links .softlinks a:hover{
color:#42a5f5
}
.form-container{
margin-bottom: 20px;
}
.left-panel-links .soft_cathead_slide.active{
background-color:#1d2531;
}
.soft-suboptions{
background-color: #222D3B;
}
/*Left panel menu css end*/
/*Blog Page css Start*/
.sai_blog_script{
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
width: 150px;
padding: 10px 0px;
}
.sai_blog_script div{
margin: 0 auto;
line-height: 1.8;
}
.sai_script_name{
height: unset !important;
}
.sai_loginhead{
position: relative;
}
.sai_loginhead .title-link{
text-decoration: none;
}
.sai_loginhead .stars-rating{
margin: -2px 0px 0px 2px;
}
.sai_loginhead .flat-butt{
position: absolute;
right: 0px;transition: 0.6s;
font-family: Poppins;
padding: 5px 20px;
font-size: 14px;
}
.sai_loginhead .flat-butt a{
text-decoration: none;
color: #ffffff;
}
.bg .details{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
margin-bottom: 5px;
}
.details-label,
.bg .details .details-label{
color: #333333;
font-family: Poppins;
font-weight: 500;
}
.bg .description{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.demo-btn,
.support-btn,
.download-btn{
display: block;
text-decoration: none !important;
color: #fff !important;
padding: 7px;
text-align: center;
border-radius: 3px;
margin: 0 0 0 auto;
width: 100px;
}
.demo-btn{
background-color: #4099FF !important;
}
.support-btn{
background-color: #3f51b5 !important;
}
.download-btn{
background-color: #2ED8B6 !important;
}
.demo-btn i,
.support-btn i,
.download-btn i{
display: inline-block;
font-size: 14px;
line-height: 1.4;
margin-right: 5px;
}
.demo-btn span,
.support-btn span,
.download-btn span{
padding:0px !important;
font-size: 14px;
}
/*Installation div*/
.bg .sai_main_head{
margin-top: 0px;
}
.soft-label{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
}
.sai_main_head .form-title{
vertical-align: super;
}
.installations-table,
.backup-table{
box-shadow:0 10px 20px 0 #F2F2F2
}
.section .radio-label{
color: #333333;
font-size: 14px !important;
}
.installations-table .sai_head2,
.backup-table .sai_head2{
color:#ffffff;
font-family: Poppins;
font-size: 14px;
font-weight: 500 !important;
background-color: #263544;
}
.installations-table .sai_head2 th,
.backup-table .sai_head2 th{
font-size: 14px;
font-weight: 500 !important;
padding: 10px 15px;
vertical-align: middle;
}
.installations-table .script-head{
border-bottom: 2px solid #4099FF;
padding: 10px;
}
.installations-table .installations-list td{
padding: 10px;
}
.installations-table .script-title{
color:#333333;
font-family: Poppins;
font-size: 16px;
font-weight: 500;
}
.backup-table td{
font-size: 13px;
}
.backup-table .empty-notice{
font-size:14px;
margin-bottom: 5px;
}
.sai_insbut .caret::after{
display: inline-block;
cursor:pointer;
margin-top: 18px;
vertical-align: .255em;
content: "";
border-top: 0.4em solid;
border-right: .4em solid transparent;
border-bottom: 0;
border-left: .4em solid transparent;
}
.overview-img{
box-shadow: 0 5px 4px -2px #33333329;
}
.softphrase-overview{
font-family: Poppins;
font-size: 14px;
font-weight: 300;
color: #6c757d;
transition: ease-in 6s;
line-height: 1.6;
overflow: hidden;
}
.softphrase-overview font{
font-weight: 600;
margin-right: 3px;
}
.softphrase-overview br{
line-height: 1;
}
#ratings_win .flat-butt,
.sai-button,
a.sai-button{
font-family: Poppins !important;
font-size: 14px;
color: #ffffff;
background-color: #0069d9;
padding: 10px 20px;
border:none;
}
a.sai-button:hover,
.sai-button:hover{
background-color:#2196f3;
color:#ffffff;
}
.sai-button a{
color: #ffffff;
text-decoration: none;
}
.sai-icon-style{
display: inline-block;
font-size: 25px;
color: #ffffff;
padding: 10px 10px;
border-radius: 22px;
text-align: center;
background-color: #4099FF;
box-shadow: 0 5px 4px -2px #33333329;
}
.sai-icon-style{
margin-right: 5px;
}
.sai_head{
font-family: Poppins;
font-size: 14px;
font-weight: 400;
margin: 0px;
}
.sai_exp2{
color: #6c757d;
font-size: 12px;
font-weight: 300;
line-height: 2.0;
}
.support-link{
text-decoration: none !important;
color:#4099FF !important;
font-size: 14px;
}
.sai_newhead{
font-family: Poppins;
font-size: 25px;
font-weight: 500;
}
.sai_head2{
font-family: Poppins;
background-color: #263544;
}
.sai_head2 th{
color:#ffffff;
font-size:14px;
font-weight: 500;
}
.installation-list-table,
.ratings-table{
box-shadow: 0 10px 20px 0 #F2F2F2;
}
.installation-list-table tr td{
font-size: 13px;
padding: 10px;
}
.ratings-table tr td{
padding: 10px;
}
.ratings-table .fa-star{
color: #1976d2;
margin-right: 5px;
font-size: 15px;
}
.endurl a{
font-weight: 500;
}
.related-scripts{
text-decoration: none !important;
box-shadow:unset!important;
transition: 0.6s;
}
.related-scripts:hover{
box-shadow:0 12px 25px -5px #ccc, 0 1px 5px 0 #0000001a, 0 0 0 0 #00000000 !important;
}
#features_win .bg2{
color:#6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
}
#features_win br,
#reviews_win br{
line-height: 1;
}
#features_win strong{
color: #333333;
font-weight: 500;
}
#reviews_win .revtable{
border: 1px solid #c5c5c5;
/*box-shadow: 0 10px 20px 0 #F2F2F2;*/
}
#ratings_win .ratevalue{
color:#6c757d;
font-family: Poppins;
font-size: 20px;
}
#reviews_win .revby{
background-color: #ffffff;
}
#reviews_win td{
padding: 5px 10px;
}
.import-soft .old_tab{
color:#333333;
}
#ratings_win td b{
font-family: Poppins;
font-size: 16px;
font-weight: 600;
}
#ratings_win td {
color:#6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
vertical-align: middle;
}
#ratings_win .ratebar{
height: 6px;
border-radius: 10px;
background-color:#4099FF;
}
/*staging theme*/
.sai_info,
.sai_info a{
text-decoration: none !important;
color: #4B4B4B !important;
font-family: Poppins;
font-size: 14px;
font-weight: 400;
}
.page-title{
color:#333333;
font-family: Poppins;
font-size: 20px;
font-weight: 500;
}
.page-sub-text{
font-family: Poppins;
font-size: 14px;
font-weight: 300;
color: #6c757d;
}
.iconbg{
background-color: #2196F3;
padding: 8px 10px;
box-shadow: 0 2px 12px -3px #00000080;
border-radius: 4px;
color: #ffffff;
}
.sai_heading_full{
font-family: Poppins;
font-size: 18px;
font-weight: 500;
}
.demo-script-holder .sai_blog_script{
width: 100% !important;
}
.demo-script-holder .sai_script_name{
font-size: 16px;
}
.sai_sub_head{
color: #333333;
font-family: Poppins;
font-weight: 400;
font-size: 16px !Important;
}
.sai-info-link{
font-family: 'Poppins' !important;
font-size: 14px;
padding: 10px;
color: #ffffff !important;
background-color: #4099FF !important;
text-decoration: none !important;
border-radius: 4px;
}
.sai-btn-link{
font-family: 'Poppins' !important;
font-size: 14px;
padding: 10px;
color: #333333 !important;
border: 1px solid #4099FF !important;
text-decoration: none !important;
border-radius: 4px;
transition:0.6s;
}
.sai-btn-link:hover{
color: #ffffff !important;
background-color : #4099FF !important;
text-decoration: none !important;
}
.related_scripts .sai_blog_script{
width: 100%;
}
input[type="checkbox"]{
width: 17px;
height: 18px;
vertical-align: middle;
}
.sai_ans{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
#loginizer,
#wpboldgrid,
#classic-editor,
#speedycache,
#wp-central,
#smart-maintenance-mode,
#clonesoftware input[type="checkbox"],
#advoptions input[type="checkbox"],
.soft-left-checkbox,
.backup-form input[type="checkbox"]{
float: left;
margin-right: 8px;
}
.form-control{
font-size: 14px;
padding: 6px 8px;
}
.script_fields{
position: relative;
}
.script_fields .sai_toggle-pass{
position: absolute;
top: 33px;
right: 24px;
font-size: 14px;
}
.form-label,
.script_fields .form-label{
color: #333333;
font-family: Poppins;
font-size: 14px;
font-weight: 400;
}
.radio-title{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
}
.select-version{
position: absolute;
top: 28px;
right: 190px;
}
.select-version .softbranch{
width: 100px;
}
/*alerts css*/
.alert.alert-success{
font-family: Poppins;
font-size: 14px;
padding: 10px;
vertical-align: middle;
}
.alert.alert-warning{
background-color: #FFF3CD;
font-family: Poppins;
font-size: 14px;
padding: 10px;
vertical-align: middle;
}
.alert.alert-warning i{
font-size: 25px;
vertical-align: middle;
}
.alert.alert-warning .fa-times{
font-size: 17px;
}
.alert.alert-warning,
.alert.alert-warning a{
color: #A56404;
}
.alert-danger{
background-color: #f8d7da;
color:#721c24;
}
.admin-settings input[type="text"],
.admin-settings input[type="checkbox"]{
margin-bottom: 10px;
}
/* Softaculous Modal */
.modal-header{
background-color: #0069d9;
color: #ffffff;
}
.soft-modal .modal-title{
font-family: Poppins;
font-size: 20px;
}
.soft-modal .modal-body{
color: #6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
}
.soft-modal .modal-body h4{
color: #333333;
font-family: Poppins;
font-size: 18px;
font-weight: 400;
}
.soft-modal.modal-effect.show .modal-content {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateY(0);
opacity: 1;
}
.soft-modal.modal-effect .modal-content{
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
#changelog_div .modal-header{
background-color: #263544;
}
.modal-header .close,
#changelog_div .modal-header .close{
color: #ffffff;
padding: 0;
margin: 0;
}
#changelog_div .modal-title{
font-size: 20px;
}
#changelog_div .modal-body{
height: 400px;
overflow-y: auto;
}
.sai_graybluebut{
font-family: Poppins;
font-size: 14px;
background-color: #1e272b;
color: #ffffff;
border-radius: 4px;
padding: 7px 15px;
border: none;
}
.sai_exp{
font-family: Poppins;
font-size: 12px;
font-weight: 400;
transition: 0.6s;
background-color: #2b2b2b;
box-shadow: -5px -5px 15px #30363d33;
text-align:left;
border-radius: 4px;
}
.soft-notice{
font-family: Poppins;
font-size: 16px;
}
/*Pricing Plans*/
.plan{
box-shadow:0px 8px 20px #0000000f;
border-radius: 6px;
}
.plan-type{
background-color: #3F51B5;
border-radius: 6px 6px 0px 0px;
}
.head_span{
color:#ffffff;
font-family: Poppins;
font-size: 20px;
border-bottom: none !Important;
}
.plan-price{
font-size: 30px;
font-weight: 600;
color: #ffffff;
}
.plan-features .features{
font-family: Poppins;
font-size: 14px;
font-weight: 400;
}
.btn.sai-plan-btn{
font-family: Poppins;
font-size: 14px;
padding: 10px 20px;
text-decoration: none;
color:#ffffff;
background-color: #4099FF;
}
.screenshots_iframe{
width:100%;
height:400px;
}
#ratings_win .ratehead,
#reviews_win .reviewhead{
border: none;
color:#212121;
font-family: Poppins;
font-size: 20px;
margin-bottom: 5px;
}
/*reviews*/
.revuser-type{
color: #000000;
font-family: Poppins;
font-size: 14px;
margin: 5px 0px 0px;
}
.revuser-name{
color:#4099FF;
font-family: Poppins;
font-size: 18px;
font-weight: 500;
margin: 0px;
text-transform: capitalize;
}
.rev-time{
font-family: Poppins;
color: #6c757d;
font-size: 14px;
margin: 5px 0px 0px ;
}
.review-block{
box-shadow: 2px 2px 20px 0 #e5e3e3;
border-radius: 4px;
}
#reviews_win .revby{
font-family: Poppins;
font-size: 14px;
color:#6c757d;
}
#reviews_win .revby b{
color:#4099FF;
font-size: 14px;
font-weight: 500;
}
#reviews_win .revtxt{
color:#6c757d;
font-size: 14px;
font-weight: 300;
}
.sai_single-tab{
width: 12%;
position: relative;
}
.sai_single-tab .btn{
border: none;
background-color: #2196f3;
border-radius: 0px;
}
.sai_single-tab .btn a{
color:#ffffff;
}
.sai_single-tab button:focus{
box-shadow:none;
}
.sai_single-tab .dropdown-menu{
border-radius: 0px;
}
.sai_single-tab .dropdown-menu a{
font-size: 14px;
}
.sai_single-tab .dropdown-toggle::after{
position: absolute;
top: 17px;
right: 10px;
border-top: 0.3em solid #ffffff;
}
.pass-strength-result{
padding: 10px 0px;
transition:0.3s;
margin-bottom: 10px;
font-size: 14px;
}
.pass-strength-result.short{
border-bottom: 3px solid #f44336;
width: 25%;
}
.pass-strength-result.bad{
border-bottom: 3px solid #ff5722;
width: 35%;
}
.pass-strength-result.good{
border-bottom: 3px solid #cddc39;
width: 75%;
}
.pass-strength-result.strong{
border-bottom: 3px solid #009688;
width: 100%;
}
.script_fields [name="admin_pass"],
.strength-indicator{
width: 95%;
}
.script_fields .generate-password{
position: absolute;
top: 38px;
right: 0px;
}
.generate-password i{
color:#4099FF;
font-size: 18px;
}
/*PopularFX theme slider start*/
.pfx-theme-slide .popularfx-col-sm-3{
padding-right: 15px !important;
padding-left: 15px !important;
}
.pfx-theme-slide .popularfx-theme-details{
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
border: none;
}
.pfx-theme-slide .popularfx-theme-screenshot img,
.pfx-theme-slide .popularfx-theme-screenshot{
border-radius: 4px 4px 0px 0px;
}
.pfx-theme-slide .popularfx-theme-name{
border-radius: 0px 0px 4px 4px;
}
.pfx-theme-slide .popularfx-theme-name{
padding: 10px;
font-weight: 400;
}
.pfx-theme-slide .popularfx-theme-details:hover{
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}
.prevBtn a,
.nextBtn a{
background-color: #4099FF;
padding: 5px 10px;
color: #fff;
border-radius: 4px;
font-size: 14px;
transition: 0.4s;
}
.prevBtn a:hover,
.nextBtn a:hover{
background-color: #2196f3;
}
#popularfx-next-prev .popularfx-demo-btn{
background-color: #2ED8B6 !important;
border: none !important;
padding: 8px 15px;
color: #fff !important;
border-radius: 4px;
font-size: 14px !important;
font-weight: 500;
}
#popularfx-next-prev .popularfx-demo-btn:hover{
background-color:#59E0C5 !important;
}
.pfx-theme-notice{
font-size: 14px;
line-height: 1.6;
}
.pfx-theme-notice a{
text-decoration: none;
color: #2196f3;
}
#theme_toggle_plus{
font-size: 20px;
line-height: 1.4;
}
/*PopularFX theme slider end*/
/*Page scroll css start*/
/* width */
body::-webkit-scrollbar{
width: 8px;
height: 8px;
}
/* Track */
body::-webkit-scrollbar-track{
background-color: #263544;
}
/* Handle */
body::-webkit-scrollbar-thumb{
background-color: #11171a;
background-image: linear-gradient(45deg, #00aeff, #a68eff);
}
/*Page scroll css end*/
/*media queries*/
@media all and (max-width:550px){
#softcontent{
padding: 15px 10px;
}
.select-version {
position: absolute;
top: 80px;
right: 50px;
}
}
/*media queries*/
/*Javascript*/
.sai_boxgrid_js{
position: relative;
background-color: #ffffff;
border-radius: 5px;
margin-bottom: 30px;
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
transition: 0.3s;
}
.dropdown-menu li{
font-size:14px;
}
#prevBtn, #nextBtn{
width:30px;
height:77px;
left:-30px;
top:71px;
}
#nextBtn{
left:1000px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(../default/images/btn_prev.png) no-repeat 0 0;
}
#nextBtn a{
background:url(../default/images/btn_next.png) no-repeat 0 0;
float:right;
}
.new_tab .nav #install{
text-decoration: none;
background-color: transparent;
color: #333333;
}
.new_tab .navbar-header,
.new_tab .soft-options{
border: 1px solid #e0e0e0;
}
.new_tab .sub-links{
font-size:14px;
border: 1px solid #e0e0e0;
}
.new_tab li.active a{
font-size:14px;
font-weight: 400;
}
.new_tab .soft-options .sai_tab2{
font-size: 14px;
font-weight: 400;
line-height: 2.0;
}
.new_tab .navbar-toggle{
background-color: #ffffff;
border: none;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.modal-dialog-iframe,.modal-dialog-password{
width:96%;
}
}
@media screen and (min-width: 480px) {
.modal-dialog-iframe{
width:80%;
}
.modal-dialog-password{
width:60%;
}
}
.sai_table_head{
background:#EFEFEF;
border-top:0;
}
#progress_bar font #progress_txt{
color: #222222;
}
#progress_bar font #progress_percent{
color: #444444;
}
.wp-info .title{
color:#121212;
font-size: 14px;
font-weight:400;
margin:10px 0px 0px 0px;
}
.wp-info-section{
border: 1px solid #eee;
}
/*--Make the Background of the Icons transparent in software_theme so when you hover backup or clone icon it should not have a background--*/
.icon-table>tbody>tr:hover{
background-color: transparent;
}
.plugins-list{
border:1px solid #9d989878;
border-radius: 5px;
user-select:none;
font-size:12px;
vertical-align: bottom;
width:100%;
}
.sai_checkbox_tick{
color:green;
position:absolute;
top:-8px;
right:0;
margin:15px;
padding:0;
}