One Hat Cyber Team

View File Name : 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;
}