.icon:hover{
    background-color:#000;
    color:#fff;
    cursor:pointer;
}

.noty-seperator{
    width:100%;
    border-bottom:1px dashed #aa4444;
    height:5px;
    display:block;
    margin-bottom:10px;
}
#sltag-upload.error{
    padding:5px;
}

#ftp-path{
    margin-top:20px;
}
.seperator{
    border-bottom: 2px solid #aaa;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    padding-bottom: 30px;
    width: 96%;
}
.clipbtn{
    padding: 9px;
    display: inline-block;
    background-color: #ccc;
    border: 1px #ccc solid;
}
.clipbtn:hover{
    cursor:pointer;
    background-color:#eee;
    border:1px #aaa solid;
}
.sltag-advertiserDownloadURL label{
    font-size:12px;
}
.ui-dialog-titlebar-close{
    display: none;
}
.modaler {
	display: none;
	position: fixed;
	background-color: #000;
	left: 0;
	top: 0;
        right:0;
        bottom:0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0.5;
}
#downloadBox{
    position:absolute;
    display:none;
    width:400px;
    height:auto;
    background-color:#fff;
    border:1px solid #000;
    box-shadow: 1px 2px 2px #000;
    padding:10px;
    z-index:1001;
}
.uneditable{
    -webkit-filter: blur(1.7)px;
    filter: blur(1.7px);
}
.daterange-input{
    display: inline-block;
    height: 35px;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 240%;
}
body, html{
    height:100%;
}
body {
    background-color: #333;
    font-family: Lato; 
    overflow-y: scroll;
}
body p {
    font-size: 0.9em; }
body p.sub {
    color: #999; }
body h1, body h2, body h3, body h4, body h5, body h6 {
    text-transform: uppercase;
     }
     canvas{
         display:block;
     }
     #sftp-upload{
        display:none; 
     }
.removeOffer i,.removeOfferHTML i{
    color:#f66;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.removeOffer i:hover,.removeOfferHTML i:hover{
    color:#f00;
    cursor:pointer;
}
.filterLeft{
    padding-left:9px;
    font-weight:bold;
}
.filterRight{
    padding-right:7px;
    font-size:12px;
}
.error404{
    font-size: 70px;
    text-shadow: 2px 2px #BFBBBB;
    margin: 150px auto;
    text-align: center;
    display: block;
}
#filterbutton{
    margin-top:18px;
}
label{
    vertical-align: top;
    display: block;
    font-weight:bold !important;
}
fieldset{
    margin-bottom: 20px;
}
.logo-img img{
    height: 100%;
/*    width: 160px;*/
    display: inline-block;
    position: relative;
    top: -4px;
}
.quit {
    margin-right: 100px;
    padding-top:10px;
}
.quit a{
    padding: 10px;
    border: medium none;
    color: #333;
}
#tabs{
    margin-bottom: 40px;
    display:none;
}
#tabs-1{
    line-height:190%;
}
#tabs-2{
    
}
#tabs-3 table,#tabs-4 table{
    margin-bottom:40px;
}
#tabs-3 th, td,#tabs-4 th, td{
    vertical-align: top;
    padding: 10px 10px 10px 10px;
}
#tabs-3 tr:nth-child(even),#tabs-4 tr:nth-child(even)  {
    background: #eee;    
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
#tabs-3 tr:nth-child(odd),#tabs-4 tr:nth-child(odd)  {
    background: #FFF;
    border-bottom: 2px solid #ddd;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
#tabs-3 tr:hover,#tabs-4 tr:hover {
    background-color: #D19FF2;
}
.error{
    border:2px red solid !important;
}
.success{
    border:2px green solid !important;
}
#chooseOffers{
    width:100%;
}
.row-center{
    text-align:center;
}
.chosen-container,.ms-drop{
    text-align:left;
}
.chosen-container-single .chosen-single, 
.chosen-drop{
    border: 1px solid #333 !important;
}
.ms-drop{
   position:absolute;
}
.row-error{
    background-color:#aa0000;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    padding:20px;
    border: 2px solid #550000;
    margin-top:20px;
    margin-bottom:40px;
}
#sl-form input,select,textarea{    
    width:100%;
    text-align: left;
}
#u-form input,select,textarea{    
    width:100%;
    text-align: left;
    border:2px #ccc solid;
}
.filterBox select {
    height:40px;
    display:none;
}
.filterBox{
    color:#000;
    padding:20px;
    border:1px solid #000;
    background-color:#0092a1;  /* #E0EFFC;*/
    box-shadow: 0px 0px 2px 0px #000;
}
.filterBox button {
	border: 1px solid #666;
	border-radius: 5px;
	width: 80px;
	margin-top: 22px !important;
}
.sl-table{
    margin-top:40px;
    font-size:12px;
}
.sl-table th{
    border-bottom: 2px solid #ccc;
}
.sl-table th, .sl-table td{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align: top;
}
.sl-table tr:nth-child(even) {
    background: #eee;    
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.sl-table tr:nth-child(odd) {
    background: #FFF;
    border-bottom: 2px solid #ddd;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.sl-table tr:hover{
    background-color: #25c8da;
}
#sltag-hostlist{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#logo {
    color: #333; }
.unsubs label{
    font-size:11px;
}
.page {
    width: 980px;
    margin: auto;
    background-color: #FFF;
    border-radius: 6px;
    margin-top: 20px;
    padding: 20px 0px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); 

}
.page .header {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EEE; 
}
.page-container{
}
#sl-loading{
    display:inline-block;
    padding-left:20px;
    
}
#files {
    border: 1px solid #000;
    display:none;
    padding: 5px;
}
#files .heading{
    display: block;
    font-size:14px;
    font-weight:bold;
    line-height:100%;
    margin-bottom:10px;
}
#files p{
    margin-bottom:5px;
}
.unsubscribe{
    font-size:22px;
}
.unsubscribe .email{
    color:#666;
}
@media (min-width: 1200px) {
    .page {
        width: 1210px; } }
@media (min-width: 768px) and (max-width: 979px) {
    .page {
        width: 764px; } }
@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0; }

    .page {
        width: 100%; }

    .page-container {
        padding: 0px 20px;
    }

    #in-nav ul.pull-right {
        top: 0px !important; }

    .message-sidebar {
        margin-right: -20px !important; } 
}
@media (max-width: 360px) {

    .login-logo{
        padding-top:25px !important;
        padding-bottom:10px !important;
    }
    footer{
        padding:0px !important;
        margin: 0 auto !important;
        text-align:center;
        background-color:#333333;
    }
    footer p.pull-right{
        padding-top:25px !important;
        padding-bottom:20px !important;
        float:none !important;        
    }
    input{
        width:98% !important;
        margin-bottom:10px !important;
    }

}
#in-nav {
    background-color: white;
    background-repeat: repeat;
    height: 60px;
    padding-top: 10px; 
    border-bottom: 5px solid #000;
    box-shadow: 0px 0px 10px #333;
}
.main-menu{
    position:relative;
    top:10px;
    display:inline-block;
}
.main-menu ul:first-child{
    padding-left:15px;
}
.main-menu li{
    list-style-type: none;
    display: inline-block; 
    padding-right: 8px;
}
.main-menu .uli {
	border-left: 1px solid #CCC;
	padding-left: 15px;
	width: 20px;
	height: 30px;
	display: inline-block;
	top: -4px;
	position: absolute;
	left: 30px;
}
.main-menu ul li a {
    padding:10px;
    border: none;
    color: #333;
}
.main-menu ul li.active a{
    text-decoration: underline;
    color: #333;
}

footer {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #eee; 
}
footer a {
    color: #eee; }

footer.page{
    background-color:#333333;
    
}
.divide {
    border-top: 1px solid #EEE;
    margin-top: 40px;
    padding-top: 40px; }

.small-divide {
    border-top: 1px solid #EEE;
    margin-top: 20px;
    padding-top: 20px; }

.batch {
    background-image: url(../images/white-batch-32.png);
    display: inline-block;
    height: 32px;
    width: 32px; }

.home {
    background-position: -128px -96px; }

.star {
    background-position: -192px -96px; }

.forms {
    background-position: -96px -32px; }

.stream {
    background-position: 0 -64px; }

.tables {
    background-position: -32px -32px; }

.settings {
    background-position: -288px -128px; }

.quill {
    background-position: -288px 0px; }

.users {
    background-position: 0 -96px; }

.plane {
    background-position: -256px -96px; }

.calendar {
    background-position: -160px -128px; }

.batch-big {
    background-image: url(../images/white-batch-64.png);
    display: inline-block;
    height: 64px;
    width: 64px; }

.b-wifi {
    background-position: -256px -64px; }

.b-code {
    background-position: -64px 0px; }

.b-comment {
    background-position: -192px -256px; }

.b-flag {
    background-position: -384px -256px; }

.b-database {
    background-position: -256px 0px; }

.b-alarm {
    background-position: -384px 0px; }

/* ============== messages ============== */
.message-sidebar {
    border-right: 1px solid #EEE;
    margin: -20px;
    margin-right: 0; }
.message-sidebar a.message-preview {
    display: block;
    background-color: #F6F6F6;
    border-bottom: 1px solid #EEE;
    padding: 10px 20px; }
.message-sidebar a.message-preview h4 {
    font-weight: 400;
    text-transform: none; }
.message-sidebar a.message-preview p, .message-sidebar a.message-preview h5 {
    color: #999; }
.message-sidebar a.new {
    background-color: #FFF; }
.message-sidebar a.active {
    background-color: #008DCD;
    color: #FFF; }
.message-sidebar a.active p, .message-sidebar a.active h5 {
    color: rgba(255, 255, 255, 0.8); }
.message-sidebar a:hover {
    text-decoration: none;
    cursor: pointer; }
.message-sidebar .load-more {
    text-align: center; }
.message-sidebar .load-more a {
    padding: 20px;
    display: block; }

@media (min-width: 768px) {
    .message-sidebar {
        overflow: auto;
        height: 700px; } }
.messages h4 {
    text-transform: none;
    font-weight: 400; }
.messages .message {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px; }
.messages .message h5 {
    font-weight: 300; }
.messages .message-body {
    padding-left: 80px; }
.messages .message-body textarea {
    height: 80px;
    margin-right: 20px;
    width: 96%; }

/* ============== login ============== */
/***** LOGIN SCREEN *****/

.login-container{
    background-color:#fff;
    color:#fff;
}
#login {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 500px;
    color: #333;
    font-size: 11px;
    text-align:center;
}

.login-logo{
    text-align:center;
    padding: 50px 0px 40px 0px;
    
}
#login h3 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 70px;
    text-shadow: 1px 1px #ccc;
}

#login form {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 20px 20px 40px 20px;
    border-radius: 10px;
}

#login form input[type=text], #login form input[type=password],#login form select {
    font-size: 20px;
    padding: 10px;
    color:#666;
    line-height: 120%;
}
#login form select{
    height: 52px;
}

#login  .control-label {
    font-size: 17px;
    padding-left: 0px;
    padding-top: 30px;
    color:#333;
    text-align: center;
}
#login .copy{
    padding-top:40px;
    padding-bottom:70px;
}
#login a{
    margin-left:0px;
    color:#000;
}
#login a:hover{
    color:#666;
}
.login-button{
    padding-top:20px;
    padding-bottom:20px;
}
.main-logo{
    width:120px;
}
.btn-black{
    background-color:#000;
    color:white;
    font-size:20px;
    border:1px solid #000;
}
.btn-black:hover{
    background-color:#777;
    color:white;
}
/* ============== widgets ============== */
.widget {
    background-color: #eeeeee;
    color: #555555;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 20px; }
.widget td.bar-label {
    width: 20%;
    text-align: right;
    padding-right: 20px;
    color: #999;
    font-weight: 300; }
.widget td.bar-number, .widget td.bar-percent {
    width: 15%;
    font-weight: 600; }
.widget td.bar-percent span {
    font-weight: 300; }
.widget td .progress {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden; }

.ui-widget-header{
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("/front/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% rgb(204, 204, 204) !important;
}

.ui-widget-header h5{
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size:16px;
}

input[type="text"].dial {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.stream .item .btn-group {
    position: absolute;
    right: 15px;
}
.stream .item .stream-success {
    background-color: #4cb158; }
.stream .item .stream-danger {
    background-color: #ea494a; }
.stream .item .stream-warning {
    background-color: #ffa93c; }
.stream .item .stream-info {
    background-color: #14b8d4; }
.stream .item .avatar {
    border-radius: 4px;
    margin-left: -40px;
    margin-bottom: -40px;
    height: 40px;
    position: relative;
    top: 15px;
    right: 20px;
    float: left; }
.stream .item h4 {
    margin-top: 0px;
    margin-bottom: 6px; }
.stream .item h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}
.stream .item p { color: #777; }

/* ============== faq ============== */
.qa {
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px; }
.qa h4 {
    text-transform: none;
    font-weight: 400; }

/* ============== calendar ============== */
.event {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #EEE;
    padding-top: 10px; }
.event p {
    color: #999; }
.event h4 {
    text-transform: none !important;
    font-weight: 500;
    color: #008dcd;
    margin: 5px 0px; }
.event .date {
    text-align: center;
    display: inline-block;
    border-left: 4px solid #EEE;
    padding-left: 16px;
    float: left;
    margin-right: 20px; }
.event .date h1 {
    font-weight: 500;
    line-height: 0.8em; }
.event .date h4 {
    line-height: 1em;
    color: #555555;
    font-weight: 300; }
.event .success {
    border-color: #4cb158; }
.event .danger {
    border-color: #ea494a; }
.event .info {
    border-color: #14b8d4; }
.event .primary {
    border-color: #007ccd; }
.event .warning {
    border-color: #ffa93c; }
.event .purple {
    border-color: #7932ea; }
.event .inverse {
    border-color: #333; }

#events .load-more {
    text-align: center; }

@media (min-width: 768px) {
    #events {
        overflow: auto;
        height: 600px; } }
#calendar h2 {
    font-size: 17.5px; }
#calendar th {
    background-color: #EEE; }
#calendar th, #calendar td {
    border-color: #EEE; }
#calendar .fc-event-skin {
    background-color: #007ccd;
    border: 1px solid #007ccd;
    border-radius: 4px;
    text-align: center; }

/* ============== tags ============== */
.tag {
    display: inline-block;
    background-color: #EEE;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px; }

.tag:hover {
    background-color: #008dcd;
    color: #FFF;
    text-decoration: none; }

/* ============== settings ============== */
.settings-group {
    margin-top: 40px; }
.search-box {
    position: relative;
    top: 5px;
    margin-left: 45px;
    cursor:pointer;
}
#search-input {
    width: 150px;
}
.move-handle {
    display: none;
}
.ui-widget {
    background-color: #fff;
    border-radius: 5px;
    font-size:14px !important;
}
.smallText {
    font-size:13px;
}
.hide {
    display:none !important;
}
.input-medium {
  width: 150px;
  padding: 3px;
}
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-right: 5px;
  font-family: Lato;
  padding:10px;
  /*width:100%;*/
}
option{
    padding:5px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.pageLinks {
    display: inline-block;
    padding: 0px 5px;
    margin-right: 6px;
    border-radius: 2px;
    border: solid 1px #c0c0c0;
    background: #ADD8E6;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 1px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pageLinks:hover, pageLinks.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pageLinks.active {
    border: none;
    background: #0092a1;
/*    #ADD8E6;*/
    box-shadow: inset 0px 0px 3px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #ffffff;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.pageLinks.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.table-striped {
    font-size:12px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr.negative td {
    background-color: #B94A48;
    color: #fff;
}
.table tbody tr.positive a {
    color: #fff;
}
.table tbody tr.positive:hover td {
    background-color: #2FD345;
}
.table tbody tr.positive td {
    background-color: #00CE1B;
    color: #fff;
}
.table tbody tr.negative a {
    color: #fff;
}
.table tbody tr.negative:hover td {
    background-color: #CD5E5C;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #ffffff;
}
.align-right{
    text-align:right;
}
.btn-status{
    width:10px;
}
.icon-loading {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    z-index: 5;
 }

.widget-title{
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size:23px;
}
.worddoc{
    background: transparent url("/front/images/word.jpg") repeat scroll 0% 0% / 100% auto;
    width: 50px;
    height: 60px;
}
.wordbox{
    margin-top:20px;
}
.uploadinfo{
    border: 1px solid #000;
    font-size: 12px;
    padding: 10px;
    width: 45%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px; 
    margin-left:10px;
}
.uploadinfo-process{
    border: 1px solid #000;
    font-size: 20px;
    padding: 10px;
    width: 45%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px; 
    margin-left:10px;
}

#plainCSVemail {
    height: 30px;
    font-size: 53px;
    vertical-align: top;
    padding-left: 50px;
    margin: 0px;
    line-height: 57%;
}
.imgprocessing{
    width:45px;
    height:45px;
}

.optdiv{
    margin-left:0;
    margin-right:0;
    text-align:center;
    height:2px;
    width:100%;
    background-color:#ccc;
}

.center{
    text-align:center;
}
.notification-success{
    padding:10px;
    background-color:#148914;;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    border: 1px solid #000; 
    margin-bottom:10px;
}

.statrow{
    padding-left:20px;
    display:inline-block;
    width:33%;
}
.statrow-expandable{
    padding-left:3px;
}
.statrow-normal{
    padding-left:10px;
}
.statrow-noexpand{
    padding-left:26px;
}
.advertiser-container{
    padding-left:10px;
    padding-top: 20px;
    background-color:#fafafa;
    border:2px solid #333;
    display:none;
}
.main-container {
    width: 80%;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 2px;
    padding-left: 15px;
    padding-right: 50px;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.tablesorter{
    margin-left:28px !important;
}
table.tablesorter thead tr th{
    background-color: #D19FF2 !important;
}
h5 {
    font-size:16px;
}

.settings-seperator{
    border-bottom: 1px solid #ddd;
    border-right: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-left: 13px;
}
label.hub{
    line-height: 180%;
    padding:0px;
    font-weight:normal !important;
}
label.hubtitle{
    text-align: center;
    font-size:18px;
    padding:0px;
    margin-bottom: 20px;
    font-weight:bold;
}
#tabs .ui-state-default {
    background: #888 !important;
}
#tabs .ui-state-default a {
    color: #fff !important;
}
#tabs .ui-state-active {
    background: #000 !important;
    font-weight: bold;
    color: #fff !important;
}
.dropdown-menu-nav .divider {
    margin: 1px 0 0 0;
}
.dropdown-menu-nav {
    margin-top: 4px;
}
.dropdown-menu-nav li{
    width:100%;
    padding-right:0px;
}
.dropdown-menu-nav li > a {
    padding:7px;
    padding-right:0px !important;
    transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;    /* FF3.7+ */
    -o-transition: background-color 0.2s linear;      /* Opera 10.5 */
    -webkit-transition: background-color 0.2s linear; /* Saf3.2+, Chrome */
}
.dropdown-menu-nav li > a i {
    position: relative;
    top:2px;
}
 




.dropdown-menu-nav > li > a:hover > [class^="icon-"],
.dropdown-menu-nav > li > a:hover > [class*=" icon-"],
.dropdown-menu-nav > .active > a > [class^="icon-"],
.dropdown-menu-nav > .active > a > [class*=" icon-"],
.dropdown-nav-submenu:hover > a > [class^="icon-"],
.dropdown-nav-submenu:hover > a > [class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings-white.png");
}
.dropup-nav,
.dropdown-nav {
  position: relative;
}

.dropdown-toggle-nav {
  *margin-bottom: -3px;
}

.dropdown-toggle-nav:active,
.open .dropdown-toggle-nav {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown-nav .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu-nav {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 8px -50px 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu-nav.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu-nav .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.divider-vertical {
    border-left: 1px solid #ccc;
    margin:0;
    padding:10px;
    padding-left: 25px;
    list-style-type: none;

}

.dropdown-menu-nav li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  font-size:14px;
}

.dropdown-menu-nav li > a:hover,
.dropdown-menu-nav li > a:focus,
.dropdown-nav-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0092a1;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu-nav .active > a,
.dropdown-menu-nav .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0092a1;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu-nav .disabled > a,
.dropdown-menu-nav .disabled > a:hover {
  color: #999999;
}

.dropdown-menu-nav .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu-nav {
  display: block;
}

.pull-right > .dropdown-menu-nav {
  right: 0;
  left: auto;
}

.dropup-nav .caret,
.navbar-fixed-bottom .dropdown-nav .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup-nav .dropdown-menu-nav,
.navbar-fixed-bottom .dropdown-nav .dropdown-menu-nav {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-nav-submenu {
  position: relative;
}

.dropdown-nav-submenu > .dropdown-menu-nav {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-nav-submenu:hover > .dropdown-menu-nav {
  display: block;
}

.dropup-nav .dropdown-nav-submenu > .dropdown-menu-nav {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-nav-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-nav-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-nav-submenu.pull-left {
  float: none;
}

.dropdown-nav-submenu.pull-left > .dropdown-menu-nav {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown-nav .dropdown-menu-nav .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

.loading{
	display: block;
	margin: 0 auto;
	height: 100px;
	padding-top: 30px;
}

.notification{
display:none;
}
.notification-inner {
	width: 80%;
	z-index: 999;
	color: #fff;
	font-size: 50px;
	text-align: center;
	line-height: 150%;
	margin-left: 5%;
	padding-top: 0%;
	position: fixed;
}
.notification-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 998;
	-moz-opacity: .7;
	opacity: .85;
	filter: alpha(opacity=70);
}
fieldset#htmlfiles{
    margin-bottom:10px;
}
.sltag-offerHTML{
    background-color:#ddd;
}
.sltag-offerHTML:hover{
    cursor: pointer;
    background-color:#bbb;
}
.summarystats, .detailedstats, .listdownloads{
    background-color: #ddd;
}
.summarystats:hover, .detailedstats:hover, .listdownloads:hover{
    background-color: #ccc;
}
.activetab{
    background-color: #aaa;
}
.fileinput-button{
    margin-left:0px !important;
    margin-top:10px;
}

#unsub-monevo,.btn-monevo{
    background-color:#4b4b68;
    color: #fff;
}
#unsub-monevo:hover,.btn-monevo:hover{
    background-color:#0091c8;
}

.icon{
    display: none;
}
@media screen and (max-width:1000px) {
  .main-menu li:not(:first-child) {display: none;}
  .icon {
    display: block;
    padding-left:15px !important;
    padding-right:15px !important;
  }
  .main-menu{
      top:0px;
  }
  .uli{
      top:4px !important;
  }
}

@media screen and (max-width: 1000px) {
  .main-menu.responsive {position: absolute;top:10px;z-index:999;
    transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;    /* FF3.7+ */
    -o-transition: background-color 0.2s linear;      /* Opera 10.5 */
    -webkit-transition: background-color 0.2s linear; /* Saf3.2+, Chrome */
  
  
  
  }
  .main-menu.responsive li:first-child{
      display:block;
	background-color: #333;
        padding:0px;
  	border-bottom: 1px solid #eee;
}
  .main-menu.responsive li:not(:first-child){
      display: block;
	background-color: #333;
	padding: 5px;
	border-bottom: 1px solid #eee;
}      
  .main-menu.responsive li.active{
      background-color:#888;
  }
  .main-menu.responsive li.active a{
      color:#eee;
  }
  .main-menu.responsive li a{
      color:#eee;
  }
}



/*-- signin-card animation ---------------------------------------- */
.signin-card {
  -webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
  animation: cardEnter 0.75s ease-in-out 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}

/* -- login paper styles ------------------------------ */
.signin-card {
  max-width: 350px;
  border-radius: 2px;
  margin: 20px auto;
  padding: 20px;   
  background-color: #eceff1; 
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19),
  0 6px 6px rgba(0, 0, 0, .23); 
}

/* -- font styles ------------------------------------- */
.display1 {
  font-size: 28px;
  font-weight: 100;
  line-height: 1.2;
  color: #757575;
  text-transform: inherit;
  letter-spacing: inherit;
}

.subhead {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  color: #212121;
  text-transform: inherit;
  letter-spacing: inherit;
}

/* card animation from Animate.css -------------------- */
@-webkit-keyframes cardEnter {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes cardEnter {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}/* -- Main style ------------------------------------ */
.btn {
  font-family: "Roboto", 'Helvetica Neue, Helvetica, Arial', sans-serif; 
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: inherit;
  color: rgba(255, 255, 255, 0.87);
}

.btn-default, .btn-link {
  color: rgba(0, 0, 0, 0.87);
}


/* -- Buttons style ------------------------------------ */
.btn {
  outline: 0;
  outline-offset: 0;
  border: 0;
  border-radius: 2px;

  transition: all .15s ease-in-out; 
  -o-transition: all .15s ease-in-out; 
  -moz-transition: all .15s ease-in-out; 
  -webkit-transition: all .15s ease-in-out;  
  
  &:focus, &:active, &.active, &:active:focus, &.active:focus {
    outline: 0;
    outline-offset: 0;  
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
}


/* -- Buttons types -------------------------------- */
.btn-raised {
  // shadow depth 1
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24); 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12),
  0 1px 2px 0 rgba(0, 0, 0, .24); 
   
  &:active, &.active, &:active:focus, &.active:focus {
    // shadow depth 2
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23);
  }
  
  &:focus {
    // shadow depth 2
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16),
  0 3px 6px rgba(0, 0, 0, .23);
  }
  
}

.btn-flat { 
  
}

.btn.btn-circle {
  padding: 0;
  border-radius: 50%;
}

/* -- Buttons colors -------------------------------- */
//# Button template
.btn-temlate (@color500; @color600; @color700; @color800; @color900) {
  background-color: @color500; // Color 500
  
  &:hover {
    background-color: @color600; // Color 600
  }
  
  &:active, &.active {
    background-color: @color600; // Color 600
  }
  
  &:focus {
    background-color: @color700; // Color 700
  }
  
  &:disabled, &.disabled, &[disabled] {
    background-color: darken(#ccc, 10%);
  }
  
  //## color for riple-effect
  .ink {
    background-color: @color800; // Color 800
  }
}
.btn-flat-temlate (@color500; @color600; @color700; @color800; @color900) {
  color: @color500; // Color 500
  background-color: transparent;
  
  &:hover {
    color: @color600; // Color 600
    background-color: lighten(#999, 30%);
  }
  
  &:active, &.active {
    color: @color700; // Color 700
    background-color: lighten(#999, 20%);
  }
  
  &:focus {
    color: @color800; // Color 800
    background-color: lighten(#999, 20%);
  } 
  
  //## color for riple-effect
  .ink {
    background-color: darken(#ccc, 30%);
  }
}

//## Default // color: white
.btn-default, .dropdown-toggle.btn-default {
  .btn-temlate(#fff; lighten(#999, 30%); lighten(#999, 20%); lighten(#999, 12%); lighten(#999, 20%);) 
}
.btn-flat.btn-default {
  .btn-flat-temlate(#212121; darken(#212121, 5%); darken(#212121, 12%); #000; #000;) 
}

//## Primary // color: blue
.btn-primary, .dropdown-toggle.btn-primary {
  .btn-temlate(#5677fc; #4e6cef; #455ede; #3b50ce; #2a36b1;) 
}
.btn-flat.btn-primary {
  .btn-flat-temlate(#5677fc; #4e6cef; #455ede; #3b50ce; #2a36b1;) 
}

//## Success // color: green
.btn-success, .dropdown-toggle.btn-success {
  .btn-temlate(#259b24; #0a8f08; #0a7e07; #056f00; #0d5302;)   
}
.btn-flat.btn-success {
  .btn-flat-temlate(#259b24; #0a8f08; #0a7e07; #056f00; #0d5302;) 
}

//## Info // color: light blue
.btn-info, .dropdown-toggle.btn-info {
  .btn-temlate(#03a9f4; #039be5; #0288d1; #0277bd; #01579b;)   
}
.btn-flat.btn-info {
  .btn-flat-temlate(#03a9f4; #039be5; #0288d1; #0277bd; #01579b;) 
}

//## Warning // color: amber
.btn-warning, .dropdown-toggle.btn-warning {
  .btn-temlate(#ffc107; #ffb300; #ffa000; #ff8f00; #ff6f00;)   
}
.btn-flat.btn-warning {
  .btn-flat-temlate(#ffc107; #ffb300; #ffa000; #ff8f00; #ff6f00;)   
}

//## Danger // color: deep orange
.btn-danger, .dropdown-toggle.btn-danger {
  .btn-temlate(#ff5722; #f4511e; #e64a19; #d84315; #bf360c;)   
}
.btn-flat.btn-danger {
  .btn-flat-temlate(#ff5722; #f4511e; #e64a19; #d84315; #bf360c;)  
}

/* -- Buttons sizes -------------------------------- */
.btn {
  min-width: 88px;
  padding: 10px 14px;
}

.btn-lg, .btn-group-lg>.btn {
  min-width: 122px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3; 
}

.btn-sm, .btn-group-sm>.btn {
  min-width: 64px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs, .btn-group-xs>.btn {
  min-width: 46px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
}

.btn-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  
  span {
    line-height: 56px;
  }
}

.btn-circle.btn-lg {
  width: 78px;
  height: 78px;
  min-width: 78px;
  
  span {
    line-height: 78px;
  }
}

.btn-circle.btn-sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
  
  span {
    line-height: 40px;
  }
}

.btn-circle.btn-xs {
  width: 30px;
  height: 30px; 
  min-width: 30px;
  
  span {
    line-height: 30px;
  }
}


/*-- Button groups --------------------------------- */
.btn-group .btn {
  border-radius: 2px;
}

.btn-group.open .dropdown-toggle {
  outline: 0;
  outline-offset: 0;  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: 0;
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover {
  z-index: 0;
}
 .btn-group>.btn:focus:hover, .btn-group-vertical>.btn:focus:hover, .btn-group>.btn:active:hover, .btn-group-vertical>.btn:active:hover, .btn-group>.btn.active:hover, .btn-group-vertical>.btn.active:hover {
  z-index: 2;
}



/* -- Ripple effect -------------------------------- */
.ripple-effect {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.ink {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  background: #fff;
  opacity: 1;
}

// animation effect
.ink.animate {
  -webkit-animation: ripple .5s linear;
  -moz-animation: ripple .5s linear;
  -ms-animation: ripple .5s linear;
  -o-animation: ripple .5s linear;
  animation: ripple .5s linear;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-ms-keyframes ripple {
  100% {
    opacity: 0;
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
    transform: scale(2.5);
  }
}

/* -- Input styles ---------------------------------- */
.form-group {
  position: relative;
  margin-top: 35px;
  margin-bottom: 20px;
}
.input-group {
  position: relative;
}
.form-control {
  display: block;
  height: 36px;
  width: 100%; 
  border: none;
  border-radius: 0 !important;

  font-size: 16px;
  font-weight: 300;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #757575;
}
.input-group .form-control {
  position: relative;
  z-index: inherit;
  float: inherit;
  width: 100%;
  margin-bottom: 0;
}
.form-control:focus {
  border-color: #757575;
  outline: none;
  box-shadow: none;
}

/* -- label styles ---------------------------------- */
label {
  position: absolute;
  top: -18px;
  color: #999;
  font-size: 12px;
  font-weight: 300;
  
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.form-horizontal .control-label {
  position: relative;
  top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    font-size: 16px;
  }
}
  




.float-label {
  left: 0;
  top: 7px;
  font-size: 16px;
  pointer-events: none;
}

/* active state */
.form-control:focus ~ .float-label, .form-control:valid ~ .float-label {
  top: -18px;
  font-size: 12px;
}


/* input colors ---- */
// default
.form-control:focus {
  ~ label {
    color: #03a9f4;
  }
  
  ~ .form-bar:before, ~ .form-bar:after {
    background: #03a9f4;
  }
}




.form-control:valid ~ .control-label {

}

/* help-block */
.form-group .help-block {
  position: absolute;
}

.help-block {
  color: #bdbdbd; // caption
  font-size: 12px;
  font-weight: 300;
}

/* input addon ---*/
.input-group-addon {
  border: none;
  background: transparent;
}

/* ------  inline ----*/
.input-group-addon, .form-inline .input-group {
  display: table-cell;
}

.input-group-addon, .input-group-btn {
  width: inherit;
}

.input-group {
  width: 100%;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    margin-top: 16px;
  }
  
  .input-group-btn, .input-group .form-control, .input-group-addon, .form-inline .input-group {
    display: inline-block;
  }
  
  .input-group {
    width: auto;
  }
}

/* -- bar styles -------------------------------------- */
.form-bar {
  position: relative;
  display: block;
  width: 100%;
}
.form-bar:before, .form-bar:after 	{
  content: '';
  height: 1px;
  width: 0;
  bottom: 0;
  position: absolute;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}
.form-bar:before {
  left: 50%;
}
.form-bar:after {
  right: 50%;
}

/* active state */
.form-control:focus ~ .form-bar:before, .form-control:focus ~ .form-bar:after {
  width: 50%;
}

/* -- highlighter styles ------------------------------ */
.form-highlight {
  position: absolute;
  height: 60%;
  width: 60px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.4;
}

/* active state */
.form-control:focus ~ .form-highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* -- highlighter animation --------------------------- */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to { width:0; background:transparent; }
}


/*-- Checkbox --------------------------- */
// fork from https://codepen.io/jasonmayes/pen/wxtFr
/* 
 * Core styles required for the checkboxes.
 * @author Jason Mayes 2014, www.jasonmayes.com
*/
.form-group.checkbox {
  margin-top: 20px;
}

.checkbox input[type='checkbox'] {
  height: 0;
  width: 0;
  opacity: 0;
}

.checkbox label {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 10px;
  padding-left: 0;
}

.checkbox .chk-span {
  top: 0;
  border: 1px solid #5a5a5a;
  color: #1d1d1d;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 14px;
  margin: 0 14px 14px 1px;
  outline-color: #eaeaea;
  padding: 0;
  position: relative;
  width: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.checkbox .chk-span.checked {
  top: -2px;
  border-left: 2px solid #03a9f4;
  border-bottom: 4px solid #03a9f4;
  border-top: 1px solid rgba(0,0,0,0);
  border-right: 1px solid rgba(0,0,0,0);
  -webkit-transform: rotate(-45deg) scaleY(0.5);
  -moz-transform: rotate(-45deg) scaleY(0.5);
  -ms-transform: rotate(-45deg) scaleY(0.5);
  -o-transform: rotate(-45deg) scaleY(0.5);
  transform: rotate(-45deg) scaleY(0.5);
}

// Checkbox colors
.checkbox .chk-span.checked {
  border-left-color: #03a9f4;
  border-bottom-color: #03a9f4;
}

// focus state
.checkbox input[type='checkbox']:focus ~ label {
  
  color: #03a9f4;
  
  .chk-span {
    border-color: #03a9f4;
    &.checked {
      border-left-color: #03a9f4;
      border-bottom-color: #03a9f4;
      border-top: 1px solid rgba(0, 0, 0, 0);
      border-right: 1px solid rgba(0, 0, 0, 0);
    }
  }
}



@media (min-width: 768px) {
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 5px;
  }
}





.form-control-static {
  font-size: 16px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: transparent;
  border-bottom-style: dashed;
}




form.login-update{
}

form.login-update label{
    padding:0px;
    color: #333;
}
.rangeslider--horizontal{
    width:70%;
}
.countrypicker li{
    width:100%;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 50px !important;
}
.btn{
    min-width:95px !important;
}
.search{
	border: 1px solid #999;
	border-radius: 5px;
	padding: 8px;
        font-size:13px;
}
.searchbut {
	color: #333;
	background-color: #ccc;
	padding: 10px;
	border-radius: 5px;
	font-size: 13px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
        margin-left:10px;
}
.searchbut:hover{
    cursor: pointer;
    background-color:#666;
    color:#fff;
}