.zbra1{background-color:#ffffff;}
.zbra2{background-color:#efefef;}
.zebra-striped{width:100%!important}
.zebra-striped tbody tr:nth-child(2n+1) td {
    background-color: #f9f9f9;
}
.customer-upload > div > div:nth-child(2n+1) {
    background-color: #efefef !important;
}


.clear10 {height:10px;clear: both;}
.clear20 {height:20px;clear: both;}
.clear30 {height:30px;clear: both;}

.logo {margin-bottom:20px;}

.pad5{padding:5px;}
.pad10{padding:10px;}

p.footer {color: #000000;font-size: 10px;text-align: center;}

.sa-icon {width: 100%;border: 1px solid #cccccc;text-align:center;padding: 20px 10px;margin-bottom: 30px;border-radius: 6px;box-shadow: 4px 4px 2px #f2f2f2;font-size: 12px;}
.sa-footer {margin-top:50px;padding: 10px 0;}
.sa-return {padding:11px;}

.btn-return {
	background: none !important;
    display: block !important;
    height: none !important;
    left: none !important;
    position: static !important;
    top: none !important;
    width: none !important;
}

.sa-divider {height:40px;width:100%;}
.sa-divider-sml {height:20px;width:100%;}

.bullet {padding-left: 20px !important;}


/** added for error messgae **/
.alert-message {
    border-radius: 4px;
    
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    margin-bottom: 18px;
    padding: 0 0 0 20px;
    line-height:25px;
    color: #FFFFFF;
    font-size: 12px;
    position: relative;
}

.btn.danger, .alert-message.danger, .btn.error, .alert-message.error {
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
    background-color: #57A957;
    background-image: -moz-linear-gradient(center top , #62C462, #57A957);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


input.error, select.error, input.error:focus {
    border-color: #FF0000 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #FF0000 !important;
    outline: 0 none !important;
}
.err-lab {
    color: #B94A48;
    display: inline;
    padding-top: 0;
    text-align: left;
}
.help-inline{
    color: #B94A48;
    display: inline;
    padding-top: 0;
    text-align: left;
}

.red {color: #FF0000;}
.green {
    color: #46a546;
}
.fadedgrey{color:#989898;}

.pagination {height: auto;margin: 18px 0pt;}
.pagination ul {border-radius: 3px 3px 3px 3px;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.05);float: left;margin: 0pt;padding: 0;}
.pagination li {display: inline;}
.pagination a {border-right: 1px solid rgba(0, 0, 0, 0.15);float: left;line-height: 34px;padding: 0pt 14px;text-decoration: none;}
.pagination a:hover, .pagination .active a {background-color: #C7EEFE;}
.pagination .disabled a, .pagination .disabled a:hover {background-color: transparent;color: #BFBFBF;}

.pagination .totalcount{line-height:34px;padding:0pt 14px;font-weight:bold;}
.pagination .totalrecords { float: right }
@media (max-width: 992px)
{
    .pagination {
        position: relative;
        height: 90px;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        display: -webkit-box;
    }
    .pagination .pagination_links { top: 45px }
    .pagination ul { position: absolute; top: 0 }
    .pagination .totalpages { top: 90px }
}
@media (max-width: 650px) {
    .pagination .pagination_links a{
        line-height: 25px;
        padding: 0px 10px;
    }
    .pagination .totalcount {
        line-height: 25px;
        padding: 0px 10px;
    }
    .pagination .pagination_links { top: 40px }
    .pagination .totalpages {
        top: 78px;
    }
}

/*Customer Data Grid view*/
.menu { padding: 0; clear: both; }
.menu li { display: inline; }
.menu li a { background: #ccf; padding: 10px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
.menu li.active a { background: #eef; }
.content { float: left; clear: both; border: 1px solid #ccf; border-top: none; border-left: none; background: #eef; padding: 10px 20px 20px; width: 400px; }
#customer-report .content { width: 100%; margin-bottom:20px; background-color: #FFF;
border: 1px solid #E8E8E8;
border-radius: 0 0 5px 5px; }
#customer-report .menu li a {
display: inline;
border: 1px solid #c3c3c3;
border-bottom: 0 none;
padding: 5px 10px;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: #f2f2f2;
cursor: pointer;
position: relative;
top: 1px; margin-right:5px; font-weight: normal;
text-transform: capitalize; font-size: 14px; }
#customer-report .menu li a:hover { background:#fff;}
#customer-report .menu li.active a { background:#fff;}


.grey_ctnt{background-color:#efefef; border:#ccc 1px solid; padding:14px; margin:15px 0px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.grey_ctnt i.fa{padding-right:10px;}

[class^="icon-"], [class*=" icon-"] {
    background-image: url("../../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}
.icon-th {
    background-position: -240px 0;
}
.input-append .add-on, .input-prepend .add-on {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
}
.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}
.start-time{display:block;}

.select-btn .btn {
display: block;
width: 100%;
text-align:left;
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,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.select-btn .btn-group{ width:100%; padding-bottom:15px;}

.select-btn .btn-group .caret{float:right; margin-top:-10px;}
.datebox{padding-left:0;}

.media-body .odd{background-color:#eee; padding:20px;}
.media-body .even{background-color:#fff; padding:20px;}
.multiselect-container{
	overflow-x: hidden;
	max-height: 225px;
	margin: -15px 0 0 0px;
}
#reply-close{margin-right:5px; margin-top:5px;}
.last_action_msg .label{
	color: #000;
	margin-right: 0px;
}
.last_action_msg .label {
    font-size: inherit;
    font-weight: 700;
    padding: 0;
}
.last_action_msg .clearfix span{
	float: none !important;
	line-height: 21px;
	text-align: left;
	display:block;
}

div .more_options{display:none;}
#options_hide_button{margin-top:5px;margin-bottom:5px;}

.btn-file { position: relative; overflow: hidden; margin-left: 0px; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }
#document_name, #external_link, #external_link_title { width: 400px; }
#file_error { margin-top: -10px; }
textarea.error, textarea.error:focus { border-color: #FF0000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #FF0000; outline: 0 none; }
.table-striped { margin-left: 35px; }
.files_area { padding: 0 0 15px; }
.name { float: left; width:200px; text-align:left; }
.size { float: right; width: 80px; text-align: right; }
.delete { float: right; width: 20px; text-align: right; border-left:#666 1px solid; }
.template-download .error { margin-top: 18px }
.clear { clear: both; }
.uploading { width: 500px; margin: 0 auto; padding-top:8px; }
.progressbar { float: left; width: 230px; margin-top: 5px; }
.start { float: left; width: auto; margin-right: 10px; }
.cancel { float: left; width: auto; }
.download-size { float: right; width: 80px; padding-right:7px; }
.download-delete { margin-top: -10px; margin-right: 100px; }
.doc-download-delete { margin-right: 0; }
.doc-table-striped { margin-left: 76px; }
.uploading .error { float: left;margin-top: 5px; width: auto; margin-bottom: 10px; }
.aligncenter tr td:first-child { width: 28%; }
.aligncenter tr td:last-child { width: 72%; }
.customer-search table tr + tr td { border-top: 0 none; }
.customer-search table th + th, .customer-search table td + td { border-left: 1px solid #F5F5F5; }
.aligncenter .viewtable { padding-left: 0px !important; }
.aligncenter .tabletitle { padding-right: 0px !important; }

.customer-upload .files_area {
    padding:13px 3px 41px;
    border-top: 1px solid #ddd;
}
. customer-upload{margin-left:5px !important;}

.table-striped .template-download{
    height: 40px;
}
.template-download{
    height: 40px;
}
.doc-table-striped .name {
    float: left;
    margin-left: 30px;
    text-align: left;
    width: 370px;
}
.files .files_area {
    padding: 13px 10px 30px;
    border-top: 1px solid #ddd;
}
.files .name {
    margin: 0px;
    width: 70% !important;
}
.uploading .btn {
    margin: 0 2px;
    padding: 3px 10px;
}
.container-sec { width: 600px; }

.disable-task{position: relative;width: 100%;float: left;}
.disable-task .disable_buttons{position: absolute;height: 35px;width: 100%; z-index: 99999;}
.disable-task input{opacity:0.5;}

#ctedit .multiselect{width:150px;}

@media (max-width: 600px)
{
	#frmsearch .btn.btn-default {margin-bottom: 5px;}
	.uploading {width: 100% !important;float: left;padding: 0px;}
}

@media(min-width:767px) and (max-width:1024px)
{
	.uploading{padding: 10px 0 0 0px !important;margin-left: 0px;}
	.name{float: left;width: 65%;text-align: left;}
	.table-striped {margin-left: 0px;}
}

#css3-animated-example {padding-bottom: 15px;}
#css3-animated-example .content
{
     padding: 15px;
     background-color: #FFF;
     border: 1px solid #E8E8E8;
     border-radius: 0 0 5px 5px;
}
#css3-animated-example h3 + div{padding:0px;background:#fff;}
#css3-animated-example h3
{
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    margin:0;
}
#css3-animated-example h3 a{text-decoration: none; color: rgb(0, 0, 0);}
#css3-animated-example > h3{margin-top:3px;border-radius:5px;}
#css3-animated-example .content{width:100%;}
#css3-animated-example .content .clearfix label{width:50%;}

h3.reph3:hover{cursor:pointer;}
h3.reph3{line-height:34px !important;}
h3.reph3 {font-weight:bold !important;}
h3.reph3 a{font-weight:bold !important;}

table.repdata{border:1px solid #dfdfdf;}
table.repdata td{padding:5px;}
.call_notes_closed{color:#34bd34;font-weight:bold;}
.call_notes_open{color:#f90000;font-weight:bold;}
#callnotes_keyword_search .key_search{background: #068ac5 none repeat scroll 0 0;}
.datepicker table{width:100% !important;}
.reset_add_on
{
        cursor:pointer;
        background: none repeat scroll 0% 0% #F5F5F5;
        border-radius: 0px 3px 3px 0px;
        border: 1px solid #CCCCCC;
        color: #BFBFBF;
        display: block;
        float: left;
        font-weight: normal;
        height: 34px;
        line-height: 25px;
        min-width: 26px;
        padding: 5px 4px 4px 5px;
        position: relative;
        text-align: center;
        text-shadow: 0pt 1px 0pt #FFFFFF;
        width: 5%;
        z-index: 2;
        margin-left: -1px;
        margin-right: 0pt;
        font-size: 14px;
}
.span4{
	width:90% !important;
	float:left;
	border-radius: 4px 0px 0px 4px !important;
}

.w-95{
    width:95% !important;
    float:left;
}


#frmsearch {position:relative;}
#frmsearch .control-group.input-append input[type="text"]#keyword_date_of_to, #frmsearch .control-group.input-append input[type="text"]#keyword_date_of_from{width: 100% !important;}
#frmsearch .control-group.input-append span{
position: absolute;
    right: 1px;
    height: 32px;
    margin-top: 1px;
}

.checklist_list > i{padding-left:18px;}

#frmcontact .action{
    margin-top: 20px;
    margin-bottom: 20px;
}
#frmcontact .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
#frmcontact .form-inline .form-control,
#edit_frmcontact .form-inline .form-control{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.contact-heading,.contact-name{float: left;margin-top: 10px;}
.addcontactbtn,.editcontact-action{float:right;}
.editcontact-action > div{display: inline-block;}
.form-inline .phone_number{width:70%;float: left;}
.form-inline .ext_number{width: 28%;float: right;}

.loading{font-size: 35px;width: 30px;margin: 0 auto;}

.multiselect.dropdown-toggle.btn-default{position:relative;}
.multiselect.dropdown-toggle.btn-default .caret {margin-top:-10px !important;}
.customer_contact .btn-group{position:relative;}
.mobile_drop_down .multiselect.dropdown-toggle.btn-default .caret{margin-top:7px !important;}
.reset_actions .btn-default {
	margin-right: 5px;
	border-radius: 5px !important;
}
.alert-message.error a{
	color: #428bca;
}
.reset_password.checkbox {
	padding-left: 0px;
}
table td + td {
    border-left: 1px solid #F5F5F5;
}

table {
    border: 1px solid #dddddd;
    border-collapse: separate;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 0;
    width: 100%;
}


table th {
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
    padding-top: 9px;
    vertical-align: middle;
}

table th, table td {
    line-height: 18px;
    padding: 10px 10px 9px;
    text-align: left;
}


table th + th, table td + td {
    border-left: 1px solid #dddddd;
}

table tr + tr td {
    border-top: 1px solid #dddddd;
}

.txtcenter {
    text-align: center;
}

.centered {
    text-align: center;
}

div#heading h3 {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 36px;
}
.label.success {
    background-color: #46a546;
}

.label.primary {
    background-color: #337ab7;
}

/* Toggle button CSS */
.toggle-location .btn-default {
    border-color: #c8c8c8 !important;
}
.toggle-location .toggle-handle, .toggle-location .toggle-group {
    background: #ffffff;
}
.toggle,.toggle-handle  {
    border-radius: 2px;
}
.toggle-location .toggle-on {
    width: 50px !important;
    color: #b9eed0;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 7.5px;
}
.toggle-location .toggle-off {
    width: 58px !important;
    font-size: 13px;
    border-color: #fff !important;
    color: #a09c9c;
    padding-top: 7.5px;
    text-transform: uppercase;
    padding-left: 22px !important;
}

.toggle-location {
    margin-left: 13px;
}
.modal-error{
    background: #F2DEDF;
    border: 1px solid #EFD5D8;
    border-radius: 5px;
    color: #B7665E !important;
    text-align: left !important;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top: 15px;
}
.modal-success{
    display: inline-block;
    background: #BDE3BE;
    border-radius: 5px;
    color: #B7665E !important;
    text-align: left !important;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.h150-scroll {
    height: 150px;
    overflow: auto;
    border: 1px solid #d2d2d2;
    padding-left: 0.5px;
    margin-top: 5px;
}

.label {
    background-color: #bfbfbf;
    border-radius: 3px;
    color: #ffffff;
    font-size: 9.8px;
    font-weight: bold;
    padding: 5px 8px 5px;
    text-transform: uppercase;
    border:1px solid #848484
}

.marginl15 {
    margin-left: 15px
}

.mrg-lt-5
{
    margin-left: 5px;
}

.underlined{text-decoration: underline;}
.label.success
{
    display:inline-block;
    line-height: 1.3;
    margin-top: 10px;
    padding: 5px 8px !important;
}

.labelpadded
{
    display: inline-block !important;
    font-size: 9.9px !important;
    padding: 5px 8px !important;
    border: 1px solid #848484 !important;
    text-transform: uppercase;
}
.label.notice {
    background-color: #2591bd;
    line-height: 1.3;
}
.m-0{
    margin: 0;
}
.btn-default[disabled] {
    background-color: #033364;
}
.customer-upload{
    margin-left: 0;
}

.flex{
    display: flex;
}
.w-auto{
    width: auto;
}

.flex-center {
    display: flex;
    justify-content: center;
}

@media (max-width: 600px)
{
    .table-striped .template-download.files_area {
        width: 100% !important;
    }
}