@charset "utf-8";
/* CSS Document */
.comment-icon {
    font-size:24px;
}
/*.user-image {
        margin-top:12px;
}*/
.userdetail-active-button {
    margin-top: -40px !important;
}
.userdetail-trace-icon {
    margin-top: -39px !important;
}


/*.active-button {
        margin-top: -4px !important;
}
.trace-icon {
        margin-top: -9px !important;
}
*/
.product-exchange-bg {
    background:#cccccc !important;
    margin:12px auto !important;
}
.product-banner-slid {
    background:none !important;
}
.item img {
    margin:auto 110px;
}
.top-rite-user-box {
    background:#FFFFFF; color:#999999;
    padding:0.5em !important;
}
.top-menu-saprator {
    border-right: 1px solid rgb(255, 255, 255);
    height: 35px !important;
    margin-top: -43px !important;
}
.inner-logo {
    margin-top:2px;
}
.product-subhed {
    margin-left: 15px;
}
.product-contant {
    margin:6px auto;
}
.slider-arrow {
    color:#12b29f !important;
}
.reason-popup-box {
    width: 50% !important;
}
.search-palaceholder {
    position: absolute;
    left: 255px;
    top: 7px;
}
.searchin-box {
    width:132% !important;
}
.newslatterbox-saprator {
    border-right: 1px solid #ddd;
}
.active-status-box {
    padding-top: 4% !important;
}
.filter-box {
    width:140%;
}
.col-box {
    padding:0px !important;
}
.onoff-box {
    padding: 0px 20px !important;
}

.button-addcategories {
    background:#666666;
    color:#FFFFFF;
	padding: 5px 25px;
    font-weight: normal;
}
.button-addcategories:hover {
    background:#666666;
    color:#FFFFFF;
}
.addcategoris-textbox {
    width: 62%;
}
.addcategories-formbox {
    height:180px !important;
    overflow-y:scroll !important;
    overflow-x: hidden;
}
.add-categori-buttonbox {
    padding:18px 0px 0px 0px !important;
}
/*.done-button {
        margin-left: 19%;
}*/
.ancor-link {
    cursor:pointer !important;
}
.manage-content{
    text-align:center !important;
    vertical-align:middle !important;

}
.manage-content-vertical{
    vertical-align:middle !important;
}
.user-detail-heading {
    padding-top: 6px;
}
.user-trash-icon {
    margin-top: 7px;
}
.scroll-crousel {
    background:none !important;
}
.detail-user-name {
    padding:0px !important;
    margin:0px !important;
}
.user-active-button {
    margin-top:6px;
    margin-left:30px;
}


.manage-user-searchbox {
    width:60%;

}
.reward-heading {
    margin-top: -5px;
}

/*.edit-photo {
        padding:6px !important;
}*/

.categoris-name-lavel {
    margin-top: 1%;
}


.export-button {
    margin-top: -40px;
    margin-right: 1%;
}

.manage-free-or-lavel {
    margin-top: 7% !important;
}
.point-manage-text {
    margin-top: 3% !important;
}


.manage-free-swap-row {
    margin-top: 2%;

}
.manage-update-button {
    margin-left:45%;
}

.bottom-to-top {
    border:none !important;
}






/*---------------------------image-scroller------------------------------------*/
#carousel {
    margin-top: 20px;
}
.item .thumb {
    width: 25%;
    cursor: pointer;
    float: left;
}
.item .thumb img, .item img {
    width: 100%;	
}

.item-new .thumb {
    width: 25%;
    cursor: pointer;
    float: left;
}
.item-new .thumb img, .item-new img {
    margin-left: 6px;
    width: 92%;
}














/*-----------------------------------------------------------Fore Search bar---------------------------*/
.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}
.onof-switch {

}
.onof-switch:before {
    padding-right:50px !important;
}
.onoff-lavel {
    margin-bottom:0px !important;
}
.userdetail-field {
    margin:10px auto 0px auto;
}
.user-detail-display {
    padding:0px 5px;
}
.user-box-rite {
    float:right !important;
}
/*.manage-action-icon {
        margin:15% auto 0px 10% !important;
        float:left;
}*/
.manage-edit-icon {
    margin:15% auto 0px 10% !important;
    float:left;
}
.categories-icon-manage {
    margin-top: 13%;
}
.reward-point-lavel {
    width:15%;
    padding:10px;
    height:12%;
    font-weight:bold;
}
.point-text {
    margin-top: 1%;
    margin-left: 1%;
}
.user-charges-box {
    padding:10px;
    height:12% !important;
    font-weight:bold;
}

.user-charges-point {
    width: 45%;
    padding:10px;
    height:12% !important;
    font-weight:bold;
}
.or {
    margin-top: 13%;
}
.user-charges-points {
    margin-top: 3%;
    margin-left: 2%;
}
.feedback-box {
    background:#cccccc !important;
    padding: 12px 0px !important;
}
.user-charges-panel {
    padding:10px !important
}

.second-feedback-box {
    padding: 0px 20px 0px 20px !important;
}
.user-container-box {
    padding:0px 15px 0px 15px !important;
}

.user-saprator {
    border-top:1px solid #ddd; 
    margin-top:15px;
}
.manage-active-icon {
    margin-left: 8%;
    margin-top: 12%;
}
.action-box {
    width: 100%;

}



.finencial-send-button {
    margin-top: 12px;
    background:#666666 !important;
    color:#FFFFFF !important;
    padding:12px 22px;
    margin-left: -13px !important;
}
.financial-typebox {
    margin-top:253px;
}
.user-feedback-icon {
    font-size: 78px;
    margin-top: -12px;
}
.my-account-box {
    max-width:524px !important;
    margin-top:27px !important;
    margin-bottom:2% !important;
}
.my-account-reset-button {
    background:#666666 !important;
}
.my-account-save-button {
    background:#38761d !important;
}
.myaccount-imagebox {
    position:absolute;
    top:17%;
    left: 35%;
}
.myaccount-userbox {	
    background:#dddddd !important;
    margin-top: -9% !important;
}
.manage-popup {
    width:60%;
}

.mobile-assesories-popup {
    width:30% !important;
}
.number-swap-transaction {
    width: 74%;
}

.email-account-box {	
    margin-left:2%; 
    margin-top: 29px; 
    width: 95%;
}

.username-account-box {	
    margin-left:2%; 
    margin-top: 29px; 
    width: 95%;
}
.first-name-account {
    padding:0px 1% 0px 0px;
}
.last-name-account {
    padding:0px 0px 0px 1%;
}
.user-static-month-selection {
    position: relative;
    right:2%;
    margin-top:1% 
        /*	top: 11%;*/
        /*	left: 87%;*/
        /*	z-index:999;*/
}
/*.manage-free-swap-or-box {
        margin-left: 17%;
}
*/
#img_holder {	
    width:150px !important;
    height:150px !important;
}
.img_holder {	
    width:150px !important;
    height:150px !important;
}

.img_holder img {	
    width:150px !important;
    height:150px !important;
}





/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-palaceholder {
        position: absolute;
        left: 230px;
        top: 7px;
    }
}





@media screen and (min-width:320px) and (max-width:1000px) {

    .newslatterbox-saprator {
        border-right:none !important;
    }	
    .search-palaceholder {
        position: absolute;
        left: 90%;
        top: 7px;
    }
    .user-charges-point {
        width: 100%;
        padding:10px;
        font-weight:bold;
    }
    .reward-point-lavel {
        width:100%;
        padding:10px;
        float:none !important;
        font-weight:bold;
    }

    .action-box {
        width: 200px;

    }
    .user-static-month-selection {
        position: absolute;
        top: 11%;
        left: 87%;
        right:6%;
    }
    .number-swap-transaction {
        width: 100%;
    }



.admin-settings-box {
    max-width:524px !important;
    margin-bottom:2% !important;
}

a.sidearow {
    position: absolute;
    right: 10px;
}

.reward-point-lavel-new {
    width:31%;
    padding:10px;
    height:12%;
    font-weight:bold;
}
 }
 

/*responscive  02-01-2017*/
 
@media only screen and (min-device-width : 768px) and (max-device-width : 900px) {
 
.navbar-toggle {
    position: relative;
    float: right !important;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	display: block;
}

 .nav-header2{float:none !important;
				width:100%;
			}
 .sidebar-nav {
    
   overflow-y: ;
     
}

 
}
 
@media only screen and (max-width:800px) {
 .export-btn{
			margin-top:-68px !important; 
			float:right;}

.nav-right2{ 
	 margin-right:-7%;
	 
 
}
.top-menu{ 
   margin-top:-7%;
   max-width: 470px;
   width:100%
     
} 
 }

 @media only screen and (max-device-width:767px){
	 .top-menu{ 
   margin-top:-6%;
   height:auto;
   max-width: 470px;
   width:100%
     
} 
.feed-back {
    margin-top: 1%;
    width: 10px;
}
.select-lang{
	    float: left;
    margin-top: 2%;
 
	 
}
 }
 
  @media only screen and (max-device-width: 550px){
	 .top-menu{ 
		margin-top:-9%;
		padding: 0;
		 
     }
	 .select-lang{
	    float:left;
		margin-top: 0%;
		margin-right: 0%;
}
.panel{overflow-y:auto !important;}

} 

/*iphone device  */

@media only screen and (min-device-width: 300px) and (max-device-height: 767px){
 
	.theme-blue .navbar {
		background: #12b29f;
		display: inline-block;
		width: 100%;
		margin: 0px !important;
		 
		}
	.navbar {
			min-height: 60px;
			}

	.navbar-default .navbar-toggle {
		border-color: #ddd;
		border-radius: 4px;
	}
	.navbar-toggle {
		 
		 margin-right: 0px; 
		 margin-bottom: 0px; 
		background-color: transparent;
		background-image: none;
		/* display: block; */
		border: 1px solid transparent;
	}
	.navbar-nav {
		margin-right:0%;
		 
	}
	.dropdown {
    display: inline-block;
    margin-top: 0%;
    float: right;
    z-index: 99999;
    margin-right:0px; 
}
	.top-menu-saprator {
    border-right: none;
     
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #42cbde;
	border:none;
}
.navbar {
    padding: 0em 0.2em !important;
    
}
.navbar-brand {
    padding: 1px 1px !important;
}
.inner-dropdown {
    /* float: right; */
    margin: 1px 0px 0px 0px !important;
}

 .sidebar-nav {
    width: 240px;
    position: absolute;
    float: left;
    border-top: none;
    border-left: none;
    margin: 0em;
    border-top: 0 !important;
    position: relative;
    overflow: hidden !important;
    overflow-y: auto !important;
    display: block !important;
}
.navbar-nav .open .dropdown-menu {
    position: absolute;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.dropdown-menu-default{
	background:#888 !important;
}
.dropdown-menu-default li a{color:#fff !important;}
.navbar-header button{
	    margin-top: 12px;
    margin-right: 3px;
}

 .top-menu-saprator {
    border-right: none;
 
}
.glyphicon-user{display:none;}
.navbar-nav {
      
}
	.nav > li > a {
    position: relative;
    display: block;
    padding: 1px 5px;
}
.inner-logo {
    margin-top: 10px;
    width: 120px;
}
.nav > li {
    position: relative;
    display: inline-block !important;
}

}

/*11-01-2017 select French Language*/
/*.sidebar-nav {
    width: 365px !important;
   
}
.content {
    margin-left:335px !important;
    
}
*/