/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
.filter-products-block label, .filter-products-block input, .filter-products-block select,
.filter-products-block a  {
    font-size: 10px!important;
}
.filter-products-block .form-group {
    margin: 0;
    padding: 0
}
.comment-scrollbar, .timeline-scrollbar, .messages-scrollbar, .project-list-scrollbar {
    height: 600px;
}
#mCSB_1_dragger_vertical {
    height: 150px!important
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px!important
}

.mCSB_outside + .mCSB_scrollTools {
    right: -23px!important
}
/*==============================================
    MAIN BOX  STYLES    
    =============================================*/
.main-box {
    height: 120px;
    text-align:center;
    padding:20px;
    border-radius:5px;
    -moz-border-radius:5px ;
    -webkit-border-radius:5px;
    margin-bottom:40px;
}
    .main-box a,.main-box a:hover {
        color:#fff;
        text-decoration:none;

    }
.mb-dull {
    background-color:#8F8F2C;
}
.mb-red {
    background-color:#FD4444;
}
.mb-pink {
    background-color:#FF2F71;
}
.mb-blue {
    background-color:#05BAFD;
}
.mb-green {
    background-color:#29DD16;
}
.mb-orange {
    background-color:#F89405;
}
.mb-brown {
    background-color:#664120;
}
.mb-dark-blue {
    background-color:#4A2581;
}
.mb-dark-purple {
    background-color:#DC42B2;
}

.mb-light-orange {
    background-color: #FA9C64;
}
.fa-tag {
    color: #7E4693;
}

.fa-birthday-cake{
    color: #FA9C64
}

.main-box h5 {
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
}

.mb-dull-border {
    color:#8F8F2C;
    border: 2px solid #8F8F2C;
}
.mb-dull-border:hover {
    background-color:#8F8F2C;
    
}

.mb-dull-border i, .mb-dull-border h5{
    color:#8F8F2C;    
}
.mb-red-border {
    border: 2px solid #F10718;
}
.mb-red-border:hover {
    background-color: #F10718;
}
.mb-red-border i, .mb-red-border h5 {
    color: #F10718
}
.mb-pink-border {
    border: 2px solid #FF2F71
}
.mb-pink-border:hover {
    background-color: #FF2F71
}

.mb-pink-border i, 
.mb-pink-border h5{
    color: #FF2F71
}

.mb-dark-pink-border {
    border: 2px solid #910C36
}
.mb-dark-pink-border:hover {
    background-color: #910C36
}

.mb-dark-pink-border i, 
.mb-dark-pink-border h5{
    color: #910C36
}

.mb-grey-border {
    border: 2px solid #8D7C81
}
.mb-grey-border:hover {
    background-color: #8D7C81
}

.mb-grey-border i, 
.mb-grey-border h5{
    color: #8D7C81
}
.mb-blue-border {
    color:#05BAFD;
    border: 2px solid #05BAFD;
}

.mb-blue-border i, 
.mb-blue-border h5{
    color:#05BAFD;
}
.mb-green-border {
    border: 2px solid #29DD16;
}
.mb-green-border:hover {
    background-color: #29DD16;
}
.mb-green-border i, 
.mb-green-border h5 {
    color: #29DD16;
}
.mb-dark-green-border {
    border: 2px solid #0E5D06;
}
.mb-dark-green-border:hover {
    background-color: #0E5D06;
}
.mb-dark-green-border i, 
.mb-dark-green-border h5 {
    color: #0E5D06;
}
.mb-orange-border {
    color:#F89405;
    border: 2px solid #F89405;
}
.mb-orange-border i, .mb-orange-border h5 {
    color:#F89405;
}
.mb-brown-border {
    color:#664120;
    border: 2px solid #664120;
}

.mb-brown-border:hover {
    background-color:#664120
}
.mb-brown-border i, .mb-brown-border h5 {
    color:#664120;
}
.mb-purple-border {
    color:#AF2AFB;
    border: 2px solid #AF2AFB;
}
.mb-purple-border:hover {
    background-color:#AF2AFB
}
.mb-purple-border i, .mb-purple-border h5 {
    color:#AF2AFB;
}

.mb-blue-border:hover {
    background-color: #05BAFD;
    color: #fff
   
}
.mb-orange-border:hover {
    background-color: #F89405;
    color: #fff
}
.mb-orange-border:hover h5, 
.mb-orange-border:hover i,
.mb-blue-border:hover h5,
.mb-blue-border:hover i, 
.mb-brown-border:hover i, 
.mb-brown-border:hover h5,
.mb-purple-border:hover i, 
.mb-purple-border:hover h5,
.mb-dull-border:hover i, 
.mb-dull-border:hover h5,
.mb-red-border:hover h5,
.mb-red-border:hover i, 
.mb-pink-border:hover h5,
.mb-pink-border:hover i, 
.mb-dark-pink-border:hover h5,
.mb-dark-pink-border:hover i, 
.mb-green-border:hover h5,
.mb-green-border:hover i, 
.mb-dark-green-border:hover h5,
.mb-dark-green-border:hover i, 
.mb-grey-border:hover h5,
.mb-grey-border:hover i {    
    color: #fff
}


/*==============================================
    CHAT WINDOW  STYLES    
    =============================================*/

.chat-widget-main {
    max-height:500px;
    padding:20px;
    overflow:auto;
}
.chat-widget-left:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #6792d5;
    border-width: 15px;
    margin-left: -15px;
   
}

.chat-widget-left {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #6792d5;
    font-size:14px;
   
}
.chat-widget-right:after {
    top: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #d51111;
    border-width: 15px;
    margin-left: -15px;
}

.chat-widget-right {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #d51111;
    font-size:14px;
    
}

.chat-widget-name-left {
    color: #6792d5;
    margin-top: 30px;
    margin-left: 60px;
    text-align:left;
    font-weight:900;
    padding-bottom:20px;
    font-size:16px;
}
.chat-widget-name-right {
    color: #d51111;
    margin-top: 30px;
    margin-right: 60px;
    font-size:16px;
    text-align:right;
    font-weight:900;
    padding-bottom:20px;
    

}

/*==============================================
        Reviews Styles
    =============================================*/
#reviews {
    min-height:180px;
    background-color:#64A2DB;
	padding:15px;
}
#reviews h4 {
color: #fff;
line-height: 30px;
font-size: 16px;
}
#reviews .user-img {
border: 2px solid #fff;
overflow: hidden;
border-radius: 50%;
display: inline-block;
}

#reviews .img-u {
   max-height: 90px;
max-width: 90px;
}

#reviews .c-black {
    color:#fff;
    font-style: italic;
font-size: 20px;
padding: 5px;
}

/*==============================================
        NOTICE BOX STYLES
    =============================================*/

.noti-box {
min-height: 100px;
color:#fff;
padding: 20px;
}
.noti-box .icon-box {
display: block;
float: left;
margin: 0 15px 10px 0;
width: 70px;
height: 70px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 40px;
}
.bg-color-black {
background-color: #424242;
color: #fff;
}
.main-text {
font-size: 25px;
font-weight: 600;
}
.color-bottom-txt {
font-size: 16px;
line-height: 30px;
}
.panel-back {
background-color: #929292;
}

/*==========================================
   GALLERY/ PORTFOLIO STYLES
    =====================================================*/

#port-folio {
    padding-top: 10px; 
    padding-bottom: 100px; 
}
.portfolio-item {
    border:1px solid #000;
    margin:3px;
}
    .portfolio-item p {
        padding:12px;
        color:#fff;
        line-height:25px;
    }

.portfolio-item .overlay {
   
  background-color: #000;
  text-align: center;
  padding-bottom:30px;
  
}

/*==========================================
   GALLERY/ PORTFOLIO FILTER STYLES
    =====================================================*/
ul#filters {
	padding: 0px;
}
#filters {
	margin: 3% 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
	#filters li {
		display: -webkit-inline-box;
	}
	#filters li span {
		display: block;
		padding: 5px 4px;
		text-decoration: none;
		color: #d51111;
		cursor: pointer;
		font-size: 18px;
	}
 	#port-folio .portfolio-item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width: 100%;		
        opacity:.2;
		float:left;
		overflow:hidden;
	}

    #product-info {
        margin-top: 30px
    }

    /*tooltip*/

   /*LOADER GIF*/

   .loader {
        position: fixed;
        left: 40%;
        top: 40%;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        z-index: 9999;
        background: url('../img/ajax-loader.gif') no-repeat center #F8F6F6;
   }
   .loader-icon {
        position: fixed;
        /*left: 40%;
        top: 40%;*/
        top: 0;
        left: 0;
        padding: 5px;
        width: 100%;
        height: 100%;
       /* width: 250px;
        height: 250px;*/
        /*border-radius: 50%;*/
        z-index: 9999;
        color: rgba(89, 87, 87, 0.5);
        background-color: rgba(255, 255, 255, 0.3);
       font-size: 260px;
   }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

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

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

.fa-circle-o-notch {
  display: inline-block;
  position: relative;
  top: 40%;
  left: 40%;
  /*margin: 50px;*/
  -moz-animation: spin 3s infinite linear;
  -o-animation: spin 3s infinite linear;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear; }


   .navbar-header {
    padding-left: 15px;
   }

   .table-bordered td {
    border: 1px solid #ccc;
   }

   .main-pic img {
    height: 100px;
    margin: 6px;
    
   }
   .btn {
    display: inline-block;
    margin: 1px
   }
  .inline-form {
    display: inline-block
   }


   /*********************************************/
   /*************EDIT PICTURE MODULE*************/
   /*************THUMB PICTURES******************/

   /*@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700";*/

.mt40 { margin: 20px; }

.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
p.thumbs { overflow: hidden; height: 128px; padding: 0}
p.thumbs img { display: block; margin: 0; width: 100%; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}

.thumb-footer { height: 42px; padding: 8px; background-color: #f9f9f9; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }  
form .thumb-footer { height: 42px; padding: 8px; background-color: #f9f9f9; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }  
form.add-thumb-form {
    position: relative
}

 .thumb-pic input {
    width: 30px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    
 }

 .thumb-pic .fa-save {
    color: #0DED2D
 }

 .thumb-pic .fa-minus-circle {
    color: #FD0303
 }
 .add-thumbs-img button {
    margin-top: 50%;
 }

td.img {
    padding: 8px
}

.add-thumb {
    height: 182px
}

.add-thumb form label{
    margin-top: 50%
}
article .thumb-footer {
    position: relative
}


article .thumb-footer label {
    margin: 0;
    display: inline;
    position: absolute;
    top: 4px;
    left: 2px
}
article .thumb-footer span:first-of-type {  
    
    left: 60px;    
}
article .thumb-footer span:last-of-type {  
    position: absolute;
    top: 4px;
    right: 2px;
}

article button, article .thumb-footer span button {
    margin-top: 0;
    border: none;
    background-color: #f9f9f9
}
label.plus {
    margin-top: 50%
}

.change-sort-order {
    background-color: rgba(239, 233, 43, 0.5);
}

/*********ERROR MESSAGES*********/
.alert {
    margin: 6px
}
a.error-delete, a.error-delete:hover {
    color: #a94442;   
    text-decoration: none;
    float: right
}

a.info-delete, a.info-delete:hover {
    font-weight: bold;   
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: -10px;
    left: 26px
}
td {
    padding: 5px
}

.error-qp a, .success-metas-desc a {
    float:right;
    text-decoration: none;
    color: #000
}

.error-file-qp, .error-file-qp:hover {
    color: #a94442;
    position: relative;
    top: -78px;
    left: 646px;
    text-decoration: none;
    font-weight: bold
}
/*div.success-cat-update, div.alert-success{
    position: relative;
    margin: 6px
}*/
/*a.success-cat-update, div.alert-success a {
    color: #3c763d;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0
}*/
.alert-danger a i {
    color: #a94442
}
span.text-danger {
    color: #D80303
}
span.help-block {
    color: #a94442;
}
/**************CURRENT LI ROUTE TAB TO SEE QUICKLY ON WHICH PAGE YOU CURRENTLY ARE **************/
li.active-menu a, li.active-menu{
    background-color: #29E964;
}

/*******************NAVBAR DEFAULT*******************/

.navbar-default {
    background-color: #04D53F!important;
}

/**********ALERT-SUCCESS********************/
.alert-success {
    margin-top: 10px
}

/****************forms************/
.form-horizontal .form-group {
    margin-top: 10px
}

/*******************bootstrap rows ***********/
.row {
     margin-right: 0; 
     margin-left: 0; 
}

/***************metisMenu***************/

.submenu-angle {
     background: #202020;
}

li.active a, li.active{
    background-color: #272629;
}

li.active a:hover, li.active:hover{
    background-color: #202020;
}


.submenu-angle li {
    list-style-type: none;
    /*background: #202020!important;*/

}

.submenu-angle li a {
    position: relative;
    display: block;
    color: #fff;
    /*background: #202020!important;*/
    text-shadow: none;
    padding: 15px 40px;
    border-bottom: 1px solid #2F2E31;
    text-decoration: none
}

li.active-menu .submenu-angle li a {
    background-color: #202020;
}

li.active-menu.active>a, .submenu-angle li a.active-menu,
li.active-menu>a
 {
    background-color: #29E964!important;
    color: #fff;
}