/* Font  */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,500');



* {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}


html, body {
 font-family: 'Roboto', sans-serif !important;
 font-weight:300;
 font-size: 15px;
 letter-spacing: 0.4px;
 height:100%;
}

#all {
 min-height:100%;
 margin: 0 auto -62px;

}

#effective-body {
 min-height:100%;
 padding-bottom: 110px;
 margin-top:30px;
 overflow-y: hidden;
}



/* Font end */



/* Logo reset */

p.logo {
   background: transparent no-repeat;
   color: white;
   text-shadow: none;
   background-position: 6px 12px;
   height: 90px;
   background-size: 65%;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   padding: 20px 0 0 5px;
   letter-spacing: 0px;
   font-size: 2.5em;




}


p.logo strong{
 color: #959398;
}






/* Clear padding from page id and add border-box */
#all {
   margin: 0 auto;
   width: auto;
}

* {
 box-sizing: border-box;
}

/* Background and page fonts */

body {
 background: #dfe7ee;
}

/* SITE CONTAINER */
#effective-body {
 background:none;
 margin-right: auto;
 margin-left: auto;
 width:100%;
 border: 0;
 padding: 15px 10px 85px;

}
/* we are still using antiquated tables which is super bad*/
table {
  min-width: 350px;
}
th {
  min-width: 70px;
}
/* SITE CONTAINER END */



/* HEADER CSS */
#header-block {

 height: 120px;
 width: 100%;
 padding: 0 20px 0 30px;
 margin: 0px;
}

#header-block ul {
 margin-top:-22px;
}

#header-block li{
 margin-left: -5px;
}

#header-block li a {
 background:none;
 padding: 0px 8px;
 color: #fff;
 text-decoration: none;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 font-size: 13px;
}

#header-block li a:hover {
 background:none;
 text-decoration:underline;
}

p.topaddress {
   font-size: 12px;
   padding: 19px 0 0 7px;
   letter-spacing:0.8px;
   text-shadow: 0px 0px 0px #333;
}
/* HEADER END */


/* CONTENT CSS */
#cpleft .extcontent, #cpright .extcontent {
 background: #fff;
 width: 100%;
 top: 0px;
}


/* CONTENT CSS END*/



/* PANELS CSS */
#cpleft {
 width: 100%;
}

#cpright {
    overflow: hidden;
   position: absolute;
   top: 130px;
   padding-right: 0px;
   width: 100%;
   box-sizing: border-box;
   padding-right: 20px;
   right: 10px;
   left: 10px;
}

#cpleft {
 margin-top:2600px;
}

#cpleft .extcontent {
 width: 100% !important;
}


/* Panel Headings */

.extheading {
 text-align: left;
 -moz-border-top-right-radius: 5px;
   -webkit-top-right-radius: 5px;
   border-top-right-radius: 5px;
   -moz-border-top-left-radius: 5px;
   -webkit-top-left-radius: 5px;
   border-top-left-radius: 5px;
   height: 50px;
   background: #1c345e; /* Old browsers */
   background: -moz-linear-gradient(45deg, #1c345e 0%, #453857 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(45deg, #1c345e 0%,#453857 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(45deg, #1c345e 0%,#453857 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c345e', endColorstr='#453857',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   padding: 0 20px;
}


#cpleft .extheading, #cpright .extheading {
     height: 45px;
     position:relative;
}

.extheading p{
 border-bottom: 0;
 line-height: 46px;
 font-size: 14px;
 font-family: 'Roboto';
 font-weight: 300;
 letter-spacing: 0.5px;
}

.collapse * {
 background: url('/themesets/responsive/images/icon_collapse.svg') no-repeat top;
 background-size: 13px
}

.expand * {
 background: url('/themesets/responsive/images/icon_expand.svg') no-repeat top;
 background-size: 13px
}

#cpleft .extheading img {
 display:none;
}
/* Panel Headings End */

/* Search box */
#searchicons input[type=text] {
 width:90%;
}

.extcontent input[type=text] {
   border: 2px solid #ccc;
   padding: 7px 8px;
   margin-bottom: 0px;
   margin-top: 2px;
}


#searchicons .extcontent input[type=submit] {
   background: url('/themesets/responsive/images/icon_cross.svg') no-repeat top;
}

#searchicons .extcontent input[type=submit]:hover {
 background: url('/themesets/responsive/images/icon_cross.svg') no-repeat top !important;
}


.extcontent {
 width: 100%;
 -moz-border-bottom-right-radius: 5px;
   -webkit-bottom-right-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-bottom-left-radius: 5px;
   -webkit-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   background: #fff;
   margin-bottom:11px;
}

#cpleft .icon-line, #cpleft .extcontent ul, #cpright .extcontent ul, #cpright .extcontent li  {
   width: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
   background: transparent;

}

#cpleft .extcontent ul, #cpright .extcontent ul{
 border: 0px;
 border-radius: 0px;
}

#cpleft > div  {
 margin-bottom: 15px;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#cpleft .extcontent li {
   height: auto;
   min-height: 120px;
   width: 25%;
   border: 0;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   padding: 0px;
   background: transparent;
   font-size: 10px;
   overflow: hidden;
   margin-bottom: 0px;
   padding: 0px 0px;
   background-position: center 10px !important;
   background-size: 50px !important;
   border-right: 1px solid #f5f5f5!important;
}





#cpleft .extcontent li {
 border-bottom: 1px solid #f5f5f5!important;
}





#cpleft .extcontent li a{
 width: auto;
   text-decoration: none;
   color: #383838;
   font-size: 10px;
   padding: 70px 5px 15px 5px;
   line-height: 15px;
   height: auto;
   font-weight:500;
   min-height: 120px;
}


#cpleft .extcontent li a:hover {
 background-color: rgb(228, 241, 252);
   background-color: rgba(32, 104, 165, 0.1);
}


#cpleft .extcontent {
   border-top: 0px solid #bbb;
   padding: 0px 0px 0px 0px;


}


/* PANELS CSS END*/



/* Sidebar Styling */

#cpright .expand {
 display:none;
}

#cpright {
 font-size: 13px;
 font-weight: 300;
}

p.lititle{
 font-weight: 500;
   display: block;
   width: 100%;

}

.extcontent p.liattr, .extcontent p.liattrlrg{
 font-weight:300;
 font-size:14px;
 margin-bottom: 1em;
 width: 100%;
 margin-bottom: 0.5em;
 padding-bottom: 0.8em;
}

p.lititle + p.liattr, p.lititle + p.liattrlrg {

 border-bottom: 1px solid #f5f5f5;
}



.extcontent a {
 color:#717171;
}

.extcontent {
   margin-bottom: 15px;
   overflow: auto;
   float: left;
   border-top: 0px;
}

.extcontent p {
 margin: 0;
 color: #3b3b3c;
 text-shadow: none;
 font-size: 12px;
 line-height: 29px;
 font-weight: 300;
 letter-spacing: 0.5px;

}

.extcontent li p {
 margin: 0;
 color: #3b3b3c;
 text-shadow: none;
 font-size: 12px;
 line-height: 29px;
 letter-spacing: 0.5px;
}


/*FTP */
.lititle {
 width:155px;
 font-size:1.5em;
}
.extcontent#unlkftp {
 position:relative;
}

input#change-password-button {
 opacity: 1;
}

input#change-password-button:disabled  {
opacity: 0.3;
background-color: #7c7c7c;
pointer: default;
}

input#change-password-button:hover  {
background-color: #69b02b;
}


#unlkftp p.locknotice {
   display: block;
   margin-right: 0px;
   margin-left: 0px;
   padding: 40px 10px 30px;
   border-radius: 0px;
   border: 0px;
   margin-bottom: 20px;
   position: absolute;
   left: 0px;
   right: 0px;
   width: 100%;
   color: #fff !important;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 15px;
   margin-top: -20px;
   -o-transition:.3s;
   -ms-transition:.3s;
   -moz-transition:.3s;
   -webkit-transition:.3s;
   transition:.3s;
}


#unlkftp p.locknotice strong{
 font-family: 'Roboto', sans-serif;
 font-weight:500;
}

p.locknotice img {
 background: url('/themesets/responsive/images/padlock.png') no-repeat;
 width: 20px;
 height: 20px;
 padding: 10px;
 background-size: 20px;
}

p.locknotice {
 background: -moz-linear-gradient(325deg, rgba(69,229,41,1) 0%, rgba(42,149,77,1) 100%); /* ff3.6+ */
 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(69,229,41,1)), color-stop(100%, rgba(42,149,77,1))); /* safari4+,chrome */
 background: -webkit-linear-gradient(325deg, rgba(69,229,41,1) 0%, rgba(42,149,77,1) 100%); /* safari5.1+,chrome10+ */
 background: -o-linear-gradient(325deg, rgba(69,229,41,1) 0%, rgba(42,149,77,1) 100%); /* opera 11.10+ */
 background: -ms-linear-gradient(325deg, rgba(69,229,41,1) 0%, rgba(42,149,77,1) 100%); /* ie10+ */
 background: linear-gradient(125deg, rgba(69,229,41,1) 0%, rgba(42,149,77,1) 100%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45e529', endColorstr='#2a954d',GradientType=1 ); /* ie6-9 */
 -o-transition:.5s;
 -ms-transition:.5s;
 -moz-transition:.5s;
 -webkit-transition:.5s;
 transition:.5s;
}

p.locknotice.locked {
 background: #f65e2b; /* Old browsers */
 background: -webkit-linear-gradient(#f65e2b 0%, #cc320d 100%);
 background: -o-linear-gradient(#f65e2b 0%, #cc320d 100%);
 background: linear-gradient(#f65e2b 0%, #cc320d 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f65e2b', endColorstr='#cc320d',GradientType=0 ); /* IE6-9 */
}

.bar {
 display:none;
}

.extheading .collapsebox {
   float: right;
   margin: 14px 0px 0px;
}

.extheading .collapsebox {
   float: right;
}

#cpright .extcontent {
 padding: 15px 10px 15px 10px;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#cpright .extcontent .colapsebox {
 margin: -33px 0px 0px;
}

#cpright .extcontent li p{
 font-size:14px;
}

#accinfo {
 line-height:20px;
}

ul#accountinfo


#ftp-access-top .extheading {
 position:relative;
}

#ftp-access-top .extcontent {
 position:relative;
}

#unlkftp p.ftp-access-question {
   font-size: 13px;
   font-weight: 300;
   color: #3b3b3c;
   margin-bottom: 5px;
   margin-top: 90px;
}



#unlkftp input[type=submit]{
 margin: 0 auto;
 width: 100%;
 background: #69b02b;
 text-decoration: none;
 color: #ffffff;
 display: block;
 text-align: center;
 font-size: 11px;
 text-shadow: none;
 float: left;
 padding: 0px 0 0 0;
 height: 38px;
 font-size: 14px;
 letter-spacing: -1px;
 border-radius: 4px;
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 letter-spacing: 0.5px;
 text-transform: uppercase;
 line-height: 41px;
 margin-bottom: 20px;
 margin-top: 15px;
 -o-transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 transition:.3s;
}

#unlkftp input.right.curved, #unlkftp input.curved.left {
 margin-top: 10px !important;
}




#unlkftp input.right.curved, input#change-password-button {
   margin: 0 auto;
   width: 35%;
   background: #69b02b;
   text-decoration: none;
   color: #ffffff;
   display: block;
   text-align: center;
   font-size: 11px;
   font-weight: 500;
   text-shadow: none;
   float: right;
   padding: 0px 0 0 0;
   height: 36px;
   font-size: 14px;
   letter-spacing: -1px;
   border-radius: 4px;
   font-family: 'Roboto', sans-serif;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   line-height: 39px;

}

#unlkftp p.locknotice.curved+input{
   margin-top: 100px;
   margin-bottom: 0px;
 }



.popright {
 margin-top: -20px;
 float:none !important;
}


input#change-password-button {
 margin-top: 0px;
}

#unlkftp input[type=text], #changepass input[type=password] {
   width: 60%;
}

#unlkftp ul li {
   border-bottom: 1px solid #f5f5f5;
   border-radius: 0px;
   padding: 5px 0px;
}

#unlkftp ul li:last-child {
   border-bottom: 0px solid #f5f5f5;
}

#unlkftp li input {
   float: right;
   margin-top: 10px;
}


#unlkftp p {
   color: #7f7f7f;
   letter-spacing: 0.5px;
   line-height: 1.7em;
}

#unlkftp p.locknotice.curved{
 color: #fff;
}

.extcontent#unlkftp {
 padding-top:10px;
 overflow:hidden;
}

.ftp-access-top .expand a{
 display:none;
}

.cpright .extcontent li {
   width: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
   background: transparent;
   color: #adadad;
   font-weight: 200;
   border-bottom: 1px solid #e0e0e0;
   border-radius: 0px;
   line-height: 36px;
}

.extcontent li label {
   font-weight: 300;
   font-size: 12px;
   line-height: 2.6em;
}

.extcontent li input {
   float: right;
   margin-top: 9px;
}



#changepass p.left {
 margin-top:7px;
}


#changepass .pstrength {
 line-height: 23px;
}


/* Pop Ups */

.ftpinfopopup {
 border: 1px solid #ccc;
 padding: 25px;
 max-width:560px;
}

.ftpinfopopup img.closebtn {
 background: transparent;
}

.ftpinfopopup img {
 display:none !important;
}

.ftpinfopopup a {
 background: url('/themesets/responsive/images/icon_cross.svg') no-repeat top;
 width:20px;
 height:20px;
 overflow: hidden;
 padding: 10px;
 display:inline-block !important;
 float:right;
}


.ftpinfopopup p {
  font-family:'Roboto', sans-serif;
  font-size: 13px;
}

.ftpinfopopup h2 {
 font-family:'Roboto', sans-serif;
 font-weight: 500;
 font-size: 22px;
}


/* Search */

.extcontent input[type=text], .extcontent input[type=password] {
   width: 90%;
   background: none;
   border-radius: 3px;
   border: 2px solid #ccc;
   padding: 10px 8px;
   margin-top: 0px;
   font-weight: 300;
   font-size: 14px;
   color: #969696;
   padding: 8px 8px;
   margin-bottom: 5px;
   width:90%;
}



.resetbtn a {
   margin: 0 auto;
   width: 100%;
   background: #69b02b;
   text-decoration: none;
   color: #ffffff;
   display: block;
   text-align: center;
   font-size: 11px;
   font-weight: 500;
   text-shadow: none;
   float: left;
   padding: 0px 0 0 0;
   height: 50px;
   font-size: 14px;
   letter-spacing: -1px;
   border-radius: 4px;
   font-family: 'Roboto', sans-serif;
   font-weight:300;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   line-height: 53px;
}

.resetbtn a:hover {
 background: #69b02b;
}

.resetbtn img {
 display:none;
}


/* Change Password */
#changepass p.spacer {
 display:none;
}

.ftp-access-top .collapsebox {
 display:none;
}

#changepass input[type="password"] {
   margin-bottom: 10px;
}

input[type="submit"]:hover {
   background-color: #528f15 !important;
}




#changepass form {
 margin-bottom:50px;
}


/* Inner Pages */

div#effective-body.root-header.inner {
 background-color: #fff;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
 padding: 50px;
 margin: 50px auto 0px;
}

div#effective-body.root-header.inner ol, div#effective-body.root-header.inner p, div#effective-body.root-header.inner li{
 font-size: 14px;
}

div#effective-body.root-header.inner h1 {
 letter-spacing:0px;
}

div#effective-body.root-header.inner li{

}

div#effective-body.root-header.inner a {
 font-weight:bold;
}




/* Footer */

#footer {
 width: 100%;
 height: 62px;
position: absolute;

}

.inner #footer {
   bottom: 0px;
}

#footer .cp-name-here {
 display:none;
}

#footer a {
 text-decoration:none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

 .ftp-lock-q {
   top: 16px;
 }

 #cpleft {
   margin-top:0px;
 }


 #cpleft > div  {
   margin-bottom: 20px;
 }


 .extcontent {
     margin-bottom:20px;
 }

 #cpleft .extheading, #cpright .extheading {
     height: 50px;
 }

 p.logo {
   background-position: 16px 12px;
   background-size: 83%;
 }

 #header-block ul {
   margin-top: 0px;
 }

 p.topaddress {
   font-size: 14px;
   padding: 25px 0 0 0px;
   font-weight: 500;
 }


 .extheading p {
   line-height: 52px;
   font-size: 16px;
 }

 .extheading .collapsebox {
   margin: 20px 0px 0px;
 }

 #cpleft .extcontent li {
   border-bottom: 0px solid #f5f5f5!important;
   height:160px;
   background-position: center 20px !important;
   background-size: 50px !important;
 }

 #cpleft .extcontent li a{
   padding: 75px 5px 0px 5px;
   font-weight:300;
 }


 #cpleft .extcontent ul:last-child {
   border-bottom: 0px solid #f5f5f5!important;
 }

 .extcontent {
   margin-bottom:20px;
 }

 .ftp-clock-q {
   top: 16px;
 }


 #effective-body {
     width: 100%;
     position:relative;
     padding: 15px 10px;
 }

 div#effective-body.root-header.inner {
     width: 90%;
     max-width:1170px;
     margin:50px auto;
 }

 #cpright {
   overflow: hidden;
   position: absolute;
   top: 15px;
   padding-right: 0px;
   width: 100%;
   box-sizing: border-box;
   padding-right: 0px;
   right: 10px;
   left: auto;
   display: inline;
   width: 34%;
   padding-left: 0px;

 }


 #cpleft  {
   display: inline;
   width: 65%;
   padding-right:15px;
 }

 #cpleft .extcontent li {
   width: 25%;
   height: 160px;
   border-right: 1px solid #f5f5f5 !important;
   background-size: 45% !important;
   border-bottom: 1px solid #f5f5f5 !important;
 }

 #header-block {
   padding: 0 20px;
 }

 #header-block li a {
   padding: 7px 10px;
   -webkit-border-radius: 5px;
 }

 #cpleft .extcontent li a{
   width: auto;
   text-decoration: none;
   color: #3b3b3b;
   font-size: 14px;
   padding: 100px 10px 20px 10px;
   line-height: 20px;
   min-height: 160px;
 }

   p.lititle {
   min-width: 35%;
 }

 #unlkftp p.ftp-access-question {
   margin-top: 90px;
 }

 #unlkftp p.locknotice.curved+input{
   margin-top: 130px;
   margin-bottom: 0px;
 }

 p.logo {
   padding: 20px 0 0 0px;
   letter-spacing: 0px;
   font-size: 3.3em;
 }

}


@media (min-width: 890px) {

 #cpright .extcontent li p{
   font-size:14px;
 }

   #effective-body {
     width: 100%;
     position:relative;
     padding: 15px 20px 50px;
 }

 #cpleft {
     padding-right:15px;
   }

   #cpright, #cpleft {
     top:15px;
     position:relative;
   }


}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {



  #cpright .extcontent {
   padding: 20px 20px 20px 20px;
 }
 .extcontent {
   padding: 20px 35px 20px 35px;
 }

 #cpright  {
     padding-left: 0px;
 }

 #cpleft  {
     padding-right: 20px;
 }

 .bar {
   display:none;
 }
 #cpleft .extcontent li {
   width: 20%;
 }

 .extcontent input[type=text] {
   margin-bottom: 0px;
   margin-top: 10px;
 }

 .extcontent input[type=submit] {
   width: 20px;
   margin-top: 20px;
   height: 20px;
 }

 .extcontent input[type=submit]:hover {
   background: #588a2c;
 }

 #searchicons .extcontent input[type=submit] {

 }

 #unlkftp p.ftp-access-question {
   font-size: 15px;
 }

 .extcontent li label {
   font-size: 14px;
 }

 .extcontent .locknotice {
   padding: 30px 20px 30px;
   margin-bottom: 20px;
 }

 .extcontent p.ftp-access-question {
   margin-top:90px;
 }

 #unlkftp p.locknotice {
   font-size:15px;
 }

 #unlkftp p.locknotice {
   display: block;
   margin-right: 0px;
   margin-left: 0px;
   padding: 40px 10px 30px;
 }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 #effective-body {
     width: 1170px;
 }

 #cpleft .extcontent li {
   width: 20%;
   height: auto;
   border-right: 1px solid #f5f5f5!important;
   background-size: 45% !important;
 }

}


/* INNER PAGE TWEAKS */

dt {
 width: 30px;
 float:left;
 margin-bottom:15px;
}

dd {
 margin-bottom:15px;
}

.fm-2k11#directory-wrapper div.fmui-ribbon-button {
 width: 33px !important;
 height: 32px !important;
}

@media (max-width: 767px) {
  #header-block {
    padding: 0 0 0 5px;
    overflow: hidden;
  }
  .ftpinfopopup {
    width: 90%;
    left: 5% !important;
    padding: 10px;
  }
  .ftpinfopopup .popright {
    width: 100%;
    text-align: justify;
  }
  #unlkftp p.locknotice {
    padding: 40px 0 30px;
    font-size: 12px;
  }
  #header-block #top-link-block {
    z-index: 10000;
    margin: 0;
    float: left;
    padding: 5px 0 0 0;
  }
  div#effective-body.root-header.inner {
    padding: 10px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
  }
}
@media (max-width: 768px) {
 #effective-body {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -moz-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
 }

 #cpleft {
   margin: 0;
   float: none;
   -webkit-box-ordinal-group: 2;
   -moz-box-ordinal-group: 2;
   -ms-flex-order: 2;
   -webkit-order: 2;
   order: 2;
 }

 #cpright {
   -webkit-box-ordinal-group: 1;
   -moz-box-ordinal-group: 1;
   -ms-flex-order: 1;
   -webkit-order: 1;
   order: 1;
   padding-right: 0;
   margin-bottom: 15px;
   position: initial;
 }

 #effective-body {
   padding-bottom:70px;
 }

 #cpleft .extcontent li a{
   min-height:131px;

 }
}