.hide2 {
    display: none;
}
.paging {
    clear: both;
    text-align: center;
}
.paging.top {
    margin: 10px 0;
}
.paging.bottom {
    margin: 20px 0;
}
.paging a {
    font-weight: 700;
    color: var(--text-color);
    border-radius: 5px;
    background: #FFFFFF;
    text-decoration: none;
    margin: 15px 5px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Light shadow */
}


.paging a:hover #triangle-right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #a6c6cb;
    border-bottom: 4px solid transparent;
    transition: all .3s ease;
}
.paging a:hover #triangle-left {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid #a6c6cb;
    border-bottom: 4px solid transparent;
    transition: all .3s ease;
}
.paging span {
    color: #656565;
    padding: 10px;
    margin: 15px 5px;
}
.paging span.dotted {
    color: #656565;
    padding: 2px;
    margin: 15px 2px;
}
#triangle-right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #118bb6;
    border-bottom: 4px solid transparent;
    display: inline-block;
}
#triangle-left {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid #118bb6;
    border-bottom: 4px solid transparent;
    transition: all .3s ease;
    display: inline-block;
}


/* On mouse-over, add a grey background color */
.containerc:hover input ~ .checkmark {
  background-color: #ccc;
  
}

/* When the checkbox is checked, add a blue background */
.containerc input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerc input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerc .checkmark:after {
  left: 4px;
  top: 2px;
  width: 7px;
  height: 11px;
  border: solid #03A9F5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.folders table tr td.icontd, .files table tr td.icontd {
    padding: 0 10px;
    width: 5px;
    border-bottom: 1px solid gray;
    z-index:0;
     
}

.rrdd {
    background: #fff;
    
    border-radius: 5px;
    text-align: left;
}
.rrdd table {
    color: var(--text-color);
    
    font-size: 14px;
}
.rrdd table tr td {
    text-align: left!important;
}
.rrdd table tr td small {
    font-size: 12px;
    color: var(--text-color);
}
.rrdd table tr td smalls {
    font-size: 10px;
    color: var(--text-color);
}
.rrdd table tr td table {
    width: 100%!important;
    margin: 0!important;
}
.rrdd table tr td table tr td {
    padding: 0!important;
}
.rrdd table tr td table tr td b {
    font-weight: 400!important;
}
.rrdd table h2 {
    margin-bottom: 0!important;
    font-size: 24px;
}
.rrdd table tr td select {
    margin-top: 5px;
}
.rrdb {
    background: #ffffff;
  
  height: 42px;
 color: #333;
    
}
.rrdb table {
    color: #333;
    font-family: "OpenSans-Regular";
    font-size: 14px;
}
.rrd {
   background: #FFF;
    border: 1px solid #fefefe;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.rrd table {
    color: var(--text-color);
    
    font-size: 14px;
}
.rrd table tr td {
    text-align: left!important;
}
.rrd table tr td small {
    font-size: 11px;
   color: var(--text-color);
}
.rrdd table tr td smalls {
    font-size: 10px;
    color: var(--text-color);
}
.rrd table tr td table {
    width: 100%!important;
    margin: 0!important;
}
.rrd table tr td table tr td {
    padding: 0!important;
}
.rrd table tr td table tr td b {
    font-weight: 400!important;
}
.rrd table h2 {
    margin-bottom: 0!important;
    font-size: 24px;
}
.rrd table tr td select {
    margin-top: 5px;
}

.AcctBox {
    width: 24%;
    float: left;
    min-height: 134px;
}
.AcctBoxInner {
    width: 85%;
    margin: 15px auto;
    text-align: left;
}
.AcctBoxInner .txt1 {
    color: #D9DBE4;
    font-size: 18px;
    font-family: "Unicons"}
.AcctBoxInner .txt2 {
    color: #D9DBE4;
    font-size: 23px;
    font-family: "Unicons";
    padding: 10px 0;
font-weight: bold;
}
.AcctBoxInner .txt3 {
    color: #D9DBE4;
    font-size: 13px;
    font-family: "OpenSans-Light";
    background: url(../images/arrow-white.png) no-repeat;
    background-position: left;
    padding-left: 20px;
}
.AcctBoxInner input[type="button"] {
    background: none repeat scroll 0 0;
    border: 0 solid #307d99;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: auto;
    margin: 2px 0;
    padding: 0;
}
.AcctBoxInner a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 2px 0;
    padding: 0;
}
.AcctBoxRows {
    width: 49.1%;
    float: left;
}
.AcctBoxRowsInner {
    width: 95%;
    margin: 15px auto;
    text-align: left;
    color: var(--text-color);
    font-weight: 700;
}
.AcctBoxRowsInner a {
    font-weight: 400;
    text-decoration: none;
    color: #595959;
}
.AcctBoxRows table {
    margin: 3px auto;
    border: 0 solid silver;
    margin-bottom: 20px;
}
.AcctBoxRows table.tbl1 tr td, .AcctBoxRows table.tbl1 tr.hdr td {
    border: 0;
    text-align: left;
    padding: 0 15px;
}
.AcctBoxRows table.tbl1 tr td, .AcctBoxRows table.tbl1 tr td b {
    color: var(--text-color);
    
    font-weight: 400;
    text-align: left;
}
.AcctBoxRows table.tbl1 tr.hdr td {
    color: var(--text-color); 
font-weight: bold;
    border-bottom: 1px solid #03A9F5;
   background: var(--bkg-color);
   }
    
.AcctBoxRows table.tbl1 tr td input[type=text], .AcctBoxRows table.tbl1 tr td input[type=password] {
    width: 100%}
.AcctBoxRows table.tbl1 tr td small {
    font-size: 13px;
}
.AcctBoxRows input[type=submit] {
    background: #3672AF;
    font-weight: 400;
    text-transform: uppercase;
    }


.borders {
    border: 1px solid #D9DBE4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.gap {
    margin-top: 10px;
}
.gaptop {
    height: 20px!important;
}
.gaplft {
    margin-left: 10px;
}
.gaprgt {
    margin-right: 10px;
}
.padding {
    padding: 10px;
}


table.tbl1 tr.hdr td {
    background: #384859;
    border: silver 0 solid;
    table-layout: fixed;
    text-align: left;
    height: 32px;
    padding: 0 7px;
     color: white;
    font-size: 13px;
}
table.tbl1 tr.hdr td a {
     color: var(--text-color);
    font-size: 13px;
    text-decoration: underline;
}
table.tbl1 tr td {
    border: silver 0 solid;
    height: 32px;
    text-align: left;
    padding: 10px 7px;
     color: var(--text-color);
    font-size: 13px;
    font-family: "OpenSans-Regular";
    overflow: hidden;
}
.clear {
    clear: both;
}

.settings {
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100%}
.settings table {
    margin: 0;
}
.settings table tr td {
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    text-align: left;
    vertical-align: middle;
   background: var(--bkg-color);
    padding-top: 5px;
    padding-bottom: 5px;
}
.settings table tr:hover td {
    background: var(--bkg-color);
}
.settings table tr.hdr td, .settings table tr.hdr td:hover {
    background: #384859;
}
.settings table tr td b {
    color: var(--text-color);
    font-weight: 400;
}
.settings table.tbl1 tr.hdr td {
    text-align: left;
    text-transform: capitalize;
}
.settings table tr td:first-child {
    padding-left: 2px;
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.settings .tabs li {
    border-bottom: none;
}
.settings .sharetabs .tabs li {
    width: auto;
    padding: 0 10px;
}
.settings .sharetabs .box {
    padding: 0;
}
.settings select {
    margin-bottom: 4px;
}
.settings ul.tabs {
    margin-left: auto;
    margin-right: auto;
    border: 0;
}
.table_border {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: var(--bkg-color);
    margin-top: 20px;
    padding: 1px;
}
.table_border table.tbl1 {
    width: 100%!important;
    margin: 2px auto;
    border: 0;
}
.table_border table.tbl1 tr.hdr td {
    background: #384859;
    border: 1px solid silver;
    border-bottom: 0;
    border-top: 0;
}
.table_border table.tbl1 tr.hdr td:first-child {
    border-left: 0 solid silver;
}
.table_border table.tbl1 tr.hdr td:last-child {
    border-right: 0 solid silver;
}
.table_border table.tbl1 tr td {
    background: var(--bkg-color);
    border: 1px solid silver;
}
.table_border table.tbl1 tr td:first-child {
    border-left: 0 solid silver;
}
.table_border table.tbl1 tr td:last-child {
    border-right: 0 solid silver;
}
.table_border-small {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  background: var(--bkg-color);
    padding: 1px;
    width: 600px;
    margin: auto;
}
.table_border-small div.overflow {
    width: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.table_border-small table.tbl1 {
    width: 100%!important;
    margin: 2px auto;
    border: 0!important;
}
.table_border-small table.tbl1 tr.hdr td {
    background: #384859;
    border: 1px solid silver;
    border-bottom: 0;
    border-top: 0;
}
.table_border-small table.tbl1 tr.hdr td:first-child {
    border-left: 0 solid silver;
}
.table_border-small table.tbl1 tr.hdr td:last-child {
    border-right: 0 solid silver;
}
.table_border-small table.tbl1 tr td {
   background: var(--bkg-color);
    border: 1px solid silver;
    border-top: 0;
    padding: 7px 5px!important;
}
.table_border-small table.tbl1 tr td:first-child {
    border-left: 0 solid silver;
}
.table_border-small table.tbl1 tr td:last-child {
    border-right: 0 solid silver;
}
#leftcontent {
    float: left;
    width: 480px;
}
#rightcontent {
    float: right;
    width: 480px;
}
.invisible td {
    border: 0;
}
.invisible tr:hover td {
    background: var(--bkg-color);
}
.invisible td:hover {
    background: auto;
}
#show_advanced {
    padding: 5px;
    margin: 0 auto;
    text-align: left;
}
#show_advanced a {
    margin-left: 3px;
}
#upload_controls {
    margin-top: 0;

}

.folders {
    float: left;

    width: 98%;
    border: 1px solid silver;
}
.files {
    margin-left:0px;
    float: right;
    
    width: 100%;
    height: 100%}
.filesInner {
    border: 1px solid silver;
}
.AcctSelect {
    float: left;
    margin-left: 1.5%;
    width: 50%}
a:link {
    text-decoration: none;
}
.folders table a:link {
    text-decoration: none;
    font-weight: 700;
}
.folders table, .files table {
    font-size: 13px;
   background: var(--bkg-color);
    margin: 0 auto;
    border: #e4e4e4 0 solid;
    margin-top: 0;
    border-collapse: collapse;
}
.folders table {
    width: 100%}
.folders table th {
    padding: 7px;
    text-align: center;
    border: #e4e4e4 1px solid;
    background: #f2f2f2;
    height: 25px;
}
.files table th, tr.hdr td {
    padding: 7px;
    text-align: center;
    border: #e4e4e4 0 solid;
    border-bottom: 1px solid #555;
    background: var(--bkg-color);
    height: 42px;
    font-weight: bold;
    font-size: 13px;
    color: var(--text-color);
}
.folders table th:first-child {
    text-align: left;
}
.folders table tr, .files table tr {
    text-align: left;
    box-shadow: 0 0 0 #f0f0f0 inset;
    -webkit-box-shadow: 0 0 0 #f0f0f0 inset;
    -moz-box-shadow: 0 0 0 #f0f0f0 inset;
    background: #FFFFFF;
}
.folders table tr td, .files table tr td {
    background: #FFFFFF;
    border: #e4e4e4 0 solid;
    border-bottom: 0 solid #000;
    text-align: center;
    height: 35px;
    padding: 5px 7px;
    font-family: "OpenSans-Regular";
    font-size: 13px;
}
.folders table tr td.icontd, .files table tr td.icontd {
    padding: 0 10px;
    width: 5px;
    border-bottom: 1px solid gray;
}
.folders table tr.actionpanel, .files table tr.actionpanel {
    border: 0 solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: left;
}
.folders table tr.actionpanel td, .files table tr.actionpanel td {
    border: 0 solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
    text-align: left;
}
.folders table tr.actionpanel td:hover, .files table tr.actionpanel td:hover {
    background: var(--bkg-color);
}

.folder {
  position: relative;
  display: inline-block;

}

.count {
  position: absolute;
  top: -10px;
  right: -2px;
  background-color: #fffff;
  color: gray;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 2px;
  border-radius: 50%;
}
.folders table tr td.howfiles {
    font-size: 11px;
    border-left: 0;
color: var(--text-color);
   /* border-bottom: 1px solid gray;*/
}

.folders table tr td.howfiles img {
    margin-right: 4px;
}
.folders table tr td.filename, .files table tr td.filename {
    border-right: 0;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid gray;
font-family: "Arial", sans-serif;

}
.folders table tr.tablesep, .files table tr.tablesep {
    height: 10px;
    border-right: 0 solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.folders table tr.curfolder td.foldername {
    font-weight: 700;
    border: #e4e4e4 0 solid;
    border-bottom: 1px solid #555;
   background: var(--bkg-color);
    text-align: left;
    height: 42px;
	
}
.folders table tr.curfolder td.foldername a {
    display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    height: 18px;
    line-height: 18px;
    float: right;
    width: 80px;
color: var(--text-color);
    text-align: center;
    box-shadow: 0 0 20px #E8E8E8 inset;
    -webkit-box-shadow: 0 0 20px #E8E8E8 inset;
    -moz-box-shadow: 0 0 20px #E8E8E8 inset;
    border: 1px solid #03A9F5;
    font-weight: 400;
    font-size: 11px;
}
.folders table tr.curfolder td.foldername a img {
    margin-right: 7px;
}
.folders table tr:hover td, .files table tr:hover td {
   background: var(--bkg-color);
}
.files table tr td.tdinfo {
    font-size: 11px;
	
}
.files table tr th.diamond img {
    padding: 0 0 4px;
}
.files .copymove {
    border: 0 solid #C8C8C8;
    background: var(--bkg-color);
    color: #838383;
    box-shadow: 0 0 0 #D5D5D5 inset;
    -webkit-box-shadow: 0 0 0 #D5D5D5 inset;
    -moz-box-shadow: 0 0 0 #D5D5D5 inset;
    padding: 0 4px;
    text-align: center;
}
.folders table input[type="button"], input[type="submit"], input[type="button"] {
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background: #03A9F4;
    border: 0 solid #307d99;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 2px 0;
}
.files table input[type="submit"], .files table input[type="button"] {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    background: #3672AF;
    border: 0 solid #307d99;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 2px 0;
}
.folders table input[type="button"]:hover, .files table input[type="button"]:hover {
    box-shadow: 0 0 30px #1b7899 inset;
    -webkit-box-shadow: 0 0 30px #1b7899 inset;
    -moz-box-shadow: 0 0 30px #1b7899 inset;
    transition: .3s all ease;
}
.files label {
    float: left;
    display: block;
	padding: 5 0 0 -5px;
    /*width: 17px;
    height: 29px;
    border: 1px solid #c8c8c8;
    background: var(--bkg-color);
   color: var(--text-color);
    box-shadow: inset 0 0 20px #d5d5d5;
    -webkit-box-shadow: inset 0 0 20px #d5d5d5;
    -moz-box-shadow: inset 0 0 20px #d5d5d5;
    line-height: 20px;
    padding: 0 0 0 5px;
    font-size: 13px;*/
}
.files label + select {
    position: relative;
    left: -1px;
    float: left;
    display: block;
    width: 398px;
    height: 31px;
    border: 1px solid #c8c8c8;
    background: var(--bkg-color);
     color: var(--text-color);
    box-shadow: inset 0 0 20px #e2e2e2;
    -webkit-box-shadow: inset 0 0 20px #e2e2e2;
    -moz-box-shadow: inset 0 0 20px #e2e2e2;
    line-height: 30px;
    padding: 0 0 0 10px;
    font-size: 13px;
}
.files label + select > option {
    padding: 8px;
}
.freespace {
    float: left;
    height: 41px;
    margin: 0 0 0 6px;
    padding: 6px 8 ;
    width: 95%}
.freespace span {
    font-size: 13px;
    float: left;
    font-family: "OpenSans-Regular";
     color: var(--text-color);
}
.freespace span+span {
    font-size: 13px;
    float: right;
    font-family: "OpenSans-Regular";
     color: var(--text-color);
}
.freespace .indicator {
    position: relative;
    width: 100%;
    border: #e4e4e4 0 solid;
    background: var(--fspace-color);
    height: 5px;
    margin: 10px 0 0;
    text-align: left;
}
.freespace .indicator .occupied {
    background: #00C3FF;
    background: -moz-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00C3FF), color-stop(50%, #00C3FF), color-stop(50%, #00C3FF), color-stop(100%, #D66B00));
    background: -webkit-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #D66B00 100%);
    background: -o-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #D66B00 100%);
    background: -ms-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #D66B00 100%);
    background: linear-gradient(to bottom, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C3FF', endColorstr='#D66B00', GradientType=0);
    position: absolute;
    height: 5px;
}


.toggle1 {
   
border: 1px solid #03A9F5;
    background: var(--bkg-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: var(--text-color);
    font-weight: bold;
    line-height: 25px;

}
.togglefld {
   
border: 1px solid #03A9F5;
    background: var(--bkg-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: var(--text-color);
    font-weight: bold;
    line-height: 25px;

}
.togglefld1 {
   
border: 1px solid #03A9F5;
    background: var(--bkg-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: var(--text-color);
    font-weight: bold;
    line-height: 25px;

}
.publish_link {
    background: var(--bkg-color);
    border: 1px solid #03A9F5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
     color: var(--text-color);
    box-shadow: 0 0 0 #e8e8e8 inset;
}
.createFolder input.input1 {
    width: 55%;
    height: 33px;
    box-shadow: 0 0 0 #e2e2e2 inset;
    border: 1px solid #e8e8e8;
     color: var(--text-color);
    font-size: 16px;
}
.createFolder input.f-btn-green {
    background: #494949;
}
.search input.input1 {
    width: 65%;
    box-shadow: 0 0 0 #e2e2e2 inset;
    border: 1px solid #e8e8e8;
     color: var(--text-color);
    font-size: 16px;
}
.search input.f-btn-green {
    background: #3672AF;
}
.search {
    float: left;
    height: 33px;
    margin: 0;
    padding: 10px 8px;
}
.search input[type="text"] {
    float: left;
}
.search input[type="text"] + input[type="submit"], input[type="button"].searchbtn {
    position: relative;
    display: inline-block;
    cursor: pointer;
     color: #fff;
    background: #3672AF;
    margin-left: 0;
    box-shadow: 0 0 0 #e2e2e2 inset;
}
.search input {
    height: 32px;
}
.folders_list input {
    height: 30px;
}
.files .search input[type="text"] + input[type="submit"]:hover {
    transition: all .1s linear;
    box-shadow: inset 0 0 30px #1b7899;
    -webkit-box-shadow: inset 0 0 30px #1b7899;
    -moz-box-shadow: inset 0 0 30px #1b7899;
    border: 1px solid #307d99;
}

.uploadfile {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
input {
    margin: 2px;
}
.search input, .folders_list input, .advanced input, .copymove input {
    margin: 0;
}
.tabberlive .tabbertabhide {
    display: none;
}
.tabberlive {
    margin-top: 1px;
}
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
    width: 110px;
}
ul.tabbernav li a {
    background: #f3f3f3;
    border: 1px solid rgba(0, 0, 0, .06);
    padding: 3px;
    border-bottom: none;
    border-left: none;
    text-decoration: none;
}
ul.tabbernav li a:link {
    color: #66A;
    border: 1px solid rgba(0, 0, 0, .06);
    padding: 3px;
    border-bottom: none;
    border-left: none;
    text-decoration: none;
}
ul.tabbernav li a:first-child {
    border-left: 1px solid rgba(0, 0, 0, .06);
}
ul.tabbernav li a:visited {
    color: #667;
}
ul.tabbernav li a:hover {
    color: #828282;
    border-color: rgba(0, 0, 0, .06);
}
ul.tabbernav li.tabberactive a {
    background-color: #f0f0f0;
    border-bottom: 1px solid #fff;
    color: #828282;
}
ul.tabbernav li.tabberactive a:hover {
    background: var(--bkg-color);
    border-bottom: 1px solid #fff;
}
.tabberlive .tabbertab {
    padding: 5px;
    border-top: 0;
    background: var(--bkg-color);
    text-align: center;
}
.tabberlive .tabbertab h2 {
    display: none;
}
h2 {
    margin-bottom: 3px;
}
.tbl1 .search-results td, .tbl1 .search-results:hover td {
    background: #ff9;
}
#search-dialog {
    display: none;
}
.btext {
    white-space: nowrap;
}
.comment_body {
    text-align: left;
}

.mods .tabs li {
    width: 90px;
}
#container > div {
    margin: auto;
}
.srv_bad td, .srv_bad:hover td {
    background: #ddd;
}
#dl_bittorent .btext {
    left: 100px;
}
.progressbar-outer {
    position: relative;
    width: 100%;
    border: #e4e4e4 0 solid;
    background: #e7e7e7;
    height: 5px;
    text-align: left;
}
.progressbar-inner {
    background: #00C3FF;
    background: -moz-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00C3FF), color-stop(50%, #00C3FF), color-stop(50%, #00C3FF), color-stop(100%, #00C3FF));
    background: -webkit-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    background: -o-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    background: -ms-linear-gradient(top, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    background: linear-gradient(to bottom, #00C3FF 0%, #00C3FF 50%, #00C3FF 50%, #00C3FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C3FF', endColorstr='#00C3FF', GradientType=0);
    position: absolute;
    height: 5px;
}
.file_block {
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
    margin-left: -5px;
}
.file_block td {
    text-align: left;
    width: 100%}
.icon {
    margin: center;
    width: 130px;
    height: 130px;
    border: solid 0 #C3C3C3;
    position: static;
    background: #FFF;
    padding: 0;
    text-align: left;
}
.icon a:hover {
    display: inline;
    width: 100%}
.ok {
    font: bold 13px Arial;
    color: #1b1;
}
.err {
    font: bold 13px Arial;
    color: #911;
}
.rrdd1 {
   background: #fff;
    text-align: left;
}
.rrdd1 table tr td {
    text-align: left!important;
}
.rrdd {
    background: #fff;
    border: 1px solid #D9DBE4;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
}
.rrdd table {
    color: var(--text-color);
    
    font-size: 14px;
}
.rrdd table tr td {
    text-align: left!important;
}
.rrdd table tr td small {
    font-size: 12px;
    color: var(--text-color);
}
.rrdd table tr td smalls {
    font-size: 10px;
    color: var(--text-color);
}
.rrdd table tr td table {
    width: 100%!important;
    margin: 0!important;
}
.rrdd table tr td table tr td {
    padding: 0!important;
}
.rrdd table tr td table tr td b {
    font-weight: 400!important;
}
.rrdd table h2 {
    margin-bottom: 0!important;
    font-size: 24px;
}
.rrdd table tr td select {
    margin-top: 5px;
}
.cont_text {
    width: 85%;
    margin: auto;
    text-align: left;
}
.gg-login {
    background: #EA2027;
    border: 1px solid var(--bkg-color);
    font-weight:bold;
    width:320px;
    font-size:16px;
    text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float:left;
    margin-top:10px;
	
}
.apple-login {
  background: #000;
  color: #fff;
  border: 1px solid var(--bkg-color);
  font-weight: bold;
  width:320px;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float:left;
  margin-top:10px;

}

.facebook-login {
  background: #3b5998;
  color: #fff;
  border: 1px solid #3b5998;
  font-weight: bold;
  width:320px;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;


}

.rrdb {
    background: var(--bkg-color);
    border: 1px solid #D9DBE4;
     border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 42px;
 color: var(--text-color);
    
}
.rrdb table {
    color: var(--text-color);
    font-family: "OpenSans-Regular";
    font-size: 14px;
}


.downloadbtn {
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
    width: 300px;
    height: 57px;
    color: #fff;
    background: #03A9F4;
    font-size: 20px;
    font-weight: 700;
    border: 0;
    margin: 20px 0;
    font-family: "Candara";
    border-radius: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}
.downloadbtn .bicon {
    float: left;
    width: 72px;
    height: 57px;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    text-align: right;
}
.downloadbtn .bicon2 {
    float: left;
    width: 72px;
    height: 57px;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    text-align: right;
}
.downloadbtn .vanb2 {
    position: absolute;
    top: 6px;
    left: 25px;
}
.downloadbtn .btext2 {
    letter-spacing: .3px;
    line-height: 60px;
    float: left;
    width: 300px;
    height: 57px;
    position: absolute;
    display: block;
    top: 0;
    left: 7px;
    font-weight: 400;
}
.downloadbtn .btext {
    letter-spacing: .3px;
    line-height: 62px;
    float: left;
    width: 300px;
    height: 57px;
    position: absolute;
    display: block;
    top: -60px;
    left: 0px;
    font-weight: 400;
}
.downloadbtn .barrow {
    position: absolute;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.downloadbtn .van {
    top: 15px;
    left: 26px;
}
.downloadbtn .vanb {
    position: absolute;
    top: 5px;
    left: -15px;
}
.downloadbtn:hover {
    transition: all .5s linear;
}
.downloadbtn:hover .move-bot {
    transform: translate(0, 8px);
}
.downloadbtn:hover .bicon {
    transition: all .5s linear;
}
.browsebtn input[type="file"] {
    width: 320px;
    height: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    cursor: pointer;
}

.browsebtn {
    position: relative;
    transition: all .3s ease;
    width: 320px;
    height: 60px;
    color: #fff;
    background: linear-gradient(to right, #8E2BE9, #5E46FE, #12AFE4);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
    font-size: 27px;
    font-weight: 700;
    border: 0;
    font-family: 20px;
    border-radius: 5px;
}

.browsebtn .bicon {
    float: left;
    width: 65px;
    height: 10px;
    margin-top: -7px;
    margin-left: 30px;
}

.browsebtn .btext {
    line-height: 60px;
    float: left;
    margin-left: 110px; /* Adjust as needed */
    font-weight: 400;
     top:-60px;
}

.browsebtn .bfolder {
    position: absolute;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.browsebtn .van {
    display: block;
    width: 27px;
    height: 15px;
    top: 40px;
    left: 20px;
}
.browsebtn .vanb {
    position: absolute;
    top: 12px;
    left: 15px;
}
.browsebtn:hover {
    transition: all .5s linear;
    background: linear-gradient(to right, #8E2BE9, #5E46FE, #12AFE4);
  
}
.browsebtn:hover .move {
    transform: perspective(30px) rotateX(-40deg);
    -webkit-transform: perspective(30px) rotateX(-40deg);
    -o-transform: perspective(30px) rotateX(-40deg);
    -moz-transform: perspective(30px) rotateX(-40deg);
}

/* url Upload button */
.uploadbtn {
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
    width: 280px;
    height: 60px;
    color: #fff;
   background: linear-gradient(to right, #8E2BE9, #5E46FE, #12AFE4);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
     
    font-size: 30px;
    font-weight: 400;
    border: 0;
    border-radius: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}
.browsebtns input[type="file"] {
    width: 40px;
    height: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 55px;
    top: 5px;
   z-index: 1;
    cursor: pointer;
}
.browsebtns:before{
  position: absolute;

 font-family: 'Unicons';
 font-size:23px;
display: inline;
 right: -100px;
    top: 5px;


}

.browsebtns_mf input[type="file"] {
    width: 120px;
    height: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
   
   
    cursor: pointer;
}
.browsebtns_mf:before {
  position: absolute;
  font-family: 'Unicons'; /* Make sure this matches the font family used by Unicons */
  font-size: 18px;
  display: inline;

}
.uploadbtn .bicon {
    float: left;
    width: 100px;
    height: 46px;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    left: 5px;
    top: 0;
}
.uploadbtn .btext {
    line-height: 60px;
    float: left;
    width: auto;
    height: 46px;
    position: absolute;
    display: block;
    top: -46px;
    left: 60px;
}
.uploadbtn .barrow {
    position: absolute;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.uploadbtn .van {
    top: 20px;
    left: 36px;
}
.uploadbtn .vanb {
    position: absolute;
    top: 8px;
    left: 15px;
}
.uploadbtn:hover {
    transition: all .5s linear;
    background: linear-gradient(to right, #8E2BE9, #5E46FE, #12AFE4);
}
.uploadbtn:hover .move-top {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -moz-transform: translate(0px, -10px);
    opacity: .2;
}
/* Switch
========================== */

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}
.switch-input {
	position: relative;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
        margin-top: -25px;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);

	right: 11px;
	color: gray;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #86C600;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: -14px;
	left: 8px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 100%;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 64px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Mobile styles (Phone) */
@media (max-width: 600px) {
	.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
                 margin-top: -23px;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);

	right: 11px;
	color: gray;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #86C600;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: -8px;
	left: 6px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 100%;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 30px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
}

/* Tablet styles (iPad) portrait */
@media (min-width: 601px) and (max-width: 1024px) {
	.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
                 margin-top: -23px;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);

	right: 11px;
	color: gray;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #86C600;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: -8px;
	left: 6px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 100%;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 30px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
}
 

/* Tablet styles (iPad) landscape*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
                 margin-top: -23px;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);

	right: 11px;
	color: gray;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #86C600;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: -8px;
	left: 6px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 100%;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 30px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
/* End Switch
========================== */

/* Switch flat
===================== */
.switch-flat{padding:0;background: var(--bkg-color);background-image:none}.switch-flat .switch-label{background: var(--bkg-color);border:solid 2px #eceeef;box-shadow:none}.switch-flat .switch-label:after{color:green}.switch-flat .switch-handle{top:6px;right:6px;background:#dadada;width:22px;height:22px;box-shadow:none}.switch-flat .switch-handle:before{background:#eceeef}.switch-flat .switch-input:checked~.switch-label{background: var(--bkg-color);border-color:green}.switch-flat .switch-input:checked~.switch-handle{left:72px;background:green;box-shadow:none}

/* Switch Flat
==========================*/
.switch2-flat {
	padding: 0;
	background: #FFF;
	background-image: none;
	

}
.switch2-flat .switch-label {
	background: #FFF;
	border:  solid 2px green;
        top: -3px;  
	box-shadow: none;

}
.switch2-flat .switch-label:before {
	color: green;
          
box-shadow: none;
}
.switch2-flat .switch-label:after {
	         color: blue;
          	 box-shadow: none;

}
.switch2-flat .switch-handle {
	top: -20px;
	left: 6px;
	
	width: 22px;
	height: 22px;
	 
}
.switch2-flat .switch-handle:before {
	background: #eceeef;
                   background: green;
        color: green;
                   box-shadow: none;
}


.switch2-flat .switch-input:checked ~ .switch-label {

	background: #fff;
border-color: blue;
color: blue;
box-shadow: none;


}
.switch2-flat .switch-input:checked ~ .switch-handle: {
	left: 72px;
	background: blue;
        color:blue;
       box-shadow: none;
               
	
}

/* Mobile styles (Phone) */
@media (max-width: 600px) {
.browsebtns_mf:before{
  position: absolute;

 font-family: 'FontAwesome';
 font-size:18px;
display: inline;
margin-top:1px;
 
   

}

.switch2-flat .switch-label {
	background: #FFF;
	border:  solid 2px green;
        top: -3px;  
	box-shadow: none;

}
.switch2-flat .switch-label:before {
	color: green;
          
box-shadow: none;
}
.switch2-flat .switch-label:after {
	         color: blue;
          	 box-shadow: none;

}
.switch2-flat .switch-handle {
	top: -10px;
	left: 6px;
	
	width: 22px;
	height: 22px;
	 
}
.switch2-flat .switch-handle:before {
	background: #eceeef;
                   background: green;
        color: green;
                   box-shadow: none;
}

}

/* Tablet styles (iPad) portrait */
@media (min-width: 601px) and (max-width: 1024px) {

.browsebtns_mf:before{
  position: absolute;

 font-family: 'FontAwesome';
 font-size:18px;
display: inline;
margin-top:-1px;
 
  


}
.switch2-flat .switch-label {
	background: #FFF;
	border:  solid 2px green;
        top: -3px;  
	box-shadow: none;

}
.switch2-flat .switch-label:before {
	color: green;
          
box-shadow: none;
}
.switch2-flat .switch-label:after {
	         color: blue;
          	 box-shadow: none;

}
.switch2-flat .switch-handle {
	top: -10px;
	left: 6px;
	
	width: 22px;
	height: 22px;
	 
}
.switch2-flat .switch-handle:before {
	background: #eceeef;
                   background: green;
        color: green;
                   box-shadow: none;
}
}

/* Tablet styles (iPad) landscape*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.browsebtns_mf:before{
  position: absolute;

 font-family: 'FontAwesome';
 font-size:18px;
display: inline;
margin-top:-1px;
 
  
  

}
.switch2-flat .switch-label {
	background: #FFF;
	border:  solid 2px green;
        top: -3px;  
	box-shadow: none;

}
.switch2-flat .switch-label:before {
	color: green;
          
box-shadow: none;
}
.switch2-flat .switch-label:after {
	         color: blue;
          	 box-shadow: none;

}
.switch2-flat .switch-handle {
	top: -10px;
	left: 6px;
	
	width: 22px;
	height: 22px;
	 
}
.switch2-flat .switch-handle:before {
	background: #eceeef;
                   background: green;
        color: green;
                   box-shadow: none;
}

}

/* Switch 3 Flat
==========================*/
.switch3-flat {
	padding: 0;
	background: #FFF;
	background-image: none;
	

}
.switch3-flat .switch-label {
	background: #FFF;
	border:  solid 2px blue;
                 
	box-shadow: none;

}
.switch3-flat .switch-label:before {
	color: blue;
          
box-shadow: none;
}
.switch3-flat .switch-label:after {
	color: green;
          	 box-shadow: none;

}
.switch3-flat .switch-handle {
	top: -6px;
	left: 6px;
	background: blue;
                  color: blue;
	width: 22px;
	height: 22px;
	 
}
.switch3-flat .switch-handle:before {
	background: #eceeef;
                   
                   box-shadow: none;
}
.switch3-flat .switch-input:checked ~ .switch-label {

	background: #fff;
border-color: green;
color: green;
box-shadow: none;


}
.switch3-flat .switch-input:checked ~ .switch-handle {
	left: 72px;
	background: green;
box-shadow: none;
               
	
}

/* End Switch flat
=========================== */

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}


.goog-te-banner-frame{
display:none !important
}
.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }

.goog-logo-link {
   display:none !important;
}

.goog-te-gadget {
   color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
   color: blue !important;
}


/**Dropdown menu myfile**/


/**End Dropdown menu myfile**/


/**
 * 1) We often tokenize the max-width of a layout to be controlled at a theme layer. For example, a marketing theme vs an app dashboard may require different maximum layout widths
 */
:root {
  --l-max-width: 30rem; /* 1 */
}


/**
 * 1) Our old friend margin: 0 auto centers the container. There are other ways of accomplishing this same effect.
 * 2) These padding values control the gutter against the viewport edge. There often will be some media query magic to adjust the gutter to be optimal across screen sizes. We also would likely employ a sizing token like `--size-base-unit` to ensure the padding adheres to our spacing system
 */
.l-container {
  max-width: var(--l-max-width);
  margin: 0 auto; /* 1 */
  padding-right: 1rem; /* 2 */
  padding-left:  1rem; /* 2 */
}





body {
  font-family: system-ui;
}


/**
 * Grid component
 * 1) This is the parent container that provides default 
 *    gap value and behavior. Items placed in an unmodified
 *    grid component will stack with a gap between them
 * 2) For demo layout only. We don't typically include any 
 *    default margins or padding in our grid component
 */
.l-grid {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1rem; /* 2 */
}

.l-grid2 {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem; /* 2 */
}

 /*Iphone*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-min-device-pixel-ratio: 3) 
/*and (orientation : portrait)*/{
  .l-grid {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}

.l-grid2 {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}

}
 




/**
 * Side-by-side grid
 * 1) Always display the grid items side by side
 */
.l-grid--side-by-side {
  grid-template-columns: 1fr 1fr;
}

/**
 * 2up grid
 * 1) Stack items until there's enough room to     
 *    display them side by side.
 */
.l-grid--2up {
  @media all and (min-width: 30rem) {
    grid-template-columns: 1fr 1fr;
  }
}

/**
 * 6up grid
 * 1) Stack items until there's enough room to     
 *    display them side by side, then display as
 *    three across when enough space is available
 */
.l-grid--6up {
  display: grid;
  width: 100%;


}

/*Iphone*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-min-device-pixel-ratio: 2) 
/*and (orientation : portrait)*/{
 .l-grid--6up {
  display: grid;
  width: 100%;
}
.l-grid--1-to-3up {
  {
   display: grid;
  width: 100%;

  }
}
}
/**
 * 1-to-3up grid
 * 1) Stack items until there's enough room to     
 *    display as three across. This is often good
 *.   for promo touts 
 */
.l-grid-public {
  display: grid;
  gap: 1rem;

 overflow: hidden;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 1rem; /* 2 */
}

.l-grid--1-to-3up {
  {
   display: grid;
  max-width: 300px;
max-height: 50px;
 overflow: hidden;

  }
}

/*Iphone*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-min-device-pixel-ratio: 3) 
/*and (orientation : portrait)*/{
 .l-grid-public {
  display: grid;
  gap: 1rem;

 overflow: hidden;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */

}
}


 /*ipad porttrail*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait){
 .l-grid {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}
.l-grid2 {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}
}


/*Android*/
@media only screen 

and (max-device-width : 800px)

{
.l-grid {
  display: grid;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}
.l-grid2 {
  display: grid;
max-width: 350px;
  gap: 1rem;
 grid-template-columns: 1fr;
  margin-bottom: 1rem; /* 2 */
}
}

/*Hide Switch on Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1024px) {
    @supports (-webkit-hyphens: none) {
        .switch-handle,
        .switch2-flat .switch-handle,
        .switch3-flat .switch-handle {
            display: none !important;
        }
    }
}



/**
 * Card 
 */
.c-card {
  font-family: system-ui;
  
  border-radius: 1rem;
  padding: 5px;
 background: var(--bkg-color);
     box-shadow: 0 0 2px #777;
   
    border-radius: 5px;
    text-align: left;
margin-top: 10px;

}

.c-cards {
  font-family: system-ui;
  
  border-radius: 1rem;
  padding: 5px;
 background: var(--bkg-color);
    
}


.c-card--public {
   font-family: system-ui;
  
  border-radius: 1rem;
  padding: 5px;
 background: var(--bkg-color);
    box-shadow: 0 0 0px #777;
    border-radius: 1px;
    border-bottom: 1px solid #f7f7f7;
    text-align: left;
}


#toggle-content-box{
display:none;
}
#mycheckbox:checked ~ #toggle-content-box{
  display:block;
  position: fixed;
transition: all 0.5s ease-out;
  top: 90;
  height:30px;
text-align:left;
z-index:99999999;
  box-shadow:1px 1px 1px 1px #f7f7f7;
 
}


/* Main dropdown menu upload */

.dropdown {
  position: relative;
  display: inline-block;
align: left;
  color: var(--text-color);
  
  
}

.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 99999999999999999999999999999999999999999999;
}
.btn-group {
margin: 4px;
}

.dropdown:hover .dropdown-content1 {
  display: block;
}
.div-list {
padding-bottom:12px;
align: left;
}

/* Display search input */
#display-search {
    visibility:hidden;
    height:0px;
  
    overflow:hidden;
    transition:0.5s;
    -webkit-transition:0.5s;
}
#display-search.visible {
    visibility:visible;
    height:33px;
}
     .toggle-content {
            display: block;
            height: 0;
            opacity: 0;
            overflow: hidden;
            transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
        }



        .toggle-content.is-visible {
            display: none;
            height: auto;
            opacity: 1;
        }



/* Dropdown button */
.dropbtn {
 background: var(--bkg-color);
  color: gray;
padding: 0 10 0 10px;
  font-size: 16px;
font-family: "Candara";
font-weight: bold;
border: 1px solid white;
  border-radius: 5px ;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  
transition: all .1s linear;
    background: #cef2ff;
    color: #12afe4;
}

.dropdown {
  position: relative;
  display: inline-block;
}



.dropdown-content a {
  color: black;
  padding: 3px 8px;
  text-decoration: none;
  display: block;
z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}



.show {display: block;}