@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed|Varela+Round');

/* ********|| INITIALIZATION STARTS ||******** */
body , html { width:100%; height: 100%; line-height:17px; margin:0;padding:0;font-family: 'Titillium Web', sans-serif;-webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color:#333;overflow-x: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background-color:#ddd;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:focus{ outline: none;text-decoration: none;}
/* ********|| INITIALIZATION ENDS ||******** */


/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:#b3252c; color:#FFFFFF;}
::-moz-selection{ background-color:#b3252c; color:#FFFFFF;}
::-webkit-selection{ background-color:#b3252c; color:#FFFFFF;}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: #b3252c !important;text-shadow: 0 0 0 #000;}
select:-moz-focusring {color: #b3252c !important;text-shadow: 0 0 0 #000;}
select:focusring {color: #b3252c !important; text-shadow: 0 0 0 #000;}

::input-placeholder{ color:#777 !important;}
::-moz-input-placeholder{ color:#777 !important;}
::-webkit-input-placeholder{ color:#777 !important;}

::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #212635;}
::-webkit-scrollbar{width: 5px;background-color: #212635;}
::-webkit-scrollbar-thumb{background-color: #b3252c;}
/* ********|| PSEUDO ELEMENTS ENDS ||******** */


/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
.required:after{content:"❇";color:#dc143c; font-size:10px; font-weight:600; position: absolute;margin-top: 0px;}
.separator_dashed{ border-bottom:#ccc 1px dashed;}
.separator_dotted{ border-bottom:#ccc 1px dotted;}
.separator_solid{ border-bottom:#ccc 1px solid;}

.onlyleftpadding{ padding:0 0 0 15px;}
.onlyrightpadding{ padding:0 15px 0 0;}

.overlapright1{ margin-right:-1px;}
.overlapright2{ margin-right:-2px;}
.overlapright3{ margin-right:-3px;}
.overlapright4{ margin-right:-4px;}
.overlapright5{ margin-right:-5px;}
.overlapleft1{ margin-left:-1px;}
.overlapleft2{ margin-left:-2px;}
.overlapleft3{ margin-left:-3px;}
.overlapleft4{ margin-left:-4px;}
.overlapleft5{ margin-left:-5px;}

.nomargin{ margin:0 !important;}
.nopadding{ padding:0 !important;}  

.margin5{ margin:5px !important;}
.margin10{ margin:10px !important;}  
.margin15{ margin:15px !important;}
.margin20{ margin:20px !important;}
.margin25{ margin:25px !important;}
.margin30{ margin:30px !important;}
.margin35{ margin:35px !important;}
.margin40{ margin:40px !important;}
.margin45{ margin:45px !important;}
.margin50{ margin:50px !important;}
.padding5{ padding:5px !important;}


.padding10{ padding:10px !important;}  
.padding15{ padding:15px !important;}
.padding20{ padding:20px !important;}
.padding25{ padding:25px !important;}
.padding30{ padding:30px !important;}
.padding35{ padding:35px !important;}
.padding40{ padding:40px !important;}
.padding45{ padding:45px !important;}
.padding50{ padding:50px !important;}


.margintop5{ margin-top:5px !important;}
.margintop10{ margin-top:10px !important;}
.margintop15{ margin-top:15px !important;}
.margintop20{ margin-top:20px !important;}
.margintop25{ margin-top:25px !important;}
.margintop30{ margin-top:30px !important;}
.margintop35{ margin-top:35px !important;}
.margintop40{ margin-top:40px !important;}
.margintop45{ margin-top:45px !important;}
.margintop50{ margin-top:50px !important;}
.margintop55{ margin-top:55px !important;}
.margintop60{ margin-top:60px !important;}
.margintop65{ margin-top:65px !important;}
.margintop70{ margin-top:70px !important;}
.margintop75{ margin-top:75px !important;}
.margintop80{ margin-top:80px !important;}
.margintop85{ margin-top:85px !important;}
.margintop90{ margin-top:90px !important;}
.margintop95{ margin-top:95px !important;}
.margintop100{ margin-top:100px !important;}


.marginbottom5{ margin-bottom:5px !important;}
.marginbottom10{ margin-bottom:10px !important;}
.marginbottom15{ margin-bottom:15px !important;}
.marginbottom20{ margin-bottom:20px !important;}
.marginbottom25{ margin-bottom:25px !important;}
.marginbottom30{ margin-bottom:30px !important;}
.marginbottom35{ margin-bottom:35px !important;}
.marginbottom40{ margin-bottom:40px !important;}
.marginbottom45{ margin-bottom:45px !important;}
.marginbottom50{ margin-bottom:50px !important;}
.marginbottom55{ margin-bottom:55px !important;}
.marginbottom60{ margin-bottom:60px !important;}
.marginbottom65{ margin-bottom:65px !important;}
.marginbottom70{ margin-bottom:70px !important;}
.marginbottom75{ margin-bottom:75px !important;}
.marginbottom80{ margin-bottom:80px !important;}
.marginbottom85{ margin-bottom:85px !important;}
.marginbottom90{ margin-bottom:90px !important;}
.marginbottom95{ margin-bottom:95px !important;}
.marginbottom100{ margin-bottom:100px !important;}


.paddingtop5{ padding-top:5px !important;}
.paddingtop10{ padding-top:10px !important;}
.paddingtop15{ padding-top:15px !important;}
.paddingtop20{ padding-top:20px !important;}
.paddingtop25{ padding-top:25px !important;}
.paddingtop30{ padding-top:30px !important;}
.paddingtop35{ padding-top:35px !important;}
.paddingtop40{ padding-top:40px !important;}
.paddingtop45{ padding-top:45px !important;}
.paddingtop50{ padding-top:50px !important;}
.paddingtop55{ padding-top:55px !important;}
.paddingtop60{ padding-top:60px !important;}
.paddingtop65{ padding-top:65px !important;}
.paddingtop70{ padding-top:70px !important;}
.paddingtop75{ padding-top:75px !important;}
.paddingtop80{ padding-top:80px !important;}
.paddingtop85{ padding-top:85px !important;}
.paddingtop90{ padding-top:90px !important;}
.paddingtop95{ padding-top:95px !important;}
.paddingtop100{ padding-top:100px !important;}


.paddingbottom5{ padding-bottom:5px !important;}
.paddingbottom10{ padding-bottom:10px !important;}
.paddingbottom15{ padding-bottom:15px !important;}
.paddingbottom20{ padding-bottom:20px !important;}
.paddingbottom25{ padding-bottom:25px !important;}
.paddingbottom30{ padding-bottom:30px !important;}
.paddingbottom35{ padding-bottom:35px !important;}
.paddingbottom40{ padding-bottom:40px !important;}
.paddingbottom45{ padding-bottom:45px !important;}
.paddingbottom50{ padding-bottom:50px !important;}
.paddingbottom55{ padding-bottom:55px !important;}
.paddingbottom60{ padding-bottom:60px !important;}
.paddingbottom65{ padding-bottom:65px !important;}
.paddingbottom70{ padding-bottom:70px !important;}
.paddingbottom75{ padding-bottom:75px !important;}
.paddingbottom80{ padding-bottom:80px !important;}
.paddingbottom85{ padding-bottom:85px !important;}
.paddingbottom90{ padding-bottom:90px !important;}
.paddingbottom95{ padding-bottom:95px !important;}
.paddingbottom100{ padding-bottom:100px !important;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */


/* /////////////////////////////////////////////////////////////// */
/*             			   	 HOME PAGE              			   */
/* /////////////////////////////////////////////////////////////// */
header{ padding:20px 0 0; text-align:center; background:#212635; margin-bottom:30px;}
header a{ margin:0 auto 20px;}
header a img{ margin-bottom:20px;filter: brightness(0) invert(1);}
#empDetails{ background:#fff;}
#empDetails thead{ background:#212635;color:#fff;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{ background-color:#16ae5f;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #b3252c;border-color: #9a2026;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #b3252c;background-color: #212635;border-color: #212635;}
.pagination>li>a, .pagination>li>span{color: #b3252c;}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background-color: #b3252c;}
table.dataTable thead .sorting:after{ color:#999 !important; opacity:1;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{ opacity:1 !important; color:#f00;}