/* 
    Document   : staff-portal
    Created on : 19-Aug-2014, 11:20:19
    Author     : Krishnapriya
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.clear{
    clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.marg-top15px{
	margin-top:15px!important;
}
.wid100p{
	width:100%!important;
}
.overview .widget-header.bg_blue{
	background:#579ddb!important;
	color:#FFF!important;
}
.overview .widget-header.bg_green{
	background:#39b392!important;
	color:#FFF!important;
}
.overview .widget-header.bg_red{
	background:#e2786d!important;
	color:#FFF!important;
}
.staff-portal-error{
    color: #d16e6c !important;
}
.contentCategories_icon_main_outer{
    width:98%; padding:15px 0 0 2%;
}
.contentCategories_icon{
    float:left;
    width:31%; padding:15px 0 100px 0;
}
.contentCategories_icon h1{
    width:100%; padding:5px 0 15px 0; margin:0; color:#2679b5;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal; font-size:17px; text-transform:uppercase;
}
.contentCategories_icon_cont{
    width:auto; padding:0 0 0 30px; margin:0;
}

#jqSearch{
    width: 300px !important;
}
.dashboard_list{
    text-align:center;
    margin:50px 0;
    padding:0 2%;
    width:96%;
}
.dashboard_list img{
    margin:10px 0;
}
.dashboard_list a{
    width:100%;
    color:#028bc9;
    text-decoration:none;
}
.dashboard_list a:hover{
    color:#333333;
    text-decoration:none;
}
.mandatory{
    color:#ea4309;
}
.vendor_categories_cont span{
    float:left;
}
.vendor_categories_cont img{
    max-height: 62px;
}
.tophd_pic_blk{
	float:left;
	width:150px;
	position:relative;
	margin-right:20px;
}
.tophd_pic{
	width:150px;
	height:90px;
	background:#fbfbfc;
	border:3px solid #ecebf0;
	display:block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
	text-align:center;
}
.tophd_pic img{
	max-width:150px;
	max-height:90px;
}
.hdtext{
	padding-top:30px;
}
.marg0{
	margin:0!important;
}
.bord-rad3px{
	border-radius:3px!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
}
.overview.widget-box{
	border:1px solid #ededed;
}
.overview .widget-header {
    background: #f6f7f8!important;
    border-bottom: 1px solid #ddd!important;
    box-sizing: content-box;
    color: #669fc7!important;
    min-height: 38px!important;
    padding-left: 12px!important;
    position: relative;
}
.overview .widget-header h3{
	margin:10px 0!important;
}
@media(min-width:992px){
    .ace-file-container{
        width:340px;
    }
}
.jdtable_header{
    /* margin-top: 10px;*/
    float:right;
}
.jdtable_footer{
    float:left;
    margin-top: 10px;
    width:100%;
    /* width:1099px;*/
}

.jdtable_left{
    float:left;
    left:10px;
    position: relative;
    min-width: 400px;
}
.jdtable_right{
    float:right;
    min-width: 300px;
    position: relative;
    right:10px;
}

.jdtable_center{
    float: left;
    left:300px;
    min-width: 200px;
}
.blue_btt_outer{
    float:left;
    width:auto;
}
.blue_btt{
    background:#028bc9;
    border-radius:3px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border:0;
    outline:none;
    cursor:pointer;
    color:#FFF;
    font-family: 'Open Sans',sans-serif;
    font-size:13px;
    text-align:center;
    padding:5px 15px;
    margin:0;
}
.blue_btt:hover{
    background:#156ac2;
}



.btn-search, #jqImportLead, button.ColVis_Button, ul.ColVis_collection li, button.DTTT_button, div.DTTT_button, a.DTTT_button{
    float:left;
    background:#028bc9!important;
    border-radius:3px!important;
    -webkit-border-radius:2px!important;
    -moz-border-radius:2px!important;
    border:0!important;
    outline:none!important;
    cursor:pointer!important;
    font-family: 'Open Sans',sans-serif!important;
    font-size:13px!important;
    text-align:center!important;
    padding:5px 15px!important;
    margin:0 10px 0 0!important; color:#FFFFFF!important;
}
.btn-search:hover, #jqImportLead:hover, button.ColVis_Button:hover, ul.ColVis_collection li:hover, button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover{
    background:#028bc9!important;
	opacity:0.7;
}
.btn-search{
    float:none!important;
}


.sub_heading{
    width:100%; padding:0; margin:0;
}
.sub_heading h2{
    width:100%; padding:0 0 8px 0; margin:0 0 15px 0;	
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#2679b5; font-size:18px; font-weight:lighter; border-bottom:1px dotted #e2e2e2;
}
.ui-pg-div span{
    background:none!important;
}
.ui-widget-content {
    background:#FFF!important;
}
.ui-state-hover{
    color:#028bc9!important;
    background:none!important; border:0!important;
}
.no_grid_data{
    text-align:center;
    color:#FF0000;
    padding:100px 0 0 0;
}
.no_vendor_data{
    text-align:center;
    color:#FF0000;
    padding:100px 0 0 0;
}
.ui-pg-table{
    color:#363636!important;
}
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft:0px!important; -webkit-border-top-left-radius: 0px!important; -khtml-border-top-left-radius:0px!important; border-top-left-radius:0px!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright:0px!important; -webkit-border-top-right-radius:0px!important; -khtml-border-top-right-radius:0px!important; border-top-right-radius:0px!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft:0px!important; -webkit-border-bottom-left-radius:0px!important; -khtml-border-bottom-left-radius:0px!important; border-bottom-left-radius:0px!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright:0px!important; -webkit-border-bottom-right-radius:0px!important; -khtml-border-bottom-right-radius:0px!important; border-bottom-right-radius:0px!important; }

.ui-widget-content{
    /*border-bottom:0px!important;*/
}
.ui-jqgrid .loading{
    color:#333333!important; border:0px!important;
}
.ui-widget-header{
    background:#028bc9!important;
}
.ui-widget-header a{
    color:#FFFFFF;
}
.ui-widget-header a:hover{
    color:#000!important;
}
.ui-widget-header label{
    top:5px!important;
}
.ui-state-default.ui-element{
    height:35px!important; line-height:35px!important;
}
.ui-dialog-titlebar{
    padding:10px 15px 0px 15px!important;
    background:#fff!important;
}
.search.empty{
    height:22px!important;
    background:#fff!important;
}	
.ui-icon-arrowthick-2-n-s{
    top:10px;
}
.ui-icon-arrowthick-2-n-s:hover{
    background:inherit!important;
}
.ui-pg-table td span{
    background:none!important;
}
.ui-dialog-buttonpane{
    border:0px!important;
}
.ui-dialog-buttonset button{
    background:#028bc9; padding:0px 10px!important;
    border:3px solid #028bc9; color:#fff; text-transform:uppercase;
}
.ui-dialog-buttonset button:hover{
    background:#ccc!important; color:#000000!important;
    border:3px solid #a6a6a6;
}
.select2-highlighted{
    background:#028bc9!important;
}
.widget-header-small{
    padding:0px!important; background:none!important;
}
.jqLeadDetailsTable{
    width:100%;
}
.jqLeadDetailsTable .even{
    background:#f9f9f9; border-bottom:1px solid #ededed;
}
.jqLeadDetailsTable .odd{
    background:#fff
}
.jqLeadDetailsTableColumn{
    width:150px;
}
.jqLeadDetailsTableColumn, .jqLeadDetailsTableValue{
    padding:8px;
}

.data_centers{
    float:left;
    margin-left:15px;
    margin-right: 10px;
}

.data_center_list{
    float:left;
    height: 500px;
    max-width:98%!important;
	width:100%!important;
    overflow-y:scroll;
}

.data_center_map{
    float:left;
	width:100%!important;
	padding-left:0!important;
}
.btn-search{
    width:auto;
    padding:5px 10px!important;
}


.infobox-wrapper {
    display:none;
}
#infobox {
    border:2px solid black;
    margin-top: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}
.single_data_center{
    border-bottom: 1px #a6a6a6 ;
}
.ColVis_Button{
    padding:0 10px!important;}

button.ColVis_Button, ul.ColVis_collection li{
    background:#028bc9;
    border-radius: 2px;
    color: ffffff !important;
    cursor: pointer;
    float: left;
    font-size: 0.9em!important;

    margin-right:0!important;
    padding: 5px 8px;
    position: relative;
    white-space: nowrap;}
ul.ColVis_collection{
    padding:0!important;
    border-radius:0!important;
    border:0 !important;}
ul.ColVis_collection li{
    margin-bottom:0!important;
    padding:0.3em 0.5em!important;}
ul.ColVis_collection li span{
    font-size:0.9em;}

.datacenter_L{
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-bottom:1px solid #ececec; padding:0 0 10px 0; margin:0 10px 10px 0;
}
.datacenter_L:hover{
    border-bottom:1px solid #ccc;
}
.datacenter_L_ACTIVE{
    background:#f0f0f0;
}
.datacenter_L p{
    color:#2679b5;
    font-size:15px; padding:0 0 5px 0; margin:0;
}
.datacenter_L span{
    color:#666666;
    font-size:12px;
}

/*.dataTables_processing {
    position: absolute;
    top: 70%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}*/

input.btn-success, input.btn-success:focus{
    background-color: #028bc9 !important;
    border-color: #028bc9!important;
}
input.btn-success:hover, input.btn-success:active, .open input.btn-success.dropdown-toggle{
    background: #028bc9 !important;
    border-color: #028bc9!important;
	opacity:0.7;
}

.datatable_show_btt_outer{
    float:right;
    width:auto;
}
.dataTables_filter {
    float: left!important;
}
.dataTables_paginate{
    float:right;
}
.grey_btt {
    background: none repeat scroll 0 0  #abbac3 ;
    border: 0 none !important;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    margin: 0;
    outline: medium none;
    padding: 5px 15px;
    text-align: center;
    width:60px;
}
.contentCategories_icon_cont img{
    max-width: 83px;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding:4px !important;
}

.main_logo span img{
	float:left;
	max-width:267px; max-height:50px;
	/*background:url(images/main_logo.png) no-repeat center left;*/
	padding:0; margin:3px 0 0 0;
}
.auto_flow{
    overflow:auto;
}

.main_logo span {
    width:267px !important;
}

.user_info{
   
    text-overflow: none !important;
    font-size:12px !important;
}
.login_logo img{

    max-height: 72px !important;
   
}
.iframe_class_jqContent{
	border:1px solid #ccc;
}
.contdetails_tbl{
	margin:5px 0;
	display:table;
	width:100%;
}
.contdetails_tbl_row{
	width:100%;
	padding:5px 0;
	display:table-row;
}
.contdetails_tbl_left{
	display:table-cell;
	width:40%!important;
	margin-right:5%;
	padding:5px 0;
	color:#718ec3;
}
.contdetails_tbl_left .icon{
	font-size:16px;
	color:#80899b;
	width:20px;
}
.contdetails_tbl_right{
	display:table-cell;
	width:55%!important;
	padding:5px 0;
	color:#80899b;
}
a.downloadicon{
	position:absolute;
	width:30px;
	height:30px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background:#4cc49e;
	bottom:4px;
	right:4px;
	color:#FFF;
	font-size:14px;
	display:inline-block;
	line-height:30px;
	text-align:center;
}
a.downloadicon:hover{
	background:#8be7b0;
	color:#FFF;
}
#SearchVendor{
	margin:20px 0 10px 0;
}
#srchform .searchbox{
	border:1px solid #d2d2d2!important;
	background:#FFF!important;
	border-radius:3px!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	font-size:13px;
}
.searchbtn{
	background:#028bc9;
	color:#FFF;
	height:33px;
	border:0;
	border-radius:3px!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	padding:0 10px;
}
.searchbtn:hover{
	background:#028bc9;
	opacity:0.7;
}
.resetbtn{
	background:#999999;
	color:#FFF;
	height:33px;
	border:0;
	border-radius:3px!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	padding:0 10px;
}
.resetbtn:hover{
	background:#373737;
}
.wid1072{
	width:1072px;
}
.map-panel.resp{
	width:100%!important;
	height:500px!important;
}
.ibox-content input[type="text"], .ibox-content select{
	border-radius:3px!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
}
.ibox-content button{
	font-size:14px!important;
	padding:8px 25px!important;
}
#jqDataCenter select{
	max-width:200px!important;
}
#jqDataCenter button.multiselect {
	background:#FFF!important;
	border: 1px solid #CCC !important;
	font-size:14px !important;
	color:#727272 !important;
	padding:6px!important;
	border-radius:4px!important;
	-moz-border-radius:4px!important;
	-webkit-border-radius:4px!important;
	text-shadow:none!important;
}
#jqDataCenter .btn-group > .btn > .caret{
	border-top-color: #000!important;
	border-width:4px!important;
	margin-top:0!important;
}
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}
.marg-top5px{
    margin-top:5px!important;
}
@media(max-width:720px){
.map-panel.resp{
	width:450px!important;
	height:350px!important;
}
#jqDataCenter select{
	max-width:100%!important;
}

}