.box {
	display: none;
	background-color: #FFFFFF;
	/*width: 800px;
	height: 400px;*/
	z-index: 99999;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -400px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #d3e0e9;
    box-shadow: 0px 1px 3px 3px #C1CDCD;
    padding: 30px;
}

.clickable {
	cursor:pointer;
	-webkit-transition: 0.3s ease-in; /* Safari */
    transition: 0.3s ease-in;
}

.clickable:hover {
	background-color: #D3D3D3;
}

.center-text {
	text-align: center;
}

.template {
	display: none;
}

/* Loading Icon */
.cssload-square {
	/*margin: 31px auto;*/
	width: 9px;
	height: 9px;
	transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
}

.cssload-square-part {
	position: absolute;
	width: 9px;
	height: 9px;
	z-index: 1;
	animation: cssload-part-anim 0.56s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-o-animation: cssload-part-anim 0.56s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-ms-animation: cssload-part-anim 0.56s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-webkit-animation: cssload-part-anim 0.56s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-moz-animation: cssload-part-anim 0.56s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.cssload-square-green {
	background: rgb(185,0,96);
	right: 0;
	bottom: 0;
	animation-direction: alternate-reverse;
		-o-animation-direction: alternate-reverse;
		-ms-animation-direction: alternate-reverse;
		-webkit-animation-direction: alternate-reverse;
		-moz-animation-direction: alternate-reverse;
}

.cssload-square-pink {
	background: rgba(0,115,192,0.97);
	left: 0;
	top: 0;
}

.cssload-square-blend {
	background: rgb(143,40,143);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	animation: blend-anim 0.56s ease-in infinite;
		-o-animation: blend-anim 0.56s ease-in infinite;
		-ms-animation: blend-anim 0.56s ease-in infinite;
		-webkit-animation: blend-anim 0.56s ease-in infinite;
		-moz-animation: blend-anim 0.56s ease-in infinite;
}

@keyframes blend-anim {
	0% {
		transform: scale(0.01, 0.01) rotateY(0);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		transform: scale(1, 1) rotateY(0);
		animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-o-keyframes blend-anim {
	0% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-o-transform: scale(1, 1) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-ms-keyframes blend-anim {
	0% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-ms-transform: scale(1, 1) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-webkit-keyframes blend-anim {
	0% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-webkit-transform: scale(1, 1) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-moz-keyframes blend-anim {
	0% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-moz-transform: scale(1, 1) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@keyframes cssload-part-anim {
	0% {
		transform: translate3d(-4px, -4px, 0);
	}
	100% {
		transform: translate3d(4px, 4px, 0);
	}
}

@-o-keyframes cssload-part-anim {
	0% {
		-o-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-o-transform: translate3d(4px, 4px, 0);
	}
}

@-ms-keyframes cssload-part-anim {
	0% {
		-ms-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-ms-transform: translate3d(4px, 4px, 0);
	}
}

@-webkit-keyframes cssload-part-anim {
	0% {
		-webkit-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-webkit-transform: translate3d(4px, 4px, 0);
	}
}

@-moz-keyframes cssload-part-anim {
	0% {
		-moz-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-moz-transform: translate3d(4px, 4px, 0);
	}
}


.text-center {
	text-align: center !important;
}
.text-center {
	text-align: center !important;
}
.di-block{
	display: inline-block !important;
}
.mt-3 {
	margin-top: 3rem !important;
}
.f-r{
	float: right;
}
.drop-icon {
	font-size: 40px;
}
.drop-icon i {
   color: gray;
}
.chart {
 /*width: 70%; */
 min-height: 350px;
}
html {
   height: 100%;
}
body{
   background: #f1f2f7;
}

.login-cover{
   background-position: center;
   background-size: cover;
}
.margin-top-1{
	margin-top: 5%;
}
.margin-login{
	margin-top: 10%;
}
.align-right {
		text-align: right;
}
 .align-left {
		text-align: left;
}
.btn-exclude{
   font-size: 20px;
   color: #C0392B !important;
   padding: 0;
}
.btn-edit{
	font-size: 20px;
   color: #F1C40F !important;
   padding: 0;
}
.dialing {
   background-color: #b9005f !important;
   border-color: #b9005f !important;
}
.listening{
   background-color: #0072c0 !important;
   border-color: #0072c0 !important;
}
.third{
   background-color: #00C853 !important;
   border-color: #00C853 !important;
}
.title {
	font-weight: 800;
	font-size: 25px !important;
	color: #566573;
}
.blue-background {
	background-color: #3097d140 !important;
}
/*
.btn-danger {
	background-color: #C0392B !important;
	border-color: #A93226 !important;
} */
td .btn-danger {
   margin-left: 15px;
}
td .btn-success {
   margin-left: 15px;
}
.transparent-background {
	background-color: rgba(255, 255, 255, 0.9);
}

.hr-menu {
   margin-top: 5px !important;
   margin-bottom: 5px !important;
}
.campaigns-wrapper{
   padding: 20px 30px;
}
.dashboard-item {
   border-radius: 10px;
   padding: 20px 5px;
   text-align: center;
   font-weight: 600;
   margin-top: 15px;
   color: #fff;
}
.dashboard-item .item-title{
   font-size: 25px;
}

.dashboard-item .item-value{
   font-size: 25px;
}

.sub-menu-item a {
   font-size: 14px !important;
   margin-left: 10px;
   font-weight: 600;
}
/* The side navigation menu */
.sidenav {
   color: #fff;
   height: 100vh;
   width: 260px;
   position: fixed;
   z-index: 10000;
   top: 0px;
   left: 0;
   background-color: #2c2e3e;
   overflow-x: hidden;
   transition: 0.5s;
   padding: 20px;
}

/* The navigation menu links */
.sidenav a {
   padding: 10px;
   text-decoration: none;
   font-size: 15px;
   font-weight: 500;
   color: #868aa8;
   display: block;
   transition: 0.3s;
   border-radius: 4px;
}

.navbar-logo:hover {
   background-color: transparent !important;
}

.navbar-default .navbar-nav>li>a {
   margin-top: 5px;
   color: #b9005f !important;
}

.navbar-default .navbar-nav>li>a:hover {
   color: #b9005f !important;
   background-color: #ffffff !important;
}

.sidenav a:hover {
   background-color: #1b1d25;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   color: #b9005f !important;
   background-color: #ffffff !important;
}

.navbar-logo {
   padding: 0px !important;
}

.sidenav a i {
   padding: 0px 10px 10px 10px;
   font-size: 13px;
}

.link-menu p{
   color: #aaa;
   display: inline;
   margin-right: 10px;
}

.link-menu i {
   font-size: 14px;
   margin-left: 10px;
   margin-right: 15px;
}

.icon-menu{
   position: absolute;
   right: 10px;
   padding: 0px 15px 0px 0px;
}

.sub-menu-item {
   padding-left: 20px;
}

.sub-menu-item a:hover {
   background: transparent;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
   color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
   transition: margin-left .5s;
   padding: 20px;
}

.navbar {
   margin: 0px;
   font-weight: 400;
   transition: background 0.25s ease;
   -webkit-transition: background 0.25s ease;
   -moz-transition: background 0.25s ease;
   -ms-transition: background 0.25s ease;
   box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.02);
   -webkit-box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.02);
   -moz-box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.02);
   background: #fff;
   height: 65px;
   border: 0px;
   width: calc(100vw - 260px);
   left: 260px;
}

.menu-lateral {
   width: 260px;
}

.logo{
   height: 40px;
   width: 136px;
   margin-left: 32px;
   margin-bottom: 20px;
}

.content-main {
   height: calc(100vh - 65px);
   width: calc(100% - 260px);
   margin-top: 65px;
   position: absolute;
   left: 260px;
   padding: 35px 30px;
}

.layout-main .title {
   font-weight: 800;
   font-size: 19px !important;
   color: #b9005f;
   margin-top: 0px;
   margin-bottom: 20px;
}

.layout-main .title span{
   font-size: 16px;
   font-weight: 300;
   color: #8e8e8e;
}

.layout-main .title i{
   font-size: 12px;
   margin-right: 5px;
}

.layout-main .card{
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid #e9e8ef;
   border-radius: 0;
}

.layout-main .table>thead>tr>th {
   padding: 8px;
   line-height: 30px;
}

.layout-main  .btn-edit i:hover{
   color: #F1C40F;
}

.layout-main .btn-exclude i:hover{
   color: #b0392b;
}


.layout-main .card .title {
   font-size: 16px !Important;
   font-weight: 100;
   line-height: 44px;
   display: inline;
   color: #8e8e8e;
   font-weight: 600;
   letter-spacing: 0.3px;
}

.layout-main .table>thead>tr>th {
   border-bottom: 0px none;
}

.layout-main .panel-default>.panel-heading{
   border-color: #fff;
    height: 81px;
}

.layout-main thead th {
   background: #f7f4f8;
   border-top: 0;
   border-bottom-width: 1px;
   font-weight: 500;
   padding: 1.25rem 0.9375rem !important;
   font-weight: 600;
   color: #222;
}


.layout-main .table th, .table td {
   border: 0px !important ;
}

.layout-main  .warning {
   color: #fff;
   background: #F1C40F;
   padding: 5px;
   font-size: 12px;
   font-weight: 600;
   border-radius: 4px;
   padding: 5px 10px;
}

.layout-main  .danger{
   color: #fff;
   background: #C0392B;
   padding: 5px;
   font-size: 12px;
   font-weight: 600;
   border-radius: 4px;
   padding: 5px 10px;
}

.layout-main .success {
   color: #fff;
   background: #4CAF50;
   padding: 5px;
   font-size: 12px;
   font-weight: 600;
   border-radius: 4px;
   padding: 5px 10px;
}

.layout-main .table>thead>tr>th {
   border-top: 0px !Important;
   border-bottom: 0px !important;
}

.layout-main .btn-add {
   color: #ffffff;
   background-color: #4CAF50;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #4CAF50;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
}

.layout-main .btn-save {
   color: #ffffff;
   background-color: #4CAF50;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #4CAF50;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
}

.layout-main .btn-back {
   color: #868686;
   background-color: #ececec;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #ececec;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
}

.layout-main .btn-back i {
   margin-right: 5px;
}

.layout-main .btn-save i {
   margin-right: 5px;
}

.layout-main .form-message{
   padding: 0px;
}

.layout-main .form-message .form-group{
   margin-left: 0px;
   margin-right: 0px;
}

.layout-main .form-message hr {
   border: 0px;
   margin: 0px;
   border: 0px;
}

.layout-main .mgT20 {
   margin-top: 20px;
}

.layout-main .interactive {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 20px;
   background: #f3f3f3;
   margin-bottom: 0px;
}

.layout-main .voice_type .table {
   background: #fff !important;
   margin-bottom: 0px;
}

.layout-main .voice_type .table>tbody>tr>td{
   border: 0px !important;
   vertical-align: inherit;
}

.layout-main .footer-form {
   background-color: #f5f5f5;
   margin-bottom: 0px !important;
   padding: 15px;
   border-top: 1px solid #e5e5e5 !important;
   height: 70px;
}

.layout-main .interactive-content label{
   height: 22px;
   width: 33%;
   text-align: right;
   padding-right: 15px;
   margin-bottom: 0px;
}

.layout-main .interactive-content input{
   margin-left: 15px;
}

.layout-main .form-control{
   border: 1px solid #e9e8ef;
   box-shadow: none;
}

.layout-main .form-control:focus{
   border-color: #80bdff;
}

.layout-main .form-horizontal .control-label{
   padding-top: 0px;
}

.layout-main .table>tbody>tr>td {
   padding: 0px 8px 13px 8px;
}

.layout-main .top-header {
   background-color: #fff;
   padding: 25px 0px 10px 0px;
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
}

.layout-main .form-horizontal {
   background: #fffefe;
}

.layout-main .table>tbody>tr>td {
   border-top: 1px solid #f1f1f1 !important;
   line-height: 30px;
   padding: 10px 10px 10px 10px !important;
   vertical-align: bottom;
}

.layout-main .btn-add:hover {
   background-color: #fff;
   color:  #4CAF50;
}

.layout-main .btn-add i {
   margin-right: 5px;
}

.layout-main .card .panel-heading {
   padding: 15px 20px;
}

.layout-main .options {
   max-width: 70px;
   margin: 0 auto;
}

.layout-main .options a{
   font-size: 15px !important;
}

.layout-main .left{
   float: left;
}

.layout-main .right{
   float: right;
}

.layout-main .interactive_normal_clone{
   margin-bottom: 0px !important;
   margin-top: 0px !important;
}

.layout-main .bottom-form{
   width: 100%;
}

.layout-main .bottom-form{
   background: #efefef;
   border-top: 1px solid #e5e5e5 !important;
   padding: 20px 30px;
   height: 75px;
}

.layout-main .info-time-form {
   height: 40px;
   width: 560px;
   margin: 0 auto;
}

.layout-main .info-time-form-content-item {
   float: left;
}

.layout-main .info-time-form-content-item {
   float: left;
   line-height: 35px;
   margin-right: 50px;
   font-weight: 600;
   font-size: 13px;
   color: #7d7d7d;
}

.layout-main .info-time-form-content-item p{
   float: left;
   margin-right: 5px;
}

.layout-main .info-time-form-content-item input{
   float: left;
   max-width: 80px;
   text-align: center;
}

.layout-main .add_line_voice {
   color: #ffffff;
   background-color: #2196F3;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #2196F3;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   position: absolute;
   right: calc(50% - 68px);
   margin-top: -20px !important;
}

.layout-main .add_line_voice_survey {
   color: #ffffff;
   background-color: #2196F3;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #2196F3;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   position: absolute;
   right: calc(50% - 68px);
   margin-top: -20px !important;
}

.layout-main .add_line_voice_survey:hover {
   color:  #2196F3;
   background-color: transparent;
   border-color: #2196F3;
}

.layout-main .button-section{
   color: #ffffff;
   background-color: #b9005f;
   border-color: #ffffff;
   border-radius: 4px;
   height: 42px;
   border: 2px solid #b9005f;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.layout-main .button-section:hover {
   color:  #b9005f;
   background-color: transparent;
   border-color: #b9005f;
}



.layout-main .add_line_voice:hover {
   color:  #2196F3;
   background-color: transparent;
   border-color: #2196F3;
}

.layout-main .minus_voicce::before {
   content: "\f2ed";
   color: #ce2a1e;
   font-size: 18px;
}


.layout-main .message_file {
   background: #fff;
   padding-top: 20px;
   padding-bottom: 20px;
   margin: 0px !important;
}

.layout-main .minus_voicce{
   background-color: #fff !important;
   border: #fff !important;
}


.layout-main  .minus_voicce::before{
   font-family: "Font Awesome 5 Free";
}

.layout-main  .remove_section{
   background-color: transparent !important;
   border: #fff !important;
}


.layout-main .remove_section::before {
   content: "\f2ed";
   color: #ce2a1e;
   font-size: 18px;
}

.layout-main .remove_section::before{
   font-family: "Font Awesome 5 Free";
}


.layout-main .add_line_voice i {
   margin-right: 5px;
}

.layout-main .row-add-voice td{
   background: #fff;
   height: 80px;
}

.layout-main .row-add-voice td button{
   margin-top: 10px;
   margin-bottom: 10px;
}

.layout-main td .btn-danger {
   margin-left: 0px;
}

.layout-main .from_file {
   width: calc(50% - 10px);
   min-height: 40px;
   background: #e4e4e4;
   border-color: #e4e4e4;
   font-weight: 600;
   font-size: 13px;
   margin-top: 2px;
   color: #848484;
   padding: 0px;
}

.layout-main .btn-light {
   min-height: 40px;
   background: #e4e4e4;
   border-color: #e4e4e4;
   font-weight: 600;
   font-size: 13px;
   margin-top: 2px;
   color: #848484;
   padding: 0px;
}

.layout-main .btn-light:focus {
   background: #e4e4e4;
   border-color: #e4e4e4;
   color: #848484;
}

.layout-main .option-back {
   margin-left: 10px;
   margin-top: 2px;
   background: #dedede;
   padding: 9px 14px;
   display: inline-block;
   border-radius: 4px;
   color: #908b8b;
}

.layout-main .from_text{
   width: calc(50% + 5px);
   min-height: 40px;
   background: #e4e4e4;
   border-color: #e4e4e4;
   font-weight: 600;
   font-size: 13px;
   margin-top: 2px;
   color: #848484;
   padding: 0px;
}

.layout-main .digit_interaction {
   margin: 0px !important;
}

.layout-main .survey_section_clone {
   margin-bottom: 20px;
}

.layout-main .audio{
   height: 40px;
}

.layout-main .mgB0{
   margin-bottom: 0px;
}

.layout-main .survey_section_description {
   margin-top: 25px;
}

.layout-main .survey_section_description strong{
   font-size: 19px !important;
   color: #2c2e3e;
}

.layout-main .title-msg{
   margin-top: 9px;
}

.layout-main .response{
   background: #fff !important;
}

.layout-main .response>tbody>tr>td{
   border: 0px !important;
   vertical-align: inherit;
}

.layout-main #survey{
   padding-bottom: 30px;
}

.layout-main .clickable:hover {
   background-color: #fff !important;
}

.layout-main .details-list{
   background-color: #f5f5f5;
   margin: 0px !important;
   border: 1px solid #ecedec !important;
   padding: 10px 0px 10px 0px !important;
   box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.03);
}

.layout-main .details-list-content .details{
   background-color: #f5f5f5 !important;
   margin-top: 22px !important;
}

.layout-main .details-list-content .details td{
   border-top: 0px none !important;
   padding-top: 0px !important;
   line-height: 25px;
}

.layout-main .counts {
   text-align: left;
}

.layout-main .counts thead th {
   background: #ededed;
}

.layout-main .table .counts {
   background-color: #ecedec;
}

.layout-main .loading-details {
   max-height: 50px;
}

.layout-main .form-list {
   padding: 0px;
}

.layout-main .form-list .form-group {
   margin-left: 0px;
   margin-right: 0px;
}

.layout-main .border-bottom-none{
   border-bottom: 0px none;
}

.layout-main .box {
   border-radius: 3px;
   border: 1px solid #dfe0e2;
   box-shadow: 2px 4px 11px 0px rgb(230, 230, 230);
   background: #f1f2f7;
   width: 800px;
}

.layout-main .box h2 {
   font-size: 19px;
   font-weight: 700;
}

.layout-main .box .btn-danger {
   color: #ffffff;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #e23528;
   border-color: #e23528;

}

.layout-main .box .btn-info {
   color: #ffffff;
   min-width: 100px;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #9e9e9e !important;
   border-color: #9e9d9e !important;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 14px;}
}

@media screen and (max-width: 500px) {
.margin-login{
	margin-top: 40%;
}
}
@media screen and (max-width: 1200px) {
	.dashboard-item .item-title{
	   font-size: 20px;
   }

   .dashboard-item .item-value{
	   font-size: 20px;
   }
}
@media screen and (max-width: 1000px) {
   .chart {
	   width: 100% !important;
	   margin-top: 260px;
   }
}



/*
** Bootstrap customization
*/

.btn{
	border-color: #ffffff;
	border-radius: 4px;
	height: 42px;
	line-height: 30px;
	font-size: 13px;
	padding: 5px 22px 5px 18px;
	font-weight: 600;
	transition: all 0.2s;
}

.btn-success , .btn-success:focus{
	color: #ffffff;
	background-color: #4CAF50;
	border: 2px solid #4CAF50;
}


.btn-success:hover{
	color:#4CAF50;
	background-color: #ffffff;
	border: 2px solid #4CAF50;
}

.btn-primary , .btn-primary:focus{
	color: #ffffff;
	background-color: #9b0e60;
	border: 2px solid #9b0e60;
}

.btn-primary:hover{
	color:#9b0e60;
	background-color: #ffffff;
	border: 2px solid #9b0e60;
}

.btn-danger , .btn-danger:focus{
	color: #ffffff;
	background-color: #C0392B;
	border: 2px solid #C0392B;
}

.btn-danger:hover{
	color:#C0392B !important;
	background-color: #ffffff!important;
	border: 2px solid #C0392B!important;
}

.btn-alert{
	color: #ffffff;
	background-color: #f1c40f;
	border: 2px solid #f1c40f;
}

.btn-alert:hover{
	color:#f1c40f;
	background-color: #ffffff;
	border: 2px solid #f1c40f;
}

.btn-secondary{
   color:#868686;
	background-color: #ececec;
	border: 2px solid #ececec;
}

h1, h2, h3, h4, h5{
	color: #9b0e57;
}

.panel-default , .panel-default > .panel-heading , .panel-body , .panel-footer{
	border-color: #e9e8ef;
	border-radius: 0px;
}

.panel-footer{
	background-color: #f5f5f5;
}

.form-control{
	border: 1px solid #ddd;
	background-color: white;
	box-shadow: none;
}

.form-inline{
   background: transparent;
}

.table .counts {
   background-color: #ecedec;
}

.table > tbody > tr > td {
   border-top: 1px solid #f1f1f1 !important;
   vertical-align: center;
   text-align: center;
}

.table > thead > tr > th {
   padding: 8px;
   line-height: 30px;
   border-bottom: 0px none;
   background: #f1f2f7;
   color: black;
   text-align: center;
}

.box {
   border-radius: 3px;
   border: 1px solid #dfe0e2;
   box-shadow: 2px 4px 11px 0px rgb(230, 230, 230);
   background: #f1f2f7;
   width: 800px;
   height: 300px;
}

.box h2 {
   font-size: 19px;
   font-weight: 700;
}

.box .btn-danger {
   color: #ffffff;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #e23528;
   border-color: #e23528;
}

.box .btn-info {
   color: #ffffff;
   min-width: 100px;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #9e9e9e !important;
   border-color: #9e9d9e !important;
}

/*
**Helper classes
*/

.d-inline{
   display: inline;
}

.m-0{
   padding: 0;
}

.m-1{
   padding: 0.4em;
}

.m-2{
   padding: 0.8em;
}

.m-3{
   padding: 1.6em;
}

.m-4{
   padding: 3.2em;
}

.b{
   border-color: #e9e8ef;
	border-radius: 0px;
}

/*
.b-y{
   border-color: #e9e8ef;
	border-radius: 0px;
} */

.bg-secondary{
   background: #f3f3f3;
}

.bg-active{
   background: #0072c0;
}

.bg-white{
   background: white;
}

.breadcrumbs{
	color:  #b9005f;
	background-color:transparent;
	list-style-type: none;
   list-style: none;
   margin: 0em;
   margin-bottom: 20px;
   padding: 0em;
   display: inline-block;
}

.breadcrumbs li {
	display:block;
	float: left;
	margin: 0em;
	padding: 0em;
   font-size: 1.3em;
   font-weight: 600;
}

.breadcrumbs li:last-child{
   color: grey;
   font-weight: 100;
}

.footer-form {
   background-color: #f5f5f5;
   margin-bottom: 0px !important;
   padding: 15px;
   border-top: 1px solid #e5e5e5 !important;
   height: 70px;
}

.navbar {

}

.navbar .balance{
   font-size: 1.2em;
}
.navbar .available_sms{
   color: darkslategray
}


.box_small {
	display: none;
	background-color: #FFFFFF;
	/*/width: 600px;*/
	height: 250px;
	z-index: 99999;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -400px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #d3e0e9;
   box-shadow: 0px 1px 3px 3px #C1CDCD;
   padding: 20px;
}


.layout-main .box_small {
   border-radius: 3px;
   border: 1px solid #dfe0e2;
   box-shadow: 2px 4px 11px 0px rgb(230, 230, 230);
   background: #f1f2f7;
   width: 600px;
}

.layout-main .box_small h2 {
   font-size: 19px;
   font-weight: 700;
}

.layout-main .box_small .btn-danger {
   color: #ffffff;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #e23528;
   border-color: #e23528;
}

.layout-main .box_small .btn-info {
   color: #ffffff;
   min-width: 100px;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #9e9e9e !important;
   border-color: #9e9d9e !important;
}


.box_large {
	display: none;
	background-color: #FFFFFF;
	/*/width: 600px;*/
	height: 250px;
	z-index: 99999;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -400px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #d3e0e9;
   box-shadow: 0px 1px 3px 3px #C1CDCD;
   padding: 10px;
}


.layout-main .box_large {
   border-radius: 3px;
   border: 1px solid #dfe0e2;
   box-shadow: 2px 4px 11px 0px rgb(230, 230, 230);
   background: #f1f2f7;
   width: 800px;
}

.layout-main .box_large h2 {
   font-size: 19px;
   font-weight: 700;
}

.layout-main .box_large .btn-danger {
   color: #ffffff;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #e23528 !important;
   border-color: #e23528 !important;
}

.layout-main .box_large .btn-info {
   color: #ffffff;
   min-width: 100px;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #9e9e9e !important;
   border-color: #9e9d9e !important;
}



.box_largex {
	display: none;
	background-color: #FFFFFF;
	/*/width: 600px;*/
	height: 300px;
	z-index: 99999;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -400px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #d3e0e9;
   box-shadow: 0px 1px 3px 3px #C1CDCD;
   padding: 30px;
}


.layout-main .box_largex {
   border-radius: 3px;
   border: 1px solid #dfe0e2;
   box-shadow: 2px 4px 11px 0px rgb(230, 230, 230);
   background: #f1f2f7;
   width: 900px;
}

.layout-main .box_largex h2 {
   font-size: 19px;
   font-weight: 700;
}

.layout-main .box_largex .btn-danger {
   color: #ffffff;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #e23528 !important;
   border-color: #e23528 !important;
}

.layout-main .box_largex .btn-info {
   color: #ffffff;
   min-width: 100px;
   border-radius: 3px;
   height: 42px;
   line-height: 30px;
   font-size: 13px;
   padding: 5px 22px 5px 18px;
   font-weight: 600;
   background-color: #9e9e9e !important;
   border-color: #9e9d9e !important;
}

.nav-tabs .nav-item .nav-link.active {
   color: white !important;
   cursor: no-drop !important;
   background-color: #1b1d25 !important;
   border: 1px solid rgb(139, 138, 138) !important;
   border-bottom-color: transparent !important;
   font-weight: bold !important;
}

.no-click {
   cursor: no-drop !important;
   opacity: 0.1;
}

.nav-tabs .nav-item .nav-link.inactive {
    color: rgb(173, 173, 173) !important;
    cursor: pointer;
}

.mr-15 {
  margin-right: 15px!important;
}

ul.pagination{
    margin: 0!important;
}