html{font-family: 'Open Sans', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; height: 100%;}
body,td,th {font-family: 'Open Sans', sans-serif; font-size:14px; color: #444444;}
body {background:#e9ecee; margin: 0px; font-size:100%; height: 100%;}
a {font-family: 'Helvetica_Regular', 'open_sansregular', Helvetica; font-size:14px; color: #61859d;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;	color:#2A3F4D;}
a:active {text-decoration: none;}
:focus{outline:none;}
::selection {background: #61859d; color:#fff; /* WebKit/Blink Browsers */}
::-moz-selection {background: #61859d;  color:#fff;/* Gecko Browsers */}
img{border:none;}
.fixDiv{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.pad10{padding:10px;}
.padbtm10{padding-bottom:10px;}
.padtp10{padding-top:10px;}
.margin-top8{margin-top:8px;}
.margin-bottom8{margin-bottom:8px;}
.margin-left8{margin-left:8px;}
.margin-right8{margin-right:8px;}
.PadLR10{padding:0px 10px;}
.clear:after{content:" "; display:table; clear:both;}
.margin-top8{margin-top:8px;}
input, select, textarea, button{font-size:inherit;}
input[type=text], input[type=password],input[type=tel],input[type=email]{padding:4px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#8C8C8C; box-sizing:border-box;}
select{padding:3px 4px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#8C8C8C;}
input:focus, select:focus{border-color:#74d4f0;}
input[type=submit], input[type=button]{padding:4px 20px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; box-sizing:border-box; background:#e91e63; cursor:pointer}
input[type=submit]:hover, input[type=button]:hover{background:#be265a;}
.borderbtm{border-bottom:1px solid #ccc;}
.btn{padding:4px 20px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; box-sizing:border-box; background:#e91e63; cursor:pointer}
.btn:hover{background:#be265a; color:#fff;}
.login-submit{
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    box-sizing: border-box;
    background: #e91e63;
    cursor: pointer;
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    width: 50%;
}

.loginbg{background:url(/public/images/login/loginBg.jpg) no-repeat fixed center center; background-size:cover;}
.login-container{width:446px; height:auto; top:50%; left:50%; padding:0px 30px 42px 30px; position:absolute; margin-left:-260px; margin-top:-206px;}
.login-box{background:#fff; min-height:270px;}
.login-logo-box{padding-top:20px; text-align:center}
/* .login-field{width:302px; height:auto; margin:0px auto; padding:0 40px; padding-bottom:40px;} */
.username input,.password input{

    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 20px;
}
.username input:focus,.password input:focus{
    border:1px solid #74d4f0;
}
.login-btn-wrap{background:#61859d; padding:20px;}
.login-btn{padding:20px 0px; width:100%; background:hsla(0,0%,100%,0.20); display:block;text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; color:#ffffff; border:0;}
/* .footer-login{height:55px; line-height:55px; text-align:center; font-size:12px; position:absolute; bottom:0px; width:100%; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif;} */

.heading1{margin:0px; border-bottom:1px solid #eeeeee; font-weight:700; font-size:16px; padding-bottom:12px; margin-bottom:15px;}

.container{width:100%; height:100%;}
.sidebar{width:20%; height:100%; height:auto; background:#e9ecee; Position:absolute; z-index:1;}
.content{width: 80%; margin-left: 20%; background:#ffffff; height:100%;  height:auto; padding-bottom:15px;}

.logo{text-align:center; padding:15px 25px;}
.logo img{width:100%;}
.sidebar ul{list-style:none; margin:20px 0 0 0; padding:0}
.sidebar ul li{}
.sidebar ul li a{color:#4a5e6c; display:block; line-height:40px; padding-left:26px;}
.sidebar ul li a i{font-size:16px; padding-right:8px;}
.sidebar ul li.active, .sidebar ul li:hover{background:#d8dde5; -webkit-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; border-radius:50px 0 0 50px;}

.topNav{height:50px; padding:15px; color:#757575;}
.topNav a{color:#757575;}
.topNav .bars{font-size:20px; color:#afb5b9; line-height:50px; margin-right:15px;}
.user-pic{display:inline-block; background:#f0f0f0; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:50px; height:50px; position:relative;}
.userstatus{border:2px solid #ffffff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; width:8px; height:8px; position:absolute; top:0; right:0;}
.user-status .ready{color:#3EBC1F;}
.usergreen{background:#48CF11;}
.usergry{background:#9E9E9E;}
.useryallow{background:#F7EC58;}

.uname{font-size:17px; font-weight:300; color:#3c3c3c; float:left; line-height:22px; margin-left:15px;}
.uname .role{display:block; font-size:14px;}
.top-righ-link i{font-size:25px; line-height:50px; padding:0 8px;}

.alertBox{padding:0 15px;}
.alertBox:after{display:table; content:" "; clear:both;}
.box{width:32.33%; min-height:130px; padding:20px 20px; box-sizing:border-box; float:left; font-size:20px;}
.box.green{background:#f0ffe5; color:#538635;}
.box.green a{color:#538635;}
.box.red{background:#fff0f0; color:#863939; margin:0 15px;}
.box.red a{color:#e45b5b;}
.box.lightYellow{background:#fffcdf; color:#b6a33a;}
.box.lightYellow a{color:#c1b15b;}
.box .mainStats{height:55px; padding-bottom:22px; border-bottom:1px solid hsla(0,0%,0%,0.10)}
.box .mainStats span{font-size:14px; display:block;}
.box .secondStats{height:28px; padding-top:15px;}
.box .secondStats span{font-size:14px;}
.box .mainStats img{margin-right:20px;}

.whiteBox{margin-top:60px; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); padding:15px; margin:15px;}

.kpis-box-margin{margin:0 15px;}
.kpis-box{width:11%; height:110px; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left; text-align:center; padding-top:32px;}
.kpis-box span{font-weight:700; display:block;}
.kpis-box.box1{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf8f6+0,dbf1ec+100 */
background: #edf8f6; /* Old browsers */
background: -moz-linear-gradient(top, #edf8f6 0%, #dbf1ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #edf8f6 0%,#dbf1ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #edf8f6 0%,#dbf1ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf8f6', endColorstr='#dbf1ec',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,e6e6e6+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f3 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box3{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1eefb+1,c1dcf6+100 */
background: #e1eefb; /* Old browsers */
background: -moz-linear-gradient(top, #e1eefb 1%, #c1dcf6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e1eefb 1%,#c1dcf6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e1eefb 1%,#c1dcf6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1eefb', endColorstr='#c1dcf6',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf0dd+1,f5deb7+100 */
background: #faf0dd; /* Old browsers */
background: -moz-linear-gradient(top, #faf0dd 1%, #f5deb7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #faf0dd 1%,#f5deb7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #faf0dd 1%,#f5deb7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf0dd', endColorstr='#f5deb7',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box5{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9eef5+1,d2dbeb+100 */
background: #e9eef5; /* Old browsers */
background: -moz-linear-gradient(top, #e9eef5 1%, #d2dbeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e9eef5 1%,#d2dbeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e9eef5 1%,#d2dbeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eef5', endColorstr='#d2dbeb',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box6{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4ecfb+1,e8d8f8+100 */
background: #f4ecfb; /* Old browsers */
background: -moz-linear-gradient(top, #f4ecfb 1%, #e8d8f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f4ecfb 1%,#e8d8f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4ecfb 1%,#e8d8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ecfb', endColorstr='#e8d8f8',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box7{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fce5e5+1,facaca+100 */
background: #fce5e5; /* Old browsers */
background: -moz-linear-gradient(top, #fce5e5 1%, #facaca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fce5e5 1%,#facaca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fce5e5 1%,#facaca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5e5', endColorstr='#facaca',GradientType=0 ); /* IE6-9 */
}
.kpis-box.box8{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1fee0+2,e2fdbe+100 */
background: #f1fee0; /* Old browsers */
background: -moz-linear-gradient(top, #f1fee0 2%, #e2fdbe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1fee0 2%,#e2fdbe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1fee0 2%,#e2fdbe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1fee0', endColorstr='#e2fdbe',GradientType=0 ); /* IE6-9 */
}

.tabs{padding-bottom:15px; border-bottom:1px solid #eeeeee;}
.tabs a{display:inline-block; padding:10px 18px; color:#b9b9b9; background:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.tabs a:hover{background:#5e6e79; color:#ffffff;}
.tabs a.active{background:#5e6e79; color:#ffffff;}

.gird-search-filter{padding:15px 0;}
.gird-search-filter input[type=text]{-moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; border:1px solid #dfdfdf; width:98.8%; padding:12px 18px;}
.gird-search-filter:after{display:table; content:" "; clear:both;}
.gird-search-filter .col-4{width:32%; float:left; display:inline-block;}
.gird-search-filter .search-btn{float:left; display:inline-block; padding-left:3px;  padding-top:5px;}
.gird-search-filter .search-btn a{font-size:25px;}

.table{width:100%; border-spacing:0; border:none;}
.table th{font-weight:600; height:32px; text-align:left;}
.table tr td, .table tr th{border-bottom:1px solid #D0D0D0; padding:5px;}
.table tr td{height:25px;}
.table td a.power-off{color:#D92023;}

.choose-campaign-form{padding-bottom:15px;}
.choose-campaign-form:after{display:table; content:" "; clear:both;}
.choose-campaign-form label{display:block; font-weight:700; font-size:13px; padding-bottom:8px;}
.choose-campaign-form .campaingType{width:50%; box-sizing:border-box; padding:0 10px; float:left;}
.choose-campaign-form .campaingType select{width:90%; padding:8px 12px;}
.choose-campaign-form .campaignStatus{width:45%; box-sizing:border-box; padding:0 10px; float:right;}
.choose-campaign-form .campaignStatus select{width:100%; padding:8px 12px;}
.choose-campaign-form .availableCampaign{width:45%; box-sizing:border-box; padding:0 10px; float:left; margin-top:30px;}
.choose-campaign-form .campaignAddRemove{width:10%; box-sizing:border-box; padding:0 10px; float:left; margin-top:30px; text-align:center; padding-top:70px;}
.choose-campaign-form .campaignAddRemove a{display:block; padding:8px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:5px 0; font-size:13px;}
.choose-campaign-form .campaignAddRemove a.add{background:#57b856; color:#fff;}
.choose-campaign-form .campaignAddRemove a.remove{background:#db524a; color:#fff;}
.choose-campaign-form .selectCampaign{width:45%; box-sizing:border-box; padding:0 10px; float:left; margin-top:30px;}
.choose-campaign-form .availableCampaign select, .choose-campaign-form .selectCampaign select{width:100%; padding:8px 12px; height:250px;}
.choose-campaign-form .selectCampaign select option{color:#86b685}

.panel{border:1px solid #dddddd; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 1px 1px 0px #EBEBEB; background:#fff; margin-top:30px;}
.panelHeading{font-weight:300; font-size:16px; line-height:38px; border-bottom:1px solid #dddddd; background:#f5f5f5; padding:0 15px;}
.report-list{padding:10px;}
.report-list:after{display:table; content:" "; clear:both;}
.report-list ul{margin:0; padding:0;}
.report-list ul li{line-height:35px; float:left; display:inline-block; width:33%;}
.report-list ul li a{color:#738591;}
.report-list ul li a:hover{color:#73ACD3;}
.report-list i{padding-right:5px}

.reports-search-filter:after{display:table; content:" "; clear:both;}
.reports-search-filter label{display:block; font-weight:700; font-size:13px; padding-bottom:8px;}
.reports-search-filter .campaingType{width:45%; box-sizing:border-box; padding:0 4px; float:left;}
.reports-search-filter .campaingType select{width:100%; padding:4px 8px;}
.reports-search-filter .campaignStatus{width:45%; box-sizing:border-box; padding:0 4px; float:left;}
.reports-search-filter .campaignStatus select{width:100%; padding:4px 8px;}

.search-btn a{padding:8px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#61859d; color:#ffffff; cursor:pointer;}
.inline-margin{margin-top:30px;}
.call-center{margin-top:20px;}
.call-center td i{font-size:22px;}
.call-center td {height:32px !important;}
.call-center .active{color:#67D424 !important;}
.call-center .disable{color:#D42424 !important;}
.text-center{text-align:center !important;}
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 8px 0 0 0;
    padding: 0 15px 0 46px;
    border: none;
    text-align: center;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.loginBtn a{
    color: #ffffff;
    background: transparent;
}
.loginBtn a:hover{
    color: #ffffff;
    background: transparent;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook,
.loginBtn--facebook:hover,
.loginBtn--facebook:focus{
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('../../images/facebook_icon.png')  6px 6px no-repeat;
}
/*.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}*/


/* Google */
.loginBtn--google,
.loginBtn--google:hover,
.loginBtn--google:focus{
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
}
.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('../../images/google_icon.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #E74B37;
}
#loginWrapper {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#loginWrapper .main-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 99;
}
#loginWrapper .main-body .login-logo {
    top: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 15px;
}
#loginWrapper .main-body > div {
    width: 33.33%;
}
#loginWrapper .login-form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 360px;
    min-width: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 20px;
}
.login-footer {
    width: 100%;
    background: #F8F8F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 98px;
	border-top: 1px solid #E5E6E8;
}
.login-footer .copyright {
    color: #9398A5;
}
.login-footer .copyright a {
    color: #2F9DF2;
}
.m-0{
	margin:0 !important;
}
.w-100{
    width: 100%;
}
.mb-2{
    margin-bottom: 15px;
}
 .mt-0{
margin-top: 0;
}
input[type=checkbox] {
   
    width: 18px;
    height: 18px;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 0.25em;
    
   
}
input[type=checkbox]:checked{
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}