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

/* -----------------------------------------------------------
    CSS for DST
	Point of Contact: Vinod Kumar kv
-------------------------------------------------------------- */

/* ----------------------------------------------------
    General CSS Rules
------------------------------------------------------- */
@font-face { font-family:MuseoDell; src:url(../fonts/MuseoForDell-Regular.ttf); }
@font-face { font-family:MuseoSansDell; src:url(../fonts/MuseoSansForDell-Regular.ttf); }
@font-face { font-family:MuseoSansDell-Bold; src:url(../fonts/MuseoSansForDell-Bold.ttf); }
body, html { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;	padding:0px 0px 0px 0px;	margin:0px 0px 0 0px;	position:relative; color:#333333; height:100%;}
img { border:0; }
a{ text-decoration:none;}
.space5{ margin-top:5px !important;}
.offset5{ margin-left:5px !important;}
.space10{ margin-top:10px;}
.space15{margin-top:15px;}
.space20{margin-top:20px;}
.left_col{ float:left !important;}
.right_col{ float:right!important;}
.full_width{ width:100% !important;}
.right_border{ border-right:1px solid #cccccc;}
.clear_pad{ padding-left:0px !important;}

/* Masterhead*/

.masterhead { background-color:#007db8; height:auto; width:100%; position:relative; z-index:999;}
.masterhead .row1 { width:96%; margin-left:auto; margin-right:auto; height:65px; background-color:#007db8;}
.masterhead .row2 { width:96%; margin-left:auto; margin-right:auto; margin-top:10px; height:auto; background-color:#007db8;}

.masterhead:after{ content: "";display: block; height: 0;clear: both;}
.panel:after{ content: "";display: block; height: 0;clear: both;}

.menu-shadow {	font-size: 2px;	margin-top: -11px;}

.logo, .main_title {
    color:#fff;
}

.container-fluid {
	max-width: 1900px!important;
	min-width: 970px!important;
    width:96%;
	margin-left: auto;
	margin-right: auto;
}

.logo{ 
    width:42px; 
    height:42px;  
    float:left; 
}
.logo i {
    font-size: 42px;

}
.main_title { 
    font-family: museo-sans-for-dell-300, 'Trebuchet MS', Roboto, 'Segoe UI', 'Helvetica Neue', 'Meiryo UI Reg', 'メイリオ Reg', 'MS UI Gothic Reg', 'Hiragino Kaku Gothic Reg', 'ヒラギノ角ゴ Pro W3 Reg', 'Microsoft YaHei', 微软雅黑, 'Hiragino Sans GB', 'Microsoft JhengHei', 微軟正黑體, 'Malgun Gothic', Gulim, Tahoma, 'Arial Unicode', sans-serif;
    font-size:32px; 
    line-height:40px; 
    font-weight:normal; 
    float:left; 
 
}

@media only screen and (min-width:993px)  {
    .page_contain {
        margin: 0 30px;
    }
    .row1 {
        padding-top: 15px;
        
    }
    .row2 {
        margin-top:10px;
    }
}
@media only screen and (min-width:769px) and (max-width:992px) {
    .page_contain {
        margin: 0 30px;
    }
    .row {
        margin-left:-5px!important;
        margin-right:-5px!important;
    }
    .row1 {
        padding-top: 15px;
    }
    .main_title { 
        font-family:"MuseoSansDell", "Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:30px; 
        line-height:36px; 
        font-weight:normal; 
        float:left; 
    }
}
@media (max-width:768px) {
    .page_contain {
        margin: 0 15px;
    }
    
    .logo i {
        font-size: 32px!important;
    }
    .masterhead .row1 { 
        margin-left:5px; 
        margin-right:5px; 
        height:60px; 
        min-height:60px;
        background-color:#007db8;
        padding-top:15px;
        padding-left:10px;
    }
    .main_title { 
        font-family:"MuseoSansDell", "Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:16px; 
        line-height:20px; 
        font-weight:300; 
        float:left;
    }
    .masthead-shadow-section {
        content: "";
        width: 80%;
        height: 10px;
        left: 10%;
        border-radius: 50%;
        box-shadow: 0 0 18px rgba(0,0,0,0.5);
        margin: -10px auto 0;
    }
}

.main_title span{ font-size:20px; font-weight:normal; }

.username{  float:right;  margin-right:10px; font-size:14px; float:right;  padding:5px 0px 5px 30px; margin-top:15px; background-image:url(../images/user_icon.png); background-repeat:no-repeat; background-position:left center;}
.username .welcome{ font-size:16px; font-weight:bold;   }
.username a{ color:#ffffff; } 
.username a:hover{ color:#ffffff; text-decoration:underline; }





/* Masterhead*/

/* Modal*/
.modal_title{ font-size:20px; width:95%; padding:10px 0px 10px 0px; border-bottom:1px solid #cccccc; margin:0px auto 20px auto; position:relative; color:#444444; z-index:999; }

.modal_left{ position:relative; float:left; width:18%; padding:1%;}
.modal_right{ position:relative; float:right; width:78%; padding:1%;}

.ac_info{ background-color:#007db8; padding:5px 5px 5px 10px; margin-bottom:5px; color:#FFF; float:left; margin-right:10px;}
.ac_info span{ background-color:#FFF; color:#444444; padding:4px;}

/* Modal*/



/* Page layout*/
.page_contain{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:50px; }
.page_contain:after{ content: "";display: block; height: 0;clear: both;}
.landing_contain{width:100%; margin-left:auto; margin-right:auto;}
.role_title{ font-size:24px; color:#444444; font-weight:bold; margin-bottom:0px;}
.welcome_contain{width:100%; margin-left:auto; margin-right:auto;}
.welcome_contain:after{ content: "";display: block; height: 0;clear: both;}
.welcome_title{ color:#6ea204; font-size:28px; font-family:"Museo For Dell 300"; font-size:28px; font-weight:bold;}
.form_contain{ width:100%; margin-left:auto; margin-right:auto;}
.role_contain{ width:100%; margin-left:auto; margin-right:auto; border:1px solid #cccccc; margin-top:20px; padding:15px;}
.bread_crumb:after{ content: "";display: block; height: 0;clear: both;}

/* Page layout*/


/* grid */
.role_grid{width:100%; border-collapse:collapse; border-spacing:0px;  color:#333333; margin-top:15px;}
.role_grid th{ background-color:#017cb8; color:#ffffff; border-right:1px solid #ffffff;  padding:6px 5px 6px 15px; font-weight:normal; font-size:18px; }
.role_grid td{ text-align:left; padding:8px 5px 8px 15px; border-bottom:1px solid #cccccc;}



.data_grid{ width:100%; border-collapse:collapse; border-spacing:0px;  color:#333333;}

.data_grid th{ font-weight:bold; text-align:left; padding:10px; color:#007db7; }
.data_grid td{ text-align:left; padding:10px;}
.data_grid tr:hover{ background:#cce5f1 !important;}
.data_grid tr:nth-child(even) {background: #eeeeee}
.data_grid tr:nth-child(odd) {background: #ffffff}

.data_grid td:first-child { color:#007db7; }

.table_row{ width:95%; margin-left:auto !important ; margin-right:auto !important;  position:relative;}
.border_on{ border:1px solid #cccccc; overflow:auto;}
.table th{ font-size:13px;color:#444444; padding-left:0;vertical-align:top; }
.table td{ font-size:13px !important;color:#444444; }

.table-vert{ border:none !important;}
.table-vert td{ line-height:normal !important; vertical-align:middle !important; padding:5px !important; border:none !important;}

.table-vert td:first-child {font-size:14px;color:#007db8;padding-left:0; font-weight:bold; }
.divider1{ width:95%; margin-left:auto; margin-right:auto; background-color:#cccccc; height:1px;  position:relative; }

.divider2{ width:95%; margin-left:auto; margin-right:auto; background-color:#cccccc; height:1px;  position:relative; margin-top:10px; margin-bottom:10px; }

.divider3{ width:100%; margin-left:auto; margin-right:auto; background-color:#cccccc; height:1px;  position:relative; margin-top:15px; margin-bottom:15px; }


.icon-ui-arrowleft{ background-image:url(../images/page_arrow_left.png); background-repeat:no-repeat;}
.icon-ui-arrowright{ background-image:url(../images/page_arrow_right.png); background-repeat:no-repeat;}



.display_grid{ width:100%; font-size:14px;}
.display_grid td{ padding:4px;}
.display_grid td:first-child { width:20%;}
.display_grid td:first-child + td + td{ width:20%; }
.display_grid td:first-child + td{ width:30%;}
.display_grid td:first-child + td+ td + td{ width:30%;}


.display_grid2{ border:1px solid #cccccc; width:100%; font-size:13px;}
.display_grid2 th{ background-color:#ffffff; color:#007db8; padding:4px; border-bottom:1px solid #cccccc;}
.display_grid2 td{ padding:4px;}
.display_grid2 td.header{background-color:#eeeeee; font-size:16px; color:#444444; font-weight:bold; }

.field_row:after{ content: "";display: block; height: 0;clear: both;}


.display_grid2{ width:100%; border-collapse:collapse; border:1px solid #cccccc;}
.display_grid2 th{padding:5px;  background-color:#007db8; color:#ffffff;}
.display_grid2 td{ padding:4px; border-bottom:1px solid #cccccc;}
.display_grid2 td:first-child { color:#007db8; }

/* grid */


/* ----------------------------------------------------
    Footer CSS
------------------------------------------------------- */
.site_footer { background-color:#007db8; width:100%; position:fixed; bottom:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-top:1px solid #e1e1e1; padding:10px 0px 10px 0px; text-align:center; color:#ffffff;  }
.site_footer a { color:#FFF;}

.site_footer a:hover{ color:#FFF; text-decoration:underline;} 
/* ----------------------------------------------------
    Footer CSS
------------------------------------------------------- */

/* Breadcrumb */

.bread_crumb{ padding:0px;  width:95%; text-align:left; margin-left:auto; margin-right:auto;}
.bread_crumb ul{ padding:0px; margin:0px; list-style:none;}
.bread_crumb ul li{ height:40px; line-height:40px;  margin:0px; float:left; display:block;}
.bread_crumb ul li a{ font-size:12px; color:#444444;}
.bread_crumb ul li a.home{ display:block; width:14px; height:40px; background-image:url(../images/bread_sprite.png); background-position:0px 10px; background-repeat:no-repeat; }

.bread_crumb ul li.arrow{ width:6px; height:40px;  background-image:url(../images/bread_sprite.png); background-position:-24px 10px; background-repeat:no-repeat; margin:0px 10px 0px 10px;}
.bread_crumb:after{ content: "";display: block; height: 0;clear: both;}

/* Breadcrumb */

/* Menu */
.main_menu{ z-index:999; font-size:14px; color:#ffffff; position:relative; }
.main_menu ul{ list-style:none; margin:0px; padding:0px;}
.main_menu ul li{ float:left; margin:0px ;}
.main_menu ul li a{ color:#FFF; padding:10px 20px 10px 20px; }
.main_menu ul li a:hover{ background-color:#ffffff; color:#0085c3; }



.main_menu ul li ul{ background-color:#ffffff;   position:absolute; display:none;   border-right:1px solid #007db8; border-left:1px solid #007db8; border-bottom:5px solid #007db8; margin-top:8px; margin-left:0px; line-height:14px;  }
.main_menu ul li li{ font-size:13px; color:#0085c3; padding:0px 20px 10px 0px; margin:0px; float:none; }
.main_menu ul li li a{ color:#0085c3;}
.main_menu ul li:hover ul{ display:block; white-space:normal !important;}
.main_menu ul li:hover li{ background-color:#FFF}

.main_menu ul li li a:hover{ background:none; color:#0085c3; }
.main_menu ul li a:hover{ background:#ffffff; color:#0085c3; width:auto !important;   }

/* Menu */

/* left_menu */

.left_nav{ width:100%; background-color:#ffffff; position:absolute; top:20px;border-bottom:1px solid #cccccc; }
.left_nav ul{ padding:0px; margin:0px; }
.left_nav ul li{ display:block; padding:10px 0px 10px 10px; margin:0px; border-top:1px solid #cccccc; color:#007db8; }
.left_nav ul li a{ padding:0px 0px 0px 25px;}
.left_nav ul li:hover{ background-color:#cce5f1;}
.left_nav ul li.active{ border-left:5px solid #007db8; display:block; padding:10px; margin:0px; color:#444444; }
.left_nav ul li.active a{ color:#444444; font-weight:700; }
.left_nav ul li li{ border:none; padding:5px 0px 3px 35px;  }

.nav_icon{background-repeat:no-repeat;}
.basic{ background-image:url(../images/icon_basic.png); }
.basic_active{ background-image:url(../images/icon_basic_active.png); }
.assignm{ background-image:url(../images/icon_assignm.png); }
.assignm_active{ background-image:url(../images/icon_assignm_active.png); }
.accont{ background-image:url(../images/icon_account.png); }
.account_active{ background-image:url(../images/icon_account_active.png); }
.external{ background-image:url(../images/icon_external.png); }
.external_active{ background-image:url(../images/icon_external_active.png); }

.link_num{ background-image:url(../images/icon_link_num.png); }
.link_num_active{ background-image:url(../images/icon_link_num_active.png); }
.uda{ background-image:url(../images/icon_uda.png); }
.uda_active{ background-image:url(../images/icon_uda_active.png); }
.market{ background-image:url(../images/icon_market.png); }
.market_active{ background-image:url(../images/icon_market_active.png); }


.aquisition{ background-image:url(../images/icon_aquisition.png); }
.aquisition_active{ background-image:url(../images/icon_aquisition_active.png); }



/* left_menu */


/* buttons */
.btn_contain{ padding-left:30px; margin-bottom:20px;}
.btn_contain input{ margin-right:5px;}
.btn_contain a{ margin-right:5px;}

.btn_primary{ background-image:url(../images/button_bg.png); 
background-repeat:repeat-x;  border-radius:4px; padding:10px; border-style:solid; border-color:#0d619d; border-width:1px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; cursor:pointer; margin-right:10px;}

.btn_mini{ background-image:url(../images/mini_button_bg.png); 
background-repeat:repeat-x;  border-radius:4px; padding:5px; border-style:solid; border-color:#aeaeae; border-width:1px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#007db8; cursor:pointer;}

a.btn_primary, a.btn_mini{ text-decoration:none;}

.arrow_contain{ margin-left:auto; margin-right:auto; margin-top:60%;}

.nextarrow{ display:block; background-image:url(../images/next_arrow.png); background-position:center;
background-repeat:no-repeat; height:40px; background-color:#faf7ee; border:1px solid #cccccc; width:30px; margin-left:auto; margin-right:auto;}

.prevarrow{display:block; background-image:url(../images/pre_arrow.png); 
background-repeat:no-repeat; height:40px; background-position:center; padding:5px; background-color:#faf7ee; border:1px solid #cccccc; width:30px; margin-left:auto; margin-right:auto;}
.export{ float:right;}

/* buttons */


.tab-content{ padding-bottom:20px; border-top:none; margin-top:0px; margin-bottom:50px;}


.batch_grid{ width:100%;  border-spacing:0px; padding:0px;}
.batch_grid td{  padding:5px; }
.batch_grid td input{  padding:0px; height:30px; }


.batch_grid2{ width:100%;  border-spacing:0px; padding:0px;}
.batch_grid2 th{  padding:5px; color:#0085c3; }
.batch_grid2 td{  padding:5px; }
.batch_grid2 td input{  padding:0px; height:30px; }


.spl_drop{ background-color: #dadada !important;}

.browse_btn{ display:block; margin-left:-100px; margin-top:20px;}


.text-green {
    color: #6ea204!important;
}


	/* messages */
/* .authorise{ background-color:#ffffc9; padding:12px 5px 15px 40px; border-radius:6px; border:1px solid #aaaaaa; background-image:url(../images/alert_icon.png); background-repeat:no-repeat; background-position:10px 10px; margin-top:20px; }
*/
.authorise h3{ font-size:18px; color:#444444; padding:0px; margin:0px; font-weight:bold;}
.authorise p{ padding:6px 0px 0px 0px; margin:0px;}

/* .info_btn{ display:block; width:20px; height:20px; background-image:url(../images/info_icon.png); background-repeat:no-repeat; position:absolute; right:-5px; bottom:10px;}
*/

.input_error_message{ position:absolute; z-index:99999;  margin-top:-10px; margin-left:10%;  }

.input_error_message .arrow{ position:relative; height:21px; display:block; background-image:url(../images/pop_arrow.png); background-repeat:no-repeat; background-position: center top ;   }

.input_error_message .message{ border-radius:4px; border:1px solid #9f9f9f; background-color:#ffffff; padding:10px 10px 10px 35px; background-image:url(../images/input_error_icon.png); background-repeat:no-repeat; background-position: 10px 10px; display:block; margin-top:-9px;  }


/* .page_alert{ width:100%;  position:fixed !important;  color: #444;
    padding: 10px 35px 10px 45px;
   bottom: 30px;
    text-shadow: none;
    background: #ffffc9;
    border: 1px solid #eee;
   background-image:url(../images/alert_icon.png); background-repeat:no-repeat; background-position:10px 10px; }
*/


.block-ui-message {
	position:absolute;
	top:40%;
	left:45%;
    cursor: wait;
    display: inline-block;
    text-align: left;
    background-color: #eeeeee;
	background-image:url(../images/loading-animation-square.gif);
	background-repeat:no-repeat;
	background-position:center left 10px;
	padding:10px 10px 10px 40px;
    /*background-color: #fff;*/
    /*color: #f5f5f5;*/
    color: #444444;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #cccccc;
    }

input.calendar{ background-image:url(../images/calendar_icon.png); background-position:97%; background-repeat:no-repeat;}

/* messages */


/* Overwrites for bootstrap */
.nav li a{ cursor:pointer;}
.form-group input[type=checkbox]{ margin:4px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        border-top: 4px solid #007db8 !important;
 }
 
 
 .modal-dialog{ width:80% !important; margin-left:auto; margin-right:auto;}


input.ng-invalid {
        border: 1px solid #8b443e !important;
		background-color:#fbfbc5;
    }
/*	
	.alert-success2 {
    width:100%;  position:relative;  color: #444;
	padding: 10px 35px 10px 45px;
	margin:0px auto 10px auto;
    text-shadow: none;
    background: #ffffc9;
    border: 1px solid #cccccc;
    background-image:url(../images/success_icon.png); background-repeat:no-repeat; background-position:10px 10px;
}
*/	
	
.table-responsive{ overflow:auto !important;}

.btn-primary{ background-color:#007db8 !important;}

	
/* Overrites for bootstrap */


@media (max-width:768px) {
	

	
.username{   float:none !important; width:auto !important; text-align:center; background-position: center ; background:none; margin-bottom:10px;    }
	

.right_border{ border:none;}





.arrow_contain{ margin-top:0px;}
.nextarrow{ background-image:url(../images/up_arrow.png); height:30px;  width:40px;}
.prevarrow{background-image:url(../images/down_arrow.png); height:30px;  width:40px;}


	}
	
	
	@media (max-width:1200px) {
		
		.arrow_contain{ margin-top:0px;}
.nextarrow{ background-image:url(../images/up_arrow.png); height:30px;  width:40px;}
.prevarrow{background-image:url(../images/down_arrow.png); height:30px;  width:40px;}
		}
	
	
	
	.sec_row{ display:block; float:none; }
.sec_row:after{ content: "";display: block; height: 0;clear: both;}