@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

 @font-face {
    font-family: 'Ubuntu'; src: url("ubuntu/Ubuntu-R.ttf"); font-weight: normal;font-style: normal
}

 @font-face {
    font-family: 'UbuntuMono'; src: url("ubuntu/UbuntuMono-B.ttf"); font-weight: normal;font-style: normal
}
 @font-face {
    font-family: 'Raleway'; src: url("ubuntu/Raleway-Regular.ttf"); font-weight: normal;font-style: normal
}

* {
	margin:0;
	padding:0;
}

/** General Style Info **/
body {
	font-family: 'Ubuntu';
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    font-weight: normal;
	counter-reset: section qsection;
}

a:hover {
	
	text-decoration:underline;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	background:#fff;
	color: #003d4c;
	font-size: 100%;
}
h2{
	background:none;
	color: #535255;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size:1.2em;
	border-bottom:1px solid #337AB7;
}
h3 {
	color: #999;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
	margin-top: 8px;
}
h4 {
	color: #993;
	font-weight: normal;
	border-bottom:1px solid #337AB7;
}
ul, li {
	margin: 0 12px;
	list-style:none;}
p {
	margin: 0 0 1em 0;
}

/** Layout **/
#container {
	text-align: left;
}

#header{
	padding: 0px 15px 0px;
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #FFF;
    border-bottom: 1px solid #e4e4e4;
}

#header a img { width: 140px;
    display: inline-block;
    padding: 5px 0;}
#header h1 {
	line-height:20px;
/*	background: #F9F9F9 url('../img/cake.icon.png') no-repeat left;*/
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	/*background: #fff;*/
	clear: both;
	color: #333;
	padding: 10px 20px 40px 20px;
	/* overflow: auto; */
}
#footer {
	    width: 100%;
    clear: both;
    text-align: center;
    background: #333;
    margin-top: 20px;
    padding: 10px 0;
    font-size: 12px;
    color: #eee;
	
	
}

/** containers **/
div.form,
div.index,
div.view {
	border-left:1px solid #666;
	padding:10px 2%;
}
div.actions {
	float:left;
	width:16%;
	padding:10px 1.5%;
}
div.actions h3 {
	padding-top:0;
	color:#777;
}


/** Tables **/
table {
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	padding: 2px 10px;
    border: 1px solid #e4e4e4;font-size: 12px;
}
table tr:nth-child(even) {
	background: #f9f9f9;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

/* SQL log */
.cake-sql-log {
	background: #fff;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 10em;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 100%;
}
fieldset {
	border: none;
	margin-bottom: 1em;
	padding: 16px 10px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	/* clear: both; */
	margin-bottom: 1em;
	padding: 0 0.5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}


form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	 clear: both;
}
/*label {
	display: block;
	font-size: 95%;
	margin-bottom:3px;
	font-weight: normal;
	float:left;
	color: #999;
}*/
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0.3em 0.2em;
	width:100%;
	background:#fff;
	border: 1px solid #CCCCCC;
	 resize:none;

}


select {
	clear: both;
	font-size: 12px;
	/*vertical-align: text-bottom;*/
	padding:5px;
	margin-left:25px;
}
select[multiple=multiple] {
	width: 80%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
	margin-top:0px;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
	cursor:pointer;
}
 input[type=submit] {
	/*background:#62af56;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #e2e2e2, #dbdbdb);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);*/
	border-color: #D0D4B6;
	color: #686859  !important;
	border-radius: 5px 5px 5px 5px;
	padding: 8px 10px;
	height: 35px;
	


}
 input[type=submit]:hover , button:hover , .download:hover{
	color:#A82B25 !important;
}
/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	clear:both;
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;font-size: 15px;
}

.success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}


/**  Actions  **/
.actions ul {
	margin: 0;
	padding: 0;
}
.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}

/* Buttons and button links */
input[type=submit], button
.actions ul li a,
.actions a , .download,.queuedcall-row .submit, .resetbtn a, .subkeyword-row .submit{
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}

/** Related **/
.related {
	clear: both;
	display: block;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
	padding: 0;
	position: relative;
}
.cake-debug-output > span {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 6px;
	color: #000;
	display: block;
	float: left;
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
	font-size: 16px;
	line-height: 20px;
	clear: both;
}
.cake-error > a {
	text-shadow: none;
}
.cake-error {
	white-space: normal;
}
.cake-stack-trace {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	margin: 10px 0 5px 0;
	padding: 10px 10px 0 10px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.cake-stack-trace a {
	text-shadow: none;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0px 4px 10px 2px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
.cake-context {
	margin-bottom: 10px;
}
.cake-stack-trace pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px 0 10px 0;
	padding: 1em;
	overflow: auto;
	text-shadow: none;
}
.cake-stack-trace li {
	padding: 10px 5px 0px;
	margin: 0 0 4px 0;
	font-family: monospace;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-wekbkit-border-radius: 4px;
	border-radius: 4px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
.cake-code-dump .code-highlight {
	display: block;
	background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
.code-coverage-results div.covered span.content {
	background:#cec;
}
.code-coverage-results div.ignored span.content {
	color:#aaa;
}
.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
.code-coverage-results span.line-num strong {
	color:#666;
}
.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
.code-coverage-results div.realstart {
	margin-top:0px;
}
.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
.code-coverage-results span.result-bad {
	color: #a00;
}
.code-coverage-results span.result-ok {
	color: #fa0;
}
.code-coverage-results span.result-good {
	color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
	display:none;
}


/*custom form starts*/

#UserLoginForm img {     width: 175px;margin-top: 15px;}
.login_title{padding: 20px;
    background-color: #444;
    color: #fff;
    font-size: 25px;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
    text-align: left;}

.loginformcontainter{  
     background: #FFFFFF;
     border-radius: 4px 4px 4px 4px;
     border: 1px solid #E2E2E2;padding: 10px 10px 20px 10px;

   /* background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 2px 20px #e5eaea inset;
	-moz-box-shadow:1px 2px 20px #e5eaea inset;
	-o-box-shadow:1px 2px 20px #e5eaea inset;
	-webkit-box-shadow:1px 2px 20px #e5eaea inset;
	-ms-box-shadow:1px 2px 20px #e5eaea inset; */
}
#bd-login-form { 
    margin-left: -200px;
    top: 50%;
    left: 53%;
    position: absolute;
    width: 320px;}

.loginform{
width:400px;

background:#fff;
border-color: #CACACA;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 1px;
position:relative;
	}

input:focus, textarea:focus{outline:2px solid #E4E4E4}
.loginform .submit{	
	padding-right: 17px;
    text-align: right;
}

#site_link , #password-trigger{
   
    font-size: 0.9em;
	margin: 15px 0 0;
}

#site_link{
 float: right;
}

#password-trigger {
       float: right;
    margin-top: 5px;
    margin-right: 8px;
	
}


.headerlinks {float: right;
    position: relative;
    margin: 18px 0 0 0px;
    min-width: 300px;
    text-align: right;}
.headerlinks ul { margin-right: 0;}

.headerlinks li {display:inline}
.headerlinks a:hover{text-decoration:none}

#hd-navbar {
    margin: 0;
    padding: 0 1em;
    position: relative;
    background: #1a4e7a;
    background: -moz-linear-gradient(top, #286090, #1a4e7a);
    background: -webkit-linear-gradient(top, #286090, #1a4e7a);
    background: -ms-linear-gradient(top, #286090, #1a4e7a);
    background: -o-linear-gradient(top, #286090, #1a4e7a);
	top: 54px;margin-bottom: 45px;
}

#hd-top-menu { float:right; padding:1em 2em 1em 1em; }



#hd-navbar ul { margin:0; padding: 8px 0; }

#hd-navbar ul li  { display:inline;margin: 0;
    padding: 10px 0; }

#hd-navbar ul li.right{padding: 0 0 0 10px;}
#hd-navbar ul li.active   {
    position: relative;
    border-bottom: none;
    color: #e4e4e4;
    background-color: #042e52;
}
#hd-navbar ul li a {margin: 0;
    padding: 0.8em;
    color: #e4e4e4;
    font-weight: normal;}
#hd-navbar-menu li.active a {}

#new-invoice-button       { display:block; float:right; }
#new-invoice-button span  { display:block; padding:0.7em 0.9em 0.7em 1.5em; }
#new-invoice-button:hover {}

.clear{clear:both !important}



#new-invoice-button span {
    background: url("../img/plus.gif") no-repeat scroll 0.5em center transparent;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DCDCDC;
}

#bd {
    background-color: #FFFFFF;
}
#bd-top form{width:auto;}
#searchForm {
    background: url("../img/searchbg.gif") repeat-x scroll left top #F6F6F6;
    border: 1px solid #DCDCDC;
    display: block;

    margin: 0 0 1em;
    overflow: hidden;
    padding: 0.8em 0.8em 0.3em;
    position: relative;
}

#searchForm ul {
    float: left;
}


#searchForm li {
    float: left;
   margin: 0 0.5em 0 0;
}

#searchFilters {
    float: left;
    width: 80%;
	padding: 0;
}

.searchSection {
    height: 2.5em;
    width: 100%;
	margin-bottom: 0;
}

#searchForm label{float:left;margin-right:6px;}
#searchForm input, #searchForm select {
    border-color: #DCDCDC;
}
#searchForm input, #searchForm select {
    border-style: solid;
    border-width: 1px;
    line-height: 1.2em;
    width: 83px;
	padding:0 !important;
}


#dashboard-summary{float:left;clear:none;width:auto !important}
#dashboard-balance,#dashboard-taxes{float:right;clear:none;width:auto !important}
#dashboard-taxes{margin: 0 15px 0 0 ;}


.dashboard-info td{border:1px solid #ccc;}

table.listing {
    background-color: #FFFFFF;
}
table.listing {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 0;
    width: 100%;
	border: 1px solid #CCCCCC;
}

table.listing tbody tr.checked td, table.listing tbody tr:hover td, table.listing tbody tr.hover td {
    background-color: #deeffc;
}
.overdue{color:#C4452D;}

span.status.expired, span.status.pending {
    background-color: #C4452D;
    border-color: #B12F17;
    color: #FFFFFF;
}

.oncall{background:#FE9E47;color:#fff;border:1px solid #b08506}

a span.status{font-weight:normal}
span.status {
    border: 1px solid #DCDCDC;
    display: block;
    float: left;
    padding: 3px 3px 3px;
    vertical-align: middle;
	 font-size: 0.833em;
    line-height: 1em;
    text-align: center;
	width: 10em;
    
}



span.status.gotoexpire, span.status.finished {
    background-color: #FADC76;
    border-color: #D8B256;
    color: #9B7720;
}

span.status.notexpire, span.status.enabled {
    background-color: #8DC361;
    border-color: #489E00;
    color: #FFFFC0;
}
span.status.dnd {
    background-color: #E9C82F;
    border-color: #BA8700;
    color: #FFFFFF;
}

ul.inline li {
    display: inline;
    white-space: nowrap;
 margin: 0 1px;
}

.small{
font-size: 0.82em;
}

#bd-paginator {
    line-height: 1em;
    margin-top: 1em;
    text-align: center;
}

#bd-paginator input[type=text]{width:auto;padding:0}


.tdanchor a {color:#444 }

.forminternal {
  border: 1px solid #eaeaea;
  display: inline-block;
  padding: 15px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  border-radius: 5px;
}

.forminternal form .input {
 

}

.forminternal select{margin-left:0}

.forminternal form div{clear:none; }

.fullinput{width:265px !important}


.btn{ color: #333;font-weight: normal;}

.btn:hover{text-decoration:none;color:#ab2b25}

.btn.invoices {
    background-image: url("../img/invoices.png");
   
}

.btn.payment{
    background-image: url("../img/coins.png");
}


.super_icons.queues{
    background-position: -113px -1px;
	
}

.super_icons.useragents{
    background-position: -54px -41px;
	
}

.super_icons.addcredits{
    background-position: 0px -20px;
}



.super_icons.senderid{
    background-position: -25px -40px;
	
}

.super_icons.viewicon{
	
    background-position: -162px -2px;
 }

.super_icons.editbtn
{
	background-position: -56px -17px;
}
  
 .startbtn{background-position: -260px -73px;}
  
  .rempad{padding:0 !important;}
  
.super_icons.deletebtn{
     background-position: -25px -19px;
  }

.super_icons.playbtn{
     background-position: -112px -18px;
	
}

.super_icons.dwnloadbtn{
    background-position: -85px -18px;
}

.super_icons.trunks{
   background-position: -163px -19px;
	
}

.super_icons.myform{
    background-position: -110px -41px;
}

.super_icons.integrationurl{
    background-position: -81px -40px;
}



.super_icons.keywords{
     background-position: -163px -41px;
}

.btn.action-clear {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    border-width: 0;
    padding: 0 0 0 5px;
}

._75{width:75%}
._25{width:20%}
._50{width:47.7%}

.forminternal textarea, #payment-data table.listing input, .terms textarea, .note textarea{  border-bottom: 1px solid #CCCCCC;border-top:none;border-left:none;border-right:none; font-size: 14px;padding: 2px 0px !important;}

.marginleft{margin-left:7px}
.margintop3{margin-top:15px;}

.forminternal input:focus, .forminternal textarea:focus ,#payment-data table.listing input:focus, .terms textarea:focus, .note textarea:focus{
    background: none repeat scroll 0 0 #deeffc;
    outline: medium none !important;
	
}



.invoices{width:60%;border:none;}
 ul#status {
 float: right;
    list-style-type: none;
    position: relative;
    right: 4em;
    top: 2em;
}

input[type="checkbox"]:focus{outline:none;border:0}
ul#status label, ul#status span.status {float:left; margin: 0 5px 5px 0;}
 
ul#status input[type="checkbox"]{clear:right;margin: 2px 0 0 4px;width: 21px;}
  
  
ul#status span.draft { float: right;}

#payment-data ul.inline li{white-space:normal}

#payment-data .input, #payment-data label{float:left;font-size: 0.9em;}

#payment-data label{padding:0 8px;}

table.listing thead th ,table.listing th{
    padding: 2px 10px;
    background: #cde6fb;
    background: -moz-linear-gradient(top, #fff, #cde6fb);
    background: -webkit-linear-gradient(top, #fff, #cde6fb);
    background: -ms-linear-gradient(top, #fff, #cde6fb);
    border: 1px solid #e4e4e4;font-size: 12px;
}

#resizable { height: 35px; padding: 0.5em; }

#resizable h3 { text-align: center; margin: 0; }

#resizable textarea { background:transparent; outline:none; border:0; height:100%;  border: none; }

.ui-resizable-handle { background:#eee url(../img/drag-handle.png) no-repeat center center;}

.ui-resizable-s{bottom:0 !important;}

#payment-data table.listing input{text-align:right;font-size:12px;width:auto;}

.description{text-align:left;}

#payment-data table.listing tr:hover td{background:none;}

#payment-data ul.inline {margin-bottom:15px;}

.taxes_td a{padding:5px}

.taxes_td span{float:right;clear:right;margin:0 0 5px}

#saving-options .submit{float:right;margin:5px 0 0 0}

#payment-data table.listing thead th{
    text-align: right;
}

table.invoicelist th{color:#DA4722}

.ui-widget-content{border:none !important}

.delete, .print, .pdf, .send{color:#DA4722; }

.btn.delete span span {
    background-image: url("../img/delete.png");
    padding-left: 16px;
	 background-position: 0 3px;
}


.btn.print span span {
    background-image: url("../img/print.png");
    padding-left: 19px;
}

.btn.pdf span span {
	background-image: url("../img/pdf.png");
	padding-left: 20px;
}



.btn.send span span {
	background-image: url("../img/send.png");
	background-position: 0 2px;
	padding-left: 20px;
}


.btn span{background-repeat:no-repeat;}

table tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f7f7f7;
}

/*jquery auto complete css*/

.acResults {
	padding: 0px;
	border: 1px solid #000000;
	background-color: #0a246a;
	overflow: hidden;
	color:#fff;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url('../img/indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: #4667c2;
	color: #b7dafd;
}

/*jquery auto complete css finish*/

#settings-menu {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 1.9em;
    line-height: 1em;
    padding: 0 0 0 1em;
    position: relative;
	margin:15px 0 0;
}


#settings-menu {
    border-color: #DCDCDC;
}
#settings-menu li {

    border-color: #FFFFFF;
}
#settings-menu li.selected {
    border-color: #DCDCDC;
    background-color: white;
}
#settings-menu li.selected a {
    color: black;
}

#settings-menu li{display:inline;
 border-style: solid solid none;
    border-width: 1px 1px 0;
    display: block;
    float: left;
    margin-right: 1px;
    padding: 0.46em 1em;
    position: relative;}
	
	#settings-menu li.selected {
    top: 0;
}

.globalsetting {
    float: left;
    min-height: 600px;
    width: 48%;
	border: none;
	position:relative;

}

.globalsetting .input {
    clear: both;
    position: relative;
    margin:0 0 20px !important
}

.globalsetting label{color:#000;font-weight:bold;font-size:11px}

.globalsetting .globalfull{width:100%}

.globalsetting .submit{float:right;}

.globalsetting h3{	font-weight:normal;clear:both;  font-size: 17px;}

.crossbtn {
    cursor: pointer;
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 17px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
#password-form {
	/* background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 2px 20px #E5EAEA inset;
    margin: 5% auto 0;
    position: relative;
    width: 400px;*/
	
	 margin: 5% auto 0;
	 position: relative;
     width: 320px;
	 background: none repeat scroll 0 0 #FFFFFF;
     border-radius: 4px 4px 4px 4px;
     border: 1px solid #E2E2E2;padding: 20px 10px;
}
#UserForgotpasswordForm div{padding: 0 13px;}
#password-form p {
	font-size:12px;
	margin:15px 0 15px 15px;
	
}



#password-close {
    display: block;
    right: 5px;
    height: 16px;
    margin: 0 0 0.5em;
    padding: 0;
    position: absolute;
    top: 5px;
    width: 16px;
}
/*date calender ends*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #373737 !important; border: 3px solid #373737; display: none; z-index: 100; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #666; background: transparent; border: none }
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                         { border-collapse: collapse; border-spacing: 0 }

.dp_header tr , .dp_footer tr{background:#373737 !important}

.Zebra_DatePicker td,
.Zebra_DatePicker th                            { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                            { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker                { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td             { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../img/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover          { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td                 { color: #E0E0E0 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next           { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption        { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover          {/* background: #67AABB;*/ color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked        { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th              { background: #F1F1F1 url('../img/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month,
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #ECECEC url('../img/disabled-date.png'); color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { cursor: pointer }

.Zebra_DatePicker td.dp_weekend                 { background: #DEDEDE url('../img/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected                { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td            { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td             { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current                 { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current        { color: #E38585 }
.Zebra_DatePicker td.dp_hover                   { background: #67AABB url('../img/selected-date.png') repeat-x top; color: #FFF }
.Zebra_DatePicker td.dp_disabled                { background: #ECECEC url('../img/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon            { display: inline-block; position: relative; width: 16px; height: 16px; background: url('../img/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline }
button.Zebra_DatePicker_Icon_Disabled   { background-image: url('../img/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon            { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside     { margin: 0 3px 0 0 }

/*date calender ends*/


/*custom css*/

.right{float:right;}
.left{float:left;}
.usermenu a {text-decoration:none;}

.usermenu ul{
display:none;
position: absolute;
    top: 18px;
    background: #fff;
    right: 110px;
    min-width: 140px;
    z-index: 10000;
    border: 1px solid #ccc;text-align:center;
}

.usermenu ul li{display:inline;position:relative;margin:0}
.usermenu ul li a{display:block;position:relative;text-decoration:none;padding: 5px 15px;}
.usermenu ul li a:hover{background:#eaeaea}
.usermenu:hover > ul {display:block}
/*.usermenu:hover > ul{display:block;background:#fff;position:absolute;top: 16px;z-index:10000;left:85px;border:1px solid #ccc;min-width:150px;}*/

.usermenu{padding-right:20px;background:url(../img/downarrow.png) no-repeat center right;background-size:12px}

#paginatedata{font-size:0.8em !important;width:100%;padding: 10px 0;
   }
   
.customformwidth {width:68%}
.customformwidth form .input {width:195px;display:inline-block;padding-top:15px;}
#loadingcontainer { display:table; position:fixed; top:0; width:100%; height:100%; }
#loading { display: table-cell; opacity: 0.5; z-index: 99; vertical-align:middle; background:#fff; }
#loading img { display:block; margin:0 auto; }


/*td.link a {color: #000;}*/

#bd-top form div{ display: inline-block;}

#bd-top form select , #bd-top form div{clear:none ;}

#bd-top form select{margin-left:0;width:auto;padding:9px;}

#bd-top form input[type="text"]{/*width:47%*/padding: 2% 4%}


#bd-top .text{margin-right:15px}

#bd-top form label{/*width: 90px;padding: 9px 0 0;*/ float:none}

#bd-top .clear{clear:both !important}

#bd-top form .input {}

#bd-top {
    background: none repeat scroll 0 0 #F5F5F5 !important;
  	 padding: 1%;
	 border: 1px solid #ccc;
	 margin-bottom: 15px;
}
.download{color: #9999A6;
    display: inline;
    float: left;
    margin-top: 10px;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none !important;
    color:#212121;
}

form div.chosen-container {padding:0}

#hd-navbar ul li.addlink.active{padding-top:0}

.popboxcontent{padding:0 !important;margin-top: 10px;}
.popboxcontent .forminternal {margin-bottom:0}
.popboxcontent .success, .popboxcontent .message, .popboxcontent .error{
  margin: 15px;
}




span.status.offline{
background-color: #4b8cf7;
    border-color: #87CEEB;
    color: #FFFFFF;

}

span.status a{font-weight:normal;color:#fff;text-decoration:none;}

.link a{font-weight:normal;}

.forminternal div.checkbox label{float:none;}

.creationdate input{border:none !important}


.submit{display:inline;margin-right:10px}
.queuedcall-row td{text-align:left;padding: 15px 2px;}

.queuedcall-row td .right{text-align:right }
.queuedcall-row .submit input[type="submit"]{font-size:10px;height:24px }

.queuedcall-row .submit{padding:2px 8px}



/*.popboxcontent  .customformwidth form .input{width:auto}*/

/*.popboxcontent  .customformwidth form input{width: auto}
*/
.popboxcontent  .customformwidth label{float:none}


#bd-content {
    padding: 15px;
}


.popboxcontent .shortcode { min-height: 152px;}
    
.copybtn
	{
	color: #212121;
    margin: 0 auto;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none !important;
    width: 100px;
	}
#company { font-weight:bold}

.divicon{width:200px;float:left;position:relative;margin-bottom: 25px;}
.fullwidth{ margin:25px auto}
.iconimg{ 
	border: 5px solid #EAEAEA;
	border-radius: 150px 150px 150px 150px;
	-moz-border-radius: 150px 150px 150px 150px;
	-o-border-radius: 150px 150px 150px 150px;
	-webkit-border-radius: 150px 150px 150px 150px;
	box-shadow: 1px 1px 20px #AEB1B1 inset;
	height: 150px;
	text-align: center;
	width: 150px;
	}

.iconimg p
   {
	 margin:30px 0 0;
	transform: translateY(0px);
	-moz-transform:translateY(0px);
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	
	transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;

	}

.divicon:hover .iconimg p
    {
		transform:translateY(130px);
		-moz-transform: translateY(130px);
		-o-transform: translateY(130px);
		-webkit-transform: translateY(130px);
		
		transition-delay:0.2s;
		-moz-transition-delay:0.2s;
		-o-transition-delay:0.2s;
		-webkit-transition-delay:0.2s;
	}


.divicon a:hover{text-decoration:none}

.iconimg img {
    width: 46%;
	-moz-transition:all 0.1s ease-in-out 0s;
	
}


.divicon:hover .iconimg img{
	-moz-transform:scale(1.6, 1.6);
	-o-transform:scale(1.6, 1.6);
	-webkit-transform:scale(1.6, 1.6);
	transform:scale(1.6, 1.6);
	-moz-transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-transition:all 0.2s ease-in-out 0s;
	top: -7px;
    position: relative;
	left: -1px;
	}
	
.droptime {width: 48px !important;}

.marginbottom{margin-bottom:12px}

.offset{padding:0 5px}

.droptime label{width:30px;text-transform: uppercase;text-align: center;}

.selectlabel label {
    width: 12%;
}

.popboxcontent .selectlabel label {
    width: auto;
}

.popboxcontent .selectlabel select {
    width:102%;
}


input[type="file"]{border:none;}

.floatnone label{float:none;}

#schedulebox{float: left;}

.setheight{height:40px}

/*dashboard begins*/
/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */


/* Columns section */
#columns .column {
    float: left;
    width: 33.3%;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

/* Column dividers (background-images) : */

	
#columns #column1 .widget { margin: 30px 35px 0 25px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #333 url(../img/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

/*dashboard ends here*/

.helpdesk{background:url("../img/helpdesk.png")no-repeat;padding-left:20px}



.floatnone{float:none;}

#progressbar {
	
	 height:10px;
	 
}
#barbox {
	float:right;
	height:10px;
	background-color:#FFFFFF;
	width:100px;
	border:1px solid #ccc;
	margin-right:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0;
	overflow: hidden;
}
/*#count {
	float:right;
	margin-right:8px;
	font-size:12px;
	font-weight:bold;
	color:#666666
}*/
#count {
  float: right;
  margin-right: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  padding: 2px 0px;
}

.credits{float:right;font-size:12px;color:#818181;margin-bottom:15px}
.highlight{color:#DA4722;font-weight:bold}
#hd-navbar ul li.smssettings{margin-right:0;position:relative}
.smssettings ul{display:none;margin:0;background: #fff;
    position: absolute;
    z-index: 100000;
    top: 100%;
    left: 15px;
    min-width: 150px;
    background-color: #1a4e7a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border-radius: 0px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-top: none;
    padding-top: 2px !important;}
/*.smssettings:hover > ul{background:#fff;border:1px solid #ccc;margin:0;padding:0;position:absolute;display:block;z-index:100000}*/
.smssettings:hover > ul{display:block;}
#hd-navbar ul li.smssettings li.active{border-style:none;}
.smssettings li{display:inline;padding:0!important}
.smssettings li a{padding: 5px 8px !important; display:block;position:relative;border-bottom: 1px solid #666;}
.smssettings li a:hover{color: #262626 !important;;
    text-decoration: none;
    background-color: #f5f5f5;}
#hd-navbar ul a{text-decoration:none}

.leftcol{float: left;width: 54%;}
.rightcol{float: left;width:40%; margin-left: 6%;}
.rightcol .box{width:60%;background:#1688BA;border:5px solid #ffffff;box-shadow:1px 1px 5px #777777;;min-height:150px;text-align:center;color: #FFFFFF;font-family: ebrima;font-size: 16px;}
.smsapi{border:1px solid #ccc;padding:5px;}
.smsapi h5{padding:5px 2px;border-bottom:1px solid #ccc;margin-bottom:10px;color: #9E9E9E;}
.smsapi p{ font-size: 13px;}
.smsapi span{color:#067BBD;}
.rightcol .box p{margin:0}
.rightcol .box .bigfont{font-size:60px}
.textdeco{text-decoration:underline;font-weight:bold;}
.width5{width:25%; word-break:break-all;}
.width13{width: 68%;}
.form-horizontal{float:left; margin-left: 8px; padding: 15px;}
.search-btn{position: absolute;top: 18px;right: 0;}
.forminternal .search-btn .submit{display:inline;}

.submit input.icon-search[type="submit"]{background: url("../img/icons.png") no-repeat scroll transparent; position: relative; width: 15px; display: inline-block;  height: 17px;background-position:-46px -2px;text-indent: -30000px;border:none; box-shadow: none;}


.form-horizontal .select { float: left;}
.form-horizontal .select label{padding:5px;}
.mobilenumber textarea{border:1px solid #ccc;background:url(../img/information-typenumbers.png) no-repeat center center}
.customformwidth form .inlinelbl{width: 360px;margin-left: 36px;}
.form-horizontal .inlinelbl label{padding-top: 5px;width: 40%;}
.form-horizontal .inlinelbl input[type="text"]{width: 60%;}
.inlineselect{width:250px;float:left;}

.inlineselect label { width: 39%;padding-top: 5px;}

.inlineselect select{min-width:150px}

.subbtn-tbl td{  border-style: dashed;border-width: 0 1px 0 0; border-color: #CCCCCC;}

.subbtn-tbl td:last-child{border:none}

.inlineinput input{width:25%}
.inlineinput label{padding-top:5px}

.searchform form .input{float: left;/*width: 282px;*/}

/*.searchform form input{width:auto}*/

.searchform {
   border: 1px solid #E2E2E2;
}
.searchform label{  padding-right: 9px;padding-top: 5px; width: 30%;}

.searchform form .submit{width:auto;margin:0}
.searchform input[type="submit"]{height:auto;}

.submit input[type="submit"] {
  border: 1px solid #2e6da4;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 6px 12px;
    font-size: 14px;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    font-weight: 400;
    box-shadow: none;
    height: 26px;
    color: #fff;
    background-color: #337ab7;    line-height: 12px;
}

.chattextarea .submit input[type="submit"]{padding:0 10px !important;width:125px}

.customformwidth form .nowidth{width:400px;}

.nowidth input{width:auto}
.nowidth label{padding-top:5px;padding-right:15px}

.accesslink{width:100%;}

.accesslink li{display: inline-block;
    font-size: 12px;
    padding: 5px 0;
    width: 42%;}

/*i{width:15px;height:15px;float:left;background: url("../img/icons.png") no-repeat scroll transparent;padding-right: 5px;}*/
i.fa {font-size: 12px;}
.icon-create {background-position: -71px -2px ;}
.icon-delete{background-position:-309px 0px ;}
.icon-added{background-position:-405px -98px;}
.icon-sentitems {background-position:-263px -2px ;}
.icon-rcredits {background-position:-23px -161px ;}
.icon-senderid{background-position:-263px -26px}
.icon-group{background-position:-167px -2px}
.icon-blacklist{background-position:-142px -163px}
.icon-addsenderid{background-position:-406px -99px}
.icon-edit{background-position:-95px -73px}
.icon-import{background-position:-115px -72px}
.icon-count{background-position:-235px 0px}
.icon-email{background-position: -66px -2px;}
.icon-notify{background-position:-43px -25px;}
.icon-exam{background-position: -17px -25px;}
.icon-preview{background-position: -91px -121px;}


.font12{font-size:12px;}

a.font12:hover{text-decoration:none;}
.paddingtop1{padding-top:5px;}

.leftarrow{

 border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
background: none repeat scroll 0 0 #F8F8F8;
border: 1px solid #CCCCCC;
-webkit-box-shadow: 1px 1px 10px #CCCCCC inset;
-o-box-shadow: 1px 1px 10px #CCCCCC inset;
box-shadow: 1px 1px 10px #CCCCCC inset;
-moz-box-shadow: 1px 1px 10px #CCCCCC inset;
display: none;
left: -112px;
padding: 15px;
position: absolute;
top: 20px;
z-index:999;
min-width:105px;
}
#SendalertIndexForm label{margin-top:0%;}
.msg_count {margin-top: 10px;}
.msg_count div {clear: none;}
.leftarrow:after {
    border-bottom: 5px solid #E3E3E3;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 8px;
    top: -5px;
    width: 0;
}



.maindiv{position:relative;}
.containerset{position:relative;}

.popquerybox{display:none;position:absolute;top: -28px;left: -346px;z-index:10000;}

.subbtn-tbl tr td, .subbtn-tbl tr:hover td{background:none !important;}

.icon-setting{background-position:-43px -162px}

.customformwidth fieldset{border:1px solid #ccc;margin-left:7px}
.customformwidth legend{font-size:12px;}
.customformwidth .username{padding-left:7px;text-transform:capitalize;}

i.super_icons{background:url("../img/icons-superagent.png") no-repeat;}

.super_icons.unregistered{
    background-position: 0px -38px;
}

.super_icons.hangup{
    background-position:-84px 1px;
}

.super_icons.pause{
    background-position:0 1px;
}

.super_icons.unpause{
    background-position:-29px 1px;
}

.super_icons.logoff{
    background-position:-55px 1px;
}

.super_icons.reset{
    background-position:-137px -20px;
}

.super_icons.queuedcall{
    background-position:-110px -38px;
}

.super_icons.responses{
    background-position:-139px -39px;
}




.nobold{font-weight:normal}

.crossline{text-decoration:line-through}
.crossline:hover{text-decoration:line-through}
.backbtn .download{ font-size:14px; margin: 3px 0 15px;padding: 2px;color: #686859;cursor:pointer;width:100px;}
.forminternal .submit{display:block}
.searchform .submit{display:inline}

.livecallbox{min-width:347px;background:url('../img/leftarrow.png') no-repeat right center #fff;display:none;position:absolute;top: -28px;left: -346px;z-index:10000;}

.close{position:absolute;top:5px;right:0px}

#tp { height:50px; border:1px solid #ccc; }
#cp { height:100%; background:#DA4722; width:0%; }
.center { text-align:center; }

.forminternal  .search-btn{display:inline;}

.controlbtn {border:1px solid #ccc;}
.controlbtn tr{border:none;background:none;}
.controlbtn tr td , .item tr td{border:none}

.item {border:1px solid #E8E8E8;}

.txtcenter{ 
    float: left;
    text-align: center;
    width: 100%;}

.radbtn{text-align:center;}
.radbtn:hover {background:url('../img/bor-left.png') no-repeat center left;}
.radbtn input[type="radio"]{float:none;}

.mobsearch{ 
	border: medium none;
	float: left;
	padding: 0;
	width: 33%;
}
.mobsearch form .input{width:170px;}

.mobsearch .submit input[type="submit"]{margin-top: 5px;}

.centersmsfilter{width:400px;margin:0 auto}

.displaynone{display:none;}

.dwreportfrm .submit{margin-top:-3px}

.dwreportfrm form .text {width:191px !important}
.dwreportfrm form .select	{width:171px !important}

.midtd .leftcol{width:30%;}
.midtd .rightcol{margin:20px 20px 15px;width:60%;float:left;text-align:center;}

 .slidebtn{min-width:150px;}
 
.pointcursor{cursor:pointer}

.checkdnd{height:67px;position:relative;}

.checkdnd .input{margin-bottom:10px}



.overflowdiv .checkbox{float:none;}

.overflowdiv input[type=checkbox]{margin-top:3px;}

.scoreboard
{
width: 630px;
border: 1px solid #ccc;
margin: 25px auto;
padding: 15px;
text-align: center;
border-radius: 10px;
box-shadow: 2px 2px 10px #ccc;

}

.scoreboard h4
{
	font-size: 44px;
	text-transform: uppercase;
	color: #DA4722;
	text-shadow: 1px 1px 2px #000;
}

.scoredigit
{
 font-size: 87px;
 color: rgb(11, 151, 196);
 text-shadow: 3px 1px 3px rgb(4, 67, 87);
}

.chosen-container{width: 100% !important;}

.checkwrap{position:relative;}
.checkinfo{color:#B6AFAF;font-size:10px;border-radius:5px;visibility:hidden;padding:5px;}
.checkinfo a{color:#B6AFAF;}
.checkinfo a:hover{text-decoration:underline;}

.overflowdiv form div{margin-bottom:0;}

.checkwrap:hover > .checkinfo{visibility:visible;cursor:pointer;}

.agreement
{
	width: 500px;
    background: #fff;
    border: 2px solid #ccc;
    margin: 0 auto;
}

.agreementtxt
{
  height: 250px;
  padding: 5px;
  text-align:justify;
  overflow: auto;
}

.agreement .actions
{
text-align: center;
width: 98%;
background: #EAEAE2;
padding: 18px 5px;
border-top: 1px dashed #ccc;
float:none;
}

.rightbtns .download{float:right;}

a.addoption{color: #212121;}
a.addoption:hover{text-decoration:none;}
.deletecontrol{display: inline-block;margin-bottom: 10px;}
.deletecontrol a{width:130px;}
.marginright10{margin-right: 10px;}
.yelcolor{color:#FFD58B}
.uptimebtn{
    display: inline-block;
    position: relative;
    top: 31px;
    right: 0;
}
.uptimebtn .actions{
margin: 0 0 16px;
float:none;
width:auto;
padding:0;
}

.uptimebtn .actions a.setwidth{padding: 4px 20px;}

#memory_cpu_status{text-align:center}

.smallfont{font-size: 10px;padding: 2px 7px 0 0;}
.ui-widget-header .smallfont a{color:#fff;}

.dwreportfrm form div{padding:0}

.dwreportfrm form div .submit{
	margin-right: 8px;
}

.resetbtn a {border:1px solid #D6D6D6;padding:2px 25px;}
.resetbtn a:hover{color:#990000}
.resetbtn  {margin-top:3px;color: #fff!important}
.displaybox{padding:5px}

.forminternal .displaybox .actions{width:auto;}
.forminternal .displaybox .right {float:right !important}

#message{font-size: 12px;color: #999;padding: 12px 0 0;}

.notifycircle
{
	background: #fff;
	border: 2px solid #ccc;
	width: 20px;
	height: 20px;
	border-radius: 28px;
	font-size: 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
}

.notifycircle .txt{position: relative;top: 5px;}
.darkred{background-color:#DA4722;color:#fff;}
.ui-widget-content .divTableCell a{color:#999;font-weight: normal;}

.forminternal #status{font-size:10px;}

.setalink{padding-top: 2px;padding-right: 5px;display: inline-block;}
.cursor{cursor:pointer;}
.orange{color:#DA4722}

.logindetails  .input{width:auto !important}

.scheduler .input{width:auto !important}

#hd-navbar ul ul ul{
position: absolute;
left: 150px;
z-index: 1000000;
top: -33px;
}

#frmSearch select{ padding:0px !important;}
#frmSearch input[type=text]{ padding:0% 1%!important; width:60%}
#frmSearch input, textarea{ font-size:100% !important;}
#frmSearch input[type="submit"] {height: 23px !important;
    padding: 0 7px !important;}
#frmSearch .submit {margin-top:0 !important; margin-right:0 !important; font-size:12px !important;}
#frmSearch { padding:0 !important;}
#content{padding: 10px 15px 0px !important;}
/*#bd-top {padding:0.2% !important}*/
form div {margin-bottom:0 !important}
#frmSearch ul li {display:inline !important; }
#frmSearch ul li {margin:0 !important;}
#frmSearch .select label, #frmSearch .text label {display:inline; margin-right:3px !important;  font-size:12px; vertical-align:text-top !important; }
#bd-top .text{margin-right:0 !important}
#frmSearch .text label { vertical-align:text-top !important; position: relative;top: 1px;}

.subkeyword-row td{text-align:left;padding: 15px 2px;}

.subkeyword-row td .addsub{text-align:right}
.subkeyword-row .submit input[type="submit"]{font-size:10px;height:24px }

.subkeyword-row .submit{padding:2px 8px}

span.status.new{
background-color: #4b8cf7;
    border-color: #87CEEB;
    color: #FFFFFF;
}

.forminternal h2
{
	margin-bottom: 15px;
	margin-top: 35px;
}

.togglebox
{
	display:none;
}

.customformwidth div.input label{float:none;}

.customformwidth form .customerfield{width:62%}

.verticalform form .input{display:block !important;}

.verticalform{padding:0 !important}
.input.button {
  margin-left: 10px;
}
.chattextarea
{
	position: relative;
	width: 100%;
	padding: 0;
	border: none;
}
.chatrecord{height:100px;overflow:auto;margin-bottom: 15px;border-bottom: 2px solid #EE3322}

.chattextarea form .input{width: 298px;padding:0}

.chattextarea textarea{width:330px;}

.chatdate{
		font-size: 10px;
		color: #888;
		border-bottom: 1px solid #ccc;
}

.overflowdiv h2{margin-top:0; margin-bottom:15px;}

.notes{color:#999;}
.novisible{visibility:hidden;height:0}
.inlineshow{display:inline-block}
.greyout
{
	color: #999;
	font-weight: bold;
}

.redcolor
{
	background-color:#990000;
}

.feedbackin
{
	background:#ccc;
}

.reportsearch form{width:100%}
.tab-content {margin-bottom: 30px;}
.togglemenu { visibility: hidden; height: 0px;}

.desktoponly{visibility: visible;}
.mobileonly{visibility: hidden;}
.loggeduser {visibility: hidden;height: 0px;}
.nav-menu #hd-navbar .loggeduser {top: 0;right: 0;}
a.menucancelbtn {margin-right: 15px;font-size: 20px;}

#content .chosen-container-single .chosen-single, #content .chosen-container-multi .chosen-choices{

  border: 1px solid #CCC;
  border-radius: 3px;
  background-color: #fff;
  background: none;
  background: none;
  background: none;
  background: none;
  background: none;
      padding: 0px 0 0 14px;
    box-shadow: none;
    height: 26px;
}
#content .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:25px; padding:0px;color:#000;   font-weight: normal; }
#content .chosen-container-single .chosen-single div b{
  width: 20px;
  background: url(../img/chosen-sprite.png) no-repeat 0 5px;
}
#content .chosen-container-single .chosen-single div{top: -2px;
    right: 4px;}
#content .chosen-container-single .chosen-single span {font-weight: normal;}
.tab-content label {margin-top: 3%;}
i.fa.fa-power-off {
  font-size: 14px;
    margin-right: 10px;
    color: #fff;
    background: #333;
    border-radius: 50%;
    text-align: center;
    padding: 3px 5px;
}

.datepicker{position:relative} 
.add-on{
  position: absolute;
    right: 20px;
    bottom: 3px;
  cursor: pointer;
}


.chosen-container-multi{position:relative}
.chosen-container-multi:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 5px solid #888888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    width: 0;
    height: 0;
	right: 7px;
	top: 16px;
}

.addbtn{margin:15px;margin-bottom:15px !important;}
 .list-group-item:hover{
  color: #555;
  text-decoration: none;
  background-color: #eaeaea;
  cursor:pointer;
}
.list-group-item a:hover{ text-decoration: none;}
.margin-bottom{margin-bottom:10px !important}

/* Media Queries */
@media (max-width: 940px) and (min-width: 320px){
.col-lg-10 { margin-top: 15px; border-left: none !important;}
.loggeduser {top: 0;right: 0;}
.loggeduser {
  z-index: 5;
  color: #fff;
  position: fixed;
  -webkit-backface-visibility: hidden;
  top: 0;
  margin-right: 17px;
  width: 95%;
  height: 50px;
  background: #000;
  padding: 10px;
  visibility: visible;
  transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  right: -100%;
}

.desktoponly{visibility: hidden;}
.mobileonly{visibility: visible;}
.nav-menu ul#main-menu {
  right: 0px;
  padding-top: 50px;
  z-index: 4;
  overflow-y: scroll;
}

ul#main-menu {
  width: 100%;
  background: #000;
  display: block;
  right: -100%;
  position: fixed;
  top: 0%;
  transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  height: 100%;
  padding-top: 50px;
  z-index: 999999999;
}
#hd-navbar ul li {
  padding-left: 25px;
  padding-bottom: 0.1em;
}
#hd-navbar ul li {
  display: block;
}
.togglemenu {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-bottom: 20px;
  visibility: visible;
  height: auto;
  margin-top: -34px;
}
.smssettings ul {
  background: none;
  border: none;
  position: relative;
  display: none;
}
#hd-navbar ul li.smssettings ul a {
  margin-left: 0px;
}
.smssettings li a {
  display: block;
  position: relative;
}
#hd-navbar ul li.smssettings > a {
  padding-left: 15px;
  margin-left: 2px;
  background: url("../img/nav-icon-plus.png")0px center no-repeat;
}
#hd-navbar ul li.smssettings > a {
  padding-left: 15px;
  margin-left: 2px;
  background: url("../img/nav-icon-plus.png")0px center no-repeat;
}
#hd-navbar ul li.smssettings.expand > a {
  background: url("../img/nav-icon-minus.png") 0px center no-repeat;
    color: #fff;
}
#hd-navbar ul li.active {
 border:none;
border-bottom: none;
background:none;
}
.smssettings:hover > ul{display:none;}
#hd-navbar ul li.right.fixedsmbtn {padding: 0.8em;}
#main-menu .right {float: none;}
li.right.fixedsmbtn {
  width: 50px;
  max-height: 50px;
  background:rgba(24, 54, 132, 1);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  visibility: visible;
  text-align: center;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
.fixedsmbtn a:before {content: '+';font-size: 46px;color: #fff;line-height: 30px;}
.fixedsmbtn a {
  font-size: 0;
}
.fixedsmbtn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 4;
 }
} /************* Media Queries End ***********/


/*************clear both remove css***********/
#ReportIndexForm div{clear:none;}
#ReportIndexForm .submit {margin-right: 0px;margin-top:0px;}
#ReportIndexForm .submit input[type="submit"]{margin-top:4px;}
#ReportIndexForm i.fa.fa-calendar {top: 13px;}
.input.resetbtn1.reportbtn {
  margin-top: 5px;
}
/*************Dashboard contents css***********/
.portlet-header {
    box-shadow: 0 1px 2px #000000;
    padding: 8px;
    margin: 0;
    cursor: move;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
   background: #1F5C90;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2075BD), to(#1F5C90));
    background-image: -webkit-linear-gradient(top, #2075BD, #1F5C90);
    background-image: -moz-linear-gradient(top, #2075BD, #1F5C90);
    background-image: -ms-linear-gradient(top, #2075BD, #1F5C90);
    background-image: -o-linear-gradient(top, #2075BD, #1F5C90);
    background-image: linear-gradient(top, #2075BD, #1F5C90);
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}
.portlet-header .ui-icon {
    float: right;
}
.portlet .ui-icon {
    background-image: url(../img/ui-icons_222222_256x240.png);
}
.ui-icon-minusthick {
    background-position: -64px -128px;
    cursor: pointer;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
span.refreshbtn.right {
    cursor: pointer;
}
.right {
    float: right;
}
.portlet-content {
    padding: 0.4em;
    color: #4B4949;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    position: relative;margin-bottom: 7px;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_222222_256x240.png);
}
.ui-icon-plusthick {
    background-position: -32px -128px;
    cursor: pointer;
}
.uniqueblock {
    padding: 5px;
    font-family: "lucida grande",verdana,helvetica,arial,sans-serif;
    text-align: center;
}

span.boldtext {
    font-size: 30px;
    font-weight: bold;
    color: #1F6AA9;
}
.nav-tabs,
.nav-pills {
 position: relative;
}
.uniqueblock .searchform label{display:none;}
.uniqueblock i.fa.fa-calendar { right: 20px;top: 10px;}

.uniqueblock input#btnSearch {margin-top: 0px;}
div#searchsales {border: 1px solid #E2E2E2;}
#searchsales span.boldtext {color: #757575;}
.uniqueblock .forminternal.searchform {margin-bottom: 0px;padding: 10px 0px;}
.uniqueblock .col-lg-4 { margin: 0 0 -10px 0;}
.Calendar table tr td{border:none}

/*  css for full-calendar */
.col-lg-2.nopadding .list-group-item a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.col-lg-2.nopadding .list-group-item a:hover {
    color: #555;
    text-decoration: none;
    background-color: #eaeaea;
    cursor: pointer;
}
.col-lg-2.nopadding .list-group-item {
    padding: 0;
    margin-bottom: -1px;
    background-color: none;
    border: none;
}


.col-lg-2 .list-group-item a {font-size:12px;}
td.fc-header-left h2 {color: #222; font-size: 14px; border:none; font-weight:bold;}
.nopadding {padding: 0 !important;margin: 0 !important;}
#calendar .fc-header .fc-state-default span{ background: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
border: 1px solid #dcdcdc;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
color: #444;
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 27px;
min-width: 54px;
outline: none;
padding: 0 8px;
text-align: center;
transition: all .218s;
-moz-border-radius: 2px;
-moz-transition: all .218s;
-moz-user-select: none;
-o-transition: all .218s;
-webkit-border-radius: 2px;
-webkit-transition: all .218s;
-webkit-user-select: none;}
#calendar .fc-header-space {padding-left: 0px;}
#calendar .fc-header .fc-state-default, .fc-header .fc-state-default a{
    border:none !important;color: #000;margin: 0px -1px;}
#calendar .fc-state-active span {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#e0e0e0));
    background-image: -webkit-linear-gradient(top,#eeeeee,#e0e0e0) !important;
    background-image: -moz-linear-gradient(top,#eeeeee,#e0e0e0)!important;
    background-image: -ms-linear-gradient(top,#eeeeee,#e0e0e0)!important;
    background-image: -o-linear-gradient(top,#eeeeee,#e0e0e0)!important;
    background-image: linear-gradient(top,#eeeeee,#e0e0e0)!important;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
#calendar .fc-state-disabled span {opacity: 0.7; background: #3F7AB7 !important;color: #fff !important;}
.col-lg-10 dd { margin-left: 160px;}
.col-lg-10 dt, .col-lg-10 dd {line-height: 2;}
.col-lg-10 h2, div#content h2 {font-size: 18px; margin: 0;padding: 5px 0px;}
li.list-group-item a:focus {text-decoration: none;}

#SendalertIndexForm .submit input[type="submit"],#formbtn{ margin-top: 0px; }
#SendalertIndexForm div.submit, .resetbtn1, .broadcast {clear:none}
.modal-header .close { margin-top: -2px; margin-right: 5px; opacity: 1;}
.submit.col-lg-12 { margin-top: 7px;}

.tab-content .chkbox{margin-top:15px;}
.tab-content .chkbox label{margin-top:5px;margin-left:5px}



/* tag input css starts */
.text div.tagsinput span.tag a{color: #4299D8; }
.text div.tagsinput span.tag{border: 1px solid #4299D8;background: #A9D8FA;color: #428BCA;}
.tagsinput{
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;
}
/* tag input css ends */

i.fa.fa-archive {
    font-size: 14px;
}


/* autocomplete starts */
.ui-autocomplete.ui-menu .ui-menu-item
{
color: #181818;
}
ul.ui-autocomplete.ui-menu{margin:0px}

.ui-autocomplete.ui-menu .ui-menu-item a {
    font-size: 11px;
    color: #181818;
    display: block;
    padding: 3px;
}

.ui-autocomplete.ui-menu .ui-menu-item a :hover{text-decoration:none;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus
{
  background: #E6EBF9;
  border:none;
  margin: 0;
}




.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-front {
       z-index: 99999999;
}


.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}





/* autocomplete ends */ 


#alertpreview
{
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 5px;
    margin: 15px;
}



.input-help
{
	position: absolute;
    top: 41px;
    right: 21px;	
}   


#basicModal .modal-content{
display:inline-block;
}

#basicModal .modal-dialog {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    padding: 15px;
    width: 60%;
    margin-top: 10%;
}
#basicModal .modal_input_container{
    margin-top: 0;
    border: none;
}
#basicModal .modal_title { margin: 0;}
#basicModal .modal-header {padding:0 0 15px;border-bottom: none;}


#basicModal input {
    width: 100%;
    padding: 0 5px;
}
#basicModal .submit {
    width: 50%;
    margin: 15px 0;
}
#basicModal .modal-content { background-color: rgba(255, 255, 255, 0);
    box-shadow: none;
    border: none;}
	
#basicModal form#UserProfileForm {
    margin-top: 0;
}
#basicModal form label {
    margin-top: 10px;
    color: #353535;
}
#basicModal input#UserFile {
    background-color: white;
}


#stockdate i.fa.fa-calendar
{
    right: 26px;
    top: 40px;
}


#reportrange i.fa.fa-calendar , #performancedt i.fa.fa-calendar
{
    left: 20px;
    top: 9px;
    right: auto;
}
.actionbtn {
    padding: 3px 10px;
    margin-top: 10px;
    width: 135px !important;
    text-align: center;
	color: #444444 !important;
    border: 1px solid #D6D6D6;
    background-color: #fff;
    font-size: 14px;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
}
.actionbtn a{color: #444444 !important;}

/* css for gallery*/
.thumbnails {
    width: 75px;
    height: 75px;
    border: 6px solid #fff;
    box-shadow: 1px 1px 5px #000;
}
.thumb {
    border: 2px solid #ccc;
    padding: 5px;
    width: 75px;
    height: 75px;
}
  .thumb img {
    width: 100%;
}
#home input#UserActive {
    margin-top: 17px;
    margin-right: 10px;
}
/* -----group fields css----*/
.groupfields .col-lg-12{width:100%;margin-bottom: 10px !important;}
.groupfields i.fa.fa-times{position: absolute; margin-top: -35px;color: rgba(255, 0, 0, 0.79);} 

/* autocomplete starts */
.ui-autocomplete.ui-menu .ui-menu-item {
    padding: 5px;
    background: #fff;
    margin: 0;
    cursor: pointer;
}
ul.ui-autocomplete.ui-menu{margin:0px}

.ui-autocomplete.ui-menu .ui-menu-item a {
    font-size: 11px;
    color: #181818;
    display: block;
    padding: 3px;
}

.ui-autocomplete.ui-menu .ui-menu-item a :hover{text-decoration:none;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus
{
  background: #E6EBF9;
  border:none;
  margin: 0;
}




.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-front {
       z-index: 99999999;
}


.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* autocomplete ends */ 


.tab-pane{margin-top:15px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{z-index: 999;}
.tab-content{border: 1px solid #e8e8e8; margin-top: -1px;}
.radio input[type=radio] {
    float: left;
    width: auto;
    margin-top: 6px;
    margin-left:6px !important;
    padding: 0;
    line-height: 26px;
}
form .radio label{display: inline !important;}

.datepicker{position:relative;}
/**thread page starts**/
.flush-right .action-button span, .flush-right .action-button span a{color:#fff;}
.action-button{margin:0 5px}
.ticket_info .table>thead>tr>th, .ticket_info .table>tbody>tr>th, .ticket_info .table>tfoot>tr>th, .ticket_info .table>thead>tr>td, .ticket_info .table>tbody>tr>td, .ticket_info .table>tfoot>tr>td, #ticket_thread .table>tbody>tr>th
{
	border: 1px solid #ddd;
	color: #000;
}
div#content #ticket-thread h2{margin-bottom:15px}

#ticket_thread .message
{
	margin:15px 0;
	text-shadow: none;
	color: #000;
}

#ticket_thread > .message th {
    background: #C3D9FF;
}

#ticket_thread > .note th {
    background: #FFE;
}

#ticket_thread > .response th {
    background: #FFE0B3;
}

.submit input[type="submit"].btn_sm.btn-info{
	color: #fff !important;
	background-color: #5bc0de !important;
	border-color: #46b8da !important;
}

.btn_sm_reset{width:auto}

/**thread page ends**/

.form-title{
	width: 94%;
    float: left;
    padding: 20px;
    margin: 0 3%;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    text-transform: capitalize;
    font-weight: bold;}
	
/** cvticket menu  user menu **/
#cvticket-menu, #user-menu ,#dealer-menu{border-radius: 5px;
    margin: auto 0;
    margin-bottom: 8px;}
#cvticket-menu li, #user-menu li,#dealer-menu li{display: inline-block;
    margin: 0 5px 0 0;}
#cvticket-menu li a, #user-menu li a ,#dealer-menu li a{display: inline-block;
    padding: 10px;
    display: inline-block;
    zoom: 1;
    background: #eee;
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    border: solid 1px #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 3px 8px;
    margin-bottom: -3px;
    font-weight: normal;}
#cvticket-menu li a:hover,#cvticket-menu li.active  a, #user-menu li a:hover,#user-menu li.active  a, #dealer-menu li a:hover,#dealer-menu li.active  a{text-decoration: none;
    color: #000;
    background: #fff;
    z-index: 9;
    bottom: 2px;
    font-weight: bold;}
/**cvticket menu ends**/
.usertable form{border: 1px solid #E9E7E7;}


/*  print media start */
img.printlogo {
    width: 225px;
    margin-bottom: 15px;
	display:none;
}

div#printableArea h2, div#printableArea .ticket-title {
    color: #0a568e;
    text-transform: capitalize;
    font-size: 15px;
    display: block;
    line-height: 34px;
    font-weight: bold;
}
.print-bg th {
    width: 15%;
}
.print-bg td {
    width: 35%;
}

#ticket-thread .submit input[type="submit"]:hover,
#ticket-thread .submit input[type="submit"]:focus,
#ticket-thread .submit input[type="submit"]:active{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.redactor_box {padding: 0;}
#ticket-thread select#cannedResp {margin-bottom: 5px;}
#ticket-thread .input.textarea.col-lg-12 {padding: 0;}
/*  print media start */
@media print
{  
img.printlogo {display:block !important;}
.table-striped, .table-striped td, .table-striped th, .table-striped tr
	   {border: 1px solid #e2e3e4 !important;}

.print-bg,
td.print-bg tr,td.print-bg td,td.print-bg th,
table.thread-entry.table.table-striped th
{background: #F4FAFF !important;}

ul#threads, .printBtn {display: none !important;}
.noborder-print, .noborder-print td, .noborder-print th, .noborder-print tr,
td.print-bg {border: none!important;}
 
h2, .ticket-title {min-width:200px!important;
    color: #0a568e!important;
    text-transform: capitalize!important;
    border-bottom: none!important;
    font-size: 15px!important;
    display: block!important;
    font-weight: bold!important;
}
 
}

.fa.fa-check{
	color:#3c763d;
}


.fa.fa-times{
	color:#a94442;
}
/*  print media end */
#accordion a:hover, a:focus {text-decoration: none !important;}
a.iconupdate.fa{
    font-size: 16px;
    line-height: 32px;
}
label.displaynone {margin: 0;}
#addCustProblem textarea.form-control { min-height: 50px;}

#ForwardingForwarding{
 height: 294px;
 width: 180px;
}

#ForwardingAgent{
 height: 294px;
 width: 180px;
}

#downnumber,#addnumber,#removenumber,#upnumber{
font-size: 30px
}

.sendemail .input.textarea { padding: 0 6px;}
.sendsms .input.text.sms {padding: 0;}

form#updateRecord div.arrow{padding:0}
.dtp{
	background: url(../img/date.png) no-repeat center right;
    background-size: 20px 20px !important;
    cursor: pointer;
    opacity: .8;
    width: auto;
    background-position: 95% 13px;
}


.btn-outline {
    color: #337ab7;
    background-color: #fff;
    border-color: #cccccc !important;
}

.chosen-container#dealer_name_chosen {width: 351px !important}


/*   css used for error 404/400 page */
.portlet-content {
    padding: 0.4em;
    color: #4B4949;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    position: relative;
	text-align: center;
    border: none;
}
.bgcircle {
    /* background: none repeat scroll 0 0 #C42E08; */
    border: 5px solid #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    width: 175px;
    height: 175px;
    text-align: center;
    box-shadow: 1px 1px 5px #B0B0B0;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    background: -webkit-gradient(radial, 49% 49%, 68, 56% 56%, 100, from(#F24012), to(#AC2300));
    background: -webkit-radial-gradient(49% 49%, closest-corner, #F24012, #AC2300);
    background: -moz-radial-gradient(49% 49%, closest-corner, #F24012, #AC2300);
    background: -ms-radial-gradient(49% 49%, closest-corner, #F24012, #AC2300);
}

.portlet-content .bigfont {
    font-size: 56px;
    color: #FFFFFF;
    position: relative;
    top: 51px;
}

#fof {
    display: block;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 5%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


#fof .hgroup {
    text-transform: uppercase;
}
#fof .hgroup h1 {
    margin-bottom: 25px;
    font-size: 80px;
}
#fof .hgroup h1 span {
    display: inline-block;
    margin-left: 5px;
    padding: 2px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
#fof .hgroup h1 span strong {
    display: inline-block;
    padding: 0 20px 20px;
    border: 1px solid #CCCCCC;
    font-weight: normal;
}
#fof .hgroup h2 {
    font-size: 50px;
    color: rgb(255, 0, 0);
    border-bottom: 2px dotted #CCC;
    padding-bottom: 20px;
}
#fof .hgroup h2 span {
    display: block;
    font-size: 30px;
}
#fof p {
    margin: 25px 0 0 0;
    padding: 0;
    font-weight: bold;
    color: rgb(74, 63, 63);
}
#fof p:first-child {
    margin-top: 0;
}

marquee {
    width: 100%;
    float: left;
    padding: 3px 0;
    background: #f1f1f1;
}
marquee p{font-size: 13px !important;color: #C30;font-family: 'Raleway';}

.headerlinks ul li a {
    color: #000;
    position: relative;
    font-weight: normal;
    font-size: 13px;
}

h5.tbl_header {
	text-align: center;
    color: #fff;
	padding: 6px 10px;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f1f1f1, #d8d8d8);
    background: -webkit-linear-gradient(top, #f1f1f1, #d8d8d8);
    background: -ms-linear-gradient(top, #f1f1f1, #d8d8d8);
    margin: 0;
    font-weight: 600;
    font-size: 13px;
}

h5.tbl_header span{
	background-color:#1a4e7a;
    padding: 6px 10px;
    border-radius: 5px;
}

div#accordion_customertable {padding: 0px !important;
    width: 100% !important;}
#accordion_customertable .panel{ border: none;
    margin-bottom: 10px;
    box-shadow: none;}
div#headingOne {
    background: -webkit-linear-gradient(top, #459ae2, #337ab7);
    background: -ms-linear-gradient(top, #459ae2, #337ab7);
    display: block;
    padding: 3px 5px;
    border-radius: 3px;
    cursor: pointer;
    width: 112px;
}
div#headingOne span{    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px;}
span#accordationText {width: 80px; float: left;}
div#footer a {color: #f34d0d;}

input.form-control, select.form-control, textarea.form-control, .datetimepicker input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #CCC;
    height: 26px;
    padding: 0 10px;font-family: 'Ubuntu';
    font-size: inherit;
    line-height: inherit;
}
/* input btn primary color */
input#status,input#changeBtnTxt,input#edit {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    width: 85px !important;
    text-transform: CAPITALIZE;
}
.btn {height: 26px; line-height:0px !important;}
.input.resetbtn1 a {line-height: 12px !important;}

.main_tab_content {
   float: left;
    border: solid 1px #ccc;
    margin: -6px 0px;
    border-radius: 4px;
    padding: 7px;
    border-top-left-radius: 0;
    margin-bottom: 10px;
    min-width: 100%;
}
.col-lg-12.customertable,.col-lg-12.usertable {padding: 0px;}
.main_tab_content.teammember .input.checkbox { margin-left: 20px;margin-top: -5px;}
.main_tab_content.campaigns .input.checkbox { margin-left: 20px;margin-top: -5px;}
.btn.btn-default,.btn.btn-primary	{color: #fff;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    border-radius: 2px;line-height:12px !important;}
.btn:hover, .btn.btn-default:hover, .btn.btn-primary:hover,.submit input[type="submit"]:hover {
    text-decoration: none;
    color: #fff !important;
    background: #286090 !important;
}
.fa.fa-calendar.glyphicon.glyphicon-calendar,.fa.fa-calendar{font-size:15px;}
.forminternal.searchform {padding-left: 0;padding-right: 0;}
#ForwardingForwardingsForm a:hover{text-decoration:none;}
#ForwardingForwardingsForm .submitkey {margin-top: 3px !important;}

/* css for login page */
.login-bg{    background: #f4f4f4 url(../img/bg.gif) repeat top left;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;}
span.icon {
    position: absolute;
    margin-top: -26px;
    width: 25px;
    height: 26px;
    background: #CCC;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
span.icon .fa {padding: 6px 6px;font-size: 14px;}	
#bd-login-form input#UserUsername, #bd-login-form input#UserPassword, #bd-login-form input#UserUsernameEmail {
    padding-left: 30px;
}
	
.searchform .panel-body label{
	 width: 100%;
	margin-top:0px
}

.col-lg-6.panel.panel-default.left.apr1{
	padding:0px; 
	width: 49.5%;
}
.col-lg-6.panel.panel-default.right.apr1{
	padding:0px; 
	width: 49.5%;
}

.col-lg-12.searchformapr{
	margin-top: 15px;
    border: 1px solid #ddd;
    padding: 15px 0;
    border-radius: 4px; 
}

.aprscroll{
	height: 200px; 
	overflow-y: scroll;
	padding-bottom: 5px !important;
}	

a.btn.action-clear {height: auto;color: #337ab7;}
a.btn.action-clear:hover {text-decoration: underline !important;color: #4686bd !important; background: #f9f9f9 !important;}	
a.btn.action-clear i.fa {font-size: 13px; padding-right: 4px;}
.aprscroll .checkbox {height: 30px; margin-top:0px;}

	
/*-/- css for login page */

/* dtp */

.datetimepicker{position: relative;}
.datetimepicker label{
    position: absolute;
    right: 16px;
    top: 1px;
    font-family: FontAwesome;
    z-index: 1;
    opacity: 1;
    cursor: pointer;
    display: block !important;
    width: 20px;
    height: 24px;
    margin: 0;
}
.datetimepicker label:before { content: "\f073";
    font-size: 17px;
    color: #757575;
    font-weight: normal;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{background: #235a88 !important;}
/* -/- dtp */

/* search form max input width */
.cdr .input.text.col-lg-2 { max-width: 180px;}
/*-/- search form max input width */


/* multiple chosen expand  */
.chosen{position:relative;}
.multichosenExpand {
    position: absolute;
    background: #fff;
    right: 0; width: 180px;
	transition: 1s linear;
}
.expandDiv{ min-width: 350px;  transition: 1s linear;}
/*-/- multiple chosen expand  */

@media(min-width:320px)and (max-width:840px) {
    #fof {
        width: 80%;
    }
    #fof .hgroup h1 span strong {
        padding: 0 5px 1px;
    }
    #fof .hgroup h1 {
        font-size: 60px;
    }
    #fof .hgroup h2 {
        font-size: 40px;
    }
    #fof .hgroup h2 span {
        font-size: 25px;
    }
}

.form-control.htmlcolour{ width:35%;}
.square{
	width: 20px;
    height: 20px;
    float: left;
    margin-right: 3px;
	border:1px solid #ccc;
}

.agentsCounter{counter-reset:subsection}

.agentsCounter::before {
    counter-increment: section;
    content: counter(section);
}

input.checkbox.col-lg-12.ticket{
      float: none;
}

form#updateRating div{vertical-align: baseline;}

i.fa.fa-minus-circle{
    color: #DB502E;
    font-size: 23px;
    margin-right: 5px;
}
i.fa.fa-plus-circle{
	color: #337ab7;
    font-size: 23px;
    margin-right: 5px;
}

.inline-list li{display:inline-block;width:45%}
.aprscroll .inline-list .checkbox{height: auto;}



 /* scrollbar start */
::-webkit-scrollbar {
   width: 7px;
   height: 7px;
}

::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px rgb(51, 122, 183); 
   border-radius: 0px;
}

::-webkit-scrollbar-thumb {
   border-radius: 100px;
   -webkit-box-shadow: inset 0 0 6px rgb(51, 122, 183); 
}
/* scrollbar start end */

/* css for required alert field */
.redBorder{border: 1px solid #fa393b !important;}
.ui-autocomplete-input{
	font-size:13px !important;
}

ul.ui-autocomplete{
	max-height: 150px;
    overflow-y: scroll;
}

.formth{
	width: 150px !important;
}
.formtd{
	width: 250px !important;
}

.importTbl label
{
	padding: 2px 10px !important;
    background: #cde6fb;
    background: -moz-linear-gradient(top, #fff, #cde6fb);
    background: -webkit-linear-gradient(top, #fff, #cde6fb);
    background: -ms-linear-gradient(top, #fff, #cde6fb);
    border: 1px solid #e4e4e4;
    font-size: 12px;
}



/**checkbox switching**/
/* The switch - the box around the slider */
label.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  z-index:999;
}

.slider:after {
  position: absolute;
  content: "OFF";
  height: 26px;
  width: 26px;
  right: 1px;
  top: 9px;
  -webkit-transition: .4s;
  transition: .4s;
  font-size:10px;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

input:checked + .slider:after {
 position: absolute;
  content: "ON";
  height: 26px;
  width: 26px;
  left: 10px;
  top: 9px;
  -webkit-transition: .4s;
  transition: .4s;
  font-size:10px;
  color:#fff
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*---- footer checkbox div ---  */
.center {
    text-align: center;
}
.btndiv {
    width: 100%;
    position: fixed;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    bottom: -45px;
    left: 0;
    right: 0;
    -webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -ms-transition: bottom 1s;
    -o-transition: bottom 1s;
    transition: bottom 1s;
    overflow: hidden;
    height: 45px;
    padding-top: 9px;
    background-color: #deeffc;
}
.checkbox-input input[type=checkbox] { cursor: pointer;}

.btndiv span.sr-only {
    padding-right: 15px;
}
span.btnborder {
    border-left: 1px solid rgba(0, 0, 0, 0.23);
    height: 100%;
    width: 18px;
}
.btndiv .caret {
    position: absolute;
    top: 16px;
    right: 12px;
}
.btndiv .fancybutton {
    padding: 7px 10px;
    border: none;
    background: none;
    width: 100%;
    color: #337ab7;
    cursor: pointer;
    text-align: left;
}
.btndiv .btn-group,
.btndiv .btn-group-vertical {
    position: fixed;
}
.btndiv .sr-only {
    position: relative;
}
/*----/- footer checkbox --- */
.min-height{min-height:600px;}