@font-face {
font-family: 'OpenSans';
src:url('../fonts/OpenSans-Regular.eot?-cky9kd');
src:url('../fonts/OpenSans-Regular.eot?#iefix-cky9kd') format('embedded-opentype'),
url('../fonts/OpenSans-Regular.woff?-cky9kd') format('woff'),
url('../fonts/OpenSans-Regular.ttf?-cky9kd') format('truetype'),
url('../fonts/OpenSans-Regular.svg?-cky9kd#OpenSans') format('svg');
}
body{
background-color: #EDEDED;
color: #000;
font-size: 12px;
padding: 0px;
margin:0px;
font-family: OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
}
.body{
-moz-box-shadow: 0 0 5px 5px #EEE;
-webkit-box-shadow: 0 0 5px 5px #EEE;
box-shadow: 0 0 5px 5px #EEE;
border:1px solid #CCC;
}
input, select{
font-family: OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
textarea{
font-family: OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
overflow: auto;
}
table,tr,td{
background-color: transparent;
color: #000;
font-size: 12px;
}
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;
outline: none;
}
a:hover{
background-color: transparent;
color: #000000;
text-decoration: underline;
}
/*News Display on Admin Index Page*/
.softinfo{
color: #333333;
line-height:180%;
}
.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;
}
.softnewsblock{
font-size:13px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
}
.news_content_header{
/*background: #5BA4E5; */
background: #333333;
font-size:14px;
color:#fff;
margin-top:20px;
padding:8px;
text-align:center;
}
.news_content{
height:220px;
padding:10px;
color:#222;
border:1px solid #ccc;
font-size:14px;
overflow:auto;
margin-bottom:20px;
background:#FFF;
}
.softnewshead{
padding:5px;
margin:2px;
background: #EFF1F1;
}
/*End of News Display on Admin Index Page*/
.sai_heading{
font-size:23px;
color:#676a6c;
margin-top:20px;
font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}
/*Used For Form Details and Heads*/
.sai_head{
font-weight:bold;
color:#333333;
}
.sai_exp{
color: #777777;
}
.sai_exp2{
color: #777777;
}
.sai_cbor{
border: 1px solid #d6d6d6;background-color: #FFFFFF;
}
.sai_cbg{
background-image: url(../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-image: url(../images/bg.gif);
}
/* All forms error handler */
.sai_error{
height:auto;
background-image:url(../images/supbloimg.gif);
background-position:center;
background-repeat:repeat;
-webkit-box-shadow: 0 5px 15px -3px #F5F5F5;
-moz-box-shadow: 0 5px 15px -3px #F5F5F5;
box-shadow: 0 5px 15px -3px #F5F5F5;
-webkit-box-shadow: 0 5px 15px -3px #BFBFBF;
-moz-box-shadow: 0 5px 15px -3px #BFBFBF;
box-shadow: 0 5px 15px -3px #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border:1px solid #D2D2D2;
padding:10px;
}
/* Category Reorder */
.catreo{
border:1px solid #CCCCCC;
background: #EFF1F1;
padding:4px 0px;
position:absolute;
top:0px;
left:0px;
z-index:0;
visibility:hidden;
cursor:move;
}
.catreo:hover{
border:1px solid #8CC1F2;
background: #C6E1F9;
padding:4px 0px;
position:absolute;
-webkit-box-shadow: 0px 0px 2px #75D2FF;
-moz-box-shadow: 0px 0px 2px #75D2FF;
box-shadow: 0px 0px 2px #75D2FF;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.lione{
background-color: #F2F2F2;
}
.litwo{
background-color: #E7F2FA;
}
.lioutdated{
background-color: #F99468;
}
.lirealver{
background-color: #6CF;
}
/*END OF LIST INSTALLATION STYLING*/
.sai_notice, .sai_success{
background-color: #FAFBD9;
font-size:13px;
padding:8px;
text-align:center;
width:90%;
margin:0px auto;
}
input.sai_submit, a.sai_abut{
background:url(../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(../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;
}
/*********************************/
/* topscripts css */
/********************************/
#all_users{
font-size: 0.8em;
background: #FFF;
color: #666;
line-height: 2.4em;
padding-left:5px;
margin: 0px;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
width: 273px;
height: 282px;
resize: none;
float:left;
overflow:auto;
}
#all_users .innertxt{
font-size: 0.8em;
color:#666666;
display:inherit;
border-bottom: dashed 1px #cccccc;
cursor:pointer;
height:40px;
}
#all_users .innertxt strong{
color:#666666;
font-size:13px;
color:#333333;
margin-top:20px;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
#selected_users{
font-size: 0.8em;
background: #FFF;
color: #666;
line-height: 2.4em;
padding-left: 5px;
margin: 0px 0px 0px 10px;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
width: 273px;
height: 282px;
resize: none;
float:left;
overflow:auto;
}
#selected_users .innertxt2{
font-size: 0.8em;
color:#666666;
display:inherit;
border-bottom: dashed 1px #cccccc;
cursor:pointer;
height:40px;
}
#selected_users .innertxt2 strong{
color:#666666;
font-size:13px;
color:#333333;
margin-top:20px;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
.float_break{
margin:0;
padding: 0;
clear:both;
height:0;
font-size: 1px;
line-height: 0;
}
/************************************/
/*CODE FOR DISPLAYING ALTERNATE ROWS*/
/************************************/
.sai_altrowstable {
font-family: OpenSans, Verdana, Arial, sans-serif;
font-size:11px;
border: 1px #EEEEEE solid;
}
.sai_altrowstable th {
background: url(../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;
}
.sai_tr_bgcolor {
background: rgb(235, 245, 255);
}
.sai_oddrowcolor{
background-color:#FCFCFC;
}
.sai_evenrowcolor{
background-color:#F5F5F5;
}
/************************************/
/*CODE FOR MESSAGE BOX*/
/************************************/
.sai_message_box {
width: 300px;
background: #fff;
border: 4px solid #E8E8E8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -150px;
text-align: center;
z-index: 1000;
display: none;
}
.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"] {
margin-top: 30px;
}
a.sai_insbut:link, a.sai_insbut:visited, a.sai_insbut:active, a.sai_insbut:hover{
padding:5px 0px;
text-decoration: none;
color: #FFFFFF;
display:inline-block;
font-weight:bold;
text-align:center;
width:80px;
background: url(../images/insbut.gif) 0 -0px no-repeat;
}
/*Basic Font used everywhere*/
.sai_bboxtxt{
font-size:14px;
font-family: OpenSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #454545;
line-height:140%;
}
/*Box shadows Everywhere*/
.sai_divroundshad{
-moz-box-shadow: 0 0 15px 5px #E2E2E2;
-webkit-box-shadow: 0 0 15px 5px #E2E2E2;
box-shadow: 0 0 15px 5px #E2E2E2;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:1px solid #D2D2D2;
}
/*Alternate row color scheme*/
.sai_altrow{
background-color:#F8F8F8;
}
.sai_naltrow{
background-color:#FFF;
}
.sai_naltrow:hover, .sai_altrow:hover{
background-color:#C9E3FA;
cursor:pointer;
-webkit-transition: background 0.3s linear;
outline:none;
}
/*END OF Alternate row color scheme*/
.sai_graybluebut{
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;
}
.sai_graybluebut: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;
}
.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;
}
/*FORM STYLING AND GLOW EFFECT*/
.sai_reviewform{
border: 1px solid #ddd;
margin: 0px 0 0 0;
background: #fff;
/* -- CSS3 - define rounded corners for the form -- */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* -- 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;
}
.sai_reviewform input[type=text], textarea, select, input[type=password]{
padding: 3px;
background: #fff;
font-size: 12px;
color: #333;
border: 1px #CCCCCC solid;
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
-webkit-transition: background 0.3s linear;
outline:none;
}
.sai_reviewform input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover {
background: #FAFCFE;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.sai_reviewform input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus{
background: #FAFCFE;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);transition: all 0.25s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
/*END OF FORM STYLING AND GLOW EFFECT*/
/*NOTE BOX EFFECT*/
.sai_notebox{
position: relative;
width: 60%;
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*/
.adv_cat{
font-family: OpenSans, Verdana, Arial, sans-serif;
font-size:11px;
color:#333333;
moz-box-shadow: 0 0 15px 5px #E2E2E2;
-webkit-box-shadow: 0 0 15px 5px #E2E2E2;
box-shadow: 0 0 15px 5px #E2E2E2;
border:1px solid #D2D2D2;
}
.adv_cat th {
background: url(../images/adv_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;
}
/* Suggest */
.suggestbox{
visibility:hidden;
position:absolute;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
color:#1E61A4;
top:0px;
left:0px;
width:19%;
z-index:1;
line-height:150%;
}
a.suga:link, a.suga:visited, a.suga:active, a.suga:hover{
width:100%;
display:block;
text-decoration: none;
color:#1E61A4;
background-color: #FFFFFF;
}
a.sugaon:link, a.sugaon:visited, a.sugaon:active, a.sugaon:hover{
background-color: #E3EAE9;
width:100%;
display:block;
text-decoration: none;
color:#1E61A4;
}
/* Ending - Suggest */
.nav-side-menu {
font-family: OpenSans, Verdana;
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: relative;
top: 0px;
width: 175px;
height: 100%;
color: #e1ffff;
}
.nav-side-menu .brand {
background-color: #2E353D;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #29B7D3;
background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #29B7D3;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #29B7D3;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #181c20;
border: none;
font-size: 11px;
line-height: 28px;
border-bottom: 1px solid #23282e;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #020203;
}
.nav-side-menu li {
padding-left: 10px;
border-left: 3px solid #2e353d;
border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
display: block;
text-decoration: none;
color: #e1ffff;
}
.nav-side-menu li a i {
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #29B7D3;
background-color: #4f5b69;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.nav-side-menu .menu-list .menu-content {
display: block;
}
.left_toggle_btn{
position:absolute;
margin:85px 0px;
cursor:pointer;
z-index:2;
background-color: #333;
display:none;
padding:10px;
width:40px;
vertical-align: middle;
}
.sai_smbox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin: 0 0 30px;
padding: 25px 0;
width:100%;
text-align: center;
text-decoration: none !important;
}
.sai_licensebox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin: 0 0 30px;
padding: 25px 0;
width:100%;
text-decoration: none !important;
}
.sai_newzbox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
padding: 25px 0;
width:100%;
text-decoration: none !important;
}
.bg2{
width:90%;
margin:0 auto;
}
.sai_foot{
background:#fff;
height:40px;
}
.sai_head{
color: #676a6c;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size: 12px;
font-weight: bold;
}
.sai_hr{
background:#d3d3d3;
width:100%;
height:1px;
}
.sai_form{
background: #fff;
padding:10px 10px;
}
.sai_form_adj{
padding-left:10px;
padding-right:10px;
color: #676a6c;
}
.sai_form_head{
background-color: #d7d7d7;
border-bottom: 1px solid transparent;
border-color: #e9e9e9 #e9e9e9 transparent;
color: #000;
padding:10px 10px;
font-size:15px;
}
.sai_main_head{
background-color: #d7d7d7;
border-bottom: 1px solid transparent;
border-color: #e9e9e9 #e9e9e9 transparent;
color: #676a6c;
padding:10px 10px;
font-size:16px;
font-weight: bold;
}
.alert{
font-size:14px;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
}
.flat-butt{
display: inline-block;
border-radius: 3px;
font-family: OpenSans, sans-serif;
font-size: 14px;
padding: 6px 12px;
text-align:center;
border: 0;
background: #00a0d2;
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: #46B8DA;
}
.sai_search_box{
width:95%;
height:30px;
margin:3%;
color:#666;
}
.ie8_users{
margin-left:5%\9; /*IE8*/
margin-left:5%\0; /*IE9*/
}
.width80{
width:80%;
}
/*For Chrom only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ie8_users{
margin-left:6%;
}
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio:0){
.ie8_users{
margin-left:8%;
}
}
@media (max-width: 767px) {
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}
.left_panel{
display:none;
}
.left_toggle_btn{
display:block;
}
.nav-side-menu .menu-list .menu-content {
display: block;
}
.width80{
width:100%;
}
}
.script_cat{
margin-top:20px;
}
.script_choose td, .script_choose .row{
padding:8px;
margin:1px;
}
.script_selected td, .script_selected .row{
padding:8px;
background: #c5eaff;
}
.fa-rotate-360{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
transition: .8s;
}