@font-face { font-family: 'open_sansregular'; src: url('../fonts/open-sans.regular-webfont.eot'); src: url('../fonts/open-sans.regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans.regular-webfont.woff') format('woff'), url('../fonts/open-sans.regular-webfont.ttf') format('truetype'), url('../fonts/open-sans.regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }

h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:bold; line-height:1em; color:inherit; text-rendering:optimizelegibility }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight:normal; line-height:1; color:#999 }

.header { background:#4d7496; padding: 10px 0; font-family: 'open_sansregular'; }

.logo { height: 50px; margin: 0; background: url('../images/logo/logo.png') no-repeat;}

body { font-family: 'open_sansregular';  }

html, body {
}

.user_menu { float:right; }

.user_menu ul { float:right; margin:18px 0 0 0; }

.user_menu li { list-style:none; position:relative; }

.user_menu a { color:#fff; }

.user_menu a.user-name { background:url("../images/drop_down_arrow.png") no-repeat right center; padding: 0 15px 0 0; }

.user_menu a.user-name span { margin: 0 5px 0 0; position: relative; top: -1px; }

.user_menu li ul { background: url("../images/top_arrow.png") no-repeat scroll 95% 5px; border-bottom: 3px solid #4D7496; display: none; margin: 0; padding: 16px 0 0; position: absolute; right: 0; top: 100%; width: 230px; z-index: 100; }

.user_menu li:hover ul { display: block; }

.user_menu li ul a { background-position: 15px center !important; border-bottom: 1px solid #D5D5D5; color: #353535; display: block; font-size: 12px; padding: 8px 0 8px 10px; }

.user_menu li ul a:hover { color:#000; }

.user_menu li ul i { margin-right: 10px;}

.user_menu li ul li { background:#fbfbfb; }

.user_menu li ul li.Help a { background:url("../images/help_icon.png") no-repeat left center; }

.user_menu li ul li.Details a { background:url("../images/detail_icon.png") no-repeat left center; }

.user_menu li ul li.Account a { background:url("../images/account_icon.png") no-repeat left center; }

.user_menu li ul li.Date a { background:url("../images/calender_icon.png") no-repeat left center; }

.user_menu li ul li.Payment a { background:url("../images/credit_card_icon.png") no-repeat left center; }

.user_menu li ul li.Fund a { background:url("../images/add_fund_icons.png") no-repeat left center; }

.user_menu li ul li.Logout a { background:url("../images/logout.png") no-repeat left center; }

.btn-plan{ border-radius: 2px; font-size: 12px; padding: 6px 15px; margin-right: 10px; color:#fff; background:#f3ae49;border: none! important;font-family: 'open_sansregular'; box-shadow:none; text-shadow:none; font-weight: normal;}

/*********************main nav css here ***********************/

.nav { background: none repeat scroll 0 0 #364E63; border-top: 1px solid #5A7E9D; font-family: 'open_sansregular'; }

.main_menu { margin:0; }

.main_menu li { font-size:13px; float:left; list-style:none; background: url("../images/li-border.jpg") repeat-y left top; position:relative; }

.main_menu li:first-child { background:none; }

.main_menu li a { color: #FFFFFF; display: block; padding: 12px 13px; }

.main_menu li a:hover, .main_menu li a.active { background:#2a4053; }

.main_menu li.submenu a { background: url("../images/drop_down_arrow.png") no-repeat scroll 92% center; padding-right: 22px; }

.main_menu li > ul { display:none; position:absolute; top:33px; background:url("../images/top_arrow.png") no-repeat center top; padding:7px 0 0; left: -300%; z-index: 100; }

.main_menu li.campaigns > ul { left: -75px; width: 200px; border-bottom: 3px solid #4D7496; }

.main_menu li ul.span6 { border-bottom:3px solid #4d7496 }

.main_menu li ul.span6 > li { border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }

.main_menu li:hover ul { display: block; }

.main_menu li ul ul { position: static; }

.main_menu li ul > li { float:left; width:100%; font-size: 12px; }

.main_menu li ul a { color:#41444d; }

.main_menu li ul a:hover { color:#000; }

.main_menu li ul li { background:#fbfbfb !important; float:none; border-bottom: 1px solid #D5D5D5; padding: 7px 0 0;}

.main_menu li ul li b { color:#797777; line-height: 10px; font-weight: bold;}

.main_menu li ul li a { background-position: left center !important; padding: 8px 0 8px 20px; }

.nav .span2 { float:right; }

.nav select { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; border-radius: 2px; color: #4D7496; font-size: 12px; margin: 6px 0; padding: 5px; width: 100%; }

.menu_btn { display:none; }

/**********************************************************************/

.left_side_menu { }


.left_side_menu ul {list-style-type: none;background-color: #f1f1f1; height: 100%; width:100%; overflow: auto;}

.left_side_menu li { font-size:13px; float:left; list-style:none; width: 90%; position:relative; }

.left_side_menu li:first-child { }

.left_side_menu li a { display: block; padding: 8px 10px; }

.left_side_menu li a:hover, .left_side_menu li a.active {  }

.left_side_menu li.submenu a { background: url("../images/drop_down_arrow.png") no-repeat scroll 92% center; padding-right: 22px; }

.left_side_menu li > ul { display:none; position:absolute; top:33px; background:url("../images/top_arrow.png") no-repeat center top; padding:7px 0 0; left: -300%; z-index: 100; }

.left_side_menu li.campaigns > ul { left: -75px; width: 200px; border-bottom: 3px solid #4D7496; }

.left_side_menu li ul.span6 { border-bottom:3px solid #4d7496 }

.left_side_menu li ul.span6 > li { border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }

.left_side_menu li:hover ul { display: block; }

.left_side_menu li ul ul { position: static; }

.left_side_menu li ul > li { float:left; width:100%; font-size: 12px; }

.left_side_menu li ul a { color:#41444d; }

.left_side_menu li ul a:hover { color:#000; }

.left_side_menu li ul li { background:#fbfbfb !important; float:none; border-bottom: 1px solid #D5D5D5; padding: 7px 0 0;}

.left_side_menu li ul li b { color:#797777; line-height: 10px; font-weight: bold;}

.left_side_menu li ul li a { background-position: left center !important; padding: 8px 0 8px 20px; }


.myButton {
    -moz-box-shadow: 0px 10px 14px -7px #276873;
    -webkit-box-shadow: 0px 10px 14px -7px #276873;
    box-shadow: 0px 10px 14px -7px #276873;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e6f9a), color-stop(1, #408c99));
    background:-moz-linear-gradient(top, #3e6f9a 5%, #408c99 100%);
    background:-webkit-linear-gradient(top, #3e6f9a 5%, #408c99 100%);
    background:-o-linear-gradient(top, #3e6f9a 5%, #408c99 100%);
    background:-ms-linear-gradient(top, #3e6f9a 5%, #408c99 100%);
    background:linear-gradient(to bottom, #3e6f9a 5%, #408c99 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
    background-color:#3e6f9a;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;

    padding:10px 30px;
    text-decoration:none;
    text-shadow:0px 1px 0px #3d768a;
    float: right;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #517ea6), color-stop(1, #408c99));
    background:-moz-linear-gradient(top, #517ea6 5%, #408c99 100%);
    background:-webkit-linear-gradient(top, #517ea6 5%, #408c99 100%);
    background:-o-linear-gradient(top, #517ea6 5%, #408c99 100%);
    background:-ms-linear-gradient(top, #517ea6 5%, #408c99 100%);
    background:linear-gradient(to bottom, #517ea6 5%, #408c99 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#517ea6', endColorstr='#408c99',GradientType=0);
    background-color:#517ea6;
    color: #b7c5d2;
}
.myButton:active {
    position:relative;
    top:1px;
}


/**********************************************************************/

.light-blue{ background:none repeat scroll 0 0;
             background-color: #4D7396;color: #b5a080; color:#e5a746; }
.light-blue h3{letter-spacing:2px; margin:35px auto 3px 35px; color:#e5a746; }
.light-blue h3 a{ color:#e5a746; }
.light-blue hr{ border-bottom: 0px solid #5e4601; border-top: 1px solid #285882; 
                margin: 10px 0 5px 10px;clear: both;display: block;float: left;width: 90%; }   

.light-blue ul{ background-color:#4D7396; }
.light-blue li{ }
.light-blue li a{ color: white; }
.light-blue li a:hover{ background:#315A7E; color: #88adcd;color: #ABC2D6; 
                        border-top: 1px solid white; border-bottom: 1px solid white; 
                        border-right: 1px dashed #90a7ba; padding:7px 10px;}
.light-blue li a.active{ background:#315A7E; color: #88adcd;color: #ABC2D6; 
                         border-top: 1px solid white; border-bottom: 1px solid white; padding:7px 10px;}
.light-blue li a.active:before{ color: #ABC2D6;}
.light-blue li a:before {
    font-family: FontAwesome; font-size: 16px; padding:8px 5px 8px 5px;
    color:white; display: inline-block; text-align: center;
    margin-left: -1.75em; width: 1.3em; position: absolute; margin-top: -9px;
}
.light-blue li a:hover::before{
    margin-left: -1.84em; color:#3e6f9a; color:#ABC2D6;   padding:7px 4px 7px 4px;
    background:#315A7E; border-top: 1px solid white; 
    border-left: 1px dashed #90a7ba; border-bottom: 1px solid white;margin-top: -8px;
} 
.light-blue li a.active:before {
    margin-left: -1.84em; color:#315A7E; color:#ABC2D6;   padding:7px 4px 7px 4px;
    background:#30597c; border-top: 1px solid white; border-bottom: 1px solid white;margin-top: -8px;
}
.light-blue li#vb a:before{content: "\f130"; font-family: FontAwesome; font-size: 16px; }
.light-blue li#rvm a:before{content: "\f0e0"; }
.light-blue li#ct a:before{content: "\f085";}
.light-blue li#profile a:before{content: "\f007"; }
.light-blue li#profileplus a:before{content: "\f0c0"; }
.light-blue li#cp a:before{content: "\f11c"; }
.light-blue li#kb a:before{content: "\f0fe"; }
.light-blue li#support a:before{content: "\f1cd"; }
.light-blue li#signup a:before{content: "\f090"; }
.light-blue li ul a{}
.light-blue li ul li{}
.light-blue li ul li a{}
/**********************************************************************/
#btn-vb:before, #btn-vb.active:before {  content: "\f130"; }
#btn-rvm:before, #btn-rvm.active:before {  content: "\f0e0"; }
#btn-ct:before, #btn-ct.active:before {  content: "\f085"; }



.styled-dashboad-home-page-link-button{
    text-align: center; margin-top:-2px; padding: 1px 10px; }
.styled-dashboad-home-page-link-button ul{ list-style: none;}
.styled-dashboad-home-page-link-button ul li{ 
    background: #fcf8e3; border: 1px solid #e0d7a6;  
    border-radius: 6px 6px 6px 6px; transition: 0.5s;
    padding: 17px 14px 17px 7px; color: #364e63; }
.styled-dashboad-home-page-link-button ul li:before{    }
.styled-dashboad-home-page-link-button ul li:hover,
.styled-dashboad-home-page-link-button ul li.active{    
    background: #4D7396; color: #f3f4f8;  border: 1px solid #e0d7a6;  padding: 17px 14px 17px 7px;}
.styled-dashboad-home-page-link-button ul li a{
    font-family: 'open_sansregular';  font-weight: normal; 
    font-size: 14pt;  line-height: 16px; color: #364e63;     
    vertical-align: middle; touch-action: manipulation;
}
.styled-dashboad-home-page-link-button ul li a:before{
    font-family: FontAwesome;  
    font-size:20pt; text-decoration:initial; padding-bottom: -10px; padding-right:10px;} 
.styled-dashboad-home-page-link-button ul li a:hover,
.styled-dashboad-home-page-link-button ul li a:hover::before    {   color:#f3f4f8; }
/**********************************************************************/
.styled-dashboad-home-page-link-button-r{
    text-align: center; margin-top:-2px; padding: 1px 10px; }
.styled-dashboad-home-page-link-button-r ul{ list-style: none;}
.styled-dashboad-home-page-link-button-r ul li{ 
    background: #4D7396; border: 1px solid #e0d7a6;  
    border-radius: 6px 6px 6px 6px; transition: 0.5s;
    padding: 17px 14px 17px 7px; color: #f3f4f8; }
.styled-dashboad-home-page-link-button-r ul li:before{    }
.styled-dashboad-home-page-link-button-r ul li:hover,
.styled-dashboad-home-page-link-button-r ul li.active{    
    background: #fcf8e3; color: #364e63;  border: 1px solid #e0d7a6;  padding: 17px 14px 17px 7px;}
.styled-dashboad-home-page-link-button-r ul li a{
    font-family: 'open_sansregular';  font-weight: normal; 
    font-size: 14pt;  line-height: 16px; color: #f3f4f8;     
    vertical-align: middle; touch-action: manipulation;
}
.styled-dashboad-home-page-link-button-r ul li a:before{
    font-family: FontAwesome;  
    font-size:20pt; text-decoration:initial; padding-bottom: -10px; padding-right:10px;} 
.styled-dashboad-home-page-link-button-r ul li a:hover,
.styled-dashboad-home-page-link-button-r ul li a:hover::before    {   color:#364e63; }
/**********************************************************************/
.styled-dashboad-home-page-link-button3{
    text-align: left; margin-top:-25px; padding: 0px 10px; }
.styled-dashboad-home-page-link-button3 ul{ list-style: none;}
.styled-dashboad-home-page-link-button3 ul li{ transition: 0.5s;
                                               padding-top: 18px; padding-bottom:18px; }
.styled-dashboad-home-page-link-button3 ul li:hover,
.styled-dashboad-home-page-link-button3 ul li.active{ color: #4D7396;  }
.styled-dashboad-home-page-link-button3 ul li a{
    font-family: 'open_sansregular';  font-weight: normal; 
    font-size: 14pt; color: #364e63; line-height: 25px; }
.styled-dashboad-home-page-link-button3 ul li a:hover,
.styled-dashboad-home-page-link-button3 ul li a:hover::before {   
    color: #4D7396; font-weight: bold; }
.styled-dashboad-home-page-link-button3 ul li a:before{
    font-family: FontAwesome;  color: #364e63;  
    font-size:20pt; text-decoration:initial; padding-bottom: -10px; padding-right:10px;} 

/**********************************************************************/
.styled-dashboad-home-page-link-button2{
    text-align: center; }
.styled-dashboad-home-page-link-button2 ul{ list-style: none; padding: 0 0 0 0;}
.styled-dashboad-home-page-link-button2 ul li{ border: 1px solid white; 
                                               border-radius: 4px 4px 4px 4px; transition: 0.5s; padding: 10px 17px 10px 10px; }
.styled-dashboad-home-page-link-button2 ul li:hover,
.styled-dashboad-home-page-link-button2 ul li.active{    
    background: #fcf8e3; color: #4D7396; border: 1px dashed #e0d7a6; 
    padding: 10px 17px 10px 10px;}
.styled-dashboad-home-page-link-button2 ul li a{
    font-family: 'open_sansregular';  font-weight: normal; 
    font-size: 16pt; color: #364e63; line-height: 30px; }
.styled-dashboad-home-page-link-button2 ul li a:hover,
.styled-dashboad-home-page-link-button2 ul li a:hover::before {   color: #4D7396; }
.styled-dashboad-home-page-link-button2 ul li a:before{
    font-family: FontAwesome;  color: #364e63; font-weight: bold; 
    font-size:32pt; text-decoration:initial; padding-bottom: 10px; padding-right:10px;} 

/**********************************************************************/
.styled-dashboad-home-page-link-button-circle{
    text-align: center; }
.styled-dashboad-home-page-link-button-circle ul{ list-style: none; padding: 0 0 0 0;}
.styled-dashboad-home-page-link-button-circle ul li{ border: 1px solid white; 
                                                     border-radius: 50% 50% 50% 50% ; transition: 0.7s; padding: 60px 17px 60px 10px; }
.styled-dashboad-home-page-link-button-circle ul li:hover,
.styled-dashboad-home-page-link-button-circle ul li.active{    
    background: #fcf8e3; color: #4D7396; border: 1px dashed #e0d7a6; }
.styled-dashboad-home-page-link-button-circle ul li a{
    font-family: 'open_sansregular';  font-weight: normal; 
    font-size: 16pt; color: #364e63; line-height: 35px; }
.styled-dashboad-home-page-link-button-circle ul li a:hover,
.styled-dashboad-home-page-link-button-circle ul li a:hover::before {   color: #4D7396; }
.styled-dashboad-home-page-link-button-circle ul li a:before{
    font-family: FontAwesome;  color: #364e63; font-weight: bold; 
    font-size:32pt; text-decoration:initial; padding-bottom: 10px; padding-right:10px;} 
/*===================================================================*/

/************************Dashboard Summary***********************/
.dashboad-summary{ border-radius: 50% 50% 50% 50% ; transition: 0.7s; 
                   padding: 5px 17px 0px 10px; text-align: center; }
.dashboad-summary-top{margin-left: 0px; background-color: #364e63; height: 22px; width: 100%;
                      border-radius: 5px 5px  0 0;}
.dashboad-summary-main{margin-left: 0px; background-color: #fff; height: 98px; width: 99%; border: 5px solid #f3f3f3;  }
.dashboad-summary-main div{
    height: 100%; width: 24.3%; float: left; border-left: 5px solid #f3f3f3; text-align: center;}
.dashboad-summary-main div:first-child{
    height: 100%; width: 25%; float: left; border-left: 0px;} 

.dashboad-summary-main ul{ list-style: none; float: left; margin: 0 0 0 0; width: 100%; }
.dashboad-summary-main ul li{transition: 0.5s; padding: 10px 0 0 0 ; height: 100%; width: 100%; 
                             text-align: center; }
.dashboad-summary-main ul li:hover,
.dashboad-summary-main ul li.active{    }
.dashboad-summary-main ul li a{ font-family: 'open_sansregular';  
                                color: #41688c; line-height: 35px; font-size: 20pt; font-weight: bold;}
.dashboad-summary-main ul li a:hover,
.dashboad-summary-main ul li a:hover::before {   color: #4D7396; }
.dashboad-summary-main ul li a:before{} 
.dashboad-summary-main div div{height: 35px; width: 96%; background-color: #E3E3E3; 
                               border-left: 0px ; margin: 12px 2% 7px 2%;}
/*.dashboad-summary-main div div{height: 43px; width: 96%; background-color: #587fa3; 
    border-left: 0px ; margin: 12px 2% 20px 2%;} */
.dashboad-summary-main div div a{ font-family: 'open_sansregular';  
                                  color: #4d7496; line-height: 32px; font-size: 13pt; font-weight: normal; }

.dashboad-summary-bottom{margin-left: 0px; height: 8px; width: 100%;
                         border-radius: 0 0 5px 5px; }
/*===================================================================*/
/************************Grid View***********************/
.superb-styled-grid-view{       margin-bottom: 0px;    }
.superb-styled-grid-view td{    color: #364e63;   font-size: 14px;      }
.superb-styled-grid-view th, .superb-styled-grid-view thead{    background-color: #E3E3E3;  }
.superb-styled-grid-view table{  border-left: 1px solid #ddd;  
                                 border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;  }
.superb-styled-grid-view th a,.superb-styled-grid-view td.button-column a, 
.superb-styled-grid-view th.button-column a
{  font-size: 14px;  color: #4d7496 !important;  }

.superb-styled-grid-view tbody td.button-column a {
    color: #4d7496;  }

.superb-styled-grid-view tbody, .superb-styled-grid-view tbody tr,
.superb-styled-grid-view tbody tr.odd {  background: none repeat scroll 0 0 #f2f2f2;  }
.superb-styled-grid-view tbody tr.even {  background: none repeat scroll 0 0 #d5d6ea;  }

.styled-title-bar{
    background: none repeat scroll 0 0 #364e63!important;
    border-radius: 5px 5px 0 0; color: #FFFFFF; float: left;
    width: 100%; padding: 5px 0;
}
.styled-title-bar h2{ font-size: 14px;line-height: 24px;
                      font-weight: normal; margin: 0 14px;
}
.styled-footer-bar{
    background: none repeat scroll 0 0 #4b667f!important;
    border-radius: 0px 0px 5px 5px; color: #FFFFFF; float: left;
    height: 8px; width: 100%;
}


.btn-1f {
    overflow: hidden;
    border: 3px solid #fff;
    color: #fff;
}
.btn-luxary {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.updated_grid_view .yiiPager a{  border: none!important;  background: #4d7496; color: #fff!important;  padding: 6px 11px !important;  }
.updated_grid_view ul.yiiPager .selected a {  background: none repeat scroll 0 0 #364e63;  }
.updated_grid_view ul.yiiPager li.hidden a {  display: none;  }
.updated_grid_view_div #campaign-search-form .form_items input{  background: transparent;  color: #ffffff;  width: 100%;  }
.updated_grid_view_div #campaign-search-form i {    color: #fff;  font-weight: bold;  font-size: 1.2em;  position: absolute;  right: 6px;  top: 6px;  }
.updated_grid_view_div #campaign-search-form{  margin-right: 27%;  }

.superb-styled-grid-view-detail {   width:100%; text-align: left; }
.superb-styled-grid-view-detail thead { background: none repeat scroll 0 0 #E3E3E3; }
.superb-styled-grid-view-detail th {    font-size:14px; color:#515151; border-right:1px solid white; padding: 10px; }
.superb-styled-grid-view-detail td {    color: #364e63;   font-size: 13px; border-right:1px solid #cecece; 
                                        padding: 10px; }
.superb-styled-grid-view-detail td a {  margin:0 3px; }
.superb-styled-grid-view-detail th:last-child, .superb-styled-grid-view-detail td:last-child { border-right:0; }
.superb-styled-grid-view-detail th:last-child {  }
.superb-styled-grid-view-detail tbody tr:nth-child(even) { background: #E3E3E3; }
.superb-styled-grid-view-detail tfoot { background: none repeat scroll 0 0 #E3E3E3; }

.superb-styled-grid-view-detail tfoot td { font-size:14px; color:#515151; border-right:1px solid #cecece; padding: 10px; }
.superb-styled-grid-view-detail td.button-column a{
    color: #4d7496 !important;  } 
.superb-styled-grid-view-detail th.button-column a {
    color: white !important;  }

.styled-div-slim {
    text-align: center; width:38%; min-height: 1px; margin:auto; 
    padding: 5px 10px 10px 40px;
    margin-top: 0px;      margin-bottom: 15px;
    display:block;
    overflow:auto;
}
.styled-div, .styled-div-submit-box {
    text-align: center; width:38%; min-height: 42px; margin:auto; 
    padding: 10px 10px 10px 40px;
    margin-top: 0px;   margin-bottom: 0px;
    display:block;
    overflow:auto;
}
.styled-div-no-left-margin {
    text-align: center; width:95%; min-height: 42px; 
    padding: 12px 10px 10px 0px;
    margin-top: 0px;     margin-bottom: 0px;
    display:block;
    overflow:auto;   
}

.styled-div-centre {
    text-align: center; width:40%; min-height: 42px; 
    padding: 5px 10px 10px 0px;
    margin-top: 0px; margin:auto;     margin-bottom: 0px;
    display:block;
    overflow:auto;   
}

.styled-div-centre-for-small-div {
    text-align: center; width:85%; min-height: 42px; 
    padding: 5px 10px 10px 10px;
    margin-top: 0px; margin:auto;     margin-bottom: 0px;
    display:block;
    overflow:auto;   
}

.styled-div-submit-box{
    text-align: right;
    min-height: 50px;
    padding:10px 50px 0px 0px;
    clear: none;

}
.styled-input, .iconed-input, .icon-box, .iconed-input-3x, .icon-box-3x, .iconed-input-2c, .icon-box-2c{
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'ProximaNova','Arial','Helvetica','sans-serif';
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.iconed-input, .iconed-input-3x,.iconed-input-2c{
    width: 90%; float: left;
    border-left:none;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
}
.iconed-input-3x{
    width: 72%;     
}
.iconed-input-2c{
    width: 86%;     
}
.icon-box, .icon-box-3x, .icon-box-2c{
    width: 9%; float: left; 
    display: inline-block;
    border-right:none;
    height: 34px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px; 
    margin-top: 0px;
    background-color: #ebebeb;
    padding: 0 0;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-box-3x{
    width: 28%;
}
.icon-box-2c{
    width: 11%;
}

.icon-box img{
    height: auto;
    width: auto;
    margin: auto;  /* Magic! */
    max-width: 100%;
    max-height: 100%;
}

.styled-input-small{
    border: 1px solid #e4e4e4;
    padding: 5px;
    width: 45%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'ProximaNova','Arial','Helvetica','sans-serif';
    display: block;
    width: 46%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.styled-label, .styled-label-bold{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px; 
    font-family: 'ProximaNova','Arial','Helvetica','sans-serif';
    font-size: 14px;
    line-height: 1.42857143;
    color: #364E63;
    color: #3f566b;
}

.styled-label-bold{
    font-weight: 700;
    line-height: 2.1;
}

.styled-error-text{
    display: block;
    margin-top: 5px; 
    color: #a94442;
    font-family: 'ProximaNova','Arial','Helvetica','sans-serif';
}

.content-box-heading{
    font-family: 'ProximaNova','Arial','Helvetica','sans-serif';
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #3f566b;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  font-family: 'ProximaNovaBold';
    */
}

input[type=radio].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
    padding-left:20px;
    margin-bottom: 10px;
    height:15px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}
label.css-label {
    background-image:url('../images/styled-radio-blue.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.styled-radio{
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    -webkit-writing-mode: horizontal-tb;
}

.shadowbox2 {
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 2px 3px rgba(50,50,50,0.35);
    -moz-box-shadow: 0 2px 3px rgba(50,50,50,0.35);
    box-shadow: 0 2px 3px rgba(50,50,50,0.35);
}


.has-error  {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-feedback .form-control-styled {
    padding-right: 42.5px;
}

.styled-hr {
    background-color:#486075;
    border-width:0;
    color:#486075;
    height:1px;
    line-height:0;
    margin:2em 25% 2em 25%;
    page-break-after:always;
    text-align:center;

}

.styled-hr:after {
    content:"\a7";
    font-size:1.25em;
}

hr.style-one {
    border: 0;
    width: 90%;
    margin:.5em 5% .3em 5%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two {
    border: 0;
    width: 50%;
    margin:1.75em 25% 2em 25%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-three {
    border: 0;
    width: 50%;
    margin:2em 25% 5em 25%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*===================================================================*/

#campaign_selector{
    float: left;
    padding: 13px 0;
    width: 100%;
}
.container-full-width{
    width:960px; height:100%;margin-left: 0px;margin-right: 0px; width: auto; 
}
.container-full-width:before, 
.container-full-width:after { display:table; content:""; line-height:0 }
.container-full-width:after { clear:both }

.row .span-top-bar{    margin-right:8%;  float: right;   width: 20%;    }
.custom-row{    height: 100%; position: relative;  min-height:440px;    }
.row .span-content{    margin-left: 210px;      }
.row .span-sidebar{
    width: 200px;
    margin-left: 0px;
    height: 100%;
    position: absolute;
}
.sidebar .title{    margin:30px auto 0px 30px; }

.sidebar { width: 180px; height: 100%; 
           padding-left: 10px; padding-right: 10px;
           display: block; 
           position: absolute;
           border-right: 1px solid #58A0B4;  
           border-left: 1px solid #0C54A4;  
           font-family: 'open_sansregular';
}
@media (min-width: 992px)
.sidebar {

}
@media (min-width: 768px)
.sidebar {


}

.left_side_menu hr{ border-top: 1px solid #5A7E9D;
                    clear: both;
                    display: block;
                    float: left;
                    margin: 20px 0;
                    width: 100%;}

.contant_container { background: none repeat scroll 0 0 #F2F2F2; float: left; 
                     padding: 13px 13px 13px 0; max-width: 960px; 
                     margin-top: 10px;
                     margin-bottom: 30px;
}


.footer { z-index:100; background: none repeat scroll 0 0 #406483; color: #FFFFFF; padding: 15px 0; text-align: center; }


/* || =============================== styled radio ============================================*/


/*  --------------------------------------------------------------------------------------------*/
.contant_container_login { background: none repeat scroll 0 0 #F2F2F2; 
                           float: left; margin: 10px 0 30px 0; padding: 13px 0; width: 960px; position:relative; }

.form_items { clear: both; float: left; margin: 0 0 16px; width: 100%; }

.form_items input, .form_items select { border:1px solid #e4e4e4; padding: 5px; width:90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input.error { border:1px solid #ff0000; }

.error_msg { clear: both; color: #FF0000; float: left; margin: 5px 0 0; }

.help_txt { float:right; width: 24px; height: 26px; background: white url('../images/question_mark.png') no-repeat center; }

.form_items label { margin:6px 0 0; text-align: right; }

.white_bg { background:#fff; border-radius: 5px; }

.white_bg h3 { font-size:16px; color:#364e63; font-weight:normal; border-bottom:1px solid #364e63; padding: 5px 10px; }

.white_bg b { color: #3F3F3F; font-size: 14px; padding: 0 0 0 10px; }

.Schedule { border-bottom: 1px solid #DDDDDD; padding: 0 0 10px; margin-bottom: 6.2px; }

.Schedule select { margin-right: 10px; width: 60%; }

.Schedule input { width: 42%; }

.form_items input[type=radio] { margin: 2px 0 0 0; vertical-align: top; width: auto; }

.form_items input[type=checkbox] { margin: 2px 0 0 0; vertical-align: top; width: auto; }

#add_fund_cc_form .form_items input[type=checkbox] { margin: -5px 0 0 0!important; vertical-align: top; width: auto; }

.form_items .radio_btn { margin-top: 6px; }

.other_setting .form_items, .form_items .Schedule { margin-bottom:6.2px; }

.form_submit { text-align:right; padding:10px 10px 0; clear: both; }

.form_submit input, .form_submit .btn-input { background: none repeat scroll 0 0 #A8C984 ; border: 0 none; border-radius: 2px; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF; font-family: arial; font-size: 13px; font-weight: bold; padding: 8px 20px; }


/****************** line assignment ******************************/

.ralign { text-align:right; }

.calign { text-align: center; }

.telephony p { float: left; line-height: 20px; width: 100%; }

.telephony p b { font-size:13px; }

.telephony .ralign { font-weight:bold; }

.telephony_content { padding:10px; float:left; }

.line_assignment .white_bg h2 { border-radius: 5px 5px 0 0; color: #FFFFFF; font-size: 14px; font-weight: normal; margin: 0 0 10px; padding: 8px 0 8px 35px; text-align: left; }

.telephony h2 { background: url("../images/telephony_icon.png") no-repeat scroll 10px center #364E63; }

.line-assignment h2 { background: url("../images/line_assignment_icon.png") no-repeat scroll 10px center #364E63; }

.line-assignment form { margin: 20px 0; }

.line-assignment .form_submit input { margin-right: 20px; }

.line-assignment .form_submit { padding-top:0; }

.line-assignment form select { border: 1px solid #364E63; border-radius: 5px; }

.bcolor { color:#2a4053; }

.line-assignment .bcolor { font-size:14px; }

.calign p { font-size:12px; margin: 0 0 20px; }

.calign p b { font-size:12px; }

.white_bg.line-assignment { padding-bottom:15px; }

/****************************** summary **********************************/

.summary p { float: left; line-height: 20px; width: 100%; }

.summary h2 { background: url("../images/config_summary.png") no-repeat scroll 10px center #364E63; }

.summary p.subtitle { color: #2A4053; font-size: 15px; margin: 0 0 15px; }

.summary .ralign { font-weight:bold; }

.calling_hours { float:left; width:100%; margin:0 0 8px; }

.calling_hours table { font-size:11px; }

.calling_hours table th { font-size:13px; }

.calling_hours table th, .calling_hours table td { padding:0 8px; }

.detail_db h2 { background: url("../images/detail_db_icon.png") no-repeat scroll 10px center #364E63; }

.advance_db h2 { background: url("../images/advance_db_icon.png") no-repeat scroll 10px center #364E63; }

.line_assignment form { margin: 10px 0; }

.line_assignment .form_submit input { margin-right: 20px; }

.line_assignment .form_submit { padding-top:0; }

.detail_db form select { border: 1px solid #364E63; border-radius: 5px; }

.detail_db.advance_db { margin-top:15px; }

/*********************** batabase magement *********************************/

.database_mgt .span6 { margin-left:0; }

.individual_record h2 { background: url("../images/individual_record.png") no-repeat scroll 10px center #364E63; }

.import_list h2 { background: url("../images/import_list_icon.png") no-repeat scroll 10px center #364E63; }

.call-result h2 { background: url("../images/call-result.png") no-repeat scroll 10px center #364E63; }

.import_list p.ralign { color: #FF4122; font-size: 12px; padding-right: 30px; clear: both; }

.import_list { margin-top:15px; }

.import_list p { padding-left:20px; }

.button_sets { margin: 0 0 10px; padding: 0 10px; }

.import_list .button_sets { padding: 10px 10px 10px 10px; }

.button_sets .button { background: none repeat scroll 0 0 #A8C984; border: 0 none; border-radius: 3px; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF; font-family: arial; font-size: 12px; font-weight: bold; margin-right: 10px; padding: 8px 10px; }

.call-result .top_content { font-size:14px; color:#2a4053; padding:5px 10px; }

.tabs_container { padding: 10px 15px; }

.tabs_container_dash { padding: 0px 0px; }

.tabs_container_dash .ui-tabs .ui-tabs-nav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin: 0; padding: 0; }

.tabs_container_dash #tabs .tabs li { float: left; list-style: none outside none; margin: 0; border: 0 none; border-radius: 0; padding: 0; outline: none; width: 300px; border-bottom: solid 1px #fff;}

.tabs_container_dash #tabs .tabs li a { color:#364e63; font-size:14px; background:#dddddd; float: left; padding: 10px 20px; outline: none; width:300px}

.tabs_container_dash #tabs .tabs li.ui-tabs-active a, .tabs_container_dash #tabs .tabs li:hover a { color:#fff; background:#587fa3; outline: none; width: 300px;}

.tabs_container_dash #tabs .tabs { margin: 0; position: relative;  top: 0px!important; }

#date_picker, #date_picker_2, .date_picker { background:url("../images/calender_icon.png") no-repeat 96% center; cursor:pointer; }

#tabs { border: 0 none; margin: 0; padding: 0; }

.tabs_container .ui-tabs .ui-tabs-nav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin: 0; padding: 0; }

.tabs_content { border: 1px solid #DDDDDD !important; float: left; font-size: 11px; padding: 0 !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tabs_content .left_content { float: left; width: 47%; }

.tabs_content .right_content { float: right; width: 47%; }

.tabs_content .calign { color: #404040; font-size: 12px; font-weight: bold; }

.tabs_content input[type=checkbox] { margin:-1px 8px 0 0; }

.tabs_content p { padding:0 10px; }

.tabs_content h3 { border: 0 none; color: #4D7496; font-size: 12px; font-weight: bold; margin: 15px 10px; padding: 0; }

.tabs { margin: 0; position: relative; top: 1px; }

.tabs_container #tabs .tabs li { float: left; list-style: none outside none; margin: 0; border: 0 none; border-radius: 0; padding: 0; }

.tabs_container #tabs .tabs li a { color:#364e63; font-size:14px; background:#dddddd; float: left; padding: 10px 20px; }

.tabs_container #tabs .tabs li.ui-tabs-active a, .tabs_container #tabs .tabs li:hover a { color:#fff; background:#364e63; }

.individual_record .form_items, .import_list .form_items { margin: 0 0 8px; }

/*********************** all-compaign *******************************/

.all-compaign .title_bar { background: none repeat scroll 0 0 #4D7496; color: #FFFFFF; float: left; width: 100%; padding: 5px 0; }

.all-compaign .title_bar h2 { float: left; font-size: 14px; line-height: 28px; font-weight: normal; margin: 0 14px; }

.all-compaign .title_bar form { float: right; }

.search_filter .form_items { clear: none; margin: 0; width: auto; }

.search_filter .form_submit { clear: none; float: left; padding: 0; }

.search_filter .form_items select { border: 0 none; margin-right:10px; width: 200px; }

.search_filter .form_submit input { border: 0 none; border-radius: 0; box-shadow: none; font-size: 14px; font-weight: normal; padding: 6px 15px; margin-right: 10px; }

.add_btn, a.add_btn { border-radius: 2px; font-size: 12px; padding: 6px 15px; margin-right: 10px; float:right; color:#fff; background:#a8c984; }

/*************************** call flow *****************************************************/

.call_flow .title { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #364E63; border-radius: 5px 5px 0 0; color: #364E63; font-size: 16px; font-weight: normal; margin: 0 10px; padding: 7px 10px 5px; }

.call_flow .title_bar { background: none repeat scroll 0 0 #364E63; border-radius: 5px 5px 0 0; float: left; padding: 5px 0 4px; margin: 0 10px; width: 940px; }

.call_flow .title_bar h2 { float: left; font-size: 18px; color:#fff; font-weight: normal; line-height: 28px; margin: 0 14px; }

.call_flow .title_bar .live_message { background: none repeat scroll 0 0 #D1DADE; border: 0 none; border-radius: 2px; color: #5E5E71; float: right; font-size: 12px; margin: 0 10px 0 0; padding: 5px; width: 160px; }

.call_flow .prompt_type label, .call_flow .prompt_data label { width: auto; margin: 7px 0 15px !important; }

.call_flow .white_bg { border-radius: 0; padding: 20px 0 0; }

.form_items.choose_type, .prompt_detail { border: 1px solid #DDDDDD; border-radius: 3px; clear: both; margin: 0 10px 16px; padding: 15px 0; }

.call_flow .left { width:49%; float:left; }

.call_flow .right { width:49%; float:right; }

.form_items.choose_type label { font-size:14px; color:#404040; }

.form_items.choose_type select { background: none repeat scroll 0 0 #D1DADE; border: 0 none; border-radius: 3px; color: #5E5E71; }

.prompt_detail { padding:0;}

.inner_titles { background: none repeat scroll 0 0 #4D6280; color: #FFFFFF; float: left; padding: 4px 0; text-align: center; width: 100%; }

.form_items.prompt_data { clear:none; }

.inner_contents { clear: both; float: left; padding: 0 10px; }

.inner_contents .form_items { margin-bottom:0; padding:10px 0; }

.prompt_type { padding-right: 2% !important; width: 47% !important; }

.prompt_data { border-left: 1px solid #DDDDDD; padding-left: 2% !important; float:left !important; width: 47% !important; }

.inner_contents .form_items label { display: block; margin: 0 0 6px; text-align: left; }

.inner_contents .form_items label a { float:right; color: #4D7496; }

.inner_contents .form_items select { border-radius: 2px; margin: 0 0 10px; padding: 3px; width: 100%; }

.inner_contents .form_items textarea { border: 1px solid #E4E4E4; border-radius: 2px; padding: 3px 2%; width: 96%; }

table.broadcasting { border: 1px solid #DDDDDD; border-radius: 2px; float: left; margin: 0 0 16px; width: 100%; }

.broadcasting thead { background:#4d6280; }

.broadcasting thead th { color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 5px; }

.broadcasting tbody tr:nth-child(even) { background:#ecf0f2; }

.broadcasting tbody td { padding:8px; font-size:12px; }

.broadcasting tbody td:last-child { text-align:center; border-left:1px solid #f3f3f3; }

.broadcasting th:first-child { text-align:left; }

.broadcasting tbody td:nth-child(2) { border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; padding-left:20px; }

.broadcasting tbody td:nth-child(3) { text-align:center; }

.broadcasting tbody td a { background: none repeat scroll 0 0 #0AA699; border-radius: 3px; color: #FFFFFF; font-size: 11px; padding: 2px 7px; }

.player { clear: both; margin: 0 0 10px; }

.call_flow_chart h3 { background: none repeat scroll 0 0 #4D6280; border-radius: 2px 2px 0 0; color: #FFFFFF; font-size: 13px; margin: 0; }

.chart_row { clear: both; }

.chart_row .step { padding:10px 10px 5px; }

.chart_row .step_column { float:left; width:25%; background:#67a2be; color:#fff; font-size:12px; text-align:center; }

.chart_row .step_column.gray { background:#8291a6; }

.chart_row .step_column span { display: block; padding: 5px 0; width: 100%; }

.chart_row .step_column span.top { border-bottom: 1px solid #FFFFFF; }

.call_flow .span6.left { margin:0; }

.call_flow .span6.right { margin:0 10px 0 0; }

/***********************************************************/

.all_compaign_detail { width:100%; text-align: left; margin-bottom: 10px;}

.all_compaign_detail thead { background: none repeat scroll 0 0 #E3E3E3; }

.all_compaign_detail th { font-size:14px; color:#515151; border-right:1px solid #cecece; padding: 10px; }

.all_compaign_detail td { font-size:12px; color:#817a7a; border-right:1px solid #cecece; padding: 10px; }

.all_compaign_detail td a { margin:0 3px; }

.all_compaign_detail th:last-child, .all_compaign_detail td:last-child { border-right:0; }

.all_compaign_detail th:last-child {  }

.all_compaign_detail tbody tr:nth-child(even) { background: #E3E3E3; }

.all_compaign_detail tfoot { background: none repeat scroll 0 0 #E3E3E3; }

.all_compaign_detail tfoot td { font-size:14px; color:#515151; border-right:1px solid #cecece; padding: 10px; }

.summary_detail p { float: left; width: 100%; }

.summary_detail p.compaign_name { font-weight: bold; margin: 0 0 15px; }

.summary_detail .bold { font-weight:bold; color: #3571A6; }

.summary_detail h2 { background: url("../images/summary_icon.png") no-repeat scroll 10px center #364E63; }

.pagination { clear: both; margin: 0 10px; }

.pagination ul { list-style: none outside none; margin: 0; padding: 15px 0 5px; }

.pagination li { display: inline-block; }

.pagination li a { background: none repeat scroll 0 0 #4D7496; color: #FFFFFF; font-size: 14px; padding: 5px 10px; }

.pagination li a.active, .pagination li a:hover { background: none repeat scroll 0 0 #364e63; }

/***********************************************************/

/***************** Login Page css here ***********************/

.login_container { background: url("../images/login_box_shadow.png") no-repeat scroll center center; display: table; margin: 90px auto; padding: 0 24px; width: 466px; }

.login_container form { background: none repeat scroll 0 0 #EEF1F3; padding: 40px 30px 20px; float: left; }

.login_container .form-item { float: left; margin: 0 0 20px; width: 100%; }

.login_container .form-item input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BEC1C2; color: #A0A0A0; height: 18px; font-family: calibri; font-size: 15px; padding: 10px; width: 340px; }

.login_container .form-item label { float: left; font-size: 0; height: 40px; width: 42px; }

.login_container .form-item.user_name label { background: url("../images/user_icon.png") no-repeat center center #364e63; }

.login_container .form-item.password label { background:url("../images/password_icon.png") no-repeat center center #364e63; }


.login_container .form-item.password { margin-bottom:30px; }

.login_container .left { float:left; width:50%; color: #969696; font-family: calibri; }

.login_container .right { float:right; }

.login_container .other_options .form-item { margin:0 0 10px; width:auto; clear:none; }

.login_container .form-item input[type=checkbox] { height: auto; margin: -2px 5px 0 0; padding: 0; vertical-align: middle; width: auto; }

.login_container .other_options a { color:#969696; line-height:20px; }

.login_container .other_options a:hover { color:#000; }

.login_container .form-submit input { background: none repeat scroll 0 0 #A8C984; border: 0 none; color: #FFFFFF; font-family: calibri; font-size: 16px; font-weight: bold; padding: 5px 20px; text-transform: uppercase; margin-left: 10px; }

/************************ about page css **************************************/

.contant_container.about_us { margin: 20px 0; background: none repeat scroll 0 0 #F3F6F8; padding: 30px 15px 20px; width: auto; }

.about_us h2 { font-size:20px; color:#2a4053; margin: 0 0 20px; }

.about_us h3 { font-size:14px; color:#2a4053; margin: 10px 0; }

.about_us p { color:#333333; font-size:14px; line-height:20px; margin: 0 0 20px; }

/************************ contact us page css **************************************/

.contact_us { background: none repeat scroll 0 0 #F3F6F8; display: block; float: left; margin: 20px 0; padding: 30px 4% 20px; width: 92%; }

.contact_us .left { float:left; }

.contact_us .right { float:right; }

.contact_us .form-item { width:40%; margin: 0 0 20px; }

.contact_us .form-item label { color: #5B5B5B; display: block; font-size: 17px; margin: 0 0 5px; }

.form-item .required { color:#eb5656; }

.form_items .required { color:#eb5656; }

.contact_us .form-item input { border: 1px solid #D9D9D9; display: block; height: 18px; padding: 8px 2%; width: 96%; }

.contact_us .form-item select { border: 1px solid #D9D9D9; display: block; height: 36px; line-height: normal; padding: 8px 2%; width: 100%; ; }

.contact_us .form-item textarea { border: 1px solid #D9D9D9; display: block; height: 100px; line-height: normal; padding: 8px 2%; width: 96%; }

.contact_us .best_time_to_call .form-item { clear: both; float: left; width: 100%; }

.contact_us .best_time_to_call .best_time select { width:45%; }

.contact_us .form-item.best_time_to_call { margin-bottom:0; }

.contact_us .form-submit { clear: both; text-align: right; font-size: 12px; }

.contact_us .form-submit input { background: none repeat scroll 0 0 #A8C984; border: 0 none; border-radius: 2px; color: #FFFFFF; font-family: arial; font-size: 12px; font-weight: bold; margin: 0 0 0 10px; padding: 5px 15px; }

.contact_us h2 { text-align:center; color:#364e63; font-size:24px; margin: 0 0 30px; }

.contact_us .form-submit.register input { padding: 5px 12px; }

/******************* billing page css here  *************************/

.call_details { float: left; width: 475px; }

.call_detail h2 { background: url("../images/call_detail_icon.png") no-repeat scroll 10px center #364E63; }

.add_fund { margin-bottom:10px; }

.add_fund h2 { background: url("../images/add_funds_icon.png") no-repeat scroll 10px center #364E63; }

.payment_history h2 { background: url("../images/call-result.png") no-repeat scroll 10px center #364E63; }

.call_detail { margin-bottom:10px; }

.call_details h3 { color:#364e63; font-weight:bold; font-size:15px; border:0; }

.call_details input { border:1px solid #e4e4e4; padding: 5px; width:130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; }

.call_detail label { display: inline-block; width:72px; }

.call_details p { float:left; width:100%; }

.view_btn { background: none repeat scroll 0 0 #A8C984; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF !important; float: right; font-family: arial; font-size: 12px; font-weight: bold; margin: 0 20px 10px 0; padding: 3px 20px; }

.add_fund p { margin:10px 0; }

.add_fund label { margin-top:6px; }

.add_fund input { width:90%; }

.add_fund .input_class { width:auto!important; margin: 0 8px; vertical-align: middle;}

.paypal { margin-right: 30px; }

.payment_detail { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 15px; border-radius: 5px 5px 0 0; text-align: center; width: 100%; }

.payment_detail th { background: none repeat scroll 0 0 #4a7397; font-size:13px; color:#fff; border-right:1px solid #6792b1; padding: 10px 0; font-weight:normal; }

.payment_detail td { font-size:13px; color:#585858; border-right:1px solid #acacac; border-bottom:1px solid #ffffff; padding: 10px 0; }

.payment_detail th:last-child { border-radius:0 5px 0 0; }

.payment_detail th:first-child { border-radius:5px 0 0 0; }

.payment_detail tr:first-child { border-radius:5px 5px 0 0; background:none; }

.payment_detail th:last-child, .payment_detail td:last-child { border-right:0; }

.payment_detail tr:nth-child(even) { background: #e2e3e4; }

.payment_detail tr:nth-child(odd) { background: #c7c8c9; }

/****************************************************/

.account_info h1 { color: #364E63; font-size: 24px; margin: 10px 0 20px; text-align: center; }

.account_info .form_submit { padding: 10px 25px 10px 0; }

.account_info .white_bg h3 { margin-left: 10px; margin-right: 10px; padding: 5px 0; }

.email_info form { margin: 60px 0; }

.personal_info h2 { background: url("../images/personal_info.png") no-repeat scroll 10px center #364E63; }

.email_info h2 { background: url("../images/email_icon.png") no-repeat scroll 6px center #364E63; }

.change_password .form-item label { float: left; font-size: 14px; font-weight: bold; height: auto; margin: 0 0 5px; width: auto; }

.change_password .form-item input { width: 384px; }

.change_password h2 { color: #364E63; font-size: 18px; margin: 10px 0 20px; text-align: left; border-bottom: 1px solid #364E63; padding-bottom: 10px; }

.login_container .change_password { padding-top:20px; }

.DNC_summary { border: 1px solid #CCCCCC; display: block; border-top:0; margin: 20px 15px 10px 15px; }

.dnc_import_list, .dnc_export_list, .dnc_scrub_list { border: 1px solid #CCCCCC; margin: 20px; }

.dnc_import_list h2, .dnc_export_list h2, .dnc_scrub_list h2 { background: none repeat scroll 0 0 #DDDDDD !important; border-radius: 0 !important; color: #364E63 !important; font-weight: bold !important; padding: 10px 0 10px 10px !important; }

.DNC_center input[type=submit] { background: none repeat scroll 0 0 #A8C984; border: 0 none; border-radius: 2px; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF; font-family: arial; font-size: 12px; font-weight: bold; padding: 5px 15px; margin:0 8px; }

.dnc_export_list a { color: #364E63 !important; font-weight: bold; }

.dnc_scrub_list h3 { color: #4C4C4C; line-height: 20px; }

.dnc_scrub_list input[type=radio] { margin: 0 8px; vertical-align: middle; }

.DNC_center .tabs_container #tabs .tabs li a { font-weight:bold; }

.DNC_summary h2 { background: url("../images/summary_icon.png") no-repeat scroll 10px center #364E63; }

.DNC_center h2.title { background: none repeat scroll 0 0 #364E63; font-size: 18px; font-weight: normal; padding: 10px 15px; text-align: left; }

hr { border-top: 2px solid #F2F2F2; clear: both; display: block; float: left; margin: 20px 0; width: 100%; }

.bold { font-weight:bold; }

.inner_content_wrapper { border: 1px solid #dddddd; margin: 0 10px; }

.content_box { border-bottom: 1px solid #F2F2F2; padding: 10px; font-size: 12px; }

.content_box_3 { border:0; }

.content_box label { display: inline-block; font-weight: bold; margin-right: 10px; text-align: right; vertical-align: middle; width: 160px; }

.content_box_1 label { width:160px; }

.content_box p a{cursor:pointer; margin-left: 10px;}

.content_box p input { background:#f2f2f2; border:1px solid #cccccc; width:75px; }

.white_bg.min-height { min-height: 546px; padding-bottom: 23px; }

.tabs_container .form_items label.span2 { width: 120px; }

.database_records { background: none repeat scroll 0 0 #E3E3E3; color: #4C4C4C; font-size: 12px; margin-right: 20px; border: 1px solid #ddd;}

.database_records .row { margin: 0; padding: 5px 0; }

.database_records .row label { width:55%; text-align:right; font-weight:bold; margin-right:10px; display:inline-block; vertical-align:middle; }

.database_records .row.even { background:#f2f2f2; }

.database_records .row.odd { background:#fff; }

.database_records_advanced .row label { width:65%; text-align:right; font-weight:bold; margin-right:10px; display:inline-block; vertical-align:middle; }

.call_detail .top_selection { margin: 0 10px; }

.call_detail .top_selection label { margin: 0 5px 0 0; vertical-align: middle; width: auto; }

.call_detail .top_selection select { border: 1px solid #E4E4E4; display: inline-block; vertical-align: middle; padding: 5px; margin-right: 10px; width: 240px; }

.call_detail .top_selection input { margin-right: 10px; width: 152px; }

.call_detail .top_selection input.view_btn { border: 0 none; float: right; margin: 2px 0 0; padding: 5px 20px; width: auto; }

.call_detail_table { margin: 0 10px 20px; text-align: center; width: 920px; }

.call_detail_table thead { background: none repeat scroll 0 0 #4e799c; border-radius:10px 10px 0 0; }

.call_detail_table th { font-size:13px; color:#ffffff; border-right:1px solid #35587e; padding: 10px 5px; font-weight:bold; }

.call_detail_table td { font-size:13px; color:#585858; border-right:1px solid #babbbb; padding: 7px 5px; border-top:1px solid #ffffff; }

.call_detail_table td span { font-size:11px; }

.call_detail_table th:last-child, .call_detail_table td:last-child { border-right:0; }

.call_detail_table tbody tr:nth-child(odd) { background: #e2e3e4; }

.call_detail_table tbody tr:nth-child(even) { background: #c7c8c9; }

.call_detail_table th:first-child { border-radius:10px 0 0 0; }

.call_detail_table th:last-child { border-radius:0 10px 0 0; }

/********************* report generation page css here **************/

.report_generation .title_bar { margin-bottom: 10px; }

.form_container { clear: both; display: table; margin: 0 auto; width: auto; }

.form_container select { border: 1px solid #364E63; border-radius: 5px; font-size: 12px; }

.form_container .form_submit { padding: 0 30px 20px; }

.form_items.date label { margin-left: 30px; margin-right: 10px; width: auto; }

.form_items.date input { width: 142px; }

.title_bar .left { float:left; margin: 6px 0 6px 10px; }

.title_bar .right { float:right; margin: 6px 10px 6px 0; }

.title_bar .right a { float: none; font-weight: bold; margin: 0 0 0 6px; padding: 6px 20px; }

.report_generation .title_bar.second { margin-bottom:0; border-bottom: 2px solid #FFFFFF; }

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

.report_data thead { background: none repeat scroll 0 0 #E3E3E3; }

.report_data tbody tr { background: none repeat scroll 0 0 #fff; }

.report_data th { font-size:14px; color:#4d7496; border-right:1px solid #cecece; padding: 12px 5px; font-weight: bold; }

.report_data td { border-right: 1px solid #CECECE; color: #4C4C4C; font-size: 12px; font-weight: bold; padding: 5px; vertical-align: middle; }

.report_data td a { margin:0 3px; }

.report_data th:first-child, .report_data td:first-child { border-left:1px solid #cecece; }

.report_data tbody tr:nth-child(even) { background: #E3E3E3; }

/********************** voice mail page css here ***************/

.voice_mail_page { margin: 0px; }

.voice_mail_page #tabs .tabs li { margin-right:12px; background: none; }

.voice_mail_page #tabs .tabs li:last-child { margin-right:0; }

.voice_mail_page #tabs .tabs li a { background: none repeat scroll 0 0 #364E63; border-radius: 10px 10px 0 0; color: #FFFFFF; padding: 15px 10px; text-align: center; width: 162px; }

.voice_mail_page #tabs .tabs li.ui-tabs-active a, .voice_mail_page #tabs .tabs li:hover a { background: none repeat scroll 0 0 #DDDDDD; color: #364E63; }

.voice_mail_page #tabs .tabs li.ui-tabs-active a { width:164px; }

.voice_mail_page .voice_mail_forms .form_items label { width: 180px; }

.voice_mail_page .contant_container { margin: 0 0 20px; padding: 25px 0; }

.voice_mail_page .tabs { top: 0; }

.voice_mail_page .tabs_content { border: medium none !important; }

.voice_mail_inner_content { margin: 0 auto; width: 570px; }

.voice_filter_content {margin-top: 10px; margin-bottom: 10px;}

.voice_filter_content h2 { background: none repeat scroll 0 0 #4D7496; color: #FFFFFF; margin: 30px 0; font-size: 20px; font-weight: normal; padding: 10px; text-align: center; clear:both; }

.voice_filter_content p { color: #4C4C4C; float: left; font-size: 13px; width: 100%; }

.voice_filter_content p span { width: 48%; }

.voice_filter_content p .left { float: left; }

.voice_filter_content p .right { float: right; }

.voice_filter_content p a { background: none repeat scroll 0 0 #A8C984; border-radius: 2px; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF; font-family: arial; font-size: 12px; font-weight: bold; margin: 0 5px; padding: 5px 30px; }

.voice_filter_content p .right a { padding: 5px 20px; }

.voice_filter_content p.calign { margin:10px 0 30px; text-transform:uppercase; }

/******************** Global count page css **********************/

.global_count { width:100%; text-align: center; font-family: arial; }

.global_count tr { background: none repeat scroll 0 0 #fff; }

.global_count th { background:#4d7496; font-size:14px; color:#fff; border-right:2px solid #cecece; padding: 15px 5px; font-weight: bold; width: 50%; }

.global_count td { border-right: 2px solid #CECECE; color: #4C4C4C; font-size: 12px; font-weight: bold; padding: 15px 5px; vertical-align: middle; }

.global_count th:last-child, .global_count td:last-child { border-right:0; }

.global_count tr:nth-child(odd) { background: #E3E3E3; }

/******************** Archive History page css **********************/

.archive_history { width:100%; text-align: center; font-family: arial; margin: 0 0 25px; }

.archive_history tr { background: none repeat scroll 0 0 #fff; }

.archive_history th { background:#4d7496; font-size:14px; color:#fff; border:0; padding: 10px 5px; font-weight: bold; width: 50%; }

.archive_history td { border:0; color: #4C4C4C; font-size: 13px; font-weight: normal; padding: 10px 20px; vertical-align: middle; text-align:left; word-wrap: break-word; }

.archive_history td:last-child { text-align:right; }

.archive_history tr:nth-child(odd) { background: #E3E3E3; }

.archive_history td a { background: none repeat scroll 0 0 #A8C984; border-radius: 2px; box-shadow: 0 1px 1px 0 #333333; color: #FFFFFF; font-family: arial; font-size: 12px; font-weight: bold; padding: 5px 10px; }

/******************** Download VMS page css **********************/

.voice_filter_bottom_content select { border: 1px solid #364E63; border-radius: 5px; font-size: 12px; width:200px; padding: 5px; }

.voice_filter_bottom_content_2 p { margin:0 0 10px; font-size:13px; }

.voice_filter_bottom_content_2 p.calign { font-weight:normal; margin:10px 0; text-transform: none; }

.voice_filter_bottom_content_2 p.red_color { color: #8D0303; font-size: 16px; line-height: 22px; margin: 10px 0 20px; text-transform: none; }

.voice_filter_bottom_content_2 h2 { margin-bottom:5px; }

.voice_filter_bottom_content_2 p input[type=radio] { margin: -3px 5px 0 0; vertical-align: middle; }

.voice_filter_bottom_content_2 p.width { clear: both; float: none; margin: 0 auto 10px;}

/********************************************************************************************************/

/*************** all_schedules page css here **************/

.all_schedules td { color: #333333; font-weight: bold; }

.all_schedules td:last-child { text-align: center; width: 100px; }

.all_schedules td a { margin: 0 10px; }

/****** pop up css here *************/

.black_overlay { background: none repeat scroll 0 0 #000000; height: 100%; left: 0; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0; width: 100%; z-index:1; }


.popup_wrapper { background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px; left: 50%; margin: 0 0 0 -350px; position: fixed; top: 30px; width: 700px; z-index:100; padding-bottom: 10px; }

.popup_wrapper h2 { background: none repeat scroll 0 0 #364e63; border-radius: 6px 6px 0 0; color: #FFFFFF; font-size: 20px; font-weight: normal; margin: 0; padding: 10px 15px; }

.popup_wrapper p { font-weight: bold; }

.popup_wrapper form { padding: 0 10px; }

.popup_wrapper form .form-item { margin: 10px 0; }

.popup_wrapper form .form-item label { display: inline-block; font-weight: bold; margin: 0 5px 0 0; text-align: right; vertical-align: middle; width: 150px; }

.popup_wrapper form .form-item input { border: 1px solid #364E63; border-radius: 5px; padding: 5px; width: 240px; }

.popup_wrapper h3 { color: #364E63; font-size: 14px; margin: 20px 0; }

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

.popup_wrapper table th { font-size: 14px; font-weight: bold; padding: 5px; }

.popup_wrapper table td { padding: 5px; vertical-align:middle; }

.popup_wrapper table td:nth-child(2), .popup_wrapper table th:nth-child(2) { text-align: left; }

.popup_wrapper table td select { padding: 3px; width: 60px; font-size: 12px; }

.popup_wrapper form .form_submit { text-align: left; }

.popup_wrapper .close_btn { background: url("../images/close_icon.png") no-repeat; display: block; height: 22px; position: absolute; right: 8px; top: 8px; width: 22px; }

.popup_wrapper .edit_schedule form .form_submit { padding: 5px 0 0 340px; }

.popup_wrapper .edit_schedule table td:nth-child(2), .popup_wrapper .edit_schedule table th:nth-child(2) { text-align: center; }

.green_color { color:#4e9600; }

.red_color { color:#ff0000; }

.popup_wrapper .edit_schedule p.calign { font-size:16px; margin:15px 0 20px 0; }

.popup_wrapper .edit_schedule .tabs_container form .form_submit { padding: 10px 40px 10px 0; text-align: right; }

.popup_wrapper .edit_schedule .tabs_container .ui-widget { font-family:Arial, Helvetica, sans-serif; }

.edit_schedule .tabs_container #tabs .tabs li a { font-size: 14px; padding: 5px 20px; background: none repeat scroll 0 0 #364E63; color: #FFFFFF; float:none; display:block; }

.edit_schedule .tabs_container #tabs .tabs li.ui-tabs-active a, .edit_schedule .tabs_container #tabs .tabs li:hover a { background: none repeat scroll 0 0 #DDDDDD; color: #364E63; }

.edit_schedule .tabs_container #tabs .tabs li.ui-tabs-active a { padding: 5px 23px; }

.edit_schedule .tabs_container #tabs .tabs li { float:none; display:table-cell; }

.edit_schedule .tabs_container { padding: 0; }

.hidden { display: none!important;}

.items {float: left;}

.grid-view table.items th a.asc{background:url('../images/up.gif') right center no-repeat;padding-right: 15px;}
.grid-view table.items th a.desc{background:url('../images/down.gif') right center no-repeat;padding-right: 15px;}
.errorSummary,.errorMessage { color: #B94A48;}
.alert{ padding: 8px 35px 8px 14px; margin: 0 0 10px 10px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  background-color: #fcf8e3;  border: 1px solid #fbeed5;  -webkit-border-radius: 4px;     -moz-border-radius: 4px;          border-radius: 4px;}
.alert-success {color: #468847;background-color: #dff0d8;border-color: #d6e9c6;}
.alert-danger, .alert-error {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;}
.extra-css{ top: 30%;}
.extra-css table td select{width:113px;}
.extra-css table td:nth-child(2), .popup_wrapper table th:nth-child(2){text-align: center;}
.scroll-bar {overflow: scroll;}
.black_overlay_load { background: none repeat scroll 0 0 #000; height: 100%; left: 0; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0; width: 100%; z-index:1; }
.popup_wrapper_load { left: 0%;position: fixed;top: 40%;width: 100%;z-index: 100;padding-bottom: 20px;font-size: 156%;font-weight: bold;color: #fff;text-align: center;}
.mt70{margin-top: 10px;}
#alert_msg { padding: 0 0;}
#alert_msg_dash { padding: 10px 0 0 0;}
.user_switch a{ color: #ffffff;}
.p22{padding: 22px;}
.top30{top: 31%;}
.w63l39{width: 63%;left: 39%;}
.campaign_picker {float: right; margin: 10px 0 0 0;}
.campaign_selected {margin: 11px 0 0 10px;}
.p13{padding: 13px;}
.dl_summary_refresh {float: right; margin-right: 10px;}
.telephony ul li { list-style: none outside none; padding: 5px;}
.tree_box { display: inline-block; width:100%; height: 200px; overflow: auto; }
.tree_box ul li { border-bottom: 1px solid #c8c8c8; color: #6a6a6a; line-height: 25px; padding-left: 10px; }
.extend-input-type-width input{ width: 100%;}
.call_me_btn { color:#fff; background:#a8c984; }
.table-iteams{ width:100%; text-align: left; margin-bottom: 5px; border:1px solid #cecece; background: #fff !important;}
.table-iteams th { font-size:12px; color:#515151; border-right:1px solid #cecece; padding: 5px; }
.table-iteams td { font-size:10px; color:#817a7a; border-right:1px solid #cecece; padding: 5px; }
.schedule-div table td {padding: 5px;vertical-align: middle;}
.schedule-div table {width: 100%;text-align: center;}
.schedule-div table th {font-size: 14px;font-weight: bold;padding: 5px;}
.schedule-div table td {padding: 5px;vertical-align: middle;}
.schedule-div table td select {padding: 3px;width: 60px;font-size: 12px;}
.schedule-div h3{border: none; font-size: 14px; font-weight: normal; padding: 5px 10px;}
.schedule-div h2{font-size: 16px; color: #364e63; font-weight: normal; border-bottom: 1px solid #364e63; padding: 5px 10px;}
.schedule-div form{padding:20px 0 0 0;}
.schedule-div label{border: none;font-weight: bold;}
.schedule-div input[type="submit"]{margin-right: 10px;}
tr.related-info {background: #eee! important;}
#campaign_usage_filter_frm label{margin: 5px;}
#campaign_usage_filter_frm .submit{ color:#fff; background:#a8c984; }
.campaign_usage {margin-bottom: 10px;}
.campaign_usage h2 { background: url("../images/call_detail_icon.png") no-repeat scroll 10px center #364E63; }
.report_generation_filter label{margin: 15px;}
.ptb{ padding: 20px;}
a.add-btn { border-radius: 2px; font-size: 12px; padding: 6px 15px; margin-right: 10px; color:#fff; background:#a8c984; text-shadow: none; border: none! important}
a.add-btn:hover { border-radius: 2px; font-size: 12px; padding: 6px 15px; margin-right: 10px; color:#fff; background:#a8c984; text-shadow: none; border: none! important}
.btn-submit, input.btn-submit{ border-radius: 2px; font-size: 12px; padding: 6px 15px; margin-right: 10px; color:#fff; background:#a8c984;border: none! important;font-family: 'open_sansregular'; box-shadow:none; text-shadow:none; font-weight: normal;}
.btn-submit:hover{background:#a8c984; color: #fff;}
.white_txt{color:white;}
.p6{padding: 6px;}
.p40{padding: 40px;}
.ml23{margin-left: 23px;}
.margin6 { margin:6px 0 0 6px; text-align: left; }
audio { width: 150px; margin-bottom: -3px; display: inline-block;}
.audio_close{float: right; cursor:pointer;}
.margin-left10-top9{margin-top: 9px;margin-left: 10px;}
.successMessage {color: #468847;}
.vlm{vertical-align: middle;}
.vltb{vertical-align: text-bottom;}
#add_fund_cc_form .form_items {clear: none;float: left;margin: 0 0 16px;width: auto;}
.h12{height: 12px;}
.h30{height: 30px;}
.paddingTop30{padding:30px;}
#campaign_usage_filter_frm{padding: 12px; text-align: center;}
.report_data i { cursor:pointer; }
#campaign-search-form i { margin-left: -20px; vertical-align: middle; cursor:pointer; }
.modal-cc {  background-clip: padding-box;  background-color: #ffffff;  border: 1px solid rgba(0, 0, 0, 0.3);  border-radius: 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);  left: 50%;  margin-left: -500px;  outline: medium none;  position: fixed;  top: 10%;  width: auto;  max-width: 1000px !important;  z-index: 1050;  }
.width-70px{width: 70px;}
.color-red{border:1px solid red;}
.border-color-red{border-color: red! important;}
.terms p{ text-align: justify; text-justify: inter-word;}
.pad-xs{  min-height: 1px;  padding: 15px;  }
.contact-label{  margin-top: 10px;  }
.login_container .form-item.phone label { background:url("../images/grey_phone_icon.png") no-repeat center center #364e63; }
.margin-bottom-20{margin-bottom:20px!important;}
#agent-form .success input{border: 1px solid #A8C984 !important;}
#agent-form .error input{border: 1px solid #b94a48 !important;}
#campaign-list-id td.button-column{text-align: center;}
.text-align-center td.button-column,.text-align-center th.button-column{text-align: center;}
.text-align-center th.button-column{  color: #4e8ad4;  }
.text-align-center td.button-column a {  margin: 0 15px;  }
.import_list { margin:0 0 15px 0; }
#agent-form .form-item{position: relative;}
#agent-form .form-item .errorMessage{position: absolute; right: 0px;}
.all_compaign_detail td.button-column a {  margin: 0 9px!important;  }
.all_compaign_detail th.button-column, .all_compaign_detail td a.popover-dismiss, .all_compaign_detail th#campaign-list-id_c6{  text-align: center!important;  }


/* 9 March Changes*/

.fa-1_6x {  font-size: 1.6em!important;  }
.width-92{  width: 92px!important;  }
.width-94{  width: 94px!important;  }
.width-179{  width: 179px!important;  }
.width-214{  width: 214px!important;  }
.width-955{  width: 955px;  }
.width-100-percentage{  width: 100%!important;  }
.width-40-percentage{width: 40% !important;}
.margin-left-2 {  margin-left: 2px;  }
.margin14{  margin: 14px 0;  }
.margin10{  margin: 10px 0;  }
.margin-left-16{  margin-left: 16px;  }
.margin-right-16{  margin-right: 16px;  }

.campaign-index{  border-bottom: 1px solid #ddd;  }
.updated_grid_view {  margin-bottom: 0px;  }
/*.updated_grid_view td {  font-size: 11px;  }(*/
.updated_grid_view td{  color: #4c4c4c;  }
.updated_grid_view table{  border-left: 1px solid #ddd;  border-right: 1px solid #ddd;  text-align: center; background-color: #e3e3e3; }
.updated_grid_view th a, .updated_grid_view td.button-column a, .updated_grid_view th.button-column a{  color : #4d7496 !important;  }
/*.updated_grid_view tbody tr:nth-child(2n) {  background: #f9f9f9;  }*/
/*.updated_grid_view td,.updated_grid_view th {  border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;  }*/
.updated_grid_view .yiiPager a{  border: none!important;  background: #4d7496; color: #fff!important;  padding: 6px 11px !important;  }
.updated_grid_view ul.yiiPager .selected a {  background: none repeat scroll 0 0 #364e63;  }
.updated_grid_view ul.yiiPager li.hidden a {  display: none;  }
.updated_grid_view tbody tr.odd {  background: none repeat scroll 0 0 #fff;  }
.updated_grid_view_div #campaign-search-form .form_items input{  background: transparent;  color: #ffffff;  width: 100%;  }
.updated_grid_view_div #campaign-search-form i {    color: #fff;  font-weight: bold;  font-size: 1.2em;  position: absolute;  right: 6px;  top: 6px;  }
.updated_grid_view_div #campaign-search-form{  margin-right: 27%;  }
.updated_grid_view_div .title_bar {  border-radius: 5px 5px 0 0;  }
.updated_grid_view th {  border-right: 1px solid #fff;  }

.call_flow .title_bar h2 {  font-size: 14px;  }
.call_flow .white_bg {  padding: 0!important;  }

.all-compaign .title_bar{  background: none repeat scroll 0 0 #364e63!important;  }
.all_compaign_detail thead th{color: #4d7496 !important;}

.user-support .title_bar { background: none repeat scroll 0 0 #4d7496; border-radius: 5px 5px 0 0; float: left; padding: 5px 0 4px;}
.user-support .title_bar h2 { float: left; font-size: 14px; color:#fff; font-weight: normal; line-height: 28px; margin: 0 14px; }
.user-support .all-compaign{  border-left: 1px solid #ddd;  border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  }
.user-support a{   color: #4d7496 !important;}

.voicemail-index .line_assignment .white_bg h2{  margin: 0;  }
/*.voicemail-index .tabs_container #tabs .tabs li a {  padding: 10px 97px;  font-size: 13px;  }*/
.voicemail-index .tabs_container #tabs .tabs li a.ui-id-3 {  padding: 10px 100px;  }

.billing-index .updated_grid_view h2,.recording-index .updated_grid_view h2{  margin: 0px!important;  }
.billing-index .updated_grid_view table.all_compaign_detail{  margin: 0px!important;  }
.recording-index .tabs_container #tabs .tabs li a {  padding: 10px 75px;  }

.lines-index i.fa{color:#4d7496;}

.list-index .tabs_container #tabs .tabs li a{  padding: 10px 50px;  }
.summary-index .tabs_container #tabs .tabs li a {padding: 10px 45px;}
.summary-index .line_assignment .form_submit input {  padding: 7px;  }

.campaign-index .updated_grid_view td:nth-child(2), .campaign-index .updated_grid_view th:nth-child(2){  text-align: left;  }
/* 9 March Changes*/
#campaign_selector {  margin-top: 12px;  padding: 10px 0;  text-align: left;  background: none repeat scroll 0 0 #f2f2f2;  }
.campaign_selected {  margin: 4px 0 0 10px;  }
.campaign_picker {  float: right;  margin: 1px 0 0;  padding-right: 10px;  }
.position-relative{  position: relative;  }
.fa-16x {  font-size: 16em!important;  }
#campaign-list-id_c7{  width: 15%;  }
.updated_grid_view ul.yiiPager a:hover{  background: none repeat scroll 0 0 #364e63;  }
.badge {    background-color: #777;    border-radius: 10px;    color: #fff;    display: inline-block;    font-size: 12px;    font-weight: 700;    line-height: 1;    min-width: 10px;    /*padding: 13px 25px;*/    padding: 5px;    text-align: center;    vertical-align: baseline;    white-space: nowrap;}
.badge-important {    background-color: #b94a48;}
.label-important[href],.badge-important[href] {    background-color: #953b39;}
.label-warning,.badge-warning {    background-color: #f89406;}
.label-warning[href],.badge-warning[href] {    background-color: #c67605;}
.label-success,.badge-success {    background-color: #468847;}
.label-success[href],.badge-success[href] {    background-color: #356635;}
.label-info,.badge-info {    background-color: #3a87ad;}
.label-info[href],.badge-info[href] {    background-color: #2d6987;}
.label-inverse,.badge-inverse {    background-color: #333333;}
.label-inverse[href],.badge-inverse[href] {    background-color: #1a1a1a;}
.defaultColor {    color:#4c4c4c !important;}
.min-height-210 {    min-height: 154px;    margin-top: 12px;    padding: 29px 0;}
.pad-xs a{  color: #364e63;  }
.green-color { color:#a8c984 !important; }
.red-color { color:#b94a48 !important; }
.gray-color { color:darkgray !important; }
.vertical-align-super{vertical-align: super!important;}
.vertical-align-top{vertical-align: top!important;}
.site-blue{color: #4d7496 !important;}
.margin-bottom-12{margin-bottom: 12px;}
.padding-left-115{padding-left: 115px;}
.border-top {  border-top: 1px solid #F2F2F2;  padding-top: 17px;  }
.width-100{width:100%}
.width-90{width:90%}
.margin-left{margin-left:0px;}
#req_res_loading .close {background: none; border: none; font-size: 20px;}

/*One Step Top Tabs*/
.step{  border: 1px solid;  margin-bottom: 13px;  padding: 15px 1px;  text-align: center;  border-radius: 5px;  position: relative;  margin-right: 22px;  color: #364e63;  }
.current-step{  background: none repeat scroll 0 0 #364e63;  color: #fff;  }
.completed-step{  background: none repeat scroll 0 0 #a8c984;  color: #fff;  }
.current-flow-bar {  bottom: -36%;  color: black;  font-size: 4em!important;  left: 40%;  color: #364e63;  position: absolute;  }
.fa.fa-long-arrow-right {  color: #364e63;  font-size: 20px;  position: absolute;  right: -28px;  top: 32px;  }


.margin-bottom-29{  margin-bottom: 29px!important;  }
.success_lbl{  font-size: 24px;  font-weight: bold;  margin: 50px 0;  line-height: 33px;  }
.table tr{  border-top: 1px solid #ddd;  line-height: 1.42857;  padding: 8px;  }
.bs-example {  background-color: #fff;  border-color: #ddd;  border-radius: 4px 4px 0 0; border-width: 1px;  box-shadow: none;  margin-left: 0;  margin: 0 auto;  }
.margin-left-0 {  margin-left: 0px;  }
.padding-left-10{padding-left: 10px;  }
.margin-bottom-7{  margin-bottom: 7px;  }
.height-21{height:21px  }
.margin-top-3{margin-top: 3px;}
.margin-top-5{margin-top: 5px;}
.margin-top-9{margin-top: 9px;}
.margin-top-20{margin-top: 20px;}
.bottom-0{  bottom: 0px!important;  }
.color-grey{  color: gray!important;  }
.no-border{  border: none!important;  }
.fa-6x {  font-size: 6em!important;  }
.billing-s5 .text-center .btn-submit, .billing-s5 .text-center input.btn-submit{  margin: 0px;  }
.fund-info .span12 {  padding: 35px 0;  }
.padding-23-0{  padding: 23px 0;  }
.padding-bottom-0 {padding-bottom: 0px!important;  }
.margin-bottom-0 {  margin-bottom: 0px!important;  }
.padding-24{  padding: 24px 0px;  }
.box-shadow-none{  box-shadow: none!important;  }
.border-color-none{border-color: none!important;}
.campaign_picker {  float: right;  margin: 1px 0 0;  padding-right: 10px;  }
.position-relative {  position: relative;  }
.fa-16x {  font-size: 16em!important;  }
#campaign-list-id_c7{  width: 15%;  }
.updated_grid_view ul.yiiPager a:hover{  background: none repeat scroll 0 0 #364e63;  }
.badge {  background-color: #777;  border-radius: 10px;  color: #fff;  display: inline-block;  font-size: 12px;  font-weight: 700;  line-height: 1;  min-width: 10px; /*padding: 13px 25px;*/  padding: 5px; text-align: center;  vertical-align: baseline;  white-space: nowrap;  }
.badge-important {  background-color: #b94a48;  }
.label-important[href], .badge-important[href] {  background-color: #953b39;  }
.label-warning, .badge-warning {  background-color: #f89406;  }
.label-warning[href], .badge-warning[href] {  background-color: #c67605;  }
.label-success, .badge-success {  background-color: #468847;  }
.label-success[href], .badge-success[href] {  background-color: #356635;  }
.label-info, .badge-info {  background-color: #3a87ad;  }
.label-info[href], .badge-info[href] {  background-color: #2d6987;  }
.label-inverse, .badge-inverse {  background-color: #333333;  }
.label-inverse[href], .badge-inverse[href] {  background-color: #1a1a1a;  }
.defaultColor {  color:#4c4c4c !important;  }

.min-height-210 {  min-height: 190px;  margin-top: 12px;  }
.pad-xs a{  color: #364e63;  }
.campaign-summary .fa-check-circle,.campaign-summary .fa-times-circle {  font-size: 33px;  position: absolute;  right: 23px;  }
.campaign-summary .fa-check-circle{  color: green;  }
.campaign-summary .small {  font-size: 16px;  }
.campaign-summary .fa-times-circle{  color: red;  }
.campaign-summary p{  font-size:10px;  }
.green-color { color:#a8c984 !important; }
.red-color { color:#ff0000 !important; }
.vertical-align-super{vertical-align: super!important;}
.vertical-align-top{vertical-align: top!important;}
ul.yiiPager .first, ul.yiiPager .last {  display: inline;  }
.border-none{border: none!important;}
.padding-top-20 {  padding-top: 20px;  }
.btn-class{   margin-left: 110px;  width: 71%;}
.hint {font-size: 10px;  font-style: italic;}
.margin-top-30 {margin-top:30px}
.margin-top-40 {margin-top:40px}
.margin-top-50 {margin-top:50px}
.margin-top-60 {margin-top:60px}
.fa {  cursor: pointer;}
.width-81{  margin-top: 4px;  width: 83%;}
#add_fund_cc_form .form_items input, #add_fund_cc_form .form_items select {  height: 28px;  }
#add_fund_cc_form .errorMessage {  position: absolute;  }
#add_fund_cc_form .form_items {  margin: 0 0 25px;  position: relative;  }
#add_fund_cc_form .error input {  border-color: #eb5656;  }
#add_fund_cc_form .success input {  border-color: #a8c984;  }
#add_fund_cc_form .modal-footer {  text-align: left;  }
.error {  color: #B94A48;  }
#add_fund_cc_form .modal-footer{  text-align: left;  }
.campaign-error {  color:#b94a48;  }
.w-272{width: 272px!important;}
.w-200{  width: 200px!important;  }
.w-132{width:132px!important;}
.color-dark-blue{  color: #364e63!important;  }
.captcha-loader{  padding-left: 12px;  padding-top: 6px;  position: absolute;  }

/*-------- Updated Css ------*/

.all_compaign_detail .grid-view {  position: relative;  }
.campaign_loading_black_overlay {  background: none repeat scroll 0 0 grey;  height: 100%;  left: 0;  opacity: 0.8;  filter: alpha(opacity=80);  position: absolute;  top: 0;  width: 100%;  z-index: 1;  display: none;  color: #fff;  text-align: center;  }
.grid-view.grid-view-loading .campaign_loading_black_overlay {  display: block;  }
.campaign_loading_black_overlay label {  position: absolute;  top: 50%;  left: 45%;  font-size: 17px;  }
.fl{  float: left;  }
.campaign-tab {  padding: 14px 36px;  margin: 5px 9px;  background: #fff;  margin-bottom: 12px;  }
.min-height-53{min-height: 53px!important;}
.telephony i.fa{color: #4d7496;}

.change{text-align: justify!important;  padding: 0px!important;}
.min-height-53 {min-height: 53px!important;}
.min-height-62 {min-height: 62px!important;}
.position-absolute{position: absolute;}
.margin-top-4{margin-top: 4px !important;display: block;}
.link-btn{  margin-top: 0px;  display: block;  text-align: center;  width: 64%;  }
.width-21-per{width: 21%!important;}
.error-position{ display: block;  position: absolute;  width: 361px;}
.campaign-summary p {  font-size: 11px;  }

.campaign-summary ul li{    list-style-type: decimal;  font-size: 12px;  color: #b94a48;    text-align: left;}
#camp-summary {background: inherit;border: medium none;left: 34%;width: 1019px;}
#camp-summary .close{background: none; border: none; color: #FFFFFF; font-size: 20px;}
#camp-summary {  background: inherit;  border: medium none;  }
.campaign-summary .fa-check-circle,.campaign-summary .fa-times-circle,.campaign-summary .fa-warning {  font-size: 25px;  position: absolute;  right: 18px;  top: 21px;  }
.campaign-summary .small {  font-size: 14px;  position: absolute;  top: 12px;  }
.campaign-summary p{  font-size:10px;  }
.campaign-summary ul{  margin: 24px 0 8px 25px;  }
/*.campaign-summary .row {  border-bottom: 1px solid #364e63;  }*/
/*.campaign-summary .row section:last-child {  border: none!important;  }*/
.campaign-summary section {  min-height: 220px;  position: relative;  background: #fff;  border-radius: 5px;  width: 33.2%;  border-radius: 0px;  float: left;  }
.campaign-summary .title_bar_new{    background: none repeat scroll 0 0 #364e63;    border-radius: 5px 5px 0 0;    color: #ffffff; padding: 5px 0; width: 100%;}
.campaign-summary .title_bar_new h2 { float: left;    font-size: 14px;    font-weight: normal;    line-height: 28px;    margin: 0 14px; color: #ffffff!important; padding: 0px !important;}
img.res-logo { max-height: 60px !important; }
.border-right-1px{border-right: 1px solid #cecece;}
.border-left-1px{border-left: 1px solid #cecece;}
.border-top-1px{border-top: 1px solid #cecece;}
.final-icon{  font-size: 44px!important;  left: 129px!important;  top: 79px!important;  }
.left-153{  left: 153px !important;}
.font-size-13px{font-size:13px!important;}
.final-result{margin-top: 95px;  text-align: center;}
.final-result p{font-size: 20px;}
.final-result .final-icon{  left: 13px !important;  top: 43px !important;}
.margin-left-17px {margin-left:17px;}
#add_campaign_form .form_items .required {
    color: inherit;
}
/* Agent Shift Schedule **/
.help_txt2 { float:right; width: 24px; height: 20px; background: white url('../images/question_mark.png') no-repeat center / 19px 20px; }

/* Add Schedule popup */
#camp-schdule-cr {background: inherit;border: medium none;left: 34%;width: 900px;}
#camp-schdule-cr .close{background: none; border: none; color: #FFFFFF; font-size: 20px;}
#camp-schdule-cr {  background: inherit;  border: medium none;  }

.input-icon-usd {     height: 28px; width: 100%;
                      margin: -22px 0 0!important;
                      padding-left: 5px;
                      position: absolute;
                      width: 24px;
                      font-size: 13px;
                      color: black;
                      font-family: 'open_sansregular';}

.report_generation .grid-view {  position: inherit !important;  }

.select_box {
    height:28px;    
    border: 1px solid #e4e4e4;
    padding: 5px;
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

/** Telephony Area on Dashboard ****/
.lines_list { border: 1px solid #CCCCCC; margin-bottom: 12px;}

.lines_list h2 { background: none repeat scroll 0 0 #e3e3e3 !important; border-radius: 0 !important; color: #364E63 !important; font-weight: bold !important; padding: 10px 0 10px 10px !important; font-size: 12px !important; }
.lines_list p {
    line-height: 20px;
    width: 100%;
    text-align: left;
}
.lines_list .ralign { text-align:right!important; }
.lines_list .calign { text-align: center!important;}
.lines_list .lalign { text-align:left; }
.span11_1 { width:935px }
.span11_2 { width:914px }
.span5_1 { width:457px }
.span5_2 { width:427px }
/*.span5_2 { width:453px }*/
.span2_1 { width: 182px; text-align: left; }
.padding-0 {padding: 0px 0px 0px 0px!important;}
.content_box_4 { border-bottom: 1px solid #D2CDCD; padding: 10px 10px 0px 10px; font-size: 12px; }

.content_box_4 label { display: inline-block; font-weight: bold; margin-right: 10px; text-align: right; vertical-align: middle; width: 160px; }

.content_box_4 p a{cursor:pointer; margin-left: 10px;}

.content_box_4 p input { background:#f2f2f2; border:1px solid #D2CDCD; width:75px; }

.camp_div ul li { list-style: none outside none; padding: 5px; text-align: left;}