@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700');

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

*{
	margin:0px;
	padding: 0px;
}
body{
    background: #ddddddc9;
	color:#333;
	/* font-family: 'Comfortaa', cursive; */
	font-family: 'Montserrat', sans-serif;
}
ul{
	list-style: none;
}
textarea{
	overflow: hidden;
}
.text-size-12{
    font-size: 12px !important;
}
.text-size-14{
    font-size: 14px !important;
}
.text-size-16{
    font-size: 16px !important;
}
.text-size-18{
    font-size: 18px !important;
}
.text-bold{
    font-weight: bold;
}
.dataTables_length {
	float:left;
}
.tbl-action{
	text-align: right;
}
.table th{
	text-align: center;
}
label.error {
	color:red;
	font-weight: normal;
}
.action-3{
	width:250px;
}
.panel-heading {
    /* font-family: 'Quicksand', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    /*font-style: italic;*/
}
.no-padding{
    padding: 0px;
}
.no-padding-right{
    padding-right: 0px;
}
.no-padding-left{
    padding-left: 0px;
}
.btn-gap-5{
    margin-left: 5px;
}
.ml-5 {
    margin-left: 5px;
}
.mr-5 {
    margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.mr-10 {
    margin-left: 10px;
}

.text-adn-primary {
    color: #1fb5ad;
}

/*====================Client Profile==============*/
.client-info ul{
	padding: 0px;
}
.client-info ul li{
	padding-top: 5px; 
}
.text-u {
	text-decoration: underline;
}

.sticky-alert{
	position: absolute;
	top: -12px;
	right: 15px;
	/*background: rgba(0,0,0,0.7);*/
	color: #fff;
	z-index: 99999;
	width:100%;
}
.sticky-alert-success{
	background:#2ECC71;
}
.sticky-alert-danger{
	background:#F4B350;
}
.sticky-alert-warning{
	background:#F4B350;
}

#quickSmsModal textarea{
	min-height: 100px;
	width:99%;
}



/*====================CSS by Latif==================*/
.custom-mini-stat span{
    font-size:14px;
}
.custom-mini-stat{
    padding-top: 11px;
}
/*====================CSS by Reza==================*/
.form-signin {
    max-width: 400px;
    background:#ffffffab;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset;
	border-radius: 10px;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
    border: 1px solid #f1f2f7;
}

.login-body {
    background-color: #FFFFFF;
    /* background-image:url(../images/bg_custom.jpg); */
    background-repeat:no-repeat;
    background-size:cover;
}

.user-login-info {
    background: transparent;
    margin: 0;
    padding: 0;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
    font-size: 15px;
}

.top-nav ul.top-menu>li>a {
    border:1px solid transparent;
    background:transparent !important;
}

.top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {
    border:1px solid transparent;
    background:transparent !important;
}

.brand {
    background-color:#ddd6f2;
}

a.logo {
    margin: 12px 9px 47px 60px;
}

a.logo img {
    height: 50px;
}

.sidebar-toggle-box {
    background: #1D3D6F;
}

.sidebar-toggle-box .fa-bars {
    color: #f1f2f7;
}

.sidebar-toggle-box:hover {
    background:#2a4b81;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    min-width: 150px;
}

#telcoTable>thead>tr:first-child>th:first-child,#clientTable>thead>tr:first-child>th:first-child{
    min-width: 275px !important;
}

.dataTables_filter label input {
    width: 74%;
    border: 1px solid #dbdbdb;
    float: right;
    padding:0 10px;
    border-radius:3px;
}

.dataTables_length, .dataTables_filter {
    padding: 15px 0;
}

#unseen{
    position:relative;
}

.panel-body {
    /*padding-bottom: 65px;*/
}



div.dataTables_filter label {
    float: right;
    line-height: 30px;
}

.panel-heading {
    font-size: 20px;
    font-weight: 600;
    /*font-style: italic;*/
}

select {
    border-radius: 0px;
    border-color: #dbdbdb;
    border-radius:3px;
}

.form-control {
    border: 1px solid #dbdbdb;
    box-shadow: none;
    color: #333;
}

.tools a {
    margin-left: 10px;
    color: #43484c;
    font-size: 20px;
}


/*button*/

.btn-default {
    background-color: #c7cbd6;
    border-color: #c7cbd6;
    color: #fff;
}

.btn-default.disabled {
    color: #515151;
    background-color: #dde1ed;
    border-color: #dde1ed;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #b0b5b9;
    border-color: #b0b5b9;
    color: #fff;
}

.btn-primary {
    background-color: #1D3D6F;
    border-color: #1D3D6F;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #2a4b81;
    border-color: #2a4b81;
    color: #FFFFFF;
}

.btn-success {
    background-color: #77bf59;
    border-color: #77bf59;
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #89c76f;
    border-color: #89c76f;
    color: #FFFFFF;
}

/*.btn-info {
    background-color: #856eb1;
    border-color: #856eb1;
    color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #9a7fcd;
    border-color: #9a7fcd;
    color: #FFFFFF;
}*/

.btn-info {
    background-color: transparent;
    border-color: transparent;
    color: #1D3D6F;
    font-weight:500;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #1D3D6F;
    border-color: #1D3D6F;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #f3c022;
    border-color: #f3c022;
    color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #e4ba00;
    border-color: #e4ba00;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #fa8564;
    border-color: #fa8564;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}


.btn-white {
    box-shadow: none !important;
}

/*Rounded Button*/

.btn-round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

/*====================CSS Sidebar==================*/

#sidebar{
    background: #1D3D6F;
}

ul.sidebar-menu li a {
    font-size: 14px;
    color: #ffffff;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom: 0;
    text-align:center;
}


.prf-contacts h2 {
    color: #2a4b81;
    font-size: 16px;
}
.upload-contact{
    padding-bottom: 58px;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    color: #f2f2f2;
    background: #00AB86;
}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a.active i {
    color: #ffffff;
}

#sidebar ul li {
    margin-left: -10px;
}

.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {
    color: #f1f2f7;
    background: #2a4b81;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color:#2a4b81;
}

.dataTables_paginate.paging_bootstrap.pagination li{
    border:none;
}

.dropdown-menu.extended.logout>li>a:hover i {
    color:#2a4b81;
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
    width: 190px !important;
}

.form-signin .btn-login {
    background: #00AB86;
}

.location-earning-stats li span {
    font-size: 20px;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #fff;
}

/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {*/
    /*border-top-right-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
/*}*/

/*.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {*/
    /*border-top-left-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
/*}*/

.panel-heading .tools{
    display:none;
}

.search{
    display:none;
}

.dataTables_wrapper{
    padding-top:0;
}

.select2-container-multi .select2-choices{
    border:1px solid #dbdbdb;
    background:none;
    border-radius:4px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #00a8b3;
    outline: none;

    -webkit-box-shadow: none;
            box-shadow: none;
            
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.input-group.date .input-group-addon{
    font-size:24px;
    padding:3px 0 3px 12px;
}

.same-height{
    min-height:550px;
}


.form-group {
    margin-bottom: 8px;
}

.radio-inline{
    line-height:20px;
}

.checkbox-inline{
    
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}


.mt-50 {
  margin-top: 50px !important;
}


.mt-60 {
  margin-top: 60px !important;
}


.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}


.mb-50 {
  margin-bottom: 50px !important;
}


.mb-60 {
  margin-bottom: 60px !important;
}

.dcjq-icon{
    display:none !important;
}

div.dataTables_length label{
    float:none !important;
}

ul.sidebar-menu li ul.sub li {
    background: #1D3D6F;
}

ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
    color:#ffffff;
    background: #00AB86;
}

ul.sidebar-menu li ul.sub li a{
    font-size: 13.5px;
    color: #ffffff;
}

table.table {
    margin-bottom: 25px !important;
}



@media screen and (max-width:732px) {
    
.dataTables_wrapper {
    padding-top: 0;
}

.dataTables_length {
    width: 100%;
    text-align: center;
}

.dataTables_filter {
    float: left;
    width: 88%;
    margin: 0 5% 20px 5%;
}

.same-height{
    min-height:250px;
}


}


/*====================CSS by Reza Ends Here==================*/


/*====================CSS by Latif Start Here==================*/
.leftside-navigation{
    height:100%;
}
/*====================Dynamic Campaign Style Css==================*/

.dynamic-var{
    padding: 15px 0px;
}

.dynamic-var span.label{
    font-size: 14px;
    cursor: pointer;
    margin: 2px 1px;
    display: inline-block;
}

.dynamic-campaign-info table{
    width:100%;
}
.dynamic-campaign-info td{
    font-size: 14px;
    line-height: 30px;
}
.dynamic-campaign-info td strong{
    width:150px;
    display:inline-block;
}

/*====================Dynamic Campaign Style Css==================*/

/*====================CSS by Latif Ends Here==================*/

/* ===================CSS by R&D Team Starts Here=============*/
.btn-file > input {
    transform: translate(0, 0) scale(1) !important;
}
.note {
    font-style: italic;
}

/*==================== Custom Datatbale desing =================*/
.custom-table-design table{
    text-align: center;
}
.custom-table-design table td, .custom-table-design table th{
    text-align: center;
    border: 1px solid #dcdcdc !important;
}

/*==================== Targeted Campaign desing =================*/
.ms-container{
    width: 100%;
}
/* ===================CSS by R&D Team Ends Here=============*/


.short-info-table{
    /*width: 100%;*/
}
.short-info-table td{
    text-align: left !important;
}
.short-info-table td{
    padding: 3px 5px;
    /*border: 1px solid #dcdcdc;*/
}
.alert-box{
    padding: 5px;
}
.select-2-custom{
    width: 100%;
}
.select-2-custom a {
    height:33px !important;
    line-height: 33px;
}
/* ===================CSS by R&D Team Ends Here=============*/

.graphPreloader{
    /*background:#0099ff;*/
    /*color:#fff;*/
    font-size: 50px;
    height: 100px;
    width:100px;
    text-align: center;
    line-height: 100px;
    display: block;
    margin:0px auto;
    padding-bottom: 50px;
    background:rgba(6,6,6,.1);
    border-radius: 10px;
    margin-bottom: 50px;
}

/*
 * ================================== Balance request style =============
 */

.requestFor {
    padding-top: 6px;
}
.requestFor label {
    margin-left: 10px;
    margin-right: 30px;
}

span.time {
    font-size: 14px;
    color:#888;
    padding: 4px 0px;
}
.comment-item p{
    font-size: 14px;
    color: #666666;
}

.comment-item .media-body {
    border:1px dashed #dcdcdc; padding: 5px;
}