/* css for table view */
.table-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 18px;
}
.p-status-active {
    background: #0edd00;
    color: white;
    padding: 6px 10px 6px 10px;
    display: flex;
    align-items: baseline;
    max-width: 110px;
}
.p-status-d-active{
  background: #ff0404; 
  color: white;
  padding: 6px 10px 6px 10px;
  display: flex;
  align-items: baseline;
  max-width: 110px;
}
.p-action a:hover{
    color:white !important;
}
.p-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.p-action-edit {
    background: #1b54ab;
    color: white;
    padding: 6px 10px 6px 10px;
        margin: 0px 5px 5px 0px;
}
.p-action-archieve {
    background: #fa0000;
    color: white;
    padding: 6px 10px 6px 10px;
        margin: 0px 5px 5px 0px;
}
.p-action-details {
    background: #ff7a00;
    color: white;
    padding: 6px 20px 6px 13px;
        margin: 0px 5px 5px 0px;
}


/* css for table view end */


.proj-btn {
      border: none;
      outline: none;
      padding: 12px 16px;
      background-color: #f1f1f1;
      cursor: pointer;
    }

    .proj-btn:hover {
      background-color: #1f56a8;
      color: white;
    }

    .proj-btn.active {
      background-color: #1f56a8;
      color: white;
    }
    

.collapsedsidebar #page-wrapper {
    margin: 0 0 0 70px;
    transition: 0.6s ease;
}
.collapsedsidebar .sidebar {
    width: 70px !important;
  
    transition: 0.6s ease;
}
.collapsedsidebar #side-menu li a{
  font-size: 0;
}
.collapsedsidebar #side-menu li a .fa {
    font-size: 21px;
    text-align: center !important;
    float: none;
}
.collapsedsidebar span.fa.arrow {
    display: none;
}
.collapsedsidebar .sidebar-nav.navbar-collapse > a {
    opacity: 0 !important;
    position:absolute;
    left: -400px;
    transition: 0.8s ease;
}
.sidebar-nav.navbar-collapse > a{
  transition: 0.6s ease;
}
.sidebar-nav.navbar-collapse > a {
  opacity: 1; 
  position: relative;
}
.sidebar {
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.collapsedsidebar .animating-width {
  width: 250px;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

#side-menu li a{
  transition: font-size 0.5s ease;
}
.page-header {
    padding-bottom: 0px;
    margin: 40px 0 11px;
}

body{
	font-family:'Montserrat', Arial, Helvetica, sans-serif !important;
}
.blockMsg{
	color:#FFF;
}
span.countofitems {
    float: right;
    font-size: 18px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover>.faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}

.navbar-brand img {width: 200px; margin-top: 0px;}
@media(max-width:1200px){
  .col-lg-12 .business_name {
  text-align: right;
  width: 100%;
}
}

@media(min-width:780px){
div#popupafteragreement .modal-dialog {
    width: 750px !important;
    height: 80% !important;
    margin-top: 5%;
}}
.sidebaradd {
    width: 100% !important;
    padding: 14px;
    max-width: 100% !important;
}

.html5gallery-car-mask-0 {
    left: 0px !important;
    margin: 0 auto;
    display: block;
    right: 0px;
}
.html5gallery-title-0 {
    display: none !important;
}
#popupafteragreement .modal-dialog .html5gallery .html5gallery-box-0 a div{
    display: none !important;
}

@media only screen and (max-width: 767px){
  .navbar-default {
  min-height: 0;
  background-color:#1b54ab !important;
  }

  .page-header {
  margin: 70px 0 20px;
  }
  .dropdown {
    float: left;
    margin-top: 0 !important;
  }

  .navbar-collapse {
    width: 100%;
  }
  .navbar-default.sidebar {
    margin-top: 0;
  }
}
@media(max-width:546px){
#wrapper .business_name {
  font-size: 18px;
  position: relative;
  right: -15px;
  top: 36px;
}
#page-wrapper {
  padding: 50px 15px;
}
}
@media(max-width:515px){
.navbar-brand img {
  width: 300px;
  margin-top: -10px;
}

}
@media(max-width:468px){
.navbar-brand img {
  width: 220px;
  margin-top: 2px;
  }
}
@media(max-width:390px){
.navbar-top-links li a {
  padding: 14px;
}
.dropdown {
  left: 0px;
  }
.navbar-top-links li:last-child {
  margin-right: 0px;
}
}
@media only screen and (min-width: 800px){
  #login .col-md-offset-4 {
      margin-left: 32%;
  }
  #login .col-md-4{
      width: 37%;
  }
}
@media only screen and (min-width: 1200px){
  #register .col-md-offset-4 {
      margin-left: 32%;
  }
  #register .col-md-4 {
      width: 37%;
  }

}

.navbar-top-links li:last-child{
  margin-right: 0px !important;
}
#login .panel-head, #register .panel-head{
width:100%; 
text-align:center;
padding: 5px 30px 5px 30px;
background:#1b54ab;
}
.dashboard-border{
	border-bottom:1px solid #677bad;
	margin-bottom:20px;
	margin-top:20px;
	width:100%;
	display:inline-block;
}
.page-header{
	color: #FFF;
	border:none;
}
.home-heading{
	line-height:0px;
}
.agencey_permotion{
	color:#FFF;
}
.agencey_permotion ul{
	margin:0px;
	padding: 0px 0px 0px 15px;
}
.agencey_permotion ul li{
	font-size: 12px;
}
h1.page-header{
	font-size:20px;
	font-family: 'Montserrat' , Arial, Helvetica, sans-serif !important;
	font-weight:600;
}
h1.page-header img{
	width: 40px;
    height: 40px;
    background: none;
    border-radius: 50%;
}
.panel.panel-default .panel-heading a{
	color:#FFF !important;
	font-size:13px;
}
.panel.panel-globital {
	border-color:#1b54ab;
}
.panel.panel-globital .panel-heading {
    background: #1b54ab;
    color: #FFF;
}
#login .panel-default > .panel-heading, #register .panel-default > .panel-heading {
  margin: 30px 40px 0 40px;
}
#login .panel-body, #register .panel-body{
  margin: 5px 30px 0 30px;
}
#login{
  margin-top: 7%;
}
#register {
  margin-top: 3.5%;
}
#login .login-btn, #register .login-btn {
  border-radius: 0;
  background-color: #1b54ab;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  font-size: 14px;
}
.login-btn:hover {
  background-color: #fc3 !important;
}
#login .checkbox {
  margin: 15px 0 15px 0;
}
#register .g-recaptcha {
  max-width: 200px;
}

#side-menu li a{
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(247,251,254,1) 55%, rgba(247,251,254,1) 60%, rgba(247,251,254,1) 67%, rgba(218,234,247,1) 93%, rgba(208,229,246,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(247,251,254,1) 55%,rgba(247,251,254,1) 60%,rgba(247,251,254,1) 67%,rgba(218,234,247,1) 93%,rgba(208,229,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(247,251,254,1) 55%,rgba(247,251,254,1) 60%,rgba(247,251,254,1) 67%,rgba(218,234,247,1) 93%,rgba(208,229,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0e5f6',GradientType=0 ); /* IE6-9 */
  color: #1956a9 !important;
  font-family:'Montserrat', Arial, Helvetica, sans-serif !important;
  font-weight:400;
}

.nav>li>a:hover, .nav>li>a:focus{
	background:#428bca;
}
#side-menu li{
  background: rgb(29,37,41); 
  background: -moz-linear-gradient(top, rgba(29,37,41,1) 0%, rgba(40,50,56,1) 50%, rgba(40,50,56,1) 51%, rgba(29,37,41,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(29,37,41,1) 0%,rgba(40,50,56,1) 50%,rgba(40,50,56,1) 51%,rgba(29,37,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(29,37,41,1) 0%,rgba(40,50,56,1) 50%,rgba(40,50,56,1) 51%,rgba(29,37,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2529', endColorstr='#1d2529',GradientType=0 ); /* IE6-9 */
}
.sidebar ul li {
  border-bottom: 1px solid #b0d4ee;
}
.navbar.navbar-default.navbar-static-top{
  height: 90px;
  background: #1b54ab; /* Old browsers */
  
}
.navbar-right{
	float: right!important;
  border: 1px solid #FFF;
  margin-top: 18px;
	border-radius:5px;
	margin-right:10px;
	padding: 10px 5px;
}
.dropdown-menu.top_dropdownmenu > li > a:hover, .dropdown-menu.top_dropdownmenu > li > a:focus{
	background:none;
}
footer{
	background:#1b54ab;
}
.navbar-default{
	border-bottom:none !important;
}
.sidebar {
  margin-top: 90px;padding-bottom: 20px;
  top:0px;
}
.nav.nav-second-level.collapse.in li a{
  background: rgb(29,37,41); 
  background: -moz-linear-gradient(top, rgba(29,37,41,1) 0%, rgba(40,50,56,1) 50%, rgba(40,50,56,1) 51%, rgba(29,37,41,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(29,37,41,1) 0%,rgba(40,50,56,1) 50%,rgba(40,50,56,1) 51%,rgba(29,37,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(29,37,41,1) 0%,rgba(40,50,56,1) 50%,rgba(40,50,56,1) 51%,rgba(29,37,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2529', endColorstr='#1d2529',GradientType=0 ); /* IE6-9 */
  color: #999b9c !important;
}
.custom-padding {
  padding: 10px 10px 10px 28px !important;
  border-bottom:1px solid #b0d4ee;
}
.nav.nav-second-level.sub-menu.collapse.in li a {
  padding: 10px 10px 10px 40px;
}
.nav.nav-second-level.sub-menu.collapse.in li a:hover, .nav.nav-second-level.sub-menu.collapse.in li a.active, .dropdown .dropdown-toggle:focus, .dropdown .dropdown-toggle:focus i, .dropdown-menu.dropdown-user.top_dropdownmenu li a i  {
  color: #fff !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.dropdown-menu.top_dropdownmenu{
	background-color: #428bca;
}
.notification-counter,.dropdown a i ,.dropdown .dropdown-toggle {
  color: #FFF !important;
}

.navbar-top-links > li > a{
	color:#FFF !important;
	border-right: 1px solid;
	padding: 5px 15px !important;
	min-height:0px;
}
.navbar-top-links > li:last-child > a{
	border-right:none;
}
.jq-icon-success{
	background-color:#9fe157 !important;
	color:#000;
}
.well{
	background-color:#59a9ea;
	color:#FFF;
}

.jq-icon-error{
	background-color:#e19057 !important;
	color:#000;
}

#wrapper {
  width: 100%;
  background: #FFF;
}
/*
#page-wrapper.main-page-image{
  background: #000b43 url( images/portal-image.jpg ) no-repeat;
  background-size:100%;
  padding-top:20px;
  padding-top:50px;
}*/
.panel-primary{
	border-color: #1b54ab;
}

.navbar-top-links .dropdown-menu li a{
	color:#FFF !important;
}
.panel-primary>.panel-heading{
	background-color: #1b54ab;
    border-color: #1b54ab;
}
.header-center-sign {
    width: 40%;
    float: right;
	padding:30px 0px;
}
.header-center-sign img{
	max-width:400px;
}
.col-lg-12.search_button{
	margin-bottom:10px;
}
#page-wrapper {
  background: #0b3d78 url(images/01.jpg) no-repeat top center;
  background-size:100%;
  padding-top:50px;
  padding-bottom:50px;
  border:none !important;
  transition: 0.6s ease;
}
.btn-group button {
  background: #273238;
  border-color: #273238;
  padding: 10px 15px;
  font-weight: bold;
  color: #f5f5f5;
}
#page-wrapper center{
	color:#FFF;
}
.panel-green .panel-heading{
	border-color: #9bc7ea;
    color: #1d57a8;
    background-color: #9bc7ea;
}
.panel-yellow .panel-heading{
	border-color: #61a7db;
    color: #fff;
    background-color: #61a7db;
}
.panel-yellow{
	border: 1px solid #61a7db !important;
	background-color:#61a7db !important;
}
.panel-green{
	border: 1px solid #9bc7ea !important;
	background-color:#9bc7ea !important;
}
.panel-red{
	border: 1px solid #1e57a8 !important;
	background-color:#1e57a8 !important;
}
.panel-red .panel-heading{
	border-color: #1e57a8;
    color: #fff;
    background-color: #1e57a8;
}
.panel-blue .panel-heading{
	border-color: #154688;
    color: #fff;
    background-color: #154688;
}
.panel-blue{
	border: 1px solid #154688 !important;
	background-color:#154688 !important;
}
.btn.btn-primary.dropdown-toggle {
  border-left: 1px solid #404c53;
  padding: 10px 10px;
}
.project_details label {
  text-transform: uppercase;
}
.project_details .panel-heading {
  background: #1b54ab;
  color: #fff;
}
.project_details .panel{
  border-color: #1b54ab !important;
}
.project_type img{
	width:100%;
}
.project_details .panel-heading {
  border-color: transparent;
}
.btn {
  background: #1b54ab;
  border-color: #1b54ab !important;
  color:#fff !important;
}
.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
}
.btn:hover {
  background: #fc3;
  border-color: #fc3 !important;
  color:#000 !important;
}
.btn:focus {
  background: #fc3;
  border-color: #fc3 !important;
  color:#000 !important;
}
.collapsed{
	color:#FFF;
}
.panel-globital a{
	color:#FFF;
}
.panel-globital .odd a,
.panel-globital .even a{
	color:#428bca;
}
.col-md-11 .form-group label{
	color:#FFF;
}
.details .col-lg-6 .panel-default{
  border-color: #1b54ab;
}
.details .col-lg-6 .panel-heading {
  background: #1b54ab;
  color: #fff;
} 
.shake .panel-yellow .panel-heading {
  border-color: #c70f18;
  color: #fff;
  background-color: #c70f18;
  font-weight: bold;
  padding: 12px 10px 12px 10px;
  font-size: 14px;
 }
.shake .panel-yellow {
  box-shadow: 0px 0px 5px #ddd;
  border: none;
}
#websites_htm_div .panel .panel-heading {
  background: #1b54ab;
  border:none;
}
.shake .btn-group button{
	background: #1956a9;
}
.label-default{
	background-color: #61a7db;
}
#websites_htm_div .panel-yellow {
  border: 1px solid #C70F19;
}

.audit .panel-heading {
  background: #1b54ab;
  color: #fff;
  border:none;
}
.audit .btn {
  width: 100%;
}
.audit .panel {
  border-color: #1b54ab;
}
#side-menu li a:hover {
  background: #1b54ab;
  color: #fff !important;
}
#side-menu li .active {
  background: #1b54ab !important;
  color: #fff !important;
}
.support h3 {
    color: #1956a9;
    font-weight: 700;
    padding-bottom: 10px;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1b54ab;
    border-color: #1b54ab;
}
.panel-default{
	border-color: #1b54ab;
}
.support h4 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.support p {
    color: #595959 !important;
    line-height: 25px;
}
.support .panel {
    padding: 20px 50px 30px;
    border: 1px solid #dbdbdb;
}
.search_button .btn{
	background: none;
    border: 1px solid #FFF !important;
	padding:5px 20px;
}
.search_button .btn .fa{
	padding-left: 10px;
}
input, button, select, textarea{
	font-family:'Montserrat',Arial, Helvetica, sans-serif;
	font-weight:200;
}
i.fa.fa-aud {
    font-family: 'Montserrat',Arial, Helvetica, sans-serif !important;
    font-size: 34px;
    font-weight: bold;
	padding-top:10px;
}
.search-result {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #000;
  max-height: 460px;
  height: auto;
  max-width: 1038px;
  overflow-y: scroll;
  padding: 10px 40px;
  width: 100%;
  z-index: 999;
}
.search-result > ul {
    margin: 0;
    padding: 0;
}
.search-result ul li {
    font-size: 15px;
    list-style: outside none none;
}
.search-result ul li a {
    color: #000;
    line-height: 30px;
}
.search-result ul li a b {
    color: #000000;
}
.free_offer {
  position: absolute;
  top: 0px;
  right: 0;
  width: 70px;
}
.custom_button{
	position: absolute;right: 30px;bottom: 30px;
    z-index: 10000;
}
.second-column{
	position: unset;
}
.panel-green{
	
}
.hide-this{
	float: right;
    cursor: pointer;
}
.project_details .panel-heading{
	text-transform: uppercase !important;
}
.panel-heading{
	font-weight:bold !important;
}
#rankingTool .panel-heading{
	text-transform: none !important;
	font-weight:bold !important;
}
.form-group .panel-green2 {
    border-color: green !important;
	margin-top:10px;
}
.panel-green2 .panel-heading{
  background: #9fe157;
}
.notification{
	background: #FFF !important;
    padding: 1px 20px 50px 20px !important;
    box-shadow: 0px 0px 9px -3px #000000;
    border-radius: 4px;
}
.dropdown-alerts .fa{
	color:#FFF !important;
}
.not-date{
	position:relative;
}
img.new-banner {
    position: absolute;
    width: 39px;
    top: -2px;
    right: 0px;
}
.btn-pramiry:hover,
.btn-pramiry:focus,
.btn-pramiry:active{
	border:1px solid #000 !important;
}
.panel-default > .panel-heading {
    line-height: 34px !important;
}
ul.article_categries {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.article_categries li {
    float: left;
    width: 30%;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #61a7db;
    /* box-shadow: 0px 2px 6px -3px #b1b0b0; */
    border-left: 10px solid #61a7db;
    box-shadow: inset 0 0 0 0 #61a7db;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    padding: 11px;
    border-radius: 81px;
}
.article_categries li:hover{
box-shadow: inset 674px 0 0 0 #61a7db;
    border-color: #61a7db;
    background: #61a7db;
}
.article_categries li:hover > a{
	color: #fff;
	text-decoration: none;
}

.article_categries li a{
	padding: 10px 10px;
	display:block;
	transition: all ease 0.8s;
	color:#fff;
	font-size: 19px;
}
.article-content {
    background: #FFF;
    padding: 10px 20px !important;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0px 0px 6px -3px #000;
	margin-bottom: 20px;
}
.article-content h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.article-content span.meta{
	font-size: 12px;
    font-style: italic;
}
.article-text {
    margin-top: 20px;
	margin-bottom: 20px;
}
.article-text h1{
	font-size:24px;
}
.article-text h2 {
	font-size:20px;
	border-bottom:none;
}
.article-text h3 {
	font-size:18px;
}
.effects .img img{
	width:100% !important;
}
.custom-padding b, .custom-padding i, .custom-padding span{
	color:#1956a9 !important;
}
#side-menu li a:hover > .arrow{
	color:#FFF !important;
}

@media (min-width: 1560px){
	.panel-body.img{
		height:500px !important;
	}
}
@media (max-width: 1200px){
	.panel-body.img{
		height:350px !important;
		text-align:center;
	}
	.panel-body img{
		max-width:400px !important;
		display:inline-block !important;
	}
}

@media (max-width: 1100px){
	.article_categries li {
		width:45%;
	}
}
@media (max-width: 850px){
	.article_categries li:hover{
		box-shadow: inset 200px 0 0 0 #c80803;
		
		border-color: #c80803;
	}
}
@media (max-width: 767px){
	
	.article_categries li {
		width:48%;
	}
	.article_categries li:hover{
		box-shadow: inset 320px 0 0 0 #c80803;
		
		border-color: #c80803;
	}
}
@media (max-width: 414px){
	.article_categries li {
		width:100%;
		float:none;
	}
	.article_categries li:hover{
		box-shadow: inset 400px 0 0 0 #c80803;
		
		border-color: #c80803;
	}
}
.hinting{
	border: 1px solid #59a9ea;
    padding: 10px;
    margin-bottom: 15px;
    background: #59a9ea;
    border-radius: 5px;
}
.navbar-toggle{
	background-color:#9bc7ea;
}
.navbar-default .navbar-toggle{
	border-color: #9bc7ea;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #fc3;
}

#giveafeed1{
	position: fixed;
    top: 130px;
    right: -80px;
    padding: 10px 10px 10px 20px;
    background: #df8e57;
    color: #FFF;
    font-weight: bold;
    z-index: 99999;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
}
#giveafeed1 .icon{
		cursor:pointer;
}
#giveafeed1 #giveafeed{
	color: #FFF;
    font-weight: bold;
}
#giveafeed1 #giveafeed .givefeed{
	
	margin-right:10px;
}
#giveafeedshow{
	position:fixed;
	left:0;
	top:0;
	background:rgba( 0,0,0,0.5 );
	width: 100%;
    height: 100%;
    z-index: 999999999;
	display:none;
}
#giveafeedshow .givefeedinner{
	margin:50px auto;
	max-width:500px;
	background:#FFF;
	padding:10px;
	position:relative;
}
.givefeedinner span.closefeed{
	position: absolute;
    top: -10px;
    right: -10px;
    background: #1b54ab;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 5px 0px;
    color: #FFF;
	cursor: pointer;
}
.aggrement_notice.well.well-sm {
    background: #df8e57;
    font-weight: bold;
    padding: 20px 20px;
    text-align: justify;
	color: #FFF;
}

.video_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.video_inner {
    width: 50%;
    margin: 50px auto;
	padding: 20px;
    background: #FFF;
	position:relative;
}
.cross_video_popup{
	position: absolute;
    top: -15px;
    right: -15px;
    font-weight: bold;
    padding: 5px 9px 4px  10px;
    background: #000;
    border-radius: 50px;
    color: #FFF;
    cursor: pointer;
}

/*custom bootstrap dropdown css*/
.shake .btn-group{
	width:100%;
}
.shake .btn-group .btn-primary,
.shake .btn-group .dropdown-toggle,
.dropdown-menu.bullet.pull-center:after,
.dropdown-menu.bullet.pull-center:before{
	display:none;
}
.shake .btn-group .dropdown-menu{
	width:100%;
	display: flex !important;
	right: inherit;
	background: none;
	box-shadow:none;
	border:none;
}
.shake .btn-group .dropdown-menu li{
	/* float:left; */
  margin-right: 2px;
}
.shake .btn-group .dropdown-menu>li>a{
	padding: 8px 12px;
	color: #FFF;
}
.shake .btn-group .dropdown-menu>li>a:hover{
	background: #1b54ab;
}
.shake .btn-group .dropdown-menu>li>a.edit_web {
	background: #1b54ab;
}
.shake .btn-group .dropdown-menu>li>a.edit_web:hover {
    background: #1b54ab;
}
.shake .btn-group .dropdown-menu>li>a.details_web {
	background: #61a7db;
}
.shake .btn-group .dropdown-menu>li>a.details_web:hover {
    background: #61a7db;
}
.shake .btn-group .dropdown-menu>li>a.archive_web {
	background: red;
}
.shake .btn-group .dropdown-menu>li>a.archive_web:hover {
    background: red;
}
.shake .btn-group .dropdown-menu>li>a.complete_web {
	background: green;
}
.shake .btn-group .dropdown-menu>li>a.complete_web:hover {
    background: green;
}

@media ( min-width:1601px ) AND ( max-width:1920px ){
	.shake .btn-group .dropdown-menu>li>a{
		padding: 8px 10px;
	}
}
@media ( max-width:991px ){
	.header-center-sign{
		width: 33%;
	}
	.header-center-sign img {
		max-width: 85%;
	}
	.navbar-right{
		padding: 10px 0px;
	}
	.navbar-top-links > li > a{
		padding: 5px 5px !important;
	}
}
@media ( max-width:850px ){
	.header-center-sign {
		display:none;
	}
}
@media ( max-width:767px ){
	.navbar.navbar-default.navbar-static-top{
		height:auto;
	}
	.navbar-right{
		margin-top:0px;
		margin-bottom:5px;
	}
	.navbar-top-links > li > a{
		padding: 5px 10px !important;
	}
	.givefeedinner{
		max-width:80%;
	}
}
@media ( max-width:575px ){
	.navbar-right{
		margin-top:30px;
		margin-bottom:5px;
	}
}
@media ( max-width:320px ){
	.navbar-top-links > li > a{
		padding: 5px 5px !important;
	}
	h1.page-header{
		font-size:15px;
	}
	.last_login{
		font-size:10px !important;
		margin-left: 45px;
	}
}
a.btn.btn-pramiry.pull-right {
    background: #59a9ea;
}
a.btn.btn-pramiry.pull-right:hover {
    background: #fc3;
    border-color: #fc3 !important;
    color: #000 !important;
}

#change_seo_keyword,
#change_local_seo_keyword,
#change_premium_seo_keyword{
	margin-bottom:8px;
}

#websites_htm_div .panel-body.img {
    width: 100%;
    float: left;
    background: white;
    margin-bottom: 0px !important;
}
#websites_htm_div .panel-heading {
    width: 100%;
    float: left;
}
#websites_htm_div .panel-footer {
    width: 100%;
    float: left;
}
#websites_htm_div ul.dropdown-menu.bullet.pull-center.pull-top {
    position: initial !important;
        /* min-height: 90px; */
}
#websites_htm_div .panel-body.img { height: auto !important; }
#websites_htm_div .col-lg-4.shake {
    margin-top: 20px;
}

#websites_htm_div .panel.effects.panel-yellow {
    float: left;
    width: 100%;
}
.arrowpagenation {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 25px;
}
.bootbox.modal.fade.in {
    z-index: 444444444444444444444;
}
.mt-5{
  margin-top:20px;
}
.welcome{
  max-width: 700px;
  margin: auto 5%;
  color:#FFF;
  text-align:left;
}
.text-white{
  color:#FFF;
}
.text-center{
  text-align: center;
}
.d-none{
  display: none;
}