@media only screen and (min-device-width: 1024px) and (max-device-width: 2000px) {

}
@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) {
.table-scrolled{width: 100%!important;overflow: scroll!important;}
.for-center{width: 100%;margin: 0px!important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
	.manage-template-email{}
	.manage-template-email select{width: 90%;margin: 0 0 0 15px;}
	.user-my img{margin-top: 2px;}
.mob-tab-top-10{margin-top: 10px!important;}
	.all-w-100-top-10{width: 100%;}
	.all-w-100-top-10 select{width: 100%;margin: 10px 0px;}
.tab-mar-10{
		margin: 10px 0 0 0!important;
	}
	.top-mar-10{
		margin: 10px 0 0 0!important;
	}
		div#search_box {
/*    margin-top: 10px;*/
    float: left;
    width: 79%;
}
.all-w100{width: 100%;float: left;margin: 10px 0px;}
.all-w101 select{margin: 5px 0px;}
		.sep-add-section select {
    float: left!important;
    width: 100%!important;
}
	.toggle-on.btn{
    border-radius: 20px!important;
} 
		.table-scrolled{width: 100%!important;overflow: scroll!important;}
	.dataTables_wrapper .dataTables_paginate{padding-bottom: 15px;}
.box-header{width: 100%;float: left;}
.box-header h3{width: 100%;float: left;text-align: left;margin-bottom: 10px!important;}
.box-header>.box-tools{
	position: static!important;
	float: left!important;
}
.for-center{width: 100%;margin: 0px!important;}
.or-lable{float: left;line-height: 33px;width: 100%;text-align: center;
}
.sep-pick{margin-bottom: 10px;}
.cal-24 img{top: 42px!important;
}
.order{width: 100%!important;}
.mobile-12{width: 100%;padding: 0 30px;}
.mobile-12-1{width: 100%;padding: 0 15px;
}
}
@media (max-width: 767px) {
		li.dropdown.user.user-menu.user-my
{
width:40px!important;
top: 24px!important;
}
	
	.box-my{width: auto;}
	.manage-template-email{}
	.manage-template-email select{width: 90%;margin: 0 0 0 15px;}
	.dataTables_wrapper {margin: 20px 0px!important;}
	.user-my img{margin-top: 2px;}
	.mob-tab-top-10{margin-top: 10px!important;}
		.all-w-100-top-10{width: 100%;}
	.all-w-100-top-10 select{width: 100%;margin: 10px 0px;}
	.subscriber-outer{}
	.top-mar-10 { margin: 10px 0px;}
	.mobile-top-10 { margin: 10px 0px;}
	.mobile-12{width: 100%;padding: 0 30px;}
	.mobile-12-1{width: 100%;padding: 0 15px;}
	.top-mar-10{
		margin: 10px 0 0 0!important;
	}
	div#search_box {
    margin-top: 10px;
    float: left;
    width: 100%;
}
	#search_box select{margin: 10px 0px;}
	.all-w100{width: 100%;float: left;margin: 10px 0px;}
	.sep-add-section select {
    margin-top: 14px!important;
    float: left!important;
    width: 100%!important;
}
	.table-scrolled .toggle-on.btn {
    border-radius: 20px!important;
}
	.table-scrolled{width: 100%!important;overflow: scroll!important;}
	.dataTables_wrapper .dataTables_paginate{padding-bottom: 15px;}
.box-header{width: 100%;float: left;margin-bottom: 10px;}
.box-header h3{width: 100%;float: left;text-align: left;margin-bottom: 10px!important;}
.box-header>.box-tools{
	position: static!important;
	float: left!important;
}
.for-center{width: 100%;margin: 0px!important;}
.for-center select{width: 100%;margin: 0px 0 10px 0px!important;}
.or-lable{float: left;line-height: 33px;width: 100%;text-align: center;
}
/*.sep-pick{margin-bottom: 10px;}*/
.cal-24 img{top: 42px!important;}
.order{width: 100%!important;
}
.cal-25{position: relative;}
.cal-25 img {
    top: 10px!important;
}
}
@media only screen and (min-device-width: 200px) and (max-device-width: 480px) {
.device-lab select{width: 95%!important;
}
}
/*only class*/
.approved-outer{}
.approved-outer .row{margin: 10px 0px;}
.bro-show-Approved{
	width:3%; background-color: rgb(0, 166, 90); color:rgb(0, 166, 90);float: left;height: 20px;margin-right: 10px;
}
.bro-show-Pending{
	width:3%; background-color: rgb(243, 156, 18); color:rgb(243, 156, 18);float: left;height: 20px;margin-right: 10px;
}
.bro-show-Rejected{
	width:3%; background-color: rgb(221, 75, 57); color:rgb(221, 75, 57);float: left;height: 20px;margin-right: 10px;
}
.add-section23{    margin: 10px 0px;
    float: left;
    width: 100%;
    padding: 0 31px}

.or-lable{float: left;line-height: 33px;}
.cal-24{position: relative;}
.cal-24 input{margin-bottom: 10px;}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0!important;
    border: 1px #ccc solid;
    padding: 5px;
}
.dataTables_wrapper{margin: 10px 0px;}
.0-pad1{}
.0-pad1 table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 5px;
}
.w100{width: 100%;}
select{border-radius: 4px!important;border-color: #d2d6de;}
input[type="text"]{border-radius: 4px!important;border-color: #d2d6de;}
.device-lab{}
.device-lab select{width: 98%}
		.manage-template-email{}
	.manage-template-email select{width: 90%;margin: 0 0 0 15px;}
.root-top-mar-10{margin-top: 10px!important;}

/*trisha*/
.table-buttons-1 td button {
    background: none;
    border: 0px;
    color: #f36e21;
    width: 60px;
}
.add-cat
{color: #fff;
	margin-top: 10px;
    border: 0px;
       background-color: #f39c12;
    border-color: #e08e0b;
}
.add-cat:hover
{
	color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}
.form-ctr
{
	padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.add-cat-1
{
	color: #fff;
    margin-top: 10px;
    border: 0px;
    background-color: #00a65a;
    border-color: #00a65a;
    padding: 6px 12px;
    width: 80px;
}
.add-cat-1:hover
{
	 color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.form-selct select
{
	width: 53%;
}
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #f36e21; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 10px 15px 10px 15px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 100px; /* 30px from the bottom */
    font-size: 15px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.show {
    visibility: visible !important; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 100px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 100px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 100px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 100px; opacity: 1;}
    to {top: 0; opacity: 0;}
}
.skin-blue .main-header .navbar {
    background-color: #0c4f94;
}
.skin-blue .main-header .navbar .navbar-header .navbar-brand
{
    height: 85px;
    margin-left: 0px!important;
}
.skin-blue .main-header .navbar .navbar-brand>img {
    display: block;
    height: 100%;
}

header .nav>li>a
{
	padding: 10px 13px;
}
.main-header .navbar .navbar-header {
     margin-right: 0px!important; 
}
.navbar-nav {
    margin: 23px 0px;
}
li.dropdown.user.user-menu.user-my
{
width: 110px;
top: 24px!important;
background:none;
}
li.dropdown.user.user-menu.user-my span
{
	font-weight: 700;
}
header .navbar-toggle {
    margin: 20px 40px;
    }

.cancel-btn
{color: #fff;
    margin-top: 10px;
    border: 0px;
    background-color: #f39c12;
    border-color: #e08e0b;
}
.cancel-btn:hover
{
	color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}