@charset "utf-8";
/* CSS Document */

.loginBox .logo{max-width:80%; height: auto; border-radius:5px; opacity:.8; -webkit-box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.75);}
.footer-login{left:0px !important;}
.footer .developedby a{ color:#58666e !important;}

.search-box{border: 1px solid #D7D7D7; border-radius: 5px; padding: 10px;}
.table tr th i {margin-left: 5px;}

.table .checkbox input[type="checkbox"]{opacity: 1;}

.focus-tbl .focused{background-color: #5fbeaa !important;}
.focus-tblall .focused{background-color: #5fb000 !important;}

.form .btn-toolbar{margin-bottom: 5px !important;}
.dataTables_info{padding-top: 10px !important;}
.dataTables_paginate ul.pagination{ margin-top: 10px !important;}
.pagination > li.current > span{color:#FF6464 !important;}
.actionbtn a{margin:0px 5px; float:left;}

.f-10{font-size:10px;}
.f-12{font-size:12px;}
.f-14{font-size:14px;}
.f-16{font-size:16px;}

.colorpicker{min-width:80px !important;}
.keepProjected{margin-bottom:10px}

.popup .field{font-weight: 600;}
.p-10{padding:10px;}
.p-5{padding:5px;}
.p-0{padding:0px;}
.m-4{margin-top: 4px !important;}
.m-8{margin-top: 8px !important;}
.m-t-15{margin-top: 15px;}
.m-b-15{ margin-bottom:15px;}
.m-l-15{ margin-left:15px;}
.p-b-5{padding-bottom:5px;}
.form-group label.error{color: #F6504D; font-size:12px; font-weight:500;}
.viewmodel .mrg-top-15 i{color:#7679E7;}

.modal-body{
  overflow-y: auto;
}
.empTab .steps  ul li{width: 20% !important;}
.empTab .content {padding: 10px 0px;}
.permissionLabel{font-size:14px; font-weight:500;}


.popup .panel{box-shadow:none !important;}
.popup .title{font-size:16px !important; font-weight:600;}
.popup table th,td{font-size:14px;}
.t-l{text-align:left !important;}

span.req{color:#FF5151;}
.form-horizontal .control-label{font-size:13px;}
.form-control{ height: 33px; max-width: 100%; padding: 3px 10px;}
.select2-container .select2-selection--single{height:35px !important;}
.select2-container .select2-selection--single .select2-selection__rendered {line-height:30px !important;}


/*Button color*/
/*.btn-areab{border-bottom: 1px solid#F89091; }*/

.btn-add{background-color: #5d9cec; border: 1px solid #5d9cec !important; color: #FFFFFF;}
.btn-add:hover,.btn-add:focus{color: #FFF;}

.btn-unarchive{background-color: #35C741; border: 1px solid #35C741 !important; color: #FFFFFF;}
.btn-unarchive:hover,.btn-unarchive:focus{color: #FFF;}

.btn-archive{background-color: #F36467; border: 1px solid #F36467 !important; color: #FFFFFF;}
.btn-archive:hover,.btn-archive:focus{color: #FFF;}

.btn-active{background-color: #108B02; border: 1px solid #81c868 !important; color: #FFFFFF;}
.btn-active:hover,.btn-active:focus{color: #FFF;}

.btn-deactive{background-color: #F9171B; border: 1px solid #F9171B !important; color: #FFFFFF;}
.btn-deactive:hover,.btn-deactive:focus{color: #FFF;}

.btn-delete{background-color: #F9171B; border: 1px solid #F9171B !important; color: #FFFFFF;}
.btn-delete:hover,.btn-delete:focus{color: #FFF;}

.btn-reset{background-color: #7266ba; border: 1px solid #7266ba !important; color: #FFFFFF;}
.btn-reset:hover,.btn-reset:focus{color: #FFF;}

.btn-search{background-color: #5fbeaa; border: 1px solid #5fbeaa !important; color: #FFFFFF;}
.btn-search:hover,.btn-search:focus{color: #FFF;}

.btn-ip{background-color: #004284; border: 1px solid #004284 !important; color: #FFFFFF;}
.btn-ip:hover,.btn-ip:focus{color: #FFF;}

.btn-office{background-color: #34d3eb; border: 1px solid #34d3eb !important; color: #FFFFFF;}
.btn-office:hover,.btn-office:focus{color: #FFF;}

.btn-export{background-color: #A3553F; border: 1px solid #A3553F !important; color: #FFFFFF;}
.btn-export:hover,.btn-office:focus{color: #FFF;}


/*Action icon color*/

.ic-edit{color: #2B75E6 !important;}
.ic-active{color: #0F8202 !important;}
.ic-deactive{color: #F80E0E !important;}
.ic-unarchive{color: #55B449 !important;}
.ic-archive{color: #F55252 !important;}
.ic-search{color: #000 !important;}
.ic-ip{color: #004284 !important;}
.ic-purple{color: #77019D !important;}
.ic-purple{color: #77019D !important;}
.ic-clock{color: #15ACE6 !important;}
.ic-payscal{color: #400000 !important;}

.bgNone{ background:none !important;}
.disp-none{display:none;}

.alert {padding:5px 10px; margin-bottom:0px;}
#info.alert{text-align:center;}
table.center-td-th tr > th{ text-align:center !important;}
table.center-td-th tr > td{ text-align:center !important;}

.ic-addmore{color:#00C161; cursor:default; font-size:20px; margin-top:5px;}
.ic-addmore:hover{color:#009148; cursor:default;}
.ic-remove{color:#FF5353; cursor:default; font-size:20px; margin-top:5px;}
.ic-remove:hover{color:#FF0D0D; cursor:default;}
.p-lr-5{padding:0px 5px !important;}
.c-frm input,select{padding:5px;}
.trsub th{font-size:12px !important;}
.v-top{vertical-align:top !important;}
.v-c{vertical-align:central !important;}
.crs-hand{cursor:pointer; cursor:hand;}
/*Table Pagination*/
.tables_paginate { list-style:none;}
.tables_paginate li{ float:left;}
.tables_paginate li a{ padding:2px 5px; font-weight:600; font-size:24px;}
.tables_paginate li .pageinput{width:60px; margin:0px 5px;}



/* COLOR PICKER*/
.colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; }

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
	border-radius:5px;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}
legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    padding-top:5px;
    color: rgba(255, 255, 255, 0.7);
}

.file-preview-table .file-preview-placeholder{ height:auto !important;}

/*Suspense Transaction Detail*/
@-webkit-keyframes suspense {
from { background-color: red; }
to { background-color: inherit; }
}
@-moz-keyframes suspense {
from { background-color: red; }
to { background-color: inherit; }
}
@-o-keyframes suspense {
from { background-color: red; }
to { background-color: inherit; }
}
@keyframes suspense {
from { background-color: red; }
to { background-color: inherit; }
}
.suspense {
-webkit-animation: suspense 1s infinite; /* Safari 4+ */
-moz-animation:    suspense 1s infinite; /* Fx 5+ */
-o-animation:      suspense 1s infinite; /* Opera 12+ */
animation:         suspense 1s infinite; /* IE 10+ */
}

/*CLENDER CSS*/

table.member_timelog-search tr td{vertical-align:middle;}
table.member_timelog-search tr td input[type=submit]{padding:3px 5px;}
table.calendar tr td{border:1px solid #999; height:80px;vertical-align:top;}
table.calendar tr th{border:1px solid #999; height:auto; font-size:14px; padding:5px 0;}
td div.workdata { clear:both; background:#E8F6FF; margin:10px 0; padding:5px; color:#000; font-weight:normal; font-size:12px;}
td div.workdata img{ width:16px; margin:2px 5px 5px 0;}
.workdata a:hover{ color:#F00;}
tr.calendar-row	{  }
td.month_name h1{color:#2099EF; padding:0px; margin: 0px;}
td.TotalPay, td.sumHours{padding:5px; font-weight:600; vertical-align:middle;}
td.notmonth{ background:#f3f7f8; padding:5px; font-weight:600;}
td.calendar-day	{min-height:80px; font-size:14px; position:relative; font-weight:600; color:#2099EF}
* html div.calendar-day { height:80px; }
* td.calendar-day:hover	{ background:#E9F0FF;}
* td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
* td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:0;}
* div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }



.depositCount {
    width: auto;
    float: right;
    margin-right: 5%;
}
.depositCalIcon {
    float: right !important;
    font-size: 40px !important;
    margin: 14% !important;
    cursor: pointer;
    width: 90px;
	
}
div.depositCalIcon{color:#FF9A35 !important;}

/*RSG */

/*callback*/
ul.bg_color{width:100%; list-style:none;}
ul.bg_color .color_field{float:left; margin:2px 5px;}
ul.bg_color .color_field .color{height:17px !important; width:17px !important; float:left;}
ul.bg_color .color_field .callback_color{float:right; margin-top:0px;}
/*End callback*/

.searchBox{ background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 5px;}
/* Header Starts */
.tags{width:100%; text-align:justify; overflow: auto; height:auto; padding:10px;}
.tags span{ padding:5px; background-color:#EEE; cursor:pointer; cursor:hand; border-radius:5px; margin-right:10px; float:left;}
.urls{float: left; vertical-align: middle; line-height: 38px; margin-right: 10px;}
#tagBox .input-tags{max-width:100%;}

.marqee_header{ width:375px; height:30px;}
.marqq_span_{font-size:14px; font-weight:bold; text-decoration:blink; padding:5px 15px; border-radius:5px; background:#3A9E0B; color:#fff;}
.marqq_span_:hover{ color:#000; background:#addfff;}
/* Header Ends  */
/*dashBoard Starts */
#sortable li{ list-style: none;  }
#sortable{ padding: 0;  list-style-type: none;}

#dashBordModule .modal-body {
    padding: 10px;
}
#sortable .edit_text{ width: 100% !important; color: #000}
#sortable .delete{
    top: -8px;
    right:-8px; position: absolute}
.connectedSortable .copy{ margin-top: 5px}


.graphClassImage select option{ padding-left: 40px; height: 45px; vertical-align: middle; 
    background-size: 30px;  background-repeat: no-repeat;text-align: center;background-position:center;}
.graphClassImage select{ height:35px}


.graphImageText select option .textClass{ padding-left: 40px; margin-top: 10px; height: 45px; vertical-align: middle; 
    background-size: 30px;  background-repeat: no-repeat;text-align: left;background-position:left;}
.graphImageText select option{ padding-left: 40px; height: 45px; vertical-align: middle; 
    background-size: 30px;  background-repeat: no-repeat;text-align: left;background-position:left;}
.graphImageText select{ height:35px}
.goalSubCheckbox{ text-align:right}

.projectedPr {font-size: 16px;float: right;
width: 160px;}
@media (max-width: 980px) {

.info .checkbox, .radio{    margin-bottom: 20px;margin-top: 0px;}
.keepProjected{margin-bottom:0px}
.goalSubCheckbox{ text-align:left}
.projectedPr{ width:100%}
}
@media (max-width: 600px) {
    .profileName{font-size: 12px;line-height: 55px; vertical-align: middle; float: left;}
	.side-menu.left {
	  top: 115px;
}
.mobileContainer{/*padding-top: 40px;*/padding-top: 80px;}	

.headerMenu{line-height: 20px !important;}
.mobileMenuLink{ width: 74%;}
.headerMenuBreak{ float: right;}

}
 .profileName{line-height: 55px; vertical-align: middle;float: left;}
	.profileLI a{ padding: 0 5px !important}
.horizontalScroll{width: 100%; overflow-x: hidden;  height: 525px; overflow-y: scroll;}
.colorpicker{ z-index: 5 !important}
.text-orange{ color:#FF7F50;}
.error{border-color: #f05050 !important;}
#form span .error { display: none;}
.LC, .UE span{ cursor: pointer;}
.childUl li{padding-left: 0px !important;}
.connectedSortable .col-md-6{padding-left: 0px !important;}
.connectedSortable .row,.connectedSortable .col-lg-12{margin-left:0px !important;padding-left: 0px !important;}
.followUp{ background-color: antiquewhite; border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    width: 48%;}
.followUp .glyphicon{ margin-left: 10px;font-size: 40px;}
/*dashBoard Starts Ends*/



.breadcrum span{float:left; font-size:16px;}


.fileFolderList .listHead{width:100%; background-color:#B8EBFE !important; height: 40px; padding: 5px 10px; }
.fileFolderList .listHead .ffName,.ffDate,.ffType,.ffSize,.ffsharedBy,.ffAction{float:left; font-weight:600; font-size:16px; }
.fileFolderList  .ffName{width:20%;}
.fileFolderList  .ffDate{width:20%;}
.fileFolderList  .ffsharedBy{width:20%;}
.fileFolderList  .ffType{width:10%;}
.fileFolderList .ffSize{width:10%;}
.fileFolderList  .ffAction{width:20%;}


.fileFolderList .jqueryFileTree{list-style:none;}
.fileFolderList .jqueryFileTree li{float:left; width:100%; margin:5px 0px;;}
.fileFolderList .jqueryFileTree li .listRow .ffName,.ffDate,.ffsharedBy,.ffType,.ffSize,.ffAction{float:left; padding:2px 2px; }
.fileFolderList .jqueryFileTree li .listRow span{float:left; padding:2px 2px; }
.listRow>.ffName{font-weight:400; font-size:14px;}
.listRow>.ffName .fa-folder{color:#FBE046 !important;}
.listRow>.ffName .fa{ margin-right:10px;}
.listRow>.ffName .a:hover{ background-color:transparent !important;}

.listRow>.ffDate{font-weight:400; font-size:14px;}
.listRow>.ffType{font-weight:400; font-size:14px;}
.listRow>.ffsharedBy{font-weight:400; font-size:14px;}
.listRow>.ffSize{font-weight:400; font-size:14px;}
.listRow>.ffAction{font-weight:400; font-size:14px;}

.fileFolderList .jqueryFileTree li .listRow .ffAction a{float:left; }

ul.jqueryFileTree li { white-space:normal !important;}

.listRow>.ffAction a{margin:0px 5px; background-color:#FFFFFF;}
.listRow>.ffAction i.fa-tags{color:#275EED;}
.listRow>.ffAction i.fa-share-alt{color:#077;}
.listRow>.ffAction i.fa-trash{color:#F20000;}
.listRow>.ffAction i.fa-download{color:#0C0;}

.tbllist th.header {
 background-image: url(../../images/bg.gif);
 cursor: pointer;
 font-weight: bold;
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 20px;
 border-right: 1px solid #dad9c7;
 margin-left: -1px;
}

.tbllist th.headerSortUp {
 background-image: url(../../images/desc.gif);
 background-color: #3399FF;
}
.tbllist th.headerSortDown {
 background-image: url(../../images/asc.gif);
 background-color: #3399FF;
}

.childUl { padding: 0px; display: inline}

.panel-heading{min-height: 50px; height: auto; overflow: hidden; display: block; width: 100%; }
.panel{position: relative;}

#clock{
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: flex;
    display: -webkit-flex;
    height: 25px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    /*left: calc(50% - 300px);*/
    position: absolute;
    /*top: calc(50% - 65px);*/
    width: 200px;
}
.unit{
    background: linear-gradient(#aaa, #777);
    border-radius: 15px;
    box-shadow: 0 2px 2px #444;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    height: 80%;
    /*line-height: 130px;
    margin: 0 10px;*/
    text-align: center;
    text-shadow: 0 2px 2px #666;
    width: 23%;
}

.tblForm .control-label{ color:#000;}
.plist .checkboxinput,.plist .clickAll{ display:none;}
.salesTracker  .reportAncher{ cursor: pointer;     text-decoration: underline; }

div.dropdown-menu.open{
  max-height: 250px !important;
  overflow: hidden;
}
ul.dropdown-menu.inner{
  max-height: 130px !important;
  overflow-y: auto;
}
#Fields .form-control{ max-width: 250px;}
#Fields .position{ max-width: 50px;}
#schedule .fa-plus-circle{font-size: 20px;padding: 5px; color: aqua}
#schedule .fa-minus-circle{font-size: 20px;padding: 5px;}
#schedule .newSchedule{height: 40px;}

#TransType .table:first-child>tbody>tr>td,
#TransType .table>tbody>tr>th,
#TransType .table>tfoot>tr>td ,
#TransType .table>tfoot>tr>th,
#TransType .table>thead>tr>td, #TransType .table>thead>tr>th
{
    border-top:0px dotted;
}

#Module .table:first-child>tbody>tr>td,
#Module .table>tbody>tr>th,
#Module .table>tfoot>tr>td ,
#Module .table>tfoot>tr>th,
#Module .table>thead>tr>td, #Module .table>thead>tr>th
{
    border-top:0px dotted;
}