/***login*/

input,
p {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.65em;
}

input[type="text"],
input[type="password"] {
   border: 1px solid #bdbdbd;
   padding: 3px 6px;
   background: #fff;
   border-radius: 4px;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   font-size: 16px;
   font-size: 1rem;
}

   input[type="text"],
   input[type="email"],
   input[type="password"] {
      margin: 0;
      width: 100%;
      box-sizing: border-box;
   }

input[type="text"],
input[type="password"] {
   margin: 0;
   width: 100%;
   box-sizing: border-box;
}

.content a {
   color: #0175a7;
}

.content a:hover {
   text-decoration: underline;
}


input[type=submit]:hover {
   background: #0090ff;
}


body #wpuf-login-form label {
   display: block;
}

body #wpuf-login-form .forgetmenot label {
   display: inline-block;
}

body ul.wpuf-form li{
            margin-left: 0;
    margin-bottom: 10px;
    padding: 0px !important;
}
                                 /*******************/
.settings {
  
  height:73px; 
  float:left;
  background-repeat:no-repeat;
  width:350px;
  margin:0px;
 text-align: center;
font-size:20px;
font-family: 'Strait', sans-serif;

}






/* ScrolBar  */
.scrollbar
{

height: 90%;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
}

.scrollbar:hover
{

height: 90%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}

/* Scrollbar Style */ 



#style-1::-webkit-scrollbar-track
{
border-radius: 2px;
}

#style-1::-webkit-scrollbar
{
width: 5px;
background-color: #F7F7F7;
}

#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BFBFBF;
}
/* Scrollbar End */ 




.fa-lg {
font-size: 1em;
  
}
.fa-lg {
position: relative;
display: table-cell;
width: 55px;
height: 36px;
text-align: center;
top:12px; 
font-size:20px;

}



.main-menu-left:hover, nav.main-menu-left.expanded {
width:350px;
overflow:hidden;
opacity:1;

}

.main-menu-left {
background:#F7F7F7;
position:fixed;
top:0;
bottom:0;
height:100%;
left:0;
width:55px;
overflow:hidden;
-webkit-transition:width .2s linear;
transition:width .2s linear;
-webkit-transform:translateZ(0) scale(1,1);
box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
  opacity:1;
  display: block;
}

.main-menu-left>ul {
margin:7px 0;

}

.main-menu-left li {
position:relative;
display:block;
width:550px;
  


}

.main-menu-left li>a {
    position: relative;
    width: 355px;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1,1);
    -webkit-transition: all .14s linear;
    transition: all .14s linear;
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #ececec;
    padding: 1px 0px 1px 0px;
    /* font-family: 'Strait', sans-serif; */
    /* border-top: 1px solid #f2f2f2; */
    /* text-shadow: 1px 1px 1px #fff;*/ 
}



.main-menu-left .nav-icon {
  
position:relative;
display:table-cell;
width:55px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;

}

.main-menu-left .nav-text  {
   
position:relative;
display:table-cell;
vertical-align:middle;
width:300px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu-left .share {
}



.main-menu-left .fb-like {

left: 280px;
position:absolute;
top: 15px;
}

.main-menu-left>ul.logout {
position:absolute;
left:0;
bottom:0;
  
}

.no-touch .scrollable.hover {
overflow-y:hidden;

}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
  
}


/* Logo Hover Property */


.settings:hover, settings:focus {   
  background:url( https://s17.postimg.org/74cl7s05b/logo_hover.jpg);
  -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 
}

.settings:active, settings:focus {   
  background:url( https://s3.postimg.org/bqfooag4z/startific.jpg);
  -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0; 
}


a:hover,a:focus {
text-decoration:none;
border-left:0px solid #F7F7F7;



}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
  
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}

.main-menu-left{
text-transform: uppercase;

}




/* Darker element side menu Start*/


.darkerli
{
background-color:#ededed;
text-transform:capitalize;  
}

.darkerlishadow
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
}


.darkerlishadowdown
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
}

/* Darker element side menu End*/




.main-menu-left li:hover>a,nav.main-menu-left li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#00bbbb;
text-shadow: 0px 0px 0px; 
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  
}



.info-widget-l:before {
    content: "";
    background-image: url(../svg/info.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}

.user-widget-l:before {
    content: "";
    background-image: url(../svg/user.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 8px 0 0 20px;
}

.search-widget-l:before {
    content: "";
    background-image: url(../svg/search.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.edit-suggest-widget:before {
    content: "";
    background-image: url(../svg/gear.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.image-widget:before {
    content: "";
    background-image: url(../svg/image.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.claim-widget:before {
    content: "";
    background-image: url(../svg/claim.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}

.payment-widget:before {
    content: "";
    background-image: url(../svg/payment.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}

.l-w{
  height: 36px;
}

/**/
.settings {
  
  height:73px; 
  float:left;
  background-repeat:no-repeat;
  width:350px;
  margin:0px;
 text-align: center;
font-size:20px;
font-family: 'Strait', sans-serif;

}

/* ScrolBar  */
.scrollbar
{

height: 90%;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
}

.scrollbar:hover
{

height: 90%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}

/* Scrollbar Style */ 



#style-1::-webkit-scrollbar-track
{
border-radius: 2px;
}

#style-1::-webkit-scrollbar
{
width: 5px;
background-color: #F7F7F7;
}

#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BFBFBF;
}
/* Scrollbar End */ 

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}

.main-menu-right{
text-transform: uppercase;

}


.fa-lg {
font-size: 1em;
  
}
.fa-lg {
position: relative;
display: table-cell;
width: 55px;
height: 36px;
text-align: center;
top:12px; 
font-size:20px;

}



.main-menu-right:hover, nav.main-menu-right.expanded {
width:350px;
overflow:hidden;
opacity:1;

}

.main-menu-right {
background:#F7F7F7;
position:fixed;
top:0;
bottom:0;
height:100%;
right:0;
width:55px;
overflow:hidden;
-webkit-transition:width .2s linear;
transition:width .2s linear;
-webkit-transform:translateZ(0) scale(1,1);
box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
  opacity:1;
  display: block;
}

.main-menu-right>ul {
margin:7px 0;

}

.main-menu-right li {
position:relative;
display:block;
width:550px;
border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #ececec;
    padding: 1px 0px 1px 0px;
  


}

.main-menu-right li>a {
    position: relative;
    width: 355px;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1,1);
    -webkit-transition: all .14s linear;
    transition: all .14s linear;
    /* font-family: 'Strait', sans-serif; */
    /* border-top: 1px solid #f2f2f2; */
    /* text-shadow: 1px 1px 1px #fff;*/
}



.main-menu-right .nav-icon {
  
position:relative;
display:table-cell;
width:55px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;

}

.main-menu-right .nav-text  {
   
position:relative;
display:table-cell;
vertical-align:middle;
width:290px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu-right .share {
}



.main-menu-right .fb-like {

left: 280px;
position:absolute;
top: 15px;
}

.main-menu-right>ul.logout {
position:absolute;
left:0;
bottom:0;
  
}

.no-touch .scrollable.hover {
overflow-y:hidden;

}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
  
}


/* Logo Hover Property */


.settings:hover, settings:focus {   
  background:url( https://s17.postimg.org/74cl7s05b/logo_hover.jpg);
  -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 
}

.settings:active, settings:focus {   
  background:url( https://s3.postimg.org/bqfooag4z/startific.jpg);
  -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0; 
}


a:hover,a:focus {
text-decoration:none;
border-left:0px solid #F7F7F7;



}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
  
}

/* Darker element side menu Start*/


.darkerli
{
background-color:#ededed;
text-transform:capitalize;  
}

.darkerlishadow
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
}


.darkerlishadowdown
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
}

/* Darker element side menu End*/




.main-menu-right li:hover>a,nav.main-menu-right li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#00bbbb;
text-shadow: 0px 0px 0px; 
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
}


.wtime-hours-widget:before {
    content: "";
    background-image: url(../svg/clock.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.edit-suggest-widget:before {
    content: "";
    background-image: url(../svg/gear.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.external-suggest-widget:before {
    content: "";
    background-image: url(../svg/website.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}
.info-widget:before {
    content: "";
    background-image: url(../svg/info.svg);
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 20px;
}

.l-w{
  height: 36px;
}
body ul.wpuf-form li .wpuf-fields a.file-selector {
  display: inline;
  text-decoration: none;
  padding: 5px 12px;
  margin: 0;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fafafa;
  color: #23282d;
  box-shadow: 0 1px 0 #cccccc;
  vertical-align: top;
  cursor: pointer;
  -webkit-appearance: none;
  white-space: nowrap;
}
body ul.wpuf-form li .wpuf-fields a.file-selector:hover, body ul.wpuf-form li .wpuf-fields a.file-selector:focus {
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}
li.wpuf-el.post_content.field-size-large {
    width: 99%;
}