/* ============================================================================================
"Screen" Style Sheet

@Project -  Reports Master Spec
@Description: Main Stylesheet for  Reports Master Spec
@Version: 1.0, 2015
@Copyright: 
============================================================================================ */ 

/* Default Link */
a { color: #000; text-decoration: none;  }
a, button, a strong, .button, .btn, input{ -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: color .15s linear; -ms-transition: all .15s linear; transition: all .15s linear; }
a:hover, a:focus { border-bottom-color: rgba(36,122,235,0); text-decoration: none; }

/* =clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* ----------------------------------------------------------------------------------------------- */
/* Generic Classes  
/* ----------------------------------------------------------------------------------------------- */
.alignL 	{ text-align: left !important; }
.alignR 	{ text-align: right !important; }
.alignC 	{ text-align: center !important; }
.alignJ 	{ text-align: justify !important; }
.noMargin   { margin: 0 !important; }

.last 		{ margin-right: 0px !important; }
.no-border  { border: 0 none !important; }

#allReports { margin-right: 15px; }

#header-wrapper { display: block; overflow: hidden; }
.header-container { display: block; overflow: hidden; font-size: 14px; }
.title { font-style: normal; font: 28px/28px sans-serif; text-rendering: optimizeLegibility; overflow: hidden; font-weight: bold; text-align: center; color: #033c62; text-transform: uppercase; margin: 20px 0;}
.select-section{ background: #f3f3f3; border-radius: 5px; }
.select-section label { display: block; color: #fff; font-weight: bold; padding-bottom: 3px; margin-top: 0; margin-bottom: 0;  }
.select-section select{ width:100%; color: #333333; height: 35px; border: 1px solid #dddddd; }

.select-section1{ background: #f3f3f3; border-radius: 5px; padding: 15px; display: block; overflow: hidden; }
.select-section1 label { font-size: 12px; display: block; font-weight: bold; padding-bottom: 3px; margin: 0; color: #232323; text-transform: uppercase;  }
.select-section1 .mutliSelect{ width:100%; color: #333333; height: 35px; position:relative; }
.select-section1 select { font-size: 12px; color: #54657e !important; width: 100%; border-radius: 3px; border: 1px solid #cad3df; }

.dateSection { width: 38%; }

.print-btn { display: inline-block; vertical-align: middle; }
.print-btn:hover { padding-top: 20px; }

.w20  { width: 20px; }
.w40  { width: 40px; }
.w70  { width: 70px; }
.w90  { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w280 { width: 280px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w480 { width: 480px; }
.w520 { width: 520px; }
.w580 { width: 580px; }
.w640 { width: 640px; }
.w700 { width: 700px; }
.w760 { width: 760px; }
.w820 { width: 820px; }
.w880 { width: 880px; }
.w940 { width: 940px; }

.w20, .w40, .w70, .w90, .w100, .w120, .w140, .w160, .w180, .w200, .w220, .w280, .w340, .w400, .w460, .w480, .w520, .w580, .w640, .w700, .w760, .w820, .w880, .w940 { display:inline-block; margin:0; }


/* IMPORTANT -----------------*/
.rowODMS { margin:0 auto;  width:100%; }
.rowODMS:before,.rowODMS:after { content:" ";display:table; }
.rowODMS:after { clear:both; }
.column,.columns{ padding-left:5px;padding-right:5px;width:100%;float:left; }

.w1Q {width:2% }
.w1H {width:4% }
.w1QH {width:6% }
.w17H {width:7% }
.w1FQ { width: 12%; }

.w1{width:8.33333%}
.w2{width:16.66667%}
.w3{width:25%}
.w4{width:33.33333%}
.w5{width:41.66667%}
.w6{width:50%}
.w7{width:58.33333%}
.w8{width:66.66667%}
.w9{width:75%}
.w10{width:83.33333%}
.w11{width:91.66667%}
.w12{width:100%}
/*-----------------------------*/

.marginR15 { margin-right: 15px; }
.marginB10 { margin-bottom: 10px; }
.mtitle h3, .ftitle h3 { margin-bottom: 10px; display: block; }

.ms-container:after{content:".";display:block;height:0;line-height:0;font-size:0;clear:both;min-height:0;visibility:hidden}
.ms-container .ms-selectable,.ms-container .ms-selection{background:#fff;color:#555}
.ms-container .ms-list{position:relative;height:100px;padding:0;overflow-y:auto}
.ms-container .ms-list.ms-focus{border-color:rgba(82,168,236,0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);outline:0;outline:thin dotted \9}
.ms-container ul{margin:0;list-style-type:none;padding:0}
.ms-container .ms-optgroup-container{width:100%}
.ms-container .ms-optgroup-label{margin:0;padding:5px 0 0 5px;cursor:pointer;color:#999}
.ms-container .ms-selectable li.ms-elem-selectable{border-bottom:1px #eee solid;cursor:pointer;padding:6px 10px;font-size:12px; line-height: 13px; }
.ms-container .ms-selectable li.ms-selected{color:#007bd5}
.ms-container .ms-selectable li.ms-elem-selectable:hover span:first-child{color:#007bd5}
.ms-container .ms-selectable li.ms-hover{cursor:pointer;text-decoration:none}
.ms-container .ms-selectable li.disabled{background-color:#eee;color:#aaa;cursor:text}
.ms-container .ms-selectable li span.ms-elem-selected{display:none}



#report-section{ /*white-space: nowrap;*/ margin-right: 15px; }
.report-header, .report-header-pay { display: block; overflow: hidden; line-height: 25px;  text-align: center; background: #007bd5; }
.report-header .cTitle, .report-header-pay .cTitle { color: #fff; font-size: 12px; text-align: left; margin: 0; }
.report-header .cTitle span, .report-header-pay .cTitle span  { line-height: 15px; }

.report-header-pay { width:98%; }
.cBox { display: inline-block !important; vertical-align: middle; width: 20px; margin: 0 !important; }

.report-result { text-align:center; font-size:12px; line-height: 30px;}
.report-result .action a { display: inline-block; vertical-align: middle; padding: 0 3px; }
.report-result .resultRow { border-bottom: 1px dotted #ccc; }
.report-result .resultRow:nth-child(2n) { background: #e3f4fd; }
.report-result .resultRow p { text-align: left; margin:0; padding-top: 10px; padding-bottom: 10px; line-height: 18px;  }
.report-result .resultRow p span, .report-header .cTitle span, .report-header-pay .cTitle span  { display: inline-block; vertical-align: middle; white-space: normal !important;}
.report-result .resultRow p span, .report-header .cTitle span { }
.report-result .resultRow p span.circle-submit { }
.report-result .resultRow p.action { min-width: 100px; }
.report-result .resultRow div {   }

.greenC { color: #29a04c !important; font-weight: bold; }
.redC { color: #d14841 !important; font-weight: bold; }

.pull-right {color: #979797; }

.btn { color: #fff; text-transform: uppercase; border: 0 none; text-transform: uppercase; font-weight: bold; display: inline-block; vertical-align: middle; background: #007bd5; border-bottom: 2px solid #0066b1; margin-right: 10px; margin-top: 10px; padding: 3px 8px !important; }
.approve-btn {  color: #fff; cursor: pointer; background: #006E2E; border-bottom: 2px solid #006E2E;   }
.btn:hover, .btn:focus { background: #232323; color: #fff;  }

.approve-btn-edit { display: inline-block; vertical-align: middle; margin: 20px 0 0 10px; font-size: 10px; color: #fff; cursor: pointer; padding: 8px 14px;  background: #ccc; }
.approve-btn-edit:hover, .approve-btn-edit:focus { background: #29a04c; color: #fff; }
.activeapprove{ display: inline-block; vertical-align: middle; margin: 20px 0 0 10px; font-size: 10px; color: #fff; cursor: pointer; padding: 8px 14px; background: #29a04c; }

.reject-btn {  color: #fff; cursor: pointer; background: #ff503f; border-bottom: 2px solid #dd4334;   }

.reject-btn-edit { display: inline-block; vertical-align: middle; margin: 20px 0 0 10px; font-size: 10px; color: #fff; cursor: pointer; padding: 8px 14px;  background: #ccc; }
.reject-btn-edit:hover, .approve-btn-edit:focus { background: #C9302C; color: #fff; }

.activereject { display: inline-block; vertical-align: middle; margin: 20px 0 0 10px; font-size: 10px; color: #fff; cursor: pointer; padding: 8px 14px;  background: #C9302C; } 
.action a:nth-child(1) img, .action a:nth-child(3) img { height: 13px; }


.full-grid .f-nav, .fulltable .f-nav-pay { width: 97%; right: inherit; }
    
.last-grid .f-nav { width: 76.5%; right: inherit; }
.f-nav { width:87.5%; position: fixed; top: 0; right: 15px; z-index: 999; transition: all 0.5s ease 0s; }
.f-nav-pay { width:85%; position: fixed; top: 0; z-index: 999; transition: all 0.5s ease 0s; }

.rm-formGroup {  }  
.rm-formGroup .dob-icon  { position: absolute; right: 130px; margin: 0 !important; }
/*.form-control { background: #fff !important; }*/

	.circle-print {
		border: 1px solid #ccc;
		border-radius: 50%; background: url("images/r_print.png") no-repeat center center;
		width:33px;
		height:33px;	
		transition: all 0.5s ease;	
		margin:0px 2px;
		display:inline-block; 
	}

    .circle-print:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("images/r_print-hover.png") no-repeat center center #fac51c;
		width:33px;
		height:33px;	
		margin:0px 2px;
		transition: all 0.5s ease;	
		cursor:pointer;
	}
	
.checkBoxNew{  display: inline-block !important;    margin-right: 5px !important; }



.multi-select { padding: 15px;  }
.multi-select a {  text-transform: uppercase; margin-right: 15px; font-size: 10px; color: #777777; }
.multi-select  a#selectAllTour.active, .multi-select a#selectAllAssoc.active {color: #ff503f; }
.ms-container { width: 100%; }
.ms-selectable input.search-input { width: 100%; border-top: 2px solid #e3e9ee; border-left: 0 none; border-right: 0 none; padding: 5px 10px; font-size: 12px; }

.multi-select label { font-size: 14px; line-height: 14px; text-transform: uppercase; text-align: center; color: #232323; padding-bottom: 15px; }
.multi-select select option { font-size: 12px;}

.selectAll { font-size: 12px; background: #fff; display: block; padding: 2px 5px;
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; cursor:pointer; }

.fulltable .report-header .w140, .report-header-pay .w140, .fulltable .report-result .w140 { width: 190px; }

.circle-submit {
  border: 1px solid #cccccc;
    border-radius: 50%;
    display: inline-block !important;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    line-height: 28px;
    margin: 0 2px;
    text-align: center;
    transition: all 0.5s ease 0s;
    vertical-align: middle !important;
    width: 33px;
}


.circle-submit:hover {
background: #007bd5;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    height: 33px;
    margin: 0 2px;
    transition: all 0.5s ease 0s;
    width: 33px;
}

.circle-statusT {
  border: 1px solid #cccccc;
    border-radius: 50%;
    display: inline-block !important;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    line-height: 28px;
    margin: 0 2px;
    text-align: center;
    transition: all 0.5s ease 0s;
    vertical-align: middle !important;
    width: 33px;
}


.circle-statusT:hover {
background: #007bd5;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    color: #ffffff;
    height: 33px;
    margin: 0 2px;
    transition: all 0.5s ease 0s;
    width: 33px;
}

.form-group input { border-radius: 3px; }
.date_input_regTo { display: inline-block; width: 100%; }
.date_input_regFrom { display: inline-block; width: 100%; }
.fDate, .tDate  { position: relative; }
.fDate .dob-icon, .tDate .dob-icon { right: 0; top: 0; opacity:0.5; }


/* ============================================================================================  */
/* = Media Query For All Browser 
/* ============================================================================================  */

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    .report-result .resultRow { overflow: inherit; }
    .select-section { width: 23%; }
    .dateSection { clear: both;  display: block; margin-left: 30px;  width: 46%; }
    .select-section.last { width: 25%; }
 }
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {	
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {	
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 1600px) 
{
    	
    	.full-grid .f-nav { width: 97%; right: inherit; }
    	.f-nav { width: 89.5%; right: inherit; }
    	.last-grid .f-nav { width: 80%; right: inherit; }
}