/* Minification failed. Returning unminified contents.
(6690,43): run-time error CSS1046: Expect comma, found '168'
(6690,51): run-time error CSS1046: Expect comma, found '/'
(9372,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-second-color'
(9643,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-body-bg'
(9647,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-card-border'
 */
body {

}

.center {
	text-align: center;
}



form.formular, .validationEngineContainer {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;
	width: 300px;
	margin: 0 auto;
}
.formular fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input,.formular select,.formular textarea {
	display: block;  /* this breaks relative positioning */
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular textarea {
	width: 250px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio {
	display: inline;
}

.formular .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.formular input[data-prompt-position="inline"] {
	display: inline;
}

.footnote {
	font-size: 11px;
	color: #666;
	font-style: italic;
}

.prompt-target {
	border: 1px dotted #666;
	min-height: 21px;
}

.inline-prompts label>span{
	display: inline-block;
	width: 250px;
}

.inline-prompts .text-input+.formError{
	margin-left: 10px;
}

.prompt-summary .inline {
	display: block;
}



/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.bootstro-next-btn{float:right}.bootstro-prev-btn{float:left}.bootstro-backdrop{opacity:.5;background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1;filter:alpha(opacity = 50)}.bootstro-highlight{z-index:9999;position:relative;border:1px solid white;background-color:white}.bootstro-finish-btn-wrapper{padding-top:10px;text-align:center;clear:both}.bootstro-nav-wrapper{margin-top:10px}.bootstro-nav-wrapper button,.bootstro-finish-btn-wrapper button{font-size:12px!important;padding:3px 5px 3px 5px!important;font-weight:bold}

.nav-list {
    margin-left: 20px;
    margin-top: 90px;
}

    .nav-list > li {
        border-bottom: none;
        border-top: none;
    }

        .nav-list > li > a {
            /*height: 30px;
    line-height: 30px;*/
            color: #000;
        }

        .nav-list > li .submenu > li > a {
            /*height: 30px;
    line-height: 30px;*/
        }

        .nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active,
        .nav-list > li.active, .nav-list > li > a, .nav-list > li > a:focus, .nav-list > li > a:hover, .nav-list > li.open > a, .nav-list > li.open > a:hover, .nav-list > li .submenu {
            background-color: none;
            background: none;
        }

nav-list > li {
    border-top: none;
    border-bottom: none;
}

.nav-list > li > .submenu, .nav-list > li > .submenu:before, .nav-list > li > .submenu > li:before {
    border: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #f2f2f2;
}

.nav-list > li .submenu > li > a:hover:before, .nav-list > li .submenu > li > a:hover:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0px;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #3382af;
}

.nav-list > li > a:hover:before, .nav-list > li.active > a:hover:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #3382af;
}

.nav-list > li a > .arrow {
    top: 5px;
}

.nav-list > li .submenu > li > a {
    /*padding: 0px 0 9px 7px;*/
    padding: 5px 0px 1px 11px;
    border-top: none;
    border-bottom: none;
    font-size: 12px;
    width: 167px;
}

.nav-list > li > .submenu > li:first-child > a {
    border: none !important;
}

.nav-list li.active > a:after {
    top: 8%;
}

.nav-list > li.active:after {
    border: 0px;
}

.nav-list li.active.open > .submenu > li.active > a:after {
    right: -3px;
}

.sidebar, .sidebar:before {
    border: none !important;
}

.page-content {
    min-height: 750px;
}

.new-container {
    padding-top: 10px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}

div.datepicker-years > table {
    width: 180px;
}

div.datepicker-months > table {
    width: 180px;
}

.loader div.modal {
    background-color: white;
}

.loader div.modal-content {
    background-color: transparent;
    border: none !important;
}

.loader div {
    background-color: transparent;
}

.loader h6 {
    color: #ffffff;
    font-size: 14px;
}

table.container {
    width: 100%;
}

a.tooltipLink {
    text-decoration: none;
}

.tooltip-inner {
    min-width: 300px;
    background-color: #428bca;
    text-align: justify;
    border-radius: 5px;
    padding: 8px;
}

.progress[data-percent]:after {
    display: inline-block;
    content: attr(data-percent);
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
}

.progress {
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    padding-top: 1px;
    padding-bottom: 1px;
}

.navbar-brand {
    padding: 0px 0px;
}

.mandatorymark {
    /**  border-right:solid 1px red;*/
    color: red;
}

.login-custom {
    background-color: #ffffff !important;
}

.widget-box2 {
    border-top: solid 1px rgb(204, 204, 204);
}

    .widget-box2 .widget-body {
        background-color: #f7f7f7 !important;
    }

.login-box {
    background-color: white !important;
}

.forgot-box {
    background-color: white !important;
}

.chkwidth {
    width: 20px;
    height: 20px;
}

.logo {
    background-image: url('../ace/assets/img/logo-small.png') !important;
    height: 70px !important;
    width: 50px !important;
}

.space1 {
    margin-left: 198px;
}

.icon-delete {
    background-image: url('../img/cross.png');
    height: 15px !important;
    width: 15px !important;
    background-origin: content-box;
}

.body {
    /* margin-top:60px;*/
    padding-bottom: 60px;
}

.btn-circle {
    border-radius: 25px;
    font-size: 15px;
}

.btn-primary {
    color: #ffffff;
    background-color: #166beb !important;
    border-color: #166beb;
    background: -webkit-linear-gradient(top,#166beb,#166beb); /**/
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #1565de !important;
        border-color: #166beb;
        background: -webkit-linear-gradient(top,#166beb,#166beb); /**/
    }

.title {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: inherit;
    color: #333333;
    border: 0;
}

.crud_toolbox {
    margin: -8px -20px 0px -20px;
    height: 50px;
    /*background: #f2f2f2;*/
    padding-top: 10px;
}

.highlight {
    padding: 9px 2px;
    /* background-color: #E8E8EE;*/
    /*border-top: 1px solid #e1e1e8;*/
    border-radius: 4px;
}

.new-container {
    /*border: 1px solid #e1e1e8;*/
    /*border: 0.08em solid #5A5957;*/
    /*padding-top: 15px;background-color: #FCFCFC;
	border-radius: 4px;*/
}

.icon-plus-m32 {
    margin-left: 32em;
    cursor: pointer;
}

.merged .input-group-addon {
    border-right: 0px;
    background-color: #FFFFFF;
}

.merged input {
    background-color: #FFFFFF;
}

.progress-custom {
    background: url('../../Content/img/progress.gif') no-repeat center;
    height: 180px;
}

.progress-custom2 {
    background: url('../../Content/img/progress.gif') no-repeat center;
    background-color: transparent;
    height: 45px;
}

.chkselectall_help {
    font-weight: normal;
}

table.dataTable thead .sorting {
    background: none no-repeat center right !important;
}
/*table.dataTable thead .sorting_asc { background: url('../datatables/images/sort_asca.png') no-repeat center right !important; }
table.dataTable thead .sorting_desc { background: url('../datatables/images/sort_descd.png') no-repeat center right !important; }


/* Hide the print message we added in a separate print stylesheet (or of course inline somewhere):

    .datatables-print-msg { display: none; }

*/
.DTTT_container {
    clear: both;
}

    .DTTT_container .DTTT_button_print, .datatables-print-msg .close-print {
        display: inline-block;
        background: #efefef;
        padding: 10px;
        cursor: pointer;
        border-radius: 4px;
        color: black;
        text-decoration: none;
    }

.dataTables_info {
    margin-left: -12px !important;
}

.dataTables_filter input[type=text] {
    display: inline;
    width: 200px;
}
/*.dataTables_filter  input[type=text]:focus{
    -webkit-transition: width 0.61s ease-in-out;
    -moz-transition: width 0.61s ease-in-out;
    -o-transition: width 0.61s ease-in-out;
    transition: width 0.61s ease-in-out;
       
    width:212px;
}*/
/*display: inline-flex;*/
.paging_full_numbers {
    top: 10px;
    padding-bottom: 5px;
    margin-right: -12px !important;
}

    .paging_full_numbers .paginate_button {
        border: 1px solid #dedede;
        padding: 6px 12px 6px 12px;
        margin-left: 2px;
        color: #696969;
        text-decoration: none;
        cursor: pointer;
        display: inline-flex;
    }

        .paging_full_numbers .paginate_button:hover {
            border: 1px solid #dedede;
            padding: 6px 12px 6px 12px;
            background-color: #f1f1f1;
            margin-left: 2px;
            color: #696969;
            text-decoration: none;
            cursor: pointer;
            display: inline-flex;
        }

    .paging_full_numbers .paginate_active {
        border: 1px solid rgb(254, 184, 1);
        padding: 6px 12px 6px 12px;
        background-color: rgb(254, 184, 1);
        margin-left: 2px;
        color: white;
        text-decoration: none;
        cursor: pointer;
        display: inline-flex;
    }

#grid {
    color: rgb(14, 14, 14);
    width: 100% !important;
}

    #grid td {
        /*border: 1px solid #CECECE;*/
    }

    #grid a {
        color: rgb(14, 14, 14);
    }

    #grid th {
        font-weight: 500;
        /* background-color: #39b4ed !important; 
        color: #ffffff;*/
        /*  font-weight: bold; */
        text-shadow: none !important;
    }

.gridview {
    color: rgb(14, 14, 14);
}

    .gridview td {
        /*border: 1px solid #CECECE;*/
    }

    .gridview a {
        color: rgb(14, 14, 14);
    }

    .gridview th {
        font-weight: 500;
        /* background-color: #39b4ed !important;
        color: #ffffff !important; */
        font-weight: bold; /**/
        text-shadow: none !important;
    }

.even {
    background-color: white;
}


.odd {
    background-color: #f7f7f7;
}


.valign-top {
    vertical-align: top;
}

/*.active {
   pointer-events: none;
   cursor: default;
}*/
.btn-search {
    margin-left: -4px !important;
}


.navbar {
    margin-left: 0;
    margin-right: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 45px;
    position: relative;
    /* background: #39b4ed; background: #77b700; 176beb*/
}
/**/ .ace-nav > li > a {
    background-color: transparent;
}

.ace-nav > li.grey > a {
    background-color: #ec4e1f !important;
}

.ace-nav > li.purple > a {
    background-color: #8ac016 !important;
}

.ace-nav > li.green > a {
    background-color: #9400d3 !important;
}

.display-container {
    border: solid 0.08em rgb(219, 234, 246);
}

.display-containerNoBorder {
    border: none;
}

.conta {
    border: solid 0.08em rgb(219, 234, 246);
}

.display-label .display-name {
    text-align: right;
    padding: 4px;
    padding-right: 9px;
    font-size: 11px;
}

.display-label .display-value {
    color: rgb(14, 14, 14);
    border-bottom: solid 0.08em rgb(235, 241, 242);
    padding: 4px;
    padding-left: 15px;
}

.display-label .display-firstvalue {
    color: rgb(14, 14, 14);
    border-bottom: solid 0.08em rgb(235, 241, 242);
    border-top: solid 0.08em rgb(235, 241, 242);
    padding: 4px;
    padding-left: 15px;
}

.display-label .display-valueContainer {
    /* border-right: solid 0.08em rgb(219, 234, 246);*/
    color: rgb(14, 14, 14);
    /*border-bottom: solid 0.08em rgb(235, 241, 242);*/
    padding: 4px;
    padding-left: 15px;
}

.display-label .display-valueContainer2 {
    color: rgb(14, 14, 14);
    padding: 4px;
    padding-left: 15px;
}

.display-label .display-firstvalueContainer {
    border-right: solid 0.08em rgb(219, 234, 246);
    color: rgb(14, 14, 14);
    border-bottom: solid 0.08em rgb(235, 241, 242);
    border-top: solid 0.08em rgb(235, 241, 242);
    padding: 4px;
    padding-left: 15px;
}

.display-label-panel {
    border-bottom: solid 0.08em rgb(212, 227, 240);
    padding-top: 7px;
}

    .display-label-panel .display-name {
        color: rgb(102, 126, 153);
    }

    .display-label-panel .display-value {
        color: rgb(14, 14, 14);
    }

.widget-body.WidertBordergreen {
    border-style: dashed;
    border-right-color: rgb(122, 180, 1);
    border-left-color: rgb(122, 180, 1);
    border-bottom-color: rgb(122, 180, 1);
}

.widget-body.WidertBorderBlue {
    border-style: dashed;
    border-right-color: rgb(2, 162, 237);
    border-left-color: rgb(2, 162, 237);
    border-bottom-color: rgb(2, 162, 237);
}

.widget-body.WidertBorderRed {
    border-style: dashed;
    border-right-color: rgb(240, 82, 34);
    border-left-color: rgb(240, 82, 34);
    border-bottom-color: rgb(240, 82, 34);
}

.widget-body.WidertBorderOrange {
    border-style: dashed;
    border-right-color: rgb(254, 184, 1);
    border-left-color: rgb(254, 184, 1);
    border-bottom-color: rgb(254, 184, 1);
}

.widget-header.Widgetgreen {
    border-radius: 5px;
    background: rgb(122, 180, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AB401', endColorstr='#7AB401', GradientType=0);
}

.widget-header.Widgetblue {
    border-radius: 5px;
    background: rgb(2, 162, 237);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02A2ED', endColorstr='#02A2ED', GradientType=0);
}

.widget-header.Widgetred {
    border-radius: 5px;
    /*background: linear-gradient(rgb(238, 140, 140) 0px, rgb(251, 32, 32) 100%) repeat-x rgb(247, 247, 247);*/
    background: rgb(240, 82, 34);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F05222', endColorstr='#F05222', GradientType=0);
}

.widget-header.Widgetorange {
    border-radius: 5px;
    /*background: linear-gradient(rgb(238, 140, 140) 0px, rgb(251, 32, 32) 100%) repeat-x rgb(247, 247, 247);*/
    background: rgb(254, 184, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB801', endColorstr='#FEB801', GradientType=0);
}

.profile-picture {
    border: none;
    box-shadow: none;
}

    .profile-picture img {
        border-radius: 100px;
        height: 150px;
        width: 150px;
    }

legend.green {
    border-bottom: 1px solid rgb(122, 180, 1);
}

legend.blue {
    border-bottom: 1px solid rgb(2, 162, 237);
}

legend.red {
    border-bottom: 1px solid rgb(240, 82, 34);
}

legend.orange {
    border-bottom: 1px solid rgb(254, 184, 1);
}

.table-header-green {
    background-color: rgb(122, 180, 1);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.table-header-blue {
    background-color: rgb(2, 162, 237);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.table-header-red {
    background-color: rgb(183, 70, 53);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.table-header-orange {
    background-color: rgb(254, 184, 1);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.table-header-pink {
    background-color: rgb(214, 72, 126);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.table-th-orange {
    background-color: #ffb752 !important;
    color: rgb(255, 255, 255) !important;
}

.table-th-red {
    background-color: #b74635 !important;
    color: rgb(255, 255, 255) !important;
}

.table-th-blue {
    background-color: #6fb3e0 !important;
    color: rgb(255, 255, 255) !important;
}

/*.HeaderColor {
    background-color: #87b87f !important;
    color: rgb(255, 255, 255) !important;
}*/

.table-th-default {
    background-color: #edf3f4 !important;
    color: rgb(102, 126, 153) !important;
}

.datepicker {
    z-index: 99999 !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px;
}

.sticker {
    width: auto;
    text-align: center;
    float: right;
}

.makerchecker-settings-select {
    width: 70%;
}

#makerchecker-settings input[type="text"] {
    font-size: 13px;
    width: 100%;
}

#tab-usergroup input[type="text"] {
    font-size: 13px;
    width: 100%;
}

.alpha-name-val {
    /*Validation for accepting aplhabets only.*/
}

.max-length50-val {
    /*Validation for length 50.*/
}

.DOB-val {
    /*Validation for Date of Birth*/
}

.Age-val {
    /*Display Age*/
}

.itemdiv.memberdiv {
    border: 1px solid #e1e1e8;
    height: 120px;
    width: 115px;
    background-color: #f7f7f7;
}

.itemdiv.memberdiv2 {
    height: 104px;
    width: 104px;
    text-align: center;
}

.profile-users .user2 img {
    border-radius: 0px;
}

.user {
    padding-top: 5px !important;
}

.popover-content {
    width: 290px;
}

.Wedding-val {
    /*Display Age*/
}

.Pan-val {
    /*Display Age*/
}

.AdharCard-val {
    /*Display Age*/
}

.ddl {
    /*Only for adding record in table in employee page like family table.*/
}

.ignore {
    /*Only for ignoring during adding record in table in employee page like family table.*/
}

.h10 {
    height: 10px;
}

.h28 {
    height: 28px;
}

.h26 {
    height: 26px;
}

.h30 {
    height: 30px;
}

.h32 {
    height: 32px;
}

.h60 {
    height: 60px;
}

.h50 {
    height: 50px;
}

.h40 {
    height: 40px;
}

.h30 {
    height: 30px;
}

.form-control checkbox {
    height: 28px;
}

.Bottom-Margin {
    margin-bottom: 0px;
}

.width-50 {
    width: 50px !important;
}

.width-60 {
    width: 60px !important;
}

.width-65 {
    width: 65px !important;
}

.width-70 {
    width: 70px !important;
}

.width-80 {
    width: 80px;
}

.width80 {
    width: 80px !important;
}

.width-90 {
    width: 90px !important;
}

.width-40 {
    width: 40px !important;
}

.width-150 {
    width: 150px !important;
}

.width-100 {
    width: 100px !important;
}

.width-110 {
    width: 110px !important;
}

.width-120 {
    width: 120px !important;
}

.width-130 {
    width: 130px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px;
}

.width-400 {
    width: 300px;
}

.width-500 {
    width: 300px;
}

.width-600 {
    width: 300px;
}

.width-700 {
    width: 300px;
}

.width-800 {
    width: 300px;
}

.width-170 {
    width: 170px;
}

.invalid {
    color: indianred;
}

.font18 {
    font-size: 18px;
}

#tab-module input[type="text"] {
    font-size: 13px;
    width: 100%;
}

.min-hight-400 {
    min-height: 400px;
}

.over-flow-scroll {
    height: 400px;
    overflow: scroll;
}

.modal-dialog2 {
    top: 50%;
    width: 300px;
    padding-top: 200px;
}

.loader {
    background-color: rgba(16, 16, 16, 0.7);
        z-index: 1060;
}

.profile-users .user img {
    width: 100px;
    height: 100px;
}

.itemdiv.memberdiv {
    height: 140px;
}

    .itemdiv.memberdiv .name {
        padding: 3px;
    }


.h4 {
    margin: 1px !important;
    color: rgb(122, 180, 1);
}

.input-group-addon {
    background-color: rgb(237, 243, 244);
}

.disable-tab {
    background-color: #f2f2f2 !important;
}

.day {
    background-color: #ffb752 !important;
    color: #ffffff !important;
}

.month {
    background-color: #ffb752 !important;
    color: #ffffff !important;
}

.year {
    background-color: #ffb752 !important;
    color: #ffffff !important;
}

.day.old {
    background-color: rgb(235, 241, 242) !important;
    color: #696969 !important;
}

.day:hover {
    background-color: #eaa94d !important;
    color: #ffffff !important;
}

.month:hover {
    background-color: #eaa94d !important;
    color: #ffffff !important;
}

.year:hover {
    background-color: #eaa94d !important;
    color: #ffffff !important;
}

.day.old {
    background-color: rgb(235, 241, 242) !important;
    color: #696969 !important;
}

.datepicker td.active, .daterangepicker td.active, .datepicker td.active:hover, .daterangepicker td.active {
    background: #b74635 !important;
    color: #ffffff !important;
}

.datepicker-months .month.active, .datepicker-years .year.active, .datepicker-months .month.active:hover, .datepicker-years .year.active:hover, .datepicker-months .month.active:focus, .datepicker-years .year.active:focus, .datepicker-months .month.active:active, .datepicker-years .year.active:active {
    background: #b74635 !important;
    color: #ffffff !important;
}

.day.new {
    background-color: rgb(235, 241, 242) !important;
    color: #696969 !important;
}

.dow {
    background-color: #87b87f !important;
}

.datepicker-months span {
    margin: 1px !important;
    padding: 1px !important;
    width: 40px !important;
}

.datepicker-years span {
    margin: 1px !important;
    padding: 1px !important;
    width: 40px !important;
}

#btndb .btn-default.active {
    background-color: #ffb752 !important;
    border-color: #f2a538;
    color: white;
}

.leavetyperow {
    cursor: pointer;
}

    .leavetyperow:hover {
        color: #ffb752;
        cursor: pointer;
        font-weight: bold;
    }

    .leavetyperow.active2 {
        color: #ffb752;
        cursor: pointer;
        font-weight: bold;
    }

.bootstrap-timepicker-widget table td input {
    width: 30px !important;
}

.flip-clock-wrapper ul li a div div.inn {
    color: #FFF !important;
    background-color: #18B4F0 !important;
}

.profile-picture2 img {
    /*border-radius: 100px;*/
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 150px;
    width: 150px;
    border-color: rgb(235, 241, 242);
    border-width: 5px;
    border-style: solid;
}

.birthday_cake {
    height: 18px;
    width: 19px;
}

.metro-nav-container {
}

.metro-nav-block {
    display: block;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-left: 0.4%;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 20px;
    width: 16.33%;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .metro-nav-block:first-child {
        margin-left: 0px;
    }

    .metro-nav-block:last-child {
        margin-right: 0px;
    }

    .metro-nav-block a {
        color: white;
        text-decoration: none;
    }

    .metro-nav-block.metro-blue {
        background-color: rgb(111, 179, 224);
    }

    .metro-nav-block.metro-red {
        background-color: rgb(209, 91, 71);
    }

    .metro-nav-block.metro-green {
        background-color: rgb(135, 184, 127);
    }

    .metro-nav-block.metro-orange {
        background-color: rgb(255, 183, 82);
    }

    .metro-nav-block.metro-grey {
        background-color: rgb(68, 115, 138);
    }

    .metro-nav-block.metro-purple {
        background-color: rgb(161, 98, 225);
    }

    .metro-nav-block.metro-blue:hover {
        background-color: rgb(79, 153, 198);
    }

    .metro-nav-block.metro-red:hover {
        background-color: rgb(183, 70, 53);
    }

    .metro-nav-block.metro-green:hover {
        background-color: rgb(98, 155, 88);
    }

    .metro-nav-block.metro-orange:hover {
        background-color: rgb(229, 151, 41);
    }

    .metro-nav-block.metro-grey:hover {
        background-color: rgb(62, 96, 113);
    }

    .metro-nav-block.metro-purple:hover {
        background-color: rgb(139, 87, 193);
    }

.quick-action-btn, .quick-action-btn2 {
    border: 1px solid #b9d4ec;
    padding: 5px 0;
    background-color: #f2f2f2;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, white, #f2f2f2);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, white, #f2f2f2);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, white, #f2f2f2);
    /* IE10 */
    background-image: -o-linear-gradient(top, white, #f2f2f2);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, white, #f2f2f2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

    .quick-action-btn:hover, .quick-action-btn2:hover {
        border: 1px solid #d9e8f4;
    }

        .quick-action-btn:hover [data-icon]:before, .quick-action-btn2:hover [data-icon]:before {
            font-size: 26px;
            color: #428bca;
        }

    .quick-action-btn [data-icon]:before, .quick-action-btn2 [data-icon]:before {
        font-size: 26px;
        color: #8c8c8c;
    }



.quick-action-btn2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.quick-action-btn i {
    margin: 7px;
    float: left;
}

.quick-action-btn span {
    float: left;
    margin: 7px;
}

.grey {
    color: rgb(68, 115, 138);
}

.purple {
    color: rgb(161, 98, 225);
}

.carousel-control.left, .carousel-control.right {
    background: none !important;
}

    .carousel-control.left span, .carousel-control.right span {
        font-weight: bold !important;
        font-size: 38px !important;
    }

.wishlist-birthday {
    background-color: #f89406;
    color: white;
    padding: 5px 15px 5px 15px;
}

.wishlist-anniversary {
    background-color: #d6487e;
    color: white;
    padding: 5px 15px 5px 15px;
}

.wishlist-service {
    background-color: #3a87ad;
    color: white;
    padding: 5px 15px 5px 15px;
}

#wishlist {
    margin-top: -12px;
}

/*upload button css 
    */
.ace-file-input {
    display: block;
    position: relative;
}

    .ace-file-input input[type=file] {
        position: fixed;
        z-index: -2;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .ace-file-input .file-label {
        display: block;
        position: absolute;
        top: 0;
        left: -2px;
        right: 2px;
        height: 32px;
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
    }

        .ace-file-input .file-label:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #f59942;
        }

        .ace-file-input .file-label:before {
            /* the button */
            display: inline-block;
            content: attr(data-title);
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            padding: 0 8px;
            line-height: 24px;
            text-align: center;
            background-color: #6fb3e0;
            color: #FFF;
            font-size: 11px;
            font-weight: bold;
            border: 2px solid #FFF;
            border-left-width: 4px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .ace-file-input .file-label .file-name {
            /* the file name container */
            display: inline-block;
            height: 28px;
            max-width: 80%;
            white-space: nowrap;
            overflow: hidden;
            line-height: 28px;
            color: #888888;
            font-size: 13px;
            vertical-align: top;
            position: static;
            padding-left: 30px;
        }

            .ace-file-input .file-label .file-name:after {
                /* the file name */
                display: inline-block;
                content: attr(data-title);
            }

        .ace-file-input .file-label.selected {
            right: 16px;
        }

            .ace-file-input .file-label.selected .file-name {
                color: #666666;
            }

        .ace-file-input .file-label [class*="icon-"] {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            line-height: 24px;
            width: 26px;
            text-align: center;
            font-size: 13px;
            border: 2px solid #FFF;
            color: #FFF;
            -webkit-transition: all 0.1s;
            transition: all 0.1s;
            background-color: #d1d1d1;
        }

        .ace-file-input .file-label.selected .file-name [class*="icon-"] {
            background-color: #efad62;
        }

        .ace-file-input .file-label.selected .file-name .icon-picture {
            background-color: #bd7a9d;
        }

        .ace-file-input .file-label.selected .file-name .icon-film {
            background-color: #87b87f;
        }

        .ace-file-input .file-label.selected .file-name .icon-music {
            background-color: #8b7ac9;
        }

        .ace-file-input .file-label.selected .file-name .icon-archive {
            background-color: #efad62;
        }

        .ace-file-input .file-label.hide-placeholder:before {
            display: none;
        }

    .ace-file-input a:hover {
        text-decoration: none;
    }

    .ace-file-input .remove {
        /* the remove button */
        position: absolute;
        right: -8px;
        top: 6px;
        display: none;
        width: 17px;
        text-align: center;
        height: 17px;
        line-height: 15px;
        font-size: 11px;
        font-weight: normal;
        background-color: #fb7142;
        border-radius: 100%;
        color: #FFF;
        text-decoration: none;
    }

    .ace-file-input .file-label.selected + .remove {
        display: inline-block;
    }

    .ace-file-input input[type=file].disabled + .file-label,
    .ace-file-input input[type=file][disabled] + .file-label,
    .ace-file-input input[type=file][readonly] + .file-label {
        cursor: not-allowed;
        background-color: #EEE;
    }

        .ace-file-input input[type=file].disabled + .file-label:hover,
        .ace-file-input input[type=file][disabled] + .file-label:hover,
        .ace-file-input input[type=file][readonly] + .file-label:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #E3E3E3;
        }

        .ace-file-input input[type=file].disabled + .file-label:before,
        .ace-file-input input[type=file][disabled] + .file-label:before,
        .ace-file-input input[type=file][readonly] + .file-label:before {
            border-color: #EEE;
            background-color: #A1AAAF;
        }

    .ace-file-input input[type=file][readonly] + .file-label {
        cursor: default;
    }

    .ace-file-input input[type=file] {
        /*must be visible and on top for ie8/9 to actually work */
        width: 100% \0/;
        height: 30px \0/;
        position: absolute \0/;
        z-index: 1 \0/;
        filter: alpha(opacity=0);
        cursor: pointer \0/;
    }

        .ace-file-input input[type=file]:hover + .file-label {
            border-color: #f59942 \0/;
        }

.ace-file-multiple input[type=file] {
    height: 100%\0/;
}

.ace-file-input .remove {
    z-index: 2\0/;
}

/*upload button css*/

.table thead tr {
    border-bottom: solid #6ea5b9;
    background: none;
    background-image: none;
}

.navbar-brand {
    float: none;
}

.dropdown-menu li a {
    color: #585858;
}

.dropdown-menu li:hover {
    background-color: white !important;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
    color: #2a6496;
}

.table {
    border-top: none;
    border-right: none;
    border-left: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    margin-top: -0px;
}

/*#submenu-content .tab-content a.active div {  
    margin:1px;
    display: inline-block; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4a6782;
}*/
.infobox-default > .infobox-icon > [class*="icon-"] {
    background: #696969;
}

.infobox-default {
    color: #696969;
    border-color: #969494;
}

.infobox-yellow > .infobox-icon > [class*="icon-"] {
    background: #f89406;
}

.infobox-yellow {
    color: #f89406;
    border-color: #f89406;
}

#dashquicklink a {
    color: #555;
}

.ace-nav > li {
    border: none;
}

.carousel-control {
    width: 5%;
}

.infobox {
    width: 100%;
}

.widget-body {
    min-height: 200px;
}

.name {
    font-family: 'Roboto Medium';
    font-size: 12px;
    color: #525151;
}

.fill .col-sm-3, .fill .col-sm-5 {
    background-color: #f7f7f7;
    padding: 20px;
    min-height: 160px;
}

#manager div.label11, #employee div.label11, #AttendanceDesk div.label11 {
    width: 70px;
    float: right;
    height: 30px;
    padding: 10px;
    font-weight: bold;
    color: #636363;
}

#manager .col-sm-6, #employee .col-sm-6 {
    padding: 0px;
}

#AttendanceDesk .col-sm-12 {
    padding: 0px;
}

.dataTable th.sorting_desc, .dataTable th.sorting_asc {
    background: none;
}

.dataTables_wrapper .row:last-child {
    background: none;
    border: none;
}

.dataTable {
    margin-bottom: 8px;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 0px;
}

.widget-body .table {
    border-top: none;
}

.quick-action-btn, .quick-action-btn2 {
    border: 0px;
    background-image: none;
    background: none;
}

a.quick-action-btn:hover, a.quick-action-btn2:hover {
    border: none;
}

#subordinates .itemdiv, #seniors .itemdiv {
    border: none;
    border-bottom: dotted 1px #efeeee;
    background: none;
}

#subordinates .user, #seniors .user {
    margin-left: 5px;
}

.no-link, .no-link:hover, .name2 a, .name2 a:hover {
    text-decoration: none;
}

.designation {
    font-size: 9px;
    color: #6a6a6a;
    display: block;
}

.empcode {
    font-size: 12px;
    color: #696969;
    display: block;
}

#subordinates .itemdiv, #seniors .itemdiv {
    height: 60px;
    width: 200px;
}

div.dash-items .col-sm-2 {
    padding: 0px;
}

div.dash-items a.btn.btn-app {
    display: inline-flexbox;
    min-width: 125px;
    line-height: 20px;
    max-width: 176px;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 10px 0px;
    font-size: 17px;
    line-height: 12px !important;
}

#empdesk-approval div {
    margin-bottom: 8px;
}

#empdesk-approval div, #empdesk-approval label {
    font-size: 14px;
}

.thumbicon-ok {
    border-radius: 100%;
    padding: 10px;
    width: 58px;
}

#empdesk-approval a {
    text-decoration: none;
    background-color: #fafafa;
    color: #82949a;
}

.no-list-item {
    text-align: center !important;
    margin-top: 20px;
    font-size: 13px !important;
}

.mt-actions .mt-action {
    margin: 0;
    padding: 6px 6px;
    border-bottom: 1px solid #f7f8f9;
    cursor: pointer;
}

    .mt-actions .mt-action:hover {
        /*background-color:#f9f9f9;*/
        background: #fffefe!important;
        background-image: -webkit-gradient(linear,left 0,left 100%,from(#f4f4f4),to(#e6e6e6))!important;
        background-image: -webkit-linear-gradient(top,#f4f4f4,0%,#e6e6e6,100%)!important;
        background-image: -moz-linear-gradient(top,#f4f4f4 0,#e6e6e6 100%)!important;
        background-image: linear-gradient(to bottom,#f4f4f4 0,#e6e6e6 100%)!important;
        background-repeat: repeat-x!important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#ffe6e6e6',GradientType=0)!important;
    }

    .mt-actions .mt-action .mt-action-img {
        width: 40px;
        height: 40px;
        float: left;
    }

        .mt-actions .mt-action .mt-action-img > img {
            border-radius: 50%!important;
            margin-bottom: 2px;
            width: 40px;
            height: 40px;
        }

    .mt-actions .mt-action .mt-action-body {
        padding-left: 15px;
        position: relative;
        overflow: hidden;
    }

        .mt-actions .mt-action .mt-action-body .mt-action-row {
            display: table;
            width: 100%;
        }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
                display: table-cell;
                vertical-align: top;
            }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
                    display: table-cell;
                    padding: 6px 20px 6px 6px;
                }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
                vertical-align: top;
                display: table-cell;
                text-align: center;
                width: 100px;
                white-space: nowrap;
                padding-top: 15px;
                color: #A6A8A8;
            }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {
                display: inline-block;
                position: relative;
                top: 10px;
                font-size: 25px;
                color: #78E0E8;
            }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
                display: table-cell;
                vertical-align: top;
            }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {
                    color: #060606;
                    font-weight: 600;
                }

                .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
                    margin-bottom: 0;
                    color: #999b9b;
                    font-size: 12px;
                }

            .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
                vertical-align: top;
                display: table-cell;
                text-align: center;
                width: 160px;
                white-space: nowrap;
                padding-top: 10px;
            }

.btn-group.btn-group-circle > .btn:first-child {
    border-radius: 25px 0 0 25px!important;
}

.btn.btn-outline.green {
    border-color: #32c5d2;
    color: #32c5d2 !important;
    background: #ffffff !important;
}

    .btn.btn-outline.green:hover {
        border-color: #32c5d2;
        color: #fff !important;
        background: #32c5d2 !important;
    }

.btn-group.btn-group-circle > .btn:last-child {
    border-radius: 0 25px 25px 0!important;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn.btn-outline.red {
    border-color: #e7505a;
    color: #e7505a !important;
    background-color: #fff !important;
}

    .btn.btn-outline.red:hover {
        border-color: #e7505a;
        color: #fff !important;
        background-color: #e7505a !important;
    }

.btn-group, .btn-group-vertical {
    vertical-align: baseline;
}

.btn.btn-outline {
    border-width: 1px;
    font-size: 12px;
    text-shadow: none !important;
}




/** To do list **/
ol, ul {
    list-style: none;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 1em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'mobile';
        display: none;
    }

    .cd-horizontal-timeline.loaded {
        /* show the timeline after events position has been set (using JavaScript) */
        opacity: 1;
    }

    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 65px;
        width: 90%;
        max-width: 800px;
        margin: 0 auto;
    }

    .cd-horizontal-timeline .events-wrapper {
        position: relative;
        height: 100%;
        margin: 0 40px;
        overflow: hidden;
    }

        .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
            /* these are used to create a shadow effect at the sides of the timeline */
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            height: 100%;
            width: 20px;
        }

        .cd-horizontal-timeline .events-wrapper::before {
            left: 0;
            background-image: -webkit-linear-gradient( left, #f8f8f8, rgba(248, 248, 248, 0));
            background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
        }

        .cd-horizontal-timeline .events-wrapper::after {
            right: 0;
            background-image: -webkit-linear-gradient( right, #f8f8f8, rgba(248, 248, 248, 0));
            background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
        }

    .cd-horizontal-timeline .events {
        /* this is the grey line/timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        /* width will be set using JavaScript */
        background: #dfdfdf;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .cd-horizontal-timeline .filling-line {
        /* this is used to create the green line filling the timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #7b9d6f;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .cd-horizontal-timeline .events a {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        font-size: 1.3rem;
        padding-bottom: 15px;
        color: #383838;
        /* fix bug on Safari - text flickering while timeline translates */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

        .cd-horizontal-timeline .events a::after {
            /* this is used to create the event spot */
            content: '';
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -5px;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            border: 2px solid #dfdfdf;
            background-color: #f8f8f8;
            -webkit-transition: background-color 0.3s, border-color 0.3s;
            -moz-transition: background-color 0.3s, border-color 0.3s;
            transition: background-color 0.3s, border-color 0.3s;
        }

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

    .cd-horizontal-timeline .events a.selected::after {
        background-color: #7b9d6f;
        border-color: #7b9d6f;
    }

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #7b9d6f;
}


.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

    .cd-timeline-navigation a::after {
        /* arrow icon */
        content: '';
        position: absolute;
        height: 16px;
        width: 16px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url(../img/cd-arrow.svg) no-repeat 0 0;
    }

    .cd-timeline-navigation a.prev {
        left: 0;
        font-size: 20px;
        font-weight: bold;
    }

a.prev.btn.btn-outline.red.md-skip {
    border: 2px solid #e7505a;
}

a.next.btn.btn-outline.red.md-skip {
    border: 2px solid #e7505a;
}

.cd-timeline-navigation a.next {
    right: 0;
    font-size: 20px;
    font-weight: bold;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px;
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

    .cd-horizontal-timeline .events-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        padding: 0 5%;
        opacity: 0;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

        .cd-horizontal-timeline .events-content li.selected {
            /* visible event content */
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right;
        }

        .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left;
        }

        .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .cd-horizontal-timeline .events-content li > * {
            max-width: 800px;
            margin: 0 auto;
        }

    .cd-horizontal-timeline .events-content h2 {
        font-weight: bold;
        font-size: 2.6rem;
        font-family: "Playfair Display", serif;
        font-weight: 700;
        line-height: 1.2;
    }

    .cd-horizontal-timeline .events-content em {
        display: block;
        font-style: italic;
        margin: 10px auto;
    }

        .cd-horizontal-timeline .events-content em::before {
            content: '- ';
        }

    .cd-horizontal-timeline .events-content p {
        font-size: 12px;
        color: #959595;
    }

    .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
        line-height: 1.6;
    }

    .cd-horizontal-timeline .events-content ol {
        margin: 0 0 10px 0px !important;
    }

.timeline li a {
    text-decoration: none;
}

    .timeline li a i {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateX(50%) translateY(-50%);
        width: 3px;
    }

.bg-after-red:after, .bg-before-red:before, .bg-hover-red:hover {
    background: #e7505a!important;
}

.border-after-red:after, .border-before-red:before, .border-red {
    border-color: #e7505a!important;
}

.bg-red {
    background: #e7505a!important;
}

.mt-timeline-horizontal .events-content ol li .mt-title h2 {
    margin: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    font-size: 18px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}

.font-blue-madison {
    color: #578ebe!important;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {
    opacity: .9;
    filter: alpha(opacity=90);
    font-size: 15px;
    font-weight: 600;
}

.mt-timeline-horizontal .events-content ol li .mt-author {
    float: right;
    position: relative;
    text-align: right;
    width: 40%;
}

    .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {
        width: 100%;
        height: auto;
    }

.mt-content p {
    font-size: 14px;
    text-align: justify;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
    float: right;
    margin-left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%!important;
    overflow: hidden;
}

.mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {
    background-color: #fff!important;
}

.mt-timeline-horizontal .events-content ol li .mt-content {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid;
    clear: both;
    line-height: 1.7em;
}

.border-after-grey-steel:after, .border-before-grey-steel:before, .border-grey-steel {
    border-color: #e9edef!important;
}

a.prev.btn.btn-outline.blue.md-skip {
    border: 2px solid #3598dc;
}

.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc!important;
    background-color: #fff!important;
}

a.next.btn.btn-outline.blue.md-skip {
    border: 2px solid #3598dc;
}

.btn.btn-outline.blue:hover {
    border-color: #3598dc;
    color: #fff!important;
    background-color: #3598dc!important;
}

.bg-blue {
    background: #3598dc!important;
}

.border-after-blue:after, .border-before-blue:before, .border-blue {
    border-color: #3598dc!important;
}

.bg-after-blue:after, .bg-before-blue:before, .bg-hover-blue:hover {
    background: #3598dc!important;
}
/** << To do list **/


.widget-header {
    background-color: white;
    background-image: none;
    border-color: #f4f3f3;
}

.widget-box {
    border-bottom: 1px solid #f4f3f3;
}

.widget-body {
    min-height: 220px;
    border-bottom: 1px solid #f4f3f3;
    border-left: 1px solid #f4f3f3;
    border-right: 1px solid #f4f3f3;
}

.widget-toolbar:before {
    display: none;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #d9d9d9;
    border-width: 0 1px 0 0;
}

#div-crud .btn-primary {
}


.display-valueContainer2 a.select2-choice,
.display-valueContainer2 > input,
.display-valueContainer2 > input:hover,
.display-valueContainer2 > textarea {
    background: none;
    background-color: none;
    /*border:none;*/
    border-radius: 0px;
    border: 2px solid #eff3f6;
}

.display-valueContainer2 .select2-arrow {
    display: none !important;
}

.display-label {
    background: white;
    background-color: white !important;
    color: #5d5d5d;
}

.widget-body .tab-content {
    padding: 0px 12px !important;
}

.dash-msg-header {
    border: 1px solid #ffdfc5;
    padding: -1px 12px;
    margin-left: 10px;
    margin-right: 12px;
    min-height: 31px;
    margin-bottom: 5px;
}

.dash-msg-header-1 {
    z-index: 1;
    position: absolute;
    width: 230px;
    padding-top: 5px;
    padding-left: 12px;
    font-weight: bold;
    color: #fff;
}

.dash-msg-header-2 {
    z-index: 0;
    border-top: 30px solid #ff790f;
    border-right: 30px solid transparent;
    display: inline-flexbox;
    position: absolute;
    width: 230px;
}

.dash-msg-header-3 {
    margin-left: 230px;
    padding-top: 5px;
}

    .dash-msg-header-3 #dash-msg {
        font-size: 12px;
        color: #000;
        text-align: justify;
        cursor: pointer;
    }

.dash-msg-content {
    border-left: 1px solid #ffdfc5;
    border-bottom: 1px solid #ffdfc5;
    border-right: 1px solid #ffdfc5;
    padding: -1px 12px;
    margin-left: 10px;
    margin-right: 12px;
    max-height: 200px;
    margin-bottom: 5px;
    margin-top: -5px;
}

.widget-header .nav-tabs > li > a {
    border: none !important;
}

.widget-header .nav-tabs > li.active {
    border-bottom: 2px solid #4c8fbd;
}

#submenu-content .nav-tabs {
    height: 35px;
    border: none;
}

    #submenu-content .nav-tabs > li.active > a {
        /*background:#f4f4f4;*/
        font-weight: bold;
        /*text-decoration:underline;*/
        font-size: 14px;
        /*border-bottom: 2px solid #307ecc;*/
        padding: 8px 10px;
        color: #438eb9;
    }

    #submenu-content .nav-tabs > li > a {
        padding: 8px 10px;
        color: #62a8d1;
        font-size: 11px;
        min-width: 80px;
        text-align: center;
        border: none;
        box-shadow: none;
        border-right: solid 1px #e8e8e8;
        border-left: solid 1px #e8e8e8;
    }

    #submenu-content .nav-tabs > li > a, .nav-tabs > li > a:focus {
        background-color: #fff;
    }

#submenu-content .tab-content {
    padding: 4px 12px;
    background: #fff;
}

    #submenu-content .tab-content a {
        color: #62a8d1;
        padding: 5px 10px;
        font-size: 11px;
    }

        #submenu-content .tab-content a:hover {
            text-decoration: none;
        }

        #submenu-content .tab-content a.active {
            font-weight: bold;
            font-size: 13px;
            border-bottom: 2px solid #307ecc;
            color: #438eb9;
        }

        #submenu-content .tab-content a div {
            display: none;
        }

.btn-sm {
    border-width: 2px;
}

.btn-group, .btn-group-vertical {
    vertical-align: bottom;
}

#btnSearchgrid {
    border-width: 3px;
    height: 28px;
}

.editable-buttons .btn {
    z-index: 99999;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    z-index: 10;
}

.popover-content input {
    width: 245px;
}

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../img/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}
.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('../../Content/img/multiple-select.png') right top no-repeat;
}

.ms-choice > div.open {
    background: url('../../Content/img/multiple-select.png') left top no-repeat;
}

.ms-drop {
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../../Content/img/multiple-select.png') no-repeat 100% -22px;
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../../Content/img/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}
.navbar {
    background: white;
}

.ace-nav > li > a {
    color: #b6b6b6;
}

    .ace-nav > li > a > [class*="icon-"] {
        color: #b6b6b6;
    }
    .ace-nav > li > a:hover, 
    .ace-nav > li > a:focus {
        background-color: #eee; 
    }

.ace-nav > li.open > a {
    background: #f2f2f2;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background:none;
}
 .menu-toggler {
        background-color: #001835;
}
 .menu-toggler > .menu-text {
        border-top-color: #001835;
}
/**  --- Page Content ---   **/
.page-content {
    border: 2px solid #eff3f6;
    border-top:none;  
    padding: 8px 20px 0px;  
}
.crud_toolbox { 
     background-color:#eef5f9;
     margin:-8px -22px 0 -22px;
     border-bottom: 2px solid #eff3f6;
}


/**  --- Side Menu Content ---   **/
.sidebar,.sidebar:before ,.main-container:after {
     background-color:#eef5f9;
}

.sidebar-shortcuts {
    background-color: #f7f8fa;
    border-bottom: none;
}
.nav-list > li  > a
{
    margin-top:10px;
    height:auto;
    line-height:20px;
}
.nav-list > li.active > a, 
.nav-list > li.active > a:hover, 
.nav-list > li.active > a:focus, 
.nav-list > li.active > a:active {
 color: #438eb9;
} 
.nav-list > li > a:hover:before, 
.nav-list > li.active > a:hover:before {
 color: #438eb9;
}
.nav-list li.active > a:after ,
.nav-list > li.active > a:after {
    border-right-color: #438eb9;
}
.nav-list > li > a:hover:before, 
.nav-list > li.active > a:hover:before {
    background-color: #438eb9;
}
.nav-list > li .submenu > li > a:hover:before  {
      background-color: #438eb9;
}
.nav-list > li .submenu > li > a {
    color: #001835;
}
.nav-list > li .submenu > li.active > a,
.nav-list > li .submenu > li > a:hover  {
    color: #438eb9;
}

.nav-list > li > a:hover {
    color: #438eb9;
}
.navbar { 
    border-bottom: 2px solid #eff3f6;
}

/**  --- Table Content ---   **/
.table thead tr {
      color: #438eb9;
}
.dataTable th{
      color: #438eb9;
}
    .dataTable th[class*=sort]:hover {
        color: #438eb9;
    }
.table thead tr {
    border-bottom: solid #438eb9;
    border-bottom-width:2px;
}

.ace-nav > li > a > .badge {
    position: relative;
    top: -14px;
    left: -7px;
    background-color:#438eb9 !important;
}

.title {
    color:#438eb9;
}

/* tool box buttons */
div#div-crud a {
    border-radius: 22px;
    height: 30px;
    width: 30px;
    border-width: 0px;
    padding: 6px 11px;
} 
/* buttons */
.btn-app.btn-pink { 
    background: #ffb5d0!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#db5e8c),to(#ce3970))!important;
    background-image: -webkit-linear-gradient(top,#db5e8c,0%,#ce3970,100%)!important;
    background-image: -moz-linear-gradient(top,#ffb5d0 0,#ffa1c3 100%)!important;
    background-image: linear-gradient(to bottom,#ffb5d0 0,#ffa1c3 100%)!important;
}
.btn-app.btn-primary, .btn-app.btn-primary.no-hover:hover, .btn-app.btn-primary.disabled:hover {
    background: #a2cde9!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#3b98d6),to(#197ec1))!important;
    background-image: -webkit-linear-gradient(top,#3b98d6,0%,#197ec1,100%)!important;
    background-image: -moz-linear-gradient(top,#3b98d6 0,#197ec1 100%)!important;
    background-image: linear-gradient(to bottom,#a2cde9 0,#5aaee4 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6',endColorstr='#ff197ec1',GradientType=0)!important;
}
.btn.btn-app.btn-yellow {
    background: #ffe9a6!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffe9a6),to(#fbd051))!important;
    background-image: -webkit-linear-gradient(top,#ffe9a6,0%,#fbd051,100%)!important;
    background-image: -moz-linear-gradient(top,#ffe9a6 0,#fbd051 100%)!important;
    background-image: linear-gradient(to bottom,#ffe9a6 0,#ffdc73 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b',endColorstr='#fffbd051',GradientType=0)!important;
}
.btn-app, .btn-app.btn-default, .btn-app.no-hover:hover, .btn-app.btn-default.no-hover:hover, .btn-app.disabled:hover, .btn-app.btn-default.disabled:hover {
    background: #d6dce0!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#d6dce0),to(#c0cfda))!important;
    background-image: -webkit-linear-gradient(top,#d6dce0,0%,#c0cfda,100%)!important;
    background-image: -moz-linear-gradient(top,#d6dce0 0,#c0cfda 100%)!important;
    background-image: linear-gradient(to bottom,#d6dce0 0,#c0cfda 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5',endColorstr='#ffabbac3',GradientType=0)!important;
}
.btn-app.btn-success, .btn-app.btn-success.no-hover:hover, .btn-app.btn-success.disabled:hover {
    background: #9bbe78!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#9ec27b),to(#9bbe78))!important;
    background-image: -webkit-linear-gradient(top,#9ec27b,0%,#9bbe78,100%)!important;
    background-image: -moz-linear-gradient(top,#9ec27b 0,#9bbe78 100%)!important;
    background-image: linear-gradient(to bottom,#9ec27b 0,#9bbe78 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60',endColorstr='#ff7daa50',GradientType=0)!important;
}
.btn-app.btn-purple, .btn-app.btn-purple.no-hover:hover, .btn-app.btn-purple.disabled:hover {
    background: #b3a8d0!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#b3a8d0),to(#ada3ca))!important;
    background-image: -webkit-linear-gradient(top,#b3a8d0,0%,#ada3ca,100%)!important;
    background-image: -moz-linear-gradient(top,#b3a8d0 0,#ada3ca 100%)!important;
    background-image: linear-gradient(to bottom,#b3a8d0 0,#ada3ca 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce',endColorstr='#ff8a7cb4',GradientType=0)!important;
}
.btn-app.btn-danger, .btn-app.btn-danger.no-hover:hover, .btn-app.btn-danger.disabled:hover {
    background: #ffc6c3!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ffc6c3),to(#fdb2ae))!important;
    background-image: -webkit-linear-gradient(top,#ffc6c3,0%,#fdb2ae,100%)!important;
    background-image: -moz-linear-gradient(top,#ffc6c3 0,#fdb2ae 100%)!important;
    background-image: linear-gradient(to bottom,#ffc6c3 0,#fdb2ae 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52',endColorstr='#ffd12723',GradientType=0)!important;
}
.btn.btn-app.btn-yellow,
.btn-app.btn-danger,
.btn-app.btn-purple, 
.btn-app.btn-success,
.btn-app.btn-default,
.btn-app.btn-yellow,
.btn-app.btn-primary,
.btn-app.btn-blue,
.btn-app.btn-pink
 {
    color:  #001835 !important; 
    text-shadow:none !important; 
   
}

.btn.btn-app.btn-light  {
    background: #fffefe!important;
    /* background-image: -webkit-gradient(linear,left 0,left 100%,from(#f4f4f4),to(#e6e6e6))!important; */
    background-image: -webkit-linear-gradient(top,#f4f4f4,0%,#e6e6e6,100%)!important;
    background-image: -moz-linear-gradient(top,#f4f4f4 0,#e6e6e6 100%)!important;
    /* background-image: linear-gradient(to bottom,#f4f4f4 0,#e6e6e6 100%)!important; */
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#ffe6e6e6',GradientType=0)!important;
}
 .btn.btn-app.btn-light.no-hover:hover, .btn.btn-app.btn-light.disabled:hover {
    background: #fffefe!important;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f4f4f4),to(#e6e6e6))!important;
    background-image: -webkit-linear-gradient(top,#f4f4f4,0%,#e6e6e6,100%)!important;
    background-image: -moz-linear-gradient(top,#f4f4f4 0,#e6e6e6 100%)!important;
    background-image: linear-gradient(to bottom,#f4f4f4 0,#e6e6e6 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4',endColorstr='#ffe6e6e6',GradientType=0)!important;
}
.popover.fade.bottom.in {
    max-width: none;
}
.ace-thumbnails > li > :first-child > .text {
    top: 19px;
    z-index: 99999;
}
.module-list-icon {
    font-size: 28px;
    color: #438eb9;
    vertical-align: middle;
}
.module-list-text {
    color: #666;
    font-size: 12px;
}
label
{
    color: #616161; 
    font-size: 13px; 
}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
    background: none !important;

}
.fc-day-grid-event > .fc-content {
    white-space: normal !important;
}
#modules-list > div:hover,#modules-list-admin > div:hover {
background:#efefef;
border-radius:5px;
-webkit-transform: translateY(-1px) scale(1.08);  
transform: translateY(-1px) scale(1.08);  
font-weight:600;
}
.dropdown-navbar > li {
padding:18px;
}
.dropdown-menu.dropdown-close.pull-right {
    padding-bottom: 8px;
}
ul#main-quick-links > li {
    padding: 5px;
}
body {
}
.page-content { 
    padding-bottom: 60px;
}

/** my team buttons **/
 ul.my-team-buttons { 
    height: 100%; 
    padding-left: 0; 
    list-style: none;
}
    ul.my-team-buttons > li {
    line-height: 45px;
    height: 45px; 
    padding: 0;
    position: relative;
    float: left!important;
    }
ul.my-team-buttons > li > a {
    /*background-color: #454f55;*/
    background-color: #d7d7d7;
    color:whitesmoke;
    width:110px;
    margin-right:5px;
    border-radius:10px 0px;

    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
 
    min-width: 50px;
    padding: 0 8px;
    position: relative;

    text-decoration: none;
}
a.btn-me >  i {
color:#fff !important;
}
ul.my-team-buttons > li.open > a {
    background-color: #f89406 !important;
    color: white; 
}
ul.my-team-buttons > li.open > a > i {
        color:#fff !important;
        
}
ul.my-team-buttons > li  > a:hover {
        background-color: #abbac3;
}
ul.my-team-buttons > li.open > a:hover,ul.my-team-buttons > li.open > a:active,ul.my-team-buttons > li.open > a:visited
{
    background-color: #f88206 !important;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 15px;
    border-color: #d7dfe3;
    border-radius: 4px;
}
.card-body {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/
    /*padding: 1.6rem;*/
        padding:  1.3rem 1.6rem;
}
.card-title {
    margin-bottom: .75rem;
    margin-top:0px;
}
.card .card-subtitle {
    font-weight: 300;
    margin-bottom: 15px;
    color: #99abb4;
    margin-top: -.375rem; 
    line-height: 16px;
    font-size: 14px; 
}
.card-title-border {
    border-bottom: 1px solid #dee2e6;
}
.lable-actions:hover 
{
    cursor:pointer;
}

h3 {
    line-height: 30px;
    font-size: 21px;
}
h1, h2, h3, h4, h5, h6 {
    color: #455a64; 
    font-weight: 400;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.bg-info {
    background-color: #1e88e5 !important;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
html body .dl {
    display: inline-block;
}

.text-white {
    color: #ffffff !important;
}
html body .b-r {
    border-right: 1px solid rgba(120, 130, 140, 0.13);
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.text-info {
    color: #1e88e5 !important;
}

.display-6 {
    font-size: 36px;
}
html body .m-l-20 {
    margin-left: 20px;
}
html body .m-r-20 {
    margin-right: 20px;
}
html body .font-light {
    font-weight: 300;
}

html body .m-b-0 {
    margin-bottom: 0px;
}
html body .m-t-15 {
    margin-top: 15px;
}
.weather-small h1 {
    line-height: 30px;
}
.d-flex small {
margin-left:25px;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.tabs-container {
background:white;
height:25px;
margin-bottom:15px;
}
.contact-box {
    position: relative;
}
.message-box .message-widget {
    position: relative;
}
.message-box .message-widget a:hover {
    background: #f2f4f8;
}

.contact-box .contact-widget > a {
    padding: 15px 10px;
}
.message-box .message-widget a:last-child {
    border-bottom: 0px;
}
.message-box .message-widget a {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px;
}
.contact-box .contact-widget > a .user-img {
    margin-bottom: 0px !important;

}

.message-box .message-widget a .user-img {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 0 10px 15px 0;
}
.contact-box .contact-widget  img {
    width:45px;
    height:45px;
}
.message-box .message-widget a div {
    white-space: normal;
}
.message-box .message-widget a .user-img .online {
    background: #26c6da;
}
.message-box .message-widget a .user-img .away {
    background: #ffb22b;
}
.message-box .message-widget a .user-img .offline {
    background: #ffb22b;
}
.message-box .message-widget a .user-img .busy {
    background: #fc4b6c;
}
.message-box .message-widget a .user-img .profile-status {
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: 33px;
    position: absolute;
    top: -1px;
    width: 10px;
}
.message-box .message-widget a .mail-contnet {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}


.message-box .message-widget a div {
    white-space: normal;
}
.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time {
    font-size: 12px;
    display: block;
    margin: 1px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #67757c;
    white-space: nowrap;
}
.round 
{
    line-height: 48px;
    color: #ffffff;
    width: 45px;
    height: 45px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #1e88e5;
} 
 
.clock 
{ 
    color: #17D4FE;
    font-size: 34px; 
    letter-spacing: 5px; 
    font-family: Tahoma;
    text-align:center;
   
}
/** btn **/
.btn {
    border-radius: .25rem; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-success,.btn-success:visited {
    background-color: #6cb977 !important;
    background: #6cb977;
    background: linear-gradient(180deg,#6cb977,#6cb977);
    border-color: #6cb977;  
    font-size: 14px;
}
.btn-success:hover, .btn-success:focus {
    background-color: #249533 !important;
    background: #249533;
    background: linear-gradient(180deg,#39b54a,#34aa44);
    border-color: #249533; 
}
.btn-danger:hover, .open .btn-danger.dropdown-toggle {
background-color: #b74635!important;
border-color: #b74635;
}
.card-body  a:hover {
    text-decoration: none;
}
.card-body   label {
    width:100px;
    margin-right:10px; 
}
.card-body label i{
float:left;
}
.card-body   label.label-pink i {
   
  background-color:  #d0477b;
}
.card-body .alert {
    padding: 9px;
    margin-bottom: 5px;
    font-size: 12px;
}
.card-body table {
border-bottom:none;
}
table.fc-header > tbody > tr > td {
    border-width: 0px;
    border-style:none;
}

.fc-header-title > h2 {
color:#455a64;
}
/** btn **/

div.tab-pane h4 {
width:100%;
display:table;
margin-top:-10px;
margin-bottom: 3px;
margin-left: 30px;
font-size:12px;
color:#438eb9;
font-weight:bold;
text-align:left; 
}
div.tab-pane h4 a {
    font-size:20px;
    text-decoration:none;
    cursor:pointer; 
}
div.tab-pane div.row {
margin-bottom:5px;
}
span > select.day.form-control {
    height:28px;
    width:40px;
    font-size:12px;
}
span > select.month.form-control {
    height:28px;
    width:40px;
    font-size:12px;
}
span > select.year.form-control {
    height:28px;
    width:65px !important;
    font-size:12px;
}

.editable-input {
   white-space: inherit;  
}
.editable-container {
background-color:#f7f7f7;
padding:5px;
}
 
/** Bottom Menu **/
.card ul.nav-tabs {
    border-bottom:none;
    margin-left:30px; 
    /*margin-top:8px;
    margin-bottom:8px;*/
    cursor:pointer;
}
.card .nav-tabs.bottom-menu > li {
margin-bottom:0px;
}
.card .nav-tabs.bottom-menu > li > a 
{
 
 font-size:14px; 
 padding: 10px 16px ;
 margin:5px 10px; 
 border:none;
 background-color:white;
 min-width:120px;
 text-align:center;
}
.card ul.nav-tabs.bottom-menu > li.active > a, 
.card ul.nav-tabs.bottom-menu  > li.active > a:hover, 
.card ul.nav-tabs.bottom-menu  > li.active > a:focus 
{    
    font-weight:bold;
    border:none; 
    box-shadow:none;
    /*background-color:rgba(120, 130, 140, 0.13);*/
        border-bottom: 2px solid #428bca;
     cursor:pointer;
}


.card .tab-content { 
    padding: 30px 12px; 
    border:none !important;
}
.actions.btn-success, .actions.btn-success:visited {
    background-color: #6cb977!important;
    background: #34a544;
    background: linear-gradient(180deg,#39b54a,#34a544);
    border-color: #6cb977;
    font-size: 14px;
}
/**  calendar buttons  **/
table.fc-header span
{ 
    padding:2px 10px;
}
table.fc-header td.fc-header-right {
text-align:right;
}

/**  knob  **/
 .knob-label { 
    font-weight: 500; 
    margin-bottom: .3em;
    margin-left:20px;
}
/**  knob  **/
/** timeline **/
.card .widget-body {
min-height:0px;
}

.card .widget-body .none {
background-color:none !important;
}


html body .m-b-30 {
    margin-bottom: 30px;
}
html body .m-t-40 {
    margin-top: 40px;
}
.display-6 {
    font-size: 36px;
}
html body .m-r-10 {
    margin-right: 10px;
}
html body .b-l {
    border-left: 1px solid rgba(120, 130, 140, 0.13);
}
html body .p-l-0 {
    padding-left: 0px;
}
.attendance-review {
    margin: 0px;
    padding: 5px 25px;
}
.attendance-review li {
    display: block;
    padding: 15px 0;
    list-style: none;
}
.attendance-review li .font, .attendance-review li span {
    display: inline-block;
    margin-left: 10px;
}
.attendance-review .progress{
    height:10px;
}
.text-muted {
    color: #99abb4 !important;
}
.display-5 {
    font-size: 3rem;
}
html body .m-l-10 {
    margin-left: 10px;
}

html body .dl {
    display: inline-block;
} 
.bg-success {
    background-color: #26c6da !important;
}
.bg-danger {
    background-color: #fc4b6c !important;
}
.bg-primary {
    background-color: #7460ee !important;
}
.mdi:before, .mdi-set {
    display: inline-block; 
 
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/** paginator  **/
.datepaginator {
    font-size: 12px;
    height: 60px;
} 

/**color legend**/
td.legend {
    width:20px;
    height:20px;
}
.color-1 {
   color:#26c6da !important;
}
.color-2 {
   color:#8bdbe5 !important;
}
.color-3 {
   color:#fc4b6c !important;
}
.color-4 {
   color:#fc4bd1 !important;
}
.color-5 {
   color:#ffb22b !important;
}
.color-6 {
   color:#438eb9 !important;
}
.color-7 {
   color:#6cb977 !important;
} 
.color-1-bg {
   background-color:#26c6da !important;
}
.color-2-bg  {
   background-color:#8bdbe5 !important;
}
.color-3-bg  {
   background-color:#fc4b6c !important;
}
.color-4-bg  {
   background-color:#fc4bd1 !important;
}
.color-5-bg  {
   background-color:#ffb22b !important;
}
.color-6-bg  {
   background-color:#438eb9 !important;
}
.color-7-bg  {
   background-color:#6cb977 !important;
} 
/** paginator  **/

/** Pending actions **/
.card .infobox{
    width: 30%;
    /*border: 2px solid #444;*/
    border-radius: 5px;
    margin: 5px;
}
    .card .infobox:hover {
           background: #efefef;
           cursor:pointer;
    }
.infobox-pink {
color: #d6487e;
}
.infobox-pink > .infobox-icon > [class*="icon-"] {
background-color: #d6487e;
}
    
    
.infobox-green {
color: #82af6f;
}
.infobox-green > .infobox-icon > [class*="icon-"] {
background-color: #82af6f;
} 
    .infobox-warning {
color: #f89406;
}
.infobox-warning > .infobox-icon > [class*="icon-"] {
background-color: #f89406;
}  
        .infobox-default {
color: #abbac3;
}
.infobox-default > .infobox-icon > [class*="icon-"] {
background-color: #abbac3;
}

/** rounduislider **/
#handle1 .rs-handle  {
    background-color: transparent;
    border: 8px solid transparent;
    border-right-color: black;
    margin: -6px 0px 0px 14px !important;
    border-width: 6px 104px 6px 4px;
}
#handle1 .rs-handle:before  {
    display: block;
    content: " ";
    position: absolute;
    height: 22px;
    width: 22px;
    background: black;
    right: -11px;
    bottom: -11px;
    border-radius: 100px;
}
#handle1 .rs-tooltip  {
    top: 75%;
    font-size: 11px;
}
#handle1 .rs-tooltip div  {
    text-align: center;
    background: orange;
    color: white;
    border-radius: 4px;
    padding: 1px 5px 2px;
    margin-top: 4px;
}
/*#handle1 .rs-range-color  {
    background-color: #DB5959;
}*/
#handle1 .rs-path-color  {
    background-color: #F0C5C5;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
font-size:13px;
}
.mt-actions .mt-action.active
{
    border-left: 4px solid #ff9600;
    background: #f7f8f9; 
}
/** rounduislider **/

.collapsed .widget-header {
     border-bottom-width: 1px;  
}
table.table {
color:inherit;
}
.icon-round-green {
    border: 1px solid #6cb977;
    border-radius: 100%;
}
.m-h-220 {
min-height:220px;
}
.m-h-230 {
min-height:230px;
}
.m-h-240 {
min-height:240px;
}
.m-h-250 {
min-height:250px;
}
.m-h-260 {
min-height:260px;
}
.m-h-270 {
min-height:270px;
}
.m-h-300 {
min-height:300px;
}
.m-h-310 {
min-height:310px;
}
.m-h-340 {
min-height:340px;
}
.m-h-385 {
min-height:385px;
}
.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:""}.fa-accessible-icon:before{content:""}.fa-accusoft:before{content:""}.fa-acquisitions-incorporated:before{content:""}.fa-ad:before{content:""}.fa-address-book:before{content:""}.fa-address-card:before{content:""}.fa-adjust:before{content:""}.fa-adn:before{content:""}.fa-adobe:before{content:""}.fa-adversal:before{content:""}.fa-affiliatetheme:before{content:""}.fa-air-freshener:before{content:""}.fa-airbnb:before{content:""}.fa-algolia:before{content:""}.fa-align-center:before{content:""}.fa-align-justify:before{content:""}.fa-align-left:before{content:""}.fa-align-right:before{content:""}.fa-alipay:before{content:""}.fa-allergies:before{content:""}.fa-amazon:before{content:""}.fa-amazon-pay:before{content:""}.fa-ambulance:before{content:""}.fa-american-sign-language-interpreting:before{content:""}.fa-amilia:before{content:""}.fa-anchor:before{content:""}.fa-android:before{content:""}.fa-angellist:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angry:before{content:""}.fa-angrycreative:before{content:""}.fa-angular:before{content:""}.fa-ankh:before{content:""}.fa-app-store:before{content:""}.fa-app-store-ios:before{content:""}.fa-apper:before{content:""}.fa-apple:before{content:""}.fa-apple-alt:before{content:""}.fa-apple-pay:before{content:""}.fa-archive:before{content:""}.fa-archway:before{content:""}.fa-arrow-alt-circle-down:before{content:""}.fa-arrow-alt-circle-left:before{content:""}.fa-arrow-alt-circle-right:before{content:""}.fa-arrow-alt-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-down:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrows-alt:before{content:""}.fa-arrows-alt-h:before{content:""}.fa-arrows-alt-v:before{content:""}.fa-artstation:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asterisk:before{content:""}.fa-asymmetrik:before{content:""}.fa-at:before{content:""}.fa-atlas:before{content:""}.fa-atlassian:before{content:""}.fa-atom:before{content:""}.fa-audible:before{content:""}.fa-audio-description:before{content:""}.fa-autoprefixer:before{content:""}.fa-avianex:before{content:""}.fa-aviato:before{content:""}.fa-award:before{content:""}.fa-aws:before{content:""}.fa-baby:before{content:""}.fa-baby-carriage:before{content:""}.fa-backspace:before{content:""}.fa-backward:before{content:""}.fa-bacon:before{content:""}.fa-bahai:before{content:""}.fa-balance-scale:before{content:""}.fa-balance-scale-left:before{content:""}.fa-balance-scale-right:before{content:""}.fa-ban:before{content:""}.fa-band-aid:before{content:""}.fa-bandcamp:before{content:""}.fa-barcode:before{content:""}.fa-bars:before{content:""}.fa-baseball-ball:before{content:""}.fa-basketball-ball:before{content:""}.fa-bath:before{content:""}.fa-battery-empty:before{content:""}.fa-battery-full:before{content:""}.fa-battery-half:before{content:""}.fa-battery-quarter:before{content:""}.fa-battery-three-quarters:before{content:""}.fa-battle-net:before{content:""}.fa-bed:before{content:""}.fa-beer:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-bell:before{content:""}.fa-bell-slash:before{content:""}.fa-bezier-curve:before{content:""}.fa-bible:before{content:""}.fa-bicycle:before{content:""}.fa-biking:before{content:""}.fa-bimobject:before{content:""}.fa-binoculars:before{content:""}.fa-biohazard:before{content:""}.fa-birthday-cake:before{content:""}.fa-bitbucket:before{content:""}.fa-bitcoin:before{content:""}.fa-bity:before{content:""}.fa-black-tie:before{content:""}.fa-blackberry:before{content:""}.fa-blender:before{content:""}.fa-blender-phone:before{content:""}.fa-blind:before{content:""}.fa-blog:before{content:""}.fa-blogger:before{content:""}.fa-blogger-b:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-bold:before{content:""}.fa-bolt:before{content:""}.fa-bomb:before{content:""}.fa-bone:before{content:""}.fa-bong:before{content:""}.fa-book:before{content:""}.fa-book-dead:before{content:""}.fa-book-medical:before{content:""}.fa-book-open:before{content:""}.fa-book-reader:before{content:""}.fa-bookmark:before{content:""}.fa-bootstrap:before{content:""}.fa-border-all:before{content:""}.fa-border-none:before{content:""}.fa-border-style:before{content:""}.fa-bowling-ball:before{content:""}.fa-box:before{content:""}.fa-box-open:before{content:""}.fa-boxes:before{content:""}.fa-braille:before{content:""}.fa-brain:before{content:""}.fa-bread-slice:before{content:""}.fa-briefcase:before{content:""}.fa-briefcase-medical:before{content:""}.fa-broadcast-tower:before{content:""}.fa-broom:before{content:""}.fa-brush:before{content:""}.fa-btc:before{content:""}.fa-buffer:before{content:""}.fa-bug:before{content:""}.fa-building:before{content:""}.fa-bullhorn:before{content:""}.fa-bullseye:before{content:""}.fa-burn:before{content:""}.fa-buromobelexperte:before{content:""}.fa-bus:before{content:""}.fa-bus-alt:before{content:""}.fa-business-time:before{content:""}.fa-buy-n-large:before{content:""}.fa-buysellads:before{content:""}.fa-calculator:before{content:""}.fa-calendar:before{content:""}.fa-calendar-alt:before{content:""}.fa-calendar-check:before{content:""}.fa-calendar-day:before{content:""}.fa-calendar-minus:before{content:""}.fa-calendar-plus:before{content:""}.fa-calendar-times:before{content:""}.fa-calendar-week:before{content:""}.fa-camera:before{content:""}.fa-camera-retro:before{content:""}.fa-campground:before{content:""}.fa-canadian-maple-leaf:before{content:""}.fa-candy-cane:before{content:""}.fa-cannabis:before{content:""}.fa-capsules:before{content:""}.fa-car:before{content:""}.fa-car-alt:before{content:""}.fa-car-battery:before{content:""}.fa-car-crash:before{content:""}.fa-car-side:before{content:""}.fa-caravan:before{content:""}.fa-caret-down:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-caret-square-down:before{content:""}.fa-caret-square-left:before{content:""}.fa-caret-square-right:before{content:""}.fa-caret-square-up:before{content:""}.fa-caret-up:before{content:""}.fa-carrot:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-cart-plus:before{content:""}.fa-cash-register:before{content:""}.fa-cat:before{content:""}.fa-cc-amazon-pay:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-apple-pay:before{content:""}.fa-cc-diners-club:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-cc-visa:before{content:""}.fa-centercode:before{content:""}.fa-centos:before{content:""}.fa-certificate:before{content:""}.fa-chair:before{content:""}.fa-chalkboard:before{content:""}.fa-chalkboard-teacher:before{content:""}.fa-charging-station:before{content:""}.fa-chart-area:before{content:""}.fa-chart-bar:before{content:""}.fa-chart-line:before{content:""}.fa-chart-pie:before{content:""}.fa-check:before{content:""}.fa-check-circle:before{content:""}.fa-check-double:before{content:""}.fa-check-square:before{content:""}.fa-cheese:before{content:""}.fa-chess:before{content:""}.fa-chess-bishop:before{content:""}.fa-chess-board:before{content:""}.fa-chess-king:before{content:""}.fa-chess-knight:before{content:""}.fa-chess-pawn:before{content:""}.fa-chess-queen:before{content:""}.fa-chess-rook:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-up:before{content:""}.fa-child:before{content:""}.fa-chrome:before{content:""}.fa-chromecast:before{content:""}.fa-church:before{content:""}.fa-circle:before{content:""}.fa-circle-notch:before{content:""}.fa-city:before{content:""}.fa-clinic-medical:before{content:""}.fa-clipboard:before{content:""}.fa-clipboard-check:before{content:""}.fa-clipboard-list:before{content:""}.fa-clock:before{content:""}.fa-clone:before{content:""}.fa-closed-captioning:before{content:""}.fa-cloud:before{content:""}.fa-cloud-download-alt:before{content:""}.fa-cloud-meatball:before{content:""}.fa-cloud-moon:before{content:""}.fa-cloud-moon-rain:before{content:""}.fa-cloud-rain:before{content:""}.fa-cloud-showers-heavy:before{content:""}.fa-cloud-sun:before{content:""}.fa-cloud-sun-rain:before{content:""}.fa-cloud-upload-alt:before{content:""}.fa-cloudscale:before{content:""}.fa-cloudsmith:before{content:""}.fa-cloudversify:before{content:""}.fa-cocktail:before{content:""}.fa-code:before{content:""}.fa-code-branch:before{content:""}.fa-codepen:before{content:""}.fa-codiepie:before{content:""}.fa-coffee:before{content:""}.fa-cog:before{content:""}.fa-cogs:before{content:""}.fa-coins:before{content:""}.fa-columns:before{content:""}.fa-comment:before{content:""}.fa-comment-alt:before{content:""}.fa-comment-dollar:before{content:""}.fa-comment-dots:before{content:""}.fa-comment-medical:before{content:""}.fa-comment-slash:before{content:""}.fa-comments:before{content:""}.fa-comments-dollar:before{content:""}.fa-compact-disc:before{content:""}.fa-compass:before{content:""}.fa-compress:before{content:""}.fa-compress-alt:before{content:""}.fa-compress-arrows-alt:before{content:""}.fa-concierge-bell:before{content:""}.fa-confluence:before{content:""}.fa-connectdevelop:before{content:""}.fa-contao:before{content:""}.fa-cookie:before{content:""}.fa-cookie-bite:before{content:""}.fa-copy:before{content:""}.fa-copyright:before{content:""}.fa-cotton-bureau:before{content:""}.fa-couch:before{content:""}.fa-cpanel:before{content:""}.fa-creative-commons:before{content:""}.fa-creative-commons-by:before{content:""}.fa-creative-commons-nc:before{content:""}.fa-creative-commons-nc-eu:before{content:""}.fa-creative-commons-nc-jp:before{content:""}.fa-creative-commons-nd:before{content:""}.fa-creative-commons-pd:before{content:""}.fa-creative-commons-pd-alt:before{content:""}.fa-creative-commons-remix:before{content:""}.fa-creative-commons-sa:before{content:""}.fa-creative-commons-sampling:before{content:""}.fa-creative-commons-sampling-plus:before{content:""}.fa-creative-commons-share:before{content:""}.fa-creative-commons-zero:before{content:""}.fa-credit-card:before{content:""}.fa-critical-role:before{content:""}.fa-crop:before{content:""}.fa-crop-alt:before{content:""}.fa-cross:before{content:""}.fa-crosshairs:before{content:""}.fa-crow:before{content:""}.fa-crown:before{content:""}.fa-crutch:before{content:""}.fa-css3:before{content:""}.fa-css3-alt:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-cut:before{content:""}.fa-cuttlefish:before{content:""}.fa-d-and-d:before{content:""}.fa-d-and-d-beyond:before{content:""}.fa-dailymotion:before{content:"勒"}.fa-dashcube:before{content:""}.fa-database:before{content:""}.fa-deaf:before{content:""}.fa-delicious:before{content:""}.fa-democrat:before{content:""}.fa-deploydog:before{content:""}.fa-deskpro:before{content:""}.fa-desktop:before{content:""}.fa-dev:before{content:""}.fa-deviantart:before{content:""}.fa-dharmachakra:before{content:""}.fa-dhl:before{content:""}.fa-diagnoses:before{content:""}.fa-diaspora:before{content:""}.fa-dice:before{content:""}.fa-dice-d20:before{content:""}.fa-dice-d6:before{content:""}.fa-dice-five:before{content:""}.fa-dice-four:before{content:""}.fa-dice-one:before{content:""}.fa-dice-six:before{content:""}.fa-dice-three:before{content:""}.fa-dice-two:before{content:""}.fa-digg:before{content:""}.fa-digital-ocean:before{content:""}.fa-digital-tachograph:before{content:""}.fa-directions:before{content:""}.fa-discord:before{content:""}.fa-discourse:before{content:""}.fa-divide:before{content:""}.fa-dizzy:before{content:""}.fa-dna:before{content:""}.fa-dochub:before{content:""}.fa-docker:before{content:""}.fa-dog:before{content:""}.fa-dollar-sign:before{content:""}.fa-dolly:before{content:""}.fa-dolly-flatbed:before{content:""}.fa-donate:before{content:""}.fa-door-closed:before{content:""}.fa-door-open:before{content:""}.fa-dot-circle:before{content:""}.fa-dove:before{content:""}.fa-download:before{content:""}.fa-draft2digital:before{content:""}.fa-drafting-compass:before{content:""}.fa-dragon:before{content:""}.fa-draw-polygon:before{content:""}.fa-dribbble:before{content:""}.fa-dribbble-square:before{content:""}.fa-dropbox:before{content:""}.fa-drum:before{content:""}.fa-drum-steelpan:before{content:""}.fa-drumstick-bite:before{content:""}.fa-drupal:before{content:""}.fa-dumbbell:before{content:""}.fa-dumpster:before{content:""}.fa-dumpster-fire:before{content:""}.fa-dungeon:before{content:""}.fa-dyalog:before{content:""}.fa-earlybirds:before{content:""}.fa-ebay:before{content:""}.fa-edge:before{content:""}.fa-edit:before{content:""}.fa-egg:before{content:""}.fa-eject:before{content:""}.fa-elementor:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-ello:before{content:""}.fa-ember:before{content:""}.fa-empire:before{content:""}.fa-envelope:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-text:before{content:""}.fa-envelope-square:before{content:""}.fa-envira:before{content:""}.fa-equals:before{content:""}.fa-eraser:before{content:""}.fa-erlang:before{content:""}.fa-ethereum:before{content:""}.fa-ethernet:before{content:""}.fa-etsy:before{content:""}.fa-euro-sign:before{content:""}.fa-evernote:before{content:""}.fa-exchange-alt:before{content:""}.fa-exclamation:before{content:""}.fa-exclamation-circle:before{content:""}.fa-exclamation-triangle:before{content:""}.fa-expand:before{content:""}.fa-expand-alt:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-expeditedssl:before{content:""}.fa-external-link-alt:before{content:""}.fa-external-link-square-alt:before{content:""}.fa-eye:before{content:""}.fa-eye-dropper:before{content:""}.fa-eye-slash:before{content:""}.fa-facebook:before{content:""}.fa-facebook-f:before{content:""}.fa-facebook-messenger:before{content:""}.fa-facebook-square:before{content:""}.fa-fan:before{content:""}.fa-fantasy-flight-games:before{content:""}.fa-fast-backward:before{content:""}.fa-fast-forward:before{content:""}.fa-fax:before{content:""}.fa-feather:before{content:""}.fa-feather-alt:before{content:""}.fa-fedex:before{content:""}.fa-fedora:before{content:""}.fa-female:before{content:""}.fa-fighter-jet:before{content:""}.fa-figma:before{content:""}.fa-file:before{content:""}.fa-file-alt:before{content:""}.fa-file-archive:before{content:""}.fa-file-audio:before{content:""}.fa-file-code:before{content:""}.fa-file-contract:before{content:""}.fa-file-csv:before{content:""}.fa-file-download:before{content:""}.fa-file-excel:before{content:""}.fa-file-export:before{content:""}.fa-file-image:before{content:""}.fa-file-import:before{content:""}.fa-file-invoice:before{content:""}.fa-file-invoice-dollar:before{content:""}.fa-file-medical:before{content:""}.fa-file-medical-alt:before{content:""}.fa-file-pdf:before{content:""}.fa-file-powerpoint:before{content:""}.fa-file-prescription:before{content:""}.fa-file-signature:before{content:""}.fa-file-upload:before{content:""}.fa-file-video:before{content:""}.fa-file-word:before{content:""}.fa-fill:before{content:""}.fa-fill-drip:before{content:""}.fa-film:before{content:""}.fa-filter:before{content:""}.fa-fingerprint:before{content:""}.fa-fire:before{content:""}.fa-fire-alt:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-firefox:before{content:""}.fa-firefox-browser:before{content:"龜"}.fa-first-aid:before{content:""}.fa-first-order:before{content:""}.fa-first-order-alt:before{content:""}.fa-firstdraft:before{content:""}.fa-fish:before{content:""}.fa-fist-raised:before{content:""}.fa-flag:before{content:""}.fa-flag-checkered:before{content:""}.fa-flag-usa:before{content:""}.fa-flask:before{content:""}.fa-flickr:before{content:""}.fa-flipboard:before{content:""}.fa-flushed:before{content:""}.fa-fly:before{content:""}.fa-folder:before{content:""}.fa-folder-minus:before{content:""}.fa-folder-open:before{content:""}.fa-folder-plus:before{content:""}.fa-font:before{content:""}.fa-font-awesome:before{content:""}.fa-font-awesome-alt:before{content:""}.fa-font-awesome-flag:before{content:""}.fa-font-awesome-logo-full:before{content:""}.fa-fonticons:before{content:""}.fa-fonticons-fi:before{content:""}.fa-football-ball:before{content:""}.fa-fort-awesome:before{content:""}.fa-fort-awesome-alt:before{content:""}.fa-forumbee:before{content:""}.fa-forward:before{content:""}.fa-foursquare:before{content:""}.fa-free-code-camp:before{content:""}.fa-freebsd:before{content:""}.fa-frog:before{content:""}.fa-frown:before{content:""}.fa-frown-open:before{content:""}.fa-fulcrum:before{content:""}.fa-funnel-dollar:before{content:""}.fa-futbol:before{content:""}.fa-galactic-republic:before{content:""}.fa-galactic-senate:before{content:""}.fa-gamepad:before{content:""}.fa-gas-pump:before{content:""}.fa-gavel:before{content:""}.fa-gem:before{content:""}.fa-genderless:before{content:""}.fa-get-pocket:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-ghost:before{content:""}.fa-gift:before{content:""}.fa-gifts:before{content:""}.fa-git:before{content:""}.fa-git-alt:before{content:""}.fa-git-square:before{content:""}.fa-github:before{content:""}.fa-github-alt:before{content:""}.fa-github-square:before{content:""}.fa-gitkraken:before{content:""}.fa-gitlab:before{content:""}.fa-gitter:before{content:""}.fa-glass-cheers:before{content:""}.fa-glass-martini:before{content:""}.fa-glass-martini-alt:before{content:""}.fa-glass-whiskey:before{content:""}.fa-glasses:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-globe:before{content:""}.fa-globe-africa:before{content:""}.fa-globe-americas:before{content:""}.fa-globe-asia:before{content:""}.fa-globe-europe:before{content:""}.fa-gofore:before{content:""}.fa-golf-ball:before{content:""}.fa-goodreads:before{content:""}.fa-goodreads-g:before{content:""}.fa-google:before{content:""}.fa-google-drive:before{content:""}.fa-google-play:before{content:""}.fa-google-plus:before{content:""}.fa-google-plus-g:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-wallet:before{content:""}.fa-gopuram:before{content:""}.fa-graduation-cap:before{content:""}.fa-gratipay:before{content:""}.fa-grav:before{content:""}.fa-greater-than:before{content:""}.fa-greater-than-equal:before{content:""}.fa-grimace:before{content:""}.fa-grin:before{content:""}.fa-grin-alt:before{content:""}.fa-grin-beam:before{content:""}.fa-grin-beam-sweat:before{content:""}.fa-grin-hearts:before{content:""}.fa-grin-squint:before{content:""}.fa-grin-squint-tears:before{content:""}.fa-grin-stars:before{content:""}.fa-grin-tears:before{content:""}.fa-grin-tongue:before{content:""}.fa-grin-tongue-squint:before{content:""}.fa-grin-tongue-wink:before{content:""}.fa-grin-wink:before{content:""}.fa-grip-horizontal:before{content:""}.fa-grip-lines:before{content:""}.fa-grip-lines-vertical:before{content:""}.fa-grip-vertical:before{content:""}.fa-gripfire:before{content:""}.fa-grunt:before{content:""}.fa-guitar:before{content:""}.fa-gulp:before{content:""}.fa-h-square:before{content:""}.fa-hacker-news:before{content:""}.fa-hacker-news-square:before{content:""}.fa-hackerrank:before{content:""}.fa-hamburger:before{content:""}.fa-hammer:before{content:""}.fa-hamsa:before{content:""}.fa-hand-holding:before{content:""}.fa-hand-holding-heart:before{content:""}.fa-hand-holding-usd:before{content:""}.fa-hand-lizard:before{content:""}.fa-hand-middle-finger:before{content:""}.fa-hand-paper:before{content:""}.fa-hand-peace:before{content:""}.fa-hand-point-down:before{content:""}.fa-hand-point-left:before{content:""}.fa-hand-point-right:before{content:""}.fa-hand-point-up:before{content:""}.fa-hand-pointer:before{content:""}.fa-hand-rock:before{content:""}.fa-hand-scissors:before{content:""}.fa-hand-spock:before{content:""}.fa-hands:before{content:""}.fa-hands-helping:before{content:""}.fa-handshake:before{content:""}.fa-hanukiah:before{content:""}.fa-hard-hat:before{content:""}.fa-hashtag:before{content:""}.fa-hat-cowboy:before{content:""}.fa-hat-cowboy-side:before{content:""}.fa-hat-wizard:before{content:""}.fa-hdd:before{content:""}.fa-heading:before{content:""}.fa-headphones:before{content:""}.fa-headphones-alt:before{content:""}.fa-headset:before{content:""}.fa-heart:before{content:""}.fa-heart-broken:before{content:""}.fa-heartbeat:before{content:""}.fa-helicopter:before{content:""}.fa-highlighter:before{content:""}.fa-hiking:before{content:""}.fa-hippo:before{content:""}.fa-hips:before{content:""}.fa-hire-a-helper:before{content:""}.fa-history:before{content:""}.fa-hockey-puck:before{content:""}.fa-holly-berry:before{content:""}.fa-home:before{content:""}.fa-hooli:before{content:""}.fa-hornbill:before{content:""}.fa-horse:before{content:""}.fa-horse-head:before{content:""}.fa-hospital:before{content:""}.fa-hospital-alt:before{content:""}.fa-hospital-symbol:before{content:""}.fa-hot-tub:before{content:""}.fa-hotdog:before{content:""}.fa-hotel:before{content:""}.fa-hotjar:before{content:""}.fa-hourglass:before{content:""}.fa-hourglass-end:before{content:""}.fa-hourglass-half:before{content:""}.fa-hourglass-start:before{content:""}.fa-house-damage:before{content:""}.fa-houzz:before{content:""}.fa-hryvnia:before{content:""}.fa-html5:before{content:""}.fa-hubspot:before{content:""}.fa-i-cursor:before{content:""}.fa-ice-cream:before{content:""}.fa-icicles:before{content:""}.fa-icons:before{content:""}.fa-id-badge:before{content:""}.fa-id-card:before{content:""}.fa-id-card-alt:before{content:""}.fa-ideal:before{content:"邏"}.fa-igloo:before{content:""}.fa-image:before{content:""}.fa-images:before{content:""}.fa-imdb:before{content:""}.fa-inbox:before{content:""}.fa-indent:before{content:""}.fa-industry:before{content:""}.fa-infinity:before{content:""}.fa-info:before{content:""}.fa-info-circle:before{content:""}.fa-instagram:before{content:""}.fa-instagram-square:before{content:"凌"}.fa-intercom:before{content:""}.fa-internet-explorer:before{content:""}.fa-invision:before{content:""}.fa-ioxhost:before{content:""}.fa-italic:before{content:""}.fa-itch-io:before{content:""}.fa-itunes:before{content:""}.fa-itunes-note:before{content:""}.fa-java:before{content:""}.fa-jedi:before{content:""}.fa-jedi-order:before{content:""}.fa-jenkins:before{content:""}.fa-jira:before{content:""}.fa-joget:before{content:""}.fa-joint:before{content:""}.fa-joomla:before{content:""}.fa-journal-whills:before{content:""}.fa-js:before{content:""}.fa-js-square:before{content:""}.fa-jsfiddle:before{content:""}.fa-kaaba:before{content:""}.fa-kaggle:before{content:""}.fa-key:before{content:""}.fa-keybase:before{content:""}.fa-keyboard:before{content:""}.fa-keycdn:before{content:""}.fa-khanda:before{content:""}.fa-kickstarter:before{content:""}.fa-kickstarter-k:before{content:""}.fa-kiss:before{content:""}.fa-kiss-beam:before{content:""}.fa-kiss-wink-heart:before{content:""}.fa-kiwi-bird:before{content:""}.fa-korvue:before{content:""}.fa-landmark:before{content:""}.fa-language:before{content:""}.fa-laptop:before{content:""}.fa-laptop-code:before{content:""}.fa-laptop-medical:before{content:""}.fa-laravel:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-laugh:before{content:""}.fa-laugh-beam:before{content:""}.fa-laugh-squint:before{content:""}.fa-laugh-wink:before{content:""}.fa-layer-group:before{content:""}.fa-leaf:before{content:""}.fa-leanpub:before{content:""}.fa-lemon:before{content:""}.fa-less:before{content:""}.fa-less-than:before{content:""}.fa-less-than-equal:before{content:""}.fa-level-down-alt:before{content:""}.fa-level-up-alt:before{content:""}.fa-life-ring:before{content:""}.fa-lightbulb:before{content:""}.fa-line:before{content:""}.fa-link:before{content:""}.fa-linkedin:before{content:""}.fa-linkedin-in:before{content:""}.fa-linode:before{content:""}.fa-linux:before{content:""}.fa-lira-sign:before{content:""}.fa-list:before{content:""}.fa-list-alt:before{content:""}.fa-list-ol:before{content:""}.fa-list-ul:before{content:""}.fa-location-arrow:before{content:""}.fa-lock:before{content:""}.fa-lock-open:before{content:""}.fa-long-arrow-alt-down:before{content:""}.fa-long-arrow-alt-left:before{content:""}.fa-long-arrow-alt-right:before{content:""}.fa-long-arrow-alt-up:before{content:""}.fa-low-vision:before{content:""}.fa-luggage-cart:before{content:""}.fa-lyft:before{content:""}.fa-magento:before{content:""}.fa-magic:before{content:""}.fa-magnet:before{content:""}.fa-mail-bulk:before{content:""}.fa-mailchimp:before{content:""}.fa-male:before{content:""}.fa-mandalorian:before{content:""}.fa-map:before{content:""}.fa-map-marked:before{content:""}.fa-map-marked-alt:before{content:""}.fa-map-marker:before{content:""}.fa-map-marker-alt:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-markdown:before{content:""}.fa-marker:before{content:""}.fa-mars:before{content:""}.fa-mars-double:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mask:before{content:""}.fa-mastodon:before{content:""}.fa-maxcdn:before{content:""}.fa-mdb:before{content:""}.fa-medal:before{content:""}.fa-medapps:before{content:""}.fa-medium:before{content:""}.fa-medium-m:before{content:""}.fa-medkit:before{content:""}.fa-medrt:before{content:""}.fa-meetup:before{content:""}.fa-megaport:before{content:""}.fa-meh:before{content:""}.fa-meh-blank:before{content:""}.fa-meh-rolling-eyes:before{content:""}.fa-memory:before{content:""}.fa-mendeley:before{content:""}.fa-menorah:before{content:""}.fa-mercury:before{content:""}.fa-meteor:before{content:""}.fa-microblog:before{content:"駱"}.fa-microchip:before{content:""}.fa-microphone:before{content:""}.fa-microphone-alt:before{content:""}.fa-microphone-alt-slash:before{content:""}.fa-microphone-slash:before{content:""}.fa-microscope:before{content:""}.fa-microsoft:before{content:""}.fa-minus:before{content:""}.fa-minus-circle:before{content:""}.fa-minus-square:before{content:""}.fa-mitten:before{content:""}.fa-mix:before{content:""}.fa-mixcloud:before{content:""}.fa-mixer:before{content:"稜"}.fa-mizuni:before{content:""}.fa-mobile:before{content:""}.fa-mobile-alt:before{content:""}.fa-modx:before{content:""}.fa-monero:before{content:""}.fa-money-bill:before{content:""}.fa-money-bill-alt:before{content:""}.fa-money-bill-wave:before{content:""}.fa-money-bill-wave-alt:before{content:""}.fa-money-check:before{content:""}.fa-money-check-alt:before{content:""}.fa-monument:before{content:""}.fa-moon:before{content:""}.fa-mortar-pestle:before{content:""}.fa-mosque:before{content:""}.fa-motorcycle:before{content:""}.fa-mountain:before{content:""}.fa-mouse:before{content:""}.fa-mouse-pointer:before{content:""}.fa-mug-hot:before{content:""}.fa-music:before{content:""}.fa-napster:before{content:""}.fa-neos:before{content:""}.fa-network-wired:before{content:""}.fa-neuter:before{content:""}.fa-newspaper:before{content:""}.fa-nimblr:before{content:""}.fa-node:before{content:""}.fa-node-js:before{content:""}.fa-not-equal:before{content:""}.fa-notes-medical:before{content:""}.fa-npm:before{content:""}.fa-ns8:before{content:""}.fa-nutritionix:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-oil-can:before{content:""}.fa-old-republic:before{content:""}.fa-om:before{content:""}.fa-opencart:before{content:""}.fa-openid:before{content:""}.fa-opera:before{content:""}.fa-optin-monster:before{content:""}.fa-orcid:before{content:""}.fa-osi:before{content:""}.fa-otter:before{content:""}.fa-outdent:before{content:""}.fa-page4:before{content:""}.fa-pagelines:before{content:""}.fa-pager:before{content:""}.fa-paint-brush:before{content:""}.fa-paint-roller:before{content:""}.fa-palette:before{content:""}.fa-palfed:before{content:""}.fa-pallet:before{content:""}.fa-paper-plane:before{content:""}.fa-paperclip:before{content:""}.fa-parachute-box:before{content:""}.fa-paragraph:before{content:""}.fa-parking:before{content:""}.fa-passport:before{content:""}.fa-pastafarianism:before{content:""}.fa-paste:before{content:""}.fa-patreon:before{content:""}.fa-pause:before{content:""}.fa-pause-circle:before{content:""}.fa-paw:before{content:""}.fa-paypal:before{content:""}.fa-peace:before{content:""}.fa-pen:before{content:""}.fa-pen-alt:before{content:""}.fa-pen-fancy:before{content:""}.fa-pen-nib:before{content:""}.fa-pen-square:before{content:""}.fa-pencil-alt:before{content:""}.fa-pencil-ruler:before{content:""}.fa-penny-arcade:before{content:""}.fa-people-carry:before{content:""}.fa-pepper-hot:before{content:""}.fa-percent:before{content:""}.fa-percentage:before{content:""}.fa-periscope:before{content:""}.fa-person-booth:before{content:""}.fa-phabricator:before{content:""}.fa-phoenix-framework:before{content:""}.fa-phoenix-squadron:before{content:""}.fa-phone:before{content:""}.fa-phone-alt:before{content:""}.fa-phone-slash:before{content:""}.fa-phone-square:before{content:""}.fa-phone-square-alt:before{content:""}.fa-phone-volume:before{content:""}.fa-photo-video:before{content:""}.fa-php:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-pied-piper-hat:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-square:before{content:"爛"}.fa-piggy-bank:before{content:""}.fa-pills:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-p:before{content:""}.fa-pinterest-square:before{content:""}.fa-pizza-slice:before{content:""}.fa-place-of-worship:before{content:""}.fa-plane:before{content:""}.fa-plane-arrival:before{content:""}.fa-plane-departure:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-plug:before{content:""}.fa-plus:before{content:""}.fa-plus-circle:before{content:""}.fa-plus-square:before{content:""}.fa-podcast:before{content:""}.fa-poll:before{content:""}.fa-poll-h:before{content:""}.fa-poo:before{content:""}.fa-poo-storm:before{content:""}.fa-poop:before{content:""}.fa-portrait:before{content:""}.fa-pound-sign:before{content:""}.fa-power-off:before{content:""}.fa-pray:before{content:""}.fa-praying-hands:before{content:""}.fa-prescription:before{content:""}.fa-prescription-bottle:before{content:""}.fa-prescription-bottle-alt:before{content:""}.fa-print:before{content:""}.fa-procedures:before{content:""}.fa-product-hunt:before{content:""}.fa-project-diagram:before{content:""}.fa-pushed:before{content:""}.fa-puzzle-piece:before{content:""}.fa-python:before{content:""}.fa-qq:before{content:""}.fa-qrcode:before{content:""}.fa-question:before{content:""}.fa-question-circle:before{content:""}.fa-quidditch:before{content:""}.fa-quinscape:before{content:""}.fa-quora:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-quran:before{content:""}.fa-r-project:before{content:""}.fa-radiation:before{content:""}.fa-radiation-alt:before{content:""}.fa-rainbow:before{content:""}.fa-random:before{content:""}.fa-raspberry-pi:before{content:""}.fa-ravelry:before{content:""}.fa-react:before{content:""}.fa-reacteurope:before{content:""}.fa-readme:before{content:""}.fa-rebel:before{content:""}.fa-receipt:before{content:""}.fa-record-vinyl:before{content:""}.fa-recycle:before{content:""}.fa-red-river:before{content:""}.fa-reddit:before{content:""}.fa-reddit-alien:before{content:""}.fa-reddit-square:before{content:""}.fa-redhat:before{content:""}.fa-redo:before{content:""}.fa-redo-alt:before{content:""}.fa-registered:before{content:""}.fa-remove-format:before{content:""}.fa-renren:before{content:""}.fa-reply:before{content:""}.fa-reply-all:before{content:""}.fa-replyd:before{content:""}.fa-republican:before{content:""}.fa-researchgate:before{content:""}.fa-resolving:before{content:""}.fa-restroom:before{content:""}.fa-retweet:before{content:""}.fa-rev:before{content:""}.fa-ribbon:before{content:""}.fa-ring:before{content:""}.fa-road:before{content:""}.fa-robot:before{content:""}.fa-rocket:before{content:""}.fa-rocketchat:before{content:""}.fa-rockrms:before{content:""}.fa-route:before{content:""}.fa-rss:before{content:""}.fa-rss-square:before{content:""}.fa-ruble-sign:before{content:""}.fa-ruler:before{content:""}.fa-ruler-combined:before{content:""}.fa-ruler-horizontal:before{content:""}.fa-ruler-vertical:before{content:""}.fa-running:before{content:""}.fa-rupee-sign:before{content:""}.fa-sad-cry:before{content:""}.fa-sad-tear:before{content:""}.fa-safari:before{content:""}.fa-salesforce:before{content:""}.fa-sass:before{content:""}.fa-satellite:before{content:""}.fa-satellite-dish:before{content:""}.fa-save:before{content:""}.fa-schlix:before{content:""}.fa-school:before{content:""}.fa-screwdriver:before{content:""}.fa-scribd:before{content:""}.fa-scroll:before{content:""}.fa-sd-card:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-seedling:before{content:""}.fa-sellcast:before{content:""}.fa-sellsy:before{content:""}.fa-server:before{content:""}.fa-servicestack:before{content:""}.fa-shapes:before{content:""}.fa-share:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-share-square:before{content:""}.fa-shekel-sign:before{content:""}.fa-shield-alt:before{content:""}.fa-ship:before{content:""}.fa-shipping-fast:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-shoe-prints:before{content:""}.fa-shopify:before{content:"綾"}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-shopping-cart:before{content:""}.fa-shopware:before{content:""}.fa-shower:before{content:""}.fa-shuttle-van:before{content:""}.fa-sign:before{content:""}.fa-sign-in-alt:before{content:""}.fa-sign-language:before{content:""}.fa-sign-out-alt:before{content:""}.fa-signal:before{content:""}.fa-signature:before{content:""}.fa-sim-card:before{content:""}.fa-simplybuilt:before{content:""}.fa-sistrix:before{content:""}.fa-sitemap:before{content:""}.fa-sith:before{content:""}.fa-skating:before{content:""}.fa-sketch:before{content:""}.fa-skiing:before{content:""}.fa-skiing-nordic:before{content:""}.fa-skull:before{content:""}.fa-skull-crossbones:before{content:""}.fa-skyatlas:before{content:""}.fa-skype:before{content:""}.fa-slack:before{content:""}.fa-slack-hash:before{content:""}.fa-slash:before{content:""}.fa-sleigh:before{content:""}.fa-sliders-h:before{content:""}.fa-slideshare:before{content:""}.fa-smile:before{content:""}.fa-smile-beam:before{content:""}.fa-smile-wink:before{content:""}.fa-smog:before{content:""}.fa-smoking:before{content:""}.fa-smoking-ban:before{content:""}.fa-sms:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-snowboarding:before{content:""}.fa-snowflake:before{content:""}.fa-snowman:before{content:""}.fa-snowplow:before{content:""}.fa-socks:before{content:""}.fa-solar-panel:before{content:""}.fa-sort:before{content:""}.fa-sort-alpha-down:before{content:""}.fa-sort-alpha-down-alt:before{content:""}.fa-sort-alpha-up:before{content:""}.fa-sort-alpha-up-alt:before{content:""}.fa-sort-amount-down:before{content:""}.fa-sort-amount-down-alt:before{content:""}.fa-sort-amount-up:before{content:""}.fa-sort-amount-up-alt:before{content:""}.fa-sort-down:before{content:""}.fa-sort-numeric-down:before{content:""}.fa-sort-numeric-down-alt:before{content:""}.fa-sort-numeric-up:before{content:""}.fa-sort-numeric-up-alt:before{content:""}.fa-sort-up:before{content:""}.fa-soundcloud:before{content:""}.fa-sourcetree:before{content:""}.fa-spa:before{content:""}.fa-space-shuttle:before{content:""}.fa-speakap:before{content:""}.fa-speaker-deck:before{content:""}.fa-spell-check:before{content:""}.fa-spider:before{content:""}.fa-spinner:before{content:""}.fa-splotch:before{content:""}.fa-spotify:before{content:""}.fa-spray-can:before{content:""}.fa-square:before{content:""}.fa-square-full:before{content:""}.fa-square-root-alt:before{content:""}.fa-squarespace:before{content:""}.fa-stack-exchange:before{content:""}.fa-stack-overflow:before{content:""}.fa-stackpath:before{content:""}.fa-stamp:before{content:""}.fa-star:before{content:""}.fa-star-and-crescent:before{content:""}.fa-star-half:before{content:""}.fa-star-half-alt:before{content:""}.fa-star-of-david:before{content:""}.fa-star-of-life:before{content:""}.fa-staylinked:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-steam-symbol:before{content:""}.fa-step-backward:before{content:""}.fa-step-forward:before{content:""}.fa-stethoscope:before{content:""}.fa-sticker-mule:before{content:""}.fa-sticky-note:before{content:""}.fa-stop:before{content:""}.fa-stop-circle:before{content:""}.fa-stopwatch:before{content:""}.fa-store:before{content:""}.fa-store-alt:before{content:""}.fa-strava:before{content:""}.fa-stream:before{content:""}.fa-street-view:before{content:""}.fa-strikethrough:before{content:""}.fa-stripe:before{content:""}.fa-stripe-s:before{content:""}.fa-stroopwafel:before{content:""}.fa-studiovinari:before{content:""}.fa-stumbleupon:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-subscript:before{content:""}.fa-subway:before{content:""}.fa-suitcase:before{content:""}.fa-suitcase-rolling:before{content:""}.fa-sun:before{content:""}.fa-superpowers:before{content:""}.fa-superscript:before{content:""}.fa-supple:before{content:""}.fa-surprise:before{content:""}.fa-suse:before{content:""}.fa-swatchbook:before{content:""}.fa-swift:before{content:""}.fa-swimmer:before{content:""}.fa-swimming-pool:before{content:""}.fa-symfony:before{content:""}.fa-synagogue:before{content:""}.fa-sync:before{content:""}.fa-sync-alt:before{content:""}.fa-syringe:before{content:""}.fa-table:before{content:""}.fa-table-tennis:before{content:""}.fa-tablet:before{content:""}.fa-tablet-alt:before{content:""}.fa-tablets:before{content:""}.fa-tachometer-alt:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-tape:before{content:""}.fa-tasks:before{content:""}.fa-taxi:before{content:""}.fa-teamspeak:before{content:""}.fa-teeth:before{content:""}.fa-teeth-open:before{content:""}.fa-telegram:before{content:""}.fa-telegram-plane:before{content:""}.fa-temperature-high:before{content:""}.fa-temperature-low:before{content:""}.fa-tencent-weibo:before{content:""}.fa-tenge:before{content:""}.fa-terminal:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-th:before{content:""}.fa-th-large:before{content:""}.fa-th-list:before{content:""}.fa-the-red-yeti:before{content:""}.fa-theater-masks:before{content:""}.fa-themeco:before{content:""}.fa-themeisle:before{content:""}.fa-thermometer:before{content:""}.fa-thermometer-empty:before{content:""}.fa-thermometer-full:before{content:""}.fa-thermometer-half:before{content:""}.fa-thermometer-quarter:before{content:""}.fa-thermometer-three-quarters:before{content:""}.fa-think-peaks:before{content:""}.fa-thumbs-down:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbtack:before{content:""}.fa-ticket-alt:before{content:""}.fa-times:before{content:""}.fa-times-circle:before{content:""}.fa-tint:before{content:""}.fa-tint-slash:before{content:""}.fa-tired:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-toilet:before{content:""}.fa-toilet-paper:before{content:""}.fa-toolbox:before{content:""}.fa-tools:before{content:""}.fa-tooth:before{content:""}.fa-torah:before{content:""}.fa-torii-gate:before{content:""}.fa-tractor:before{content:""}.fa-trade-federation:before{content:""}.fa-trademark:before{content:""}.fa-traffic-light:before{content:""}.fa-trailer:before{content:"論"}.fa-train:before{content:""}.fa-tram:before{content:""}.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-trash:before{content:""}.fa-trash-alt:before{content:""}.fa-trash-restore:before{content:""}.fa-trash-restore-alt:before{content:""}.fa-tree:before{content:""}.fa-trello:before{content:""}.fa-tripadvisor:before{content:""}.fa-trophy:before{content:""}.fa-truck:before{content:""}.fa-truck-loading:before{content:""}.fa-truck-monster:before{content:""}.fa-truck-moving:before{content:""}.fa-truck-pickup:before{content:""}.fa-tshirt:before{content:""}.fa-tty:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-tv:before{content:""}.fa-twitch:before{content:""}.fa-twitter:before{content:""}.fa-twitter-square:before{content:""}.fa-typo3:before{content:""}.fa-uber:before{content:""}.fa-ubuntu:before{content:""}.fa-uikit:before{content:""}.fa-umbraco:before{content:""}.fa-umbrella:before{content:""}.fa-umbrella-beach:before{content:""}.fa-underline:before{content:""}.fa-undo:before{content:""}.fa-undo-alt:before{content:""}.fa-uniregistry:before{content:""}.fa-unity:before{content:"雷"}.fa-universal-access:before{content:""}.fa-university:before{content:""}.fa-unlink:before{content:""}.fa-unlock:before{content:""}.fa-unlock-alt:before{content:""}.fa-untappd:before{content:""}.fa-upload:before{content:""}.fa-ups:before{content:""}.fa-usb:before{content:""}.fa-user:before{content:""}.fa-user-alt:before{content:""}.fa-user-alt-slash:before{content:""}.fa-user-astronaut:before{content:""}.fa-user-check:before{content:""}.fa-user-circle:before{content:""}.fa-user-clock:before{content:""}.fa-user-cog:before{content:""}.fa-user-edit:before{content:""}.fa-user-friends:before{content:""}.fa-user-graduate:before{content:""}.fa-user-injured:before{content:""}.fa-user-lock:before{content:""}.fa-user-md:before{content:""}.fa-user-minus:before{content:""}.fa-user-ninja:before{content:""}.fa-user-nurse:before{content:""}.fa-user-plus:before{content:""}.fa-user-secret:before{content:""}.fa-user-shield:before{content:""}.fa-user-slash:before{content:""}.fa-user-tag:before{content:""}.fa-user-tie:before{content:""}.fa-user-times:before{content:""}.fa-users:before{content:""}.fa-users-cog:before{content:""}.fa-usps:before{content:""}.fa-ussunnah:before{content:""}.fa-utensil-spoon:before{content:""}.fa-utensils:before{content:""}.fa-vaadin:before{content:""}.fa-vector-square:before{content:""}.fa-venus:before{content:""}.fa-venus-double:before{content:""}.fa-venus-mars:before{content:""}.fa-viacoin:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-vial:before{content:""}.fa-vials:before{content:""}.fa-viber:before{content:""}.fa-video:before{content:""}.fa-video-slash:before{content:""}.fa-vihara:before{content:""}.fa-vimeo:before{content:""}.fa-vimeo-square:before{content:""}.fa-vimeo-v:before{content:""}.fa-vine:before{content:""}.fa-vk:before{content:""}.fa-vnv:before{content:""}.fa-voicemail:before{content:""}.fa-volleyball-ball:before{content:""}.fa-volume-down:before{content:""}.fa-volume-mute:before{content:""}.fa-volume-off:before{content:""}.fa-volume-up:before{content:""}.fa-vote-yea:before{content:""}.fa-vr-cardboard:before{content:""}.fa-vuejs:before{content:""}.fa-walking:before{content:""}.fa-wallet:before{content:""}.fa-warehouse:before{content:""}.fa-water:before{content:""}.fa-wave-square:before{content:""}.fa-waze:before{content:""}.fa-weebly:before{content:""}.fa-weibo:before{content:""}.fa-weight:before{content:""}.fa-weight-hanging:before{content:""}.fa-weixin:before{content:""}.fa-whatsapp:before{content:""}.fa-whatsapp-square:before{content:""}.fa-wheelchair:before{content:""}.fa-whmcs:before{content:""}.fa-wifi:before{content:""}.fa-wikipedia-w:before{content:""}.fa-wind:before{content:""}.fa-window-close:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-windows:before{content:""}.fa-wine-bottle:before{content:""}.fa-wine-glass:before{content:""}.fa-wine-glass-alt:before{content:""}.fa-wix:before{content:""}.fa-wizards-of-the-coast:before{content:""}.fa-wolf-pack-battalion:before{content:""}.fa-won-sign:before{content:""}.fa-wordpress:before{content:""}.fa-wordpress-simple:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpexplorer:before{content:""}.fa-wpforms:before{content:""}.fa-wpressr:before{content:""}.fa-wrench:before{content:""}.fa-x-ray:before{content:""}.fa-xbox:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-y-combinator:before{content:""}.fa-yahoo:before{content:""}.fa-yammer:before{content:""}.fa-yandex:before{content:""}.fa-yandex-international:before{content:""}.fa-yarn:before{content:""}.fa-yelp:before{content:""}.fa-yen-sign:before{content:""}.fa-yin-yang:before{content:""}.fa-yoast:before{content:""}.fa-youtube:before{content:""}.fa-youtube-square:before{content:""}.fa-zhihu:before{content:""}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:auto;src:url("../Content/fontawesomev5/webfonts/fa-brands-400.eot");src:url("../Content/fontawesomev5/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../Content/fontawesomev5/webfonts/fa-brands-400.woff2") format("woff2"),url("../Content/fontawesomev5/webfonts/fa-brands-400.woff") format("woff"),url("../Content/fontawesomev5/webfonts/fa-brands-400.ttf") format("truetype"),url("../Content/fontawesomev5/webfonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("../Content/fontawesomev5/webfonts/fa-regular-400.eot");src:url("../Content/fontawesomev5/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../Content/fontawesomev5/webfonts/fa-regular-400.woff2") format("woff2"),url("../Content/fontawesomev5/webfonts/fa-regular-400.woff") format("woff"),url("../Content/fontawesomev5/webfonts/fa-regular-400.ttf") format("truetype"),url("../Content/fontawesomev5/webfonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Free';font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:auto;src:url("../Content/fontawesomev5/webfonts/fa-solid-900.eot");src:url("../Content/fontawesomev5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../Content/fontawesomev5/webfonts/fa-solid-900.woff2") format("woff2"),url("../Content/fontawesomev5/webfonts/fa-solid-900.woff") format("woff"),url("../Content/fontawesomev5/webfonts/fa-solid-900.ttf") format("truetype"),url("../Content/fontawesomev5/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900}@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}
@font-face {
    font-family: Roboto-Medium;
    src: url('../Content/fonts/Roboto-Medium.woff');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../Content/fonts/Roboto-Regular.woff');
}

body {
    font-family: 'Roboto-Regular' !important;
}


@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('../Content/fonts/Roboto-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Italic'), url('../Content/fonts/Roboto-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin'), url('../Content/fonts/Roboto-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin Italic'), url('../Content/Content/fonts/Roboto-ThinItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto ExtraLight'), url('../Content/fonts/Roboto-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Roboto ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto ExtraLight Italic'), url('../Content/fonts/Roboto-ExtraLightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('../Content/fonts/Roboto-Light.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light Italic'), url('../Content/fonts/Roboto-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('../Content/fonts/Roboto-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium Italic'), url('../Content/fonts/Roboto-MediumItalic.woff') format('woff');
}

/*@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('../Content/fonts/Roboto-SemiBold.woff') format('woff');
}*/

@font-face {
    font-family: 'Roboto SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto SemiBold Italic'), url('../Content/fonts/Roboto-SemiBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold'), url('../Content/fonts/Roboto-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold Italic'), url('../Content/fonts/Roboto-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto ExtraBold'), url('../Content/fonts/Roboto-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Roboto ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto ExtraBold Italic'), url('../Content/fonts/Roboto-ExtraBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black'), url('../Content/fonts/Roboto-Black.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black Italic'), url('../Content/fonts/Roboto-BlackItalic.woff') format('woff');
}

.navbar {
    min-height: 55px;
    border-bottom: 1px solid #dbdbdb;
    position: fixed;
    width: 100%;
    top: 0px;
}

.navbar-logo {
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    width: 232px;
}

.navbar-header {
    height: 55px;
    display: flex;
    align-items: center;
}


.sidebar-toggle {
    width: 20px;
}

    .sidebar-toggle a {
        color: #049aff;
        font-size: 16px;
    }

        .sidebar-toggle a:hover {
        }

.sidebar-hide {
    position: fixed;
    left: -271px;
}

.main-content-hide {
    margin-left: 0 !important;
}

.navbar-brand-hide {
    margin-left: -300px;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    -webkit-transition: margin-left 1s;
    transition: margin-left 1s;
}
/** me-myteam settings **/
ul.my-team-buttons {
    height: auto;
    margin: 0px;
}

    ul.my-team-buttons > li > a {
        background-color: white;
        color: #000000;
        border: 1px solid #cdcdd8;
        width: auto;
        padding: 0 12px;
    }

        ul.my-team-buttons > li > a > span {
            padding-left: 5px;
        }

    ul.my-team-buttons > li {
        line-height: 29px;
        height: 30px;
    }

        ul.my-team-buttons > li > a:hover {
            background-color: white;
        }

        ul.my-team-buttons > li > a, i {
            border-radius: 18px 18px;
            font-size: 11px;
            font-family: 'Roboto Medium';
        }

        ul.my-team-buttons > li#btn-me-1 > a.btn-me > i {
            color: #2ecb70 !important;
        }

        ul.my-team-buttons > li#btn-me-2 > a.btn-me > i {
            color: #FF824A !important;
        }
/** nav bar settings **/
span.nav-separator {
    border-left: 1px solid #cdcdd8;
    height: 18px;
    margin: 12px;
}

.nav-icon-wrapper {
    /*opacity: .1;
    transition: opacity .2s;*/
    border-radius: 40px;
    margin: 0;
    height: 37px;
    width: 37px !important;
    text-align: center;
    overflow: visible;
}

.nav-bg-danger {
    background-color: #fde8e9;
}

.nav-wrapper-danger {
    color: #ed1b23;
    opacity: 1;
}

.nav-badge-danger {
    color: #ed1b23;
    border: 4px solid #ed1b23;
}

.nav-bg-warning {
    background-color: #FEF5E7;
}

.nav-wrapper-warning {
    color: #f39c12;
    opacity: 1;
}

.nav-badge-warning {
    color: #f39c12;
    border: 4px solid #f39c12;
}


.nav-bg-default {
    background-color: #E6E8E9;
}

.nav-wrapper-default {
    color: #444054;
    opacity: 1;
}

.nav-badge-default {
    color: #444054;
    border: 4px solid #444054;
}

.nav-bg-primary {
    background-color: #eff5ff;
}

.nav-wrapper-primary {
    color: #049aff;
    opacity: 1;
}

.nav-badge-primary {
    color: #049aff;
    border: 4px solid #049aff;
}

.nav-badge {
    right: 5px;
    position: absolute;
    border-radius: 1.25rem;
}

.ace-nav > li {
    line-height: 37px;
    height: 37px;
}

    .ace-nav > li > a {
        padding: 0 0px;
        min-width: 44px;
    }

        .ace-nav > li > a [class*="icon-"] {
            font-size: 13px !important;
        }

        .ace-nav > li.open > a, .ace-nav > li > a:hover, .ace-nav > li > a:focus {
            background: none !important;
        }

.module-list-icon {
    font-size: 12px;
    color: #8497a1;
}

.dropdown-navbar > li.dropdown-header {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
    height: 45px;
    text-align: center;
    font-family: 'Roboto Regular';
    color: #000;
    text-transform: capitalize;
    margin: -1px;
    font-size: 15px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right:before, .dropdown-menu.pull-right.dropdown-caret:before,
.widget-toolbar > .dropdown > .dropdown-menu.pull-right:after, .dropdown-menu.pull-right.dropdown-caret:after {
    display: none;
}

.dropdown-menu.dropdown-close {
    top: 100%;
}

.module-list-icon-wrapper {
    background: #f2f4f5;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border-radius: 30px;
}

#modules-list > div:hover, #modules-list-admin > div:hover {
    background: #f2f4f5;
    border-radius: 5px;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    font-weight: normal;
}

    #modules-list > div:hover .module-list-text, #modules-list-admin > div:hover .module-list-text, #modules-list > div:hover .module-list-icon, #modules-list-admin > div:hover .module-list-icon {
        color: #049aff;
    }
/** side bar settings **/
#sidemenu {
    background-color: #fff;
    height: 100vh;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #dbdbdb;
}

#sidebar {
    width: 240px;
    position: fixed;
    z-index:3;
}

.sidebar, .sidebar:before, .main-container:after {
    background-color: #FFFFFF;
}

.nav-list > li > a, .nav-list > li .submenu > li > a {
    font-family: 'Roboto light';
    padding: 7px 10px 7px 17px;
    border-radius: 5px;
    text-transform: capitalize;
    font: inherit;
    margin: 2px 12px 0px 12px;
    font-size: 12px;
}

.nav-list > li.open > a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.nav-list > li .submenu > li > a {
    margin: 2px 12px 1px 10px;
    padding: 5px 16px;
    width: auto;
    color: #8C9BB0;
}

.nav-list li.active > a:after, .nav-list li.active > a:before, .nav-list li > a:after, .nav-list li > a:before, .nav-list > li > a:hover:before, .nav-list > li.active > a:hover:before {
    display: none;
}

.nav-list > li .submenu {
    margin: 0px 12px 0px 12px;
    box-shadow: 0px 0px 7px -2px inset;
    padding-bottom: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.nav-list > li.active > a:hover, .nav-list > li.open > a:hover, .nav-list > li.active > a:active {
}

.nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active,
.nav-list > li.open > a, .nav-list > li.open > a:hover, .nav-list > li.open > a:focus, .nav-list > li.open > a:active,
.nav-list > li > a:hover, .nav-list > li > a:focus, .nav-list > li > a:active {
    font-size: 12px;
    color: #fff;
    background-image: linear-gradient(to right,#ff4156,#FF9A49);
    font-family: 'Roboto Medium';
}

.nav-list > li .submenu > li.active > a, .nav-list > li .submenu > li > a:hover {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto Regular';
}

.nav-list > li > .submenu:before, .nav-list > li.active > .submenu:before {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #ff4156;
    left: 10px;
}

.nav-list > li a > .arrow {
    top: 10px;
    transition: transform 300ms;
    color: #ededed;
}

.nav-list > li a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow {
    color: #fff;
}

.nav-list > li.open > a > .arrow {
    transform: rotate(-180deg);
}

.nav-list > li .submenu > li > a:hover:before {
    display: none;
}

.nav-list li.active.open > .submenu > li.active > a:after {
    display: none;
}
/* HRIS */
.hris-header-menu {
    width: 200px;
    left: -245px;
    position: absolute;
    top: -30px;
}

.profile-header-info {
    background: #dbdbdb;
    border-radius: 5px;
    padding: 10px 20px;
}

    .profile-header-info .head {
        text-transform: uppercase;
        color: #878787;
        font-weight: bold;
        font-family: 'Roboto Medium';
        font-size: 10px;
    }

    .profile-header-info .value {
        font-size: 10px;
        font-family: 'Roboto Medium';
        color: #000;
    }

    .profile-header-info .break {
        border: 0.01em solid #fff;
        margin: 3px;
    }
/** main content***/
.main-content {
    margin-left: 240px;
    background: #FFFFFF;
    /*padding: 2px 20px 20px 20px;*/
    padding-bottom: 20px;
}

.page-content {
    background: #fff;
    border: 0px solid #dbdbdb;
    border-radius: 0px;
    padding: 0 0 60px 0;
    min-height: 480px;
    margin-top: 56px;
}

.breadcrumbs {
    background-color: #f9fafb;
    border-bottom: none;
    line-height: 30px;
    min-height: 30px;
    display: none;
}

ul.breadcrumb {
    margin: 0px 0px;
}

.breadcrumb-item {
    font-size: 12px;
    font-family: 'Roboto Regular';
}

.breadcrumb .home-icon {
    font-size: 16px;
    color: #8291a9;
}

.breadcrumb > li, .breadcrumb > li.active {
    color: #000;
    padding: 0px 1px;
}

    .breadcrumb > li > a {
        text-decoration: none;
        color: #8291a9;
        padding-right: 0px;
    }

    .breadcrumb > li:last-child {
        margin-left: 3px;
    }

.crud_toolbox {
    background-color: #f9fafb;
    margin: 0px;
    border-bottom: 1px solid #dbdbdb;
}

.title, .heading {
    color: #000;
    text-transform: capitalize;
    font-family: 'Roboto Light';
    font-weight: bold;
    font-size: 18px;
}
/** all pages list view changes **/
div.dataTables_length select {
    width: 60px;
    border-radius: 18px;
    height: 30px;
    font-size: 13px;
    padding: 2px 6px;
    color: #000;
}

div.dataTables_filter label {
    font-weight: normal;
    float: right;
    border-radius: 18px;
    border: 1px solid #d5d5d5;
    padding: 1px 10px;
    height: 30px;
    background-color: #FFF;
}

.dataTables_filter input[type=text] {
    width: 165px;
    border: none;
    font-size: 13px;
    color: #000;
}

#btnSearchgrid, #btnSearchgridview {
    border-width: 3px;
    height: 20px;
    background-color: #fff !important;
    border: none;
}

    #btnSearchgrid > span, #btnSearchgridview > span {
        color: #d5d5d5;
    }

        #btnSearchgrid > span > i, #btnSearchgridview > span > i {
            padding-top: 5px;
        }

div#div-crud a {
    border-radius: 12px;
    height: 22px;
    width: 22px;
    border-width: 0;
    padding: 1px 9px;
}

    div#div-crud a.btn-primary {
        background-color: #049aff !important;
    }

    div#div-crud a.btn-info {
        background-color: #f39c12 !important;
    }

div#div-crud > a > i {
    margin: -1px -3px;
    line-height: 13px;
}

div#grid_tools {
    display: inline-block;
    width: 50%;
}

/*to fix search bar overflow by (zaid) */ 
@media screen and (max-width: 1285px) {
    div#grid_tools {
        display: inline-block;
        width: 55%;
    }

    .dataTables_filter input[type=text] {
        width: 150px;
        border: none;
        font-size: 13px;
        color: #000;
    }
   
} 

div#div-crud {
    display: inline-block;
    float: right;
    margin-top: 2px;
    margin-right: 12px;
}

.new-container {
    /*padding-top: 10px;*/
    margin: 0 12px;
}

#main-quick-links {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    #main-quick-links::-webkit-scrollbar {
        width: 10px;
    }

    #main-quick-links::-webkit-scrollbar-track {
        background: #FFF;
    }

    #main-quick-links::-webkit-scrollbar-thumb {
        background: #eaeaea;
        border-left: 3px solid #FFF;
    }

        #main-quick-links::-webkit-scrollbar-thumb:hover {
            background: #989898;
        }


div#btndb {
    padding: 3px;
    border-radius: 20px;
    background-color: #049aff;
}

    div#btndb .btn-default.active:after {
        display: none;
    }

    div#btndb .btn {
        padding: 2px;
        border-radius: 10px !important;
        border: none;
        background-color: #049aff !important;
        font-size: 12px;
        width: 75px;
    }

    div#btndb .btn-default.active {
        background-color: #ffffff !important;
        border-color: #fff;
        color: #000 !important;
    }

div.btn-group {
    padding: 3px;
    border-radius: 20px;
    background-color: #049aff;
}

    div.btn-group .btn-default.active:after {
        display: none;
    }

    div.btn-group .btn {
        padding: 2px 10px;
        border-radius: 10px !important;
        border: none;
        background-color: #049aff !important;
        font-size: 12px;
        width: auto;
    }

    div.btn-group .btn-default.active {
        background-color: #ffffff !important;
        border-color: #fff;
        color: #000 !important;
    }

/** datatables **/
.table {
}

    .table thead, .table tfoot {
        background-color: #eaeaea;
        color: #000;
        font-family: 'Roboto Medium';
        font-size: 12px;
    }

        .table thead tr {
            height: 40px;
            font-weight: bold !important;
            border-bottom: none;
        }

            .table thead tr th, .table tfoot tr td {
                color: #000;
                text-transform: capitalize;
                vertical-align: middle;
            }

    .table tr:first-child th:first-child, tr:first-child, table {
        border-top-left-radius: 5px !important;
    }

    .table tr:first-child th:last-child, tr:first-child, table {
        border-top-right-radius: 5px !important;
    }

.dataTable th[class*=sort]:hover {
    color: #049aff;
}

#grid > tbody > tr > td:nth-child(2) > a:hover {
    text-decoration: none;
    color: #049aff;
}

#grid th, #gridview th {
    font-weight: bold !important;
    font-family: 'Roboto Regular';
    font-size: 14px;
}

.table-bordered {
    border: 0px;
    border-bottom: 0px;
}

.dataTable th[class*=sort]:after {
    color: #8291a9;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
    content: ' ';
    width: 17px;
    height: 17px;
    content: "\f007";
    font-family: FontAwesome;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    background-color: #cdcdd9;
    border: 1px solid #cdcdd9;
    line-height: 21px;
    height: 22px;
    font-size: 11px;
}

input[type=checkbox].ace.ace-switch:checked + .lbl::after {
    color: #049aff;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    background-color: #e5f5ff;
    border: 1px solid #e5f5ff;
    color: #049aff;
}

.odd {
    background-color: #f9f9f9;
}

.paging_full_numbers .paginate_button {
    border: 1px solid #dedede;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    color: #000;
    font-family: 'Roboto light';
    font-weight: normal;
    font-size: 12px;
}

.paginate_button.paginate_button_disabled {
    border: 0px;
    background-color: #f1f1f1;
    color: #8a8892;
    padding: 3px 10px 3px 10px;
}

    .paginate_button.paginate_button_disabled:hover {
        cursor: not-allowed;
        border: 0px !important;
        padding: 3px 10px 3px 10px !important;
        color: #acacac;
    }

.paging_full_numbers .paginate_button:hover {
    border: 1px solid #dedede;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

.paging_full_numbers .paginate_active {
    border: 1px solid #f39c12;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    background-color: #f39c12;
    font-size: 12px;
}

    .paging_full_numbers .paginate_active:hover {
        border: 1px solid #f39c12;
        padding: 3px 10px 3px 10px;
        border-radius: 5px;
        background-color: #F4A62A;
    }

div.dataTables_info {
    padding-top: 0px;
    font-size: 12px;
    font-family: Roboto light;
    color: #000;
}

/* card layout  */
.card-title {
    color: #000;
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'Roboto Regular';
    margin-bottom: 0px;
    display: inline-block;
}

.card-title-border:before {
    border: 2px solid #049aff;
    background: #049aff;
    content: " ";
    height: 30px;
    position: absolute;
    top: 12px;
    width: 4px;
    border-radius: 0px 10px 10px 0;
}

.card-title-border.ctb1:before {
    border: 2px solid #049aff;
    background: #049aff;
}

.card-title-border.ctb2:before {
    border: 2px solid #FF4704;
    background: #FF4704;
}

.card-title-border.ctb3:before {
    border: 2px solid #FFBB00;
    background: #FFBB00;
}

.card-title-border.ctb4:before {
    border: 2px solid #5EC562;
    background: #5EC562;
}

.card-title-border.ctb5:before {
    border: 2px solid #9C1CF5;
    background: #9C1CF5;
}

.card-title-border.ctb6:before {
    border: 2px solid #38455e;
    background: #38455e;
}


.card-title-border:after {
    /* color: #E2E6EB;
    content: "";
    position: absolute;
    top: 15px;
    width: 4px;
    right: 10px;
    border-radius: 0 10px 10px 0;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.card-title-border:hover::after {
    color: #8291a9;
    cursor: pointer;*/
}

.card-title-border.notools:after {
    display: none;
}

.card-title-border.nostrip:before {
    display: none;
}

.card-title-grey {
    background-color: #EFF2F6;
}

.card h6.card-subtitle {
    margin-bottom: 0px;
}

.card-green {
    background-color: #00CE86;
}

    .card-green .card-title-border {
        border-bottom: 0.1em solid #2FD39B;
    }

.card-blue {
    background-color: #24AAF8;
    background-image: linear-gradient(#24AAF8, rgb(75, 212, 218));
    min-height: 240px;
}

    .card-blue .card-title-border {
        border-bottom: 0.1em solid #68BBEC;
    }

.card-purple {
    background-color: #9B59B6;
}

    .card-purple .card-title-border {
        border-bottom: 0.1em solid #AE79C4;
    }

        .card-green .card-title-border:before, .card-blue .card-title-border:before, .card-purple .card-title-border:before {
            background: #fff;
            border-color: #fff;
        }

    .card-green .card-title, .card-blue .card-title, .card-purple .card-title {
        color: #fff;
    }

.card-green .carousel-control.left span, .carousel-control.right span {
    top: 75px;
}

.card-green .little-profile {
    margin-top: 10px;
}

.card-green img.img-circle {
    border: 5px solid #40D7A4;
    margin-top: 3px;
    width: 110px;
}

.card-blue img.img-circle {
    border: 5px solid #71C8F1;
    margin-top: 3px;
    width: 90px;
    height: 90px;
}

.card-blue ol.carousel-indicators {
    text-align: left;
    left: 35%;
    bottom: -7%;
}

    .card-blue ol.carousel-indicators li {
        border: 3px solid #fff;
    }

.card-blue .msg-image {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    text-align: center;
}

.card-blue .msg-message {
    display: inline-block;
    width: 79%;
    color: #fff;
}

.card-blue blockquote {
    border-left: none;
    font-family: 'Roboto Medium';
    font-size: 12px;
}

.card-blue .msg-info {
    margin-top: 20px;
}

    .card-blue .msg-info .name-dash-msg,
    .card-blue .msg-info .designation-dash-msg {
        color: white;
        font-family: 'Roboto Medium';
        display: block;
        margin-left: 25px;
    }

    .card-blue .msg-info .designation-dash-msg {
        color: #CCEFF3;
    }
/* dashboard items list */
.message-widget span.msg-category {
    padding: 4px 8px;
    font-family: 'Roboto Medium';
    font-size: 10px;
    border-radius: 5px;
}

    .message-widget span.msg-category.c1 {
        background-color: #E5F5FF;
        color: #36AFF2 !important;
    }

    .message-widget span.msg-category.c2 {
        background-color: #EEF9EE;
        color: #5EC562;
    }

    .message-widget span.msg-category.c3 {
        background-color: #FEF3F7;
        color: #F0286B;
    }

.message-widget span.count {
    width: 34px;
    height: 33px;
    font-size: 10px;
    font-family: 'Roboto Medium';
    background: #a7b2b9;
    border: 2px solid #cdd9e1;
    display: block;
    float: right;
    text-align: center;
    line-height: 3;
    border-radius: 20px;
    color: #fff;
}

.message-widget span.msg-title {
    font-size: 12px;
    font-family: 'Roboto medium';
    color: #000;
}

.message-box .message-widget a:hover {
    background: #F9FAFB;
}

.message-widget a.msg-a {
    display: -webkit-box;
}

.message-widget a.msg-view-more {
    text-align: center;
    font-size: 12px;
}

.message-widget .msg-detail {
    color: #A3A4A5;
    font-size: 11px;
    display: block;
}

.message-widget span.msg-detail.by {
    font-style: italic;
}

.message-widget span.msg-status {
    /*top: 20%;
    right: 12px;*/
    text-align: center;
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 10px;
    /*position: absolute;*/
    color: #fff;
    background: #f39c12;
    text-transform: capitalize;
}

.message-widget i.icon-calendar {
    color: #8291a9;
    font-size: 10px;
}

.message-widget span.msg-download {
    background-color: #e5f5ff;
    color: #049aff;
    top: 20%;
    right: -25px;
    float: right;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 22px;
    padding: 8px;
    font-size: 10px;
    position: absolute;
}

.message-widget .event-date {
    background-color: #00D187;
    text-align: center;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 5px;
    font-family: 'Roboto Medium';
    width: 40px;
    margin-left: -5px;
}

    .message-widget .event-date .event-day {
        display: block;
        color: #fff;
        padding: 3px;
    }

    .message-widget .event-date .event-month {
        display: block;
        color: #000;
        background: #fff;
        padding: 2px;
        border-radius: 0px 0px 4px 4px;
    }

.msg-bottom-onboard {
    color: #fff;
    font-family: 'Roboto Medium';
    background: #00BD83;
    padding: 10px;
}

    .msg-bottom-onboard .dept-name, .dept-label {
        display: inline-block;
        width: 49%;
    }

.dept-label {
    color: #B4E4D0;
}

.design-label {
    font-family: 'Roboto Medium';
    color: #B4E4D0;
}

.card-green h5 {
    margin-bottom: 3px;
}

.carousel-control.left span, .carousel-control.right span {
    font-weight: bold !important;
    font-size: 14px !important;
    background: #4DDBAB;
    padding: 10px;
    border-radius: 18px;
}

.carousel-control.right {
    right: 34px;
}

#Onbording h5 {
    font-family: 'Roboto Medium';
}

.dashboard-nav {
    float: right;
    margin-right: 20px;
    text-transform: capitalize;
    font-family: 'Roboto-Regular';
    text-align: center;
}

    .dashboard-nav li {
        display: inline-block;
        width: 80px;
    }

        .dashboard-nav li a {
            color: #8291a9;
            font-size: 10px;
        }

        .dashboard-nav li.active {
            background: #36AFF2;
            padding: 3px;
            border-radius: 5px;
        }

            .dashboard-nav li.active a {
                color: #fff;
                padding: 5px;
            }

.wishes .item {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

    .wishes .item .img-circle {
        border: 4px solid #e0e3e9;
        margin-top: 7px;
        width: 90px;
        margin-left: 33px;
    }

    .wishes .item h5 {
        font-family: 'Roboto-Regular';
        font-size: 12px;
        color: #000;
        margin-bottom: 6px;
    }

    .wishes .item h6 {
        font-family: 'Roboto-Regular';
        font-size: 10px;
        color: #A7A7A7;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .wishes .item .event-date {
        background-color: #FFBB00;
        text-align: center;
        font-size: 10px;
        padding: 1px 2px;
        border-radius: 5px;
        font-family: 'Roboto-Regular';
        width: 34px;
        float: right;
        margin: 1px;
    }

        .wishes .item .event-date .event-day {
            display: block;
            color: #fff;
            padding: 3px;
        }

        .wishes .item .event-date .event-month {
            display: block;
            color: #000;
            background: #fff;
            padding: 2px;
            border-radius: 0px 0px 4px 4px;
            text-transform: capitalize;
        }

.wishes .btn-primary {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: -1px;
    background-color: #8497A1 !important;
    border-color: #8497A1 !important;
    background: none;
    text-transform: capitalize;
    font-family: 'Roboto-Regular';
    font-size: 10px;
}

    .wishes .btn-primary:hover {
        background-color: #36AFF2 !important;
        border-color: #36AFF2 !important;
        box-shadow: 0px 0px 10px 0px #36AFF2 !important;
    }

/* ME /MY Team*/
.yesterday-container {
    margin-top: 45px;
}

.yesterday span.yesterday-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    line-height: 40px;
    position: absolute;
}

    .yesterday span.yesterday-icon i {
        font-size: 17px;
    }

.yesterday .blue {
    background-color: #E5F5FF;
    color: #36AFF2 !important;
}

.yesterday .red {
    background-color: #FDE6EE;
    color: #EE0E5A !important;
}

span.yesterday-label {
    position: absolute;
    left: 65px;
    text-transform: capitalize;
    font-family: 'Roboto-Regular';
    color: #A7A7A7;
}

span.yesterday-value {
    position: absolute;
    left: 65px;
    top: 20px;
    font-size: 15px;
    font-family: 'Roboto-Regular';
    color: #000;
}

.card-purple .clock {
}

.purple {
    background-color: #A56ABD;
    color: #fff !important;
    border: 5px solid #B07FC4;
}

span.mark-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    line-height: 25px;
    position: absolute;
}

span.mark-label {
    text-transform: capitalize;
    font-family: 'Roboto-Regular';
    color: #A7A7A7;
}

.clock {
    color: #fff !important;
    font-size: 15px;
    letter-spacing: 1px;
}

span.mark-value {
    display: block;
    font-size: 13px;
    font-family: 'Roboto-Regular';
    color: #d2d2d2;
}

.card-purple h3 {
    margin-top: 2px;
    color: #fff;
}

.card-purple .d-flex small {
    margin-left: 0px;
    font-size: 12px;
    color: #d2d2d2;
}

.card-purple .d-flex {
    color: #fff;
    margin-top: 30px;
}

.card-purple .btn-danger, .card-purple .btn-success {
    background-color: #A56ABD !important;
    color: #fff !important;
    border: 1px solid #fff;
}

.pending a {
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    margin: 5px 0px;
    border-radius: 5px;
}

    .pending a i {
        margin: 10px;
    }

    .pending a b {
        float: right;
        margin: 0px 0px;
        height: 33px;
        width: 45px;
        background: #fff;
        border-left-style: solid;
        border-left-width: 1px;
        border-radius: 0px 5px 5px 0px;
        text-align: center;
        line-height: 33px;
        font-family: 'Roboto-Regular';
    }

    .pending a h5 {
        font-family: 'Roboto-Regular';
        margin: 10px 5px;
        font-size: 12px;
        color: #000;
    }

    .pending a.a1 {
        background-color: #EBF7FE;
        border-color: #36AFF2;
    }

        .pending a.a1 i, .pending a.a1 b {
            color: #36AFF2;
        }

    .pending a.a2 {
        background-color: #FFF8E5;
        border-color: #FFBB00;
    }

        .pending a.a2 i, .pending a.a2 b {
            color: #FFBB00;
        }

    .pending a.a3 {
        background-color: #EEF9EE;
        border-color: #5EC562;
    }

        .pending a.a3 i, .pending a.a3 b {
            color: #5EC562;
        }

    .pending a.a4 {
        background-color: #EDEEF0;
        border-color: #4E596F;
    }

        .pending a.a4 i, .pending a.a4 b {
            color: #4E596F;
        }

    .pending a.a5 {
        background-color: #F5EEF8;
        border-color: #9B59B6;
    }

        .pending a.a5 i, .pending a.a5 b {
            color: #9B59B6;
        }

    .pending a.a6 {
        background-color: #FEF3F7;
        border-color: #F0286B;
    }

        .pending a.a6 i, .pending a.a6 b {
            color: #F0286B;
        }

.me-actions {
    margin-top: -235px;
}

.me-stat-cont {
    border: 1px solid #dbdbdb;
    height: 110px;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    text-align: left;
}

.me-stat span.me-stat-icon {
    height: 33px;
    width: 33px;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    line-height: 36px;
    position: absolute;
}

.me-stat span.me-stat-val {
    text-transform: capitalize;
    font-size: 15px;
    color: #000;
    position: relative;
    bottom: -34px;
    font-family: 'Roboto-Regular';
}

.me-stat span.me-stat-label {
    text-transform: capitalize;
    font-size: 11px;
    color: #979797;
    position: relative;
    bottom: -38px;
    font-family: 'Roboto-Regular';
    display: block;
}

.me-stat span.me-stat-icon i {
    font-size: 17px;
}

.me-stat .v {
    font-size: 22px;
}

.me-stat .s1 .me-stat-icon {
    background-color: #E5F5FF;
    color: #36AFF2 !important;
}

.me-stat .s1 .v {
    color: #36AFF2;
}

.me-stat .s2 .v {
    color: #FFBB00;
}

.me-stat .s3 .v {
    color: #5EC562;
}

.me-stat .s4 .v {
    color: #4E596F;
}

.me-stat .s5 .v {
    color: #9B59B6;
}

.me-stat .s6 .v {
    color: #F0286B;
}

.me-stat .s2 .me-stat-icon {
    background-color: #FFF8E5;
    color: #FFBB00;
}

.me-stat .s3 .me-stat-icon {
    background-color: #EEF9EE;
    color: #5EC562;
}

.me-stat .s4 .me-stat-icon {
    background-color: #EDEEF0;
    color: #4E596F;
}

.me-stat .s5 .me-stat-icon {
    background-color: #F5EEF8;
    color: #9B59B6;
}

.me-stat .s6 .me-stat-icon {
    background-color: #FEF3F7;
    color: #F0286B;
}

.my-appr a {
    display: inline-block !important;
    width: 200px;
}

.me-appr a:after {
    /*display: block;
    width: 30px;
    background: red;
    content: "\e080";
    float: right;
    height: 30px;
    font-family: FontAwesome;*/
}

.me-appr h5 {
    color: #36AFF2;
    font-family: 'Roboto-Regular';
    margin-bottom: 5px;
}

.me-appr h3.card-subtitle {
    padding: 8px;
    color: #979797;
    margin-bottom: 0px;
    font-family: 'Roboto-Regular';
    font-size: 12px;
    border-bottom: 1px solid rgba(120,130,140,.13);
}

.me-appr .mail-desc {
    font-family: 'Roboto-Regular';
}

.me-appr span.final {
    color: #fff;
    background-color: #5ec562;
    text-transform: capitalize;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline-block;
}

div.legend-cont {
    background-color: #EFF2F6;
    padding: 5px;
    border-radius: 10px;
}

    div.legend-cont .legend-i {
        background-color: #fff;
        padding: 5px 13px;
        border-radius: 5px;
        display: inline-block;
        width: auto;
        margin: 2px 1px;
    }

    div.legend-cont span.o {
        height: 13px;
        width: 13px;
        border-radius: 13px;
        /*background: #dbdbdb;*/
        margin-top: 3px;
        position: absolute;
    }

    div.legend-cont span.l {
        text-transform: capitalize;
        font-family: 'Roboto-Regular';
        color: #4e596f;
        margin-left: 22px;
    }

    div.legend-cont span.l2 {
        margin-left: 8px;
    }

    div.legend-cont span.o1 {
        background: #0FA7FF;
    }

    div.legend-cont span.o2 {
        background: #FA5757;
    }

    div.legend-cont span.o3 {
        background: #7FF64F;
    }

    div.legend-cont span.o4 {
        background: #ffe500;
    }

    div.legend-cont span.o5 {
        background: #12e48c;
    }

    div.legend-cont i.icon-calendar-empty {
        color: #E486AA;
        font-size: 15px;
        font-weight: bold;
    }

    div.legend-cont span.o6 {
        background: #E486AA;
    }

    div.legend-cont span.o7 {
        background: #C4DEF5;
    }

    div.legend-cont svg {
        color: #ADCCE8;
        font-size: 15px;
    }

    div.legend-cont span.o8 {
        background: #BBBBBB;
    }

    div.legend-cont i.icon-refresh {
        color: #BBBBBB;
        font-size: 15px;
        font-weight: bold;
    }

    div.legend-cont span.o9 {
        background: #FFB752;
    }

    div.legend-cont span.o10 {
        background: #edbdbd;
    }

    div.legend-cont span.o11 {
        background: #3A87AD;
    }

    div.legend-cont i.icon-laptop {
        color: #3A87AD;
        font-size: 15px;
        font-weight: bold;
    }

    div.legend-cont label {
    }

    div.legend-cont label {
        margin: 5px 10px;
        font-family: 'Roboto-Regular';
        width: auto;
    }

    div.legend-cont .ms-parent {
        margin: 5px 10px;
        font-family: 'Roboto-Regular';
    }
/*me-leave-balance */
.me-leave-bal-container {
    text-align: center;
}

.me-leave-bal-item:first-child {
    border-left: 1px solid #eee;
}

.me-leave-bal-item {
    display: inline-block;
    width: 200px;
    border-right: 1px solid #eee;
    padding: 0.5rem 1.6rem;
}

/*.me-leave-bal-title {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}*/


.me-leave-bal-title {
    text-align: center;
    font-size: 12px;
    font-weight: unset;
    color: #000;
}


.me-leave-bal-chart {
    text-align: center;
    margin-top: 5px;
}

.me-leave-bal-body {
    margin: 5px 5% 5px 5%;
    text-align: left;
}

.me-leave-bal-square {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 5px;
}

    .me-leave-bal-square.s1 {
        background: #36AFF2;
    }

    .me-leave-bal-square.s2 {
        background: #FFB752;
    }

    .me-leave-bal-square.s3 {
        background: #FA5757;
    }

    .me-leave-bal-square.s4 {
        background: #5EC562;
    }
    .me-leave-bal-square.s5 {
        background: #b55ec5;
    }
    .me-leave-bal-square.s6 {
        background: #FFBB00;
    }

.me-leave-bal-text {
    display: inline-block;
    color: #979797;
}

.me-leave-bal-count {
    display: inline-block;
    color: #000;
    float: right;
    font-family: 'Roboto-medium';
}
/*me- paryoll - reimbursement*/
.me-payroll-reim .uncl-wrp {
    border: 0.1em solid #eee;
    border-radius: 5px;
    text-align: center;
    align-items: center;
}

    .me-payroll-reim .uncl-wrp span.l {
        color: #8e8e8e;
        display: block;
        margin-top: 10px;
        font-family: 'Roboto-Regular';
        font-size: 12px;
    }

    .me-payroll-reim .uncl-wrp span.v {
        color: #fb0;
        font-size: 15px;
        font-family: 'Roboto-Regular';
        display: block;
        margin-bottom: 6px;
    }

    .me-payroll-reim .uncl-wrp span.bl {
        font-size: 10px;
        font-family: 'Roboto-Regular';
        color: #8e8e8e;
        background: #eee;
        padding: 3px 3px 1px 3px;
        width: 100%;
        display: block;
    }

        .me-payroll-reim .uncl-wrp span.bl span.a {
            color: #000;
        }

.me-payroll-reim div.uncl-wrp-br {
    border: 0.1em dotted #eee;
    height: 1px;
    margin: 10px;
}

.me-payroll-reim .uncl-wrp-2 {
    padding: 0px 5px 5px 5px;
}

    .me-payroll-reim .uncl-wrp-2 span.l {
        color: #bebebe;
        font-size: 12px;
        font-family: 'Roboto-Regular';
    }

    .me-payroll-reim .uncl-wrp-2 span.v1 {
        color: #36AFF2;
        font-size: 14px;
        font-family: 'Roboto-Regular';
    }

    .me-payroll-reim .uncl-wrp-2 span.v2 {
        color: #5dc460;
        font-size: 14px;
        font-family: 'Roboto-Regular';
    }

    .me-payroll-reim .uncl-wrp-2 span.t {
        font-size: 12px;
        font-family: 'Roboto-Regular';
        color: #000;
    }

    .me-payroll-reim .uncl-wrp-2 a.btn {
        border: .09em solid #36aff2;
        background: #fff !important;
        color: #36aff2 !important;
        width: 100%;
        margin-top: 15px;
        font-family: 'Roboto-Regular';
        font-size: 12px;
        padding: 6px;
    }

.me-payroll-sal a.btn-white {
    font-size: 12px;
    font-family: 'Roboto-Regular';
    color: #000 !important;
    text-align: right;
}

    .me-payroll-sal a.btn-white span.icon {
        background-color: #fff8e5;
        color: #fb0;
        height: 25px;
        width: 25px;
        text-align: center;
        vertical-align: middle;
        border-radius: 7px;
        line-height: 26px;
        position: absolute;
        margin: -4px 0px 0px -31px;
    }

span.cal-c-m-y {
    font-size: 20px;
    letter-spacing: 2px;
    display: block;
    padding-top: 2px;
    font-family: 'Roboto-Regular';
    color: #4F5A70;
    text-transform: capitalize;
}

input.input-c-m-y {
    font-size: 12px;
    letter-spacing: 1px;
    padding-top: 2px;
    font-family: 'Roboto-Regular';
    color: #52555d;
    padding-left: 13px;
    text-transform: capitalize;
}

table.cal-table {
    width: 100%;
    border: 1px solid #eee;
    color: #000;
    font-family: 'Roboto-Regular';
    border-radius: 10px;
}

    table.cal-table th {
        background: #EFF2F6;
        padding: 10px;
        font-size: 14px;
        color: #4e596f;
        text-transform: capitalize;
    }

    table.cal-table.my th {
        padding: 10px 5px;
        text-align: center;
    }

        table.cal-table.my th.wd {
            color: #0fa7ff;
        }

        table.cal-table.my th.a {
            color: #fa5757;
        }

        table.cal-table.my th.p {
            color: #ffb752;
        }

    table.cal-table.my > thead > tr,
    table.cal-table.my > thead > tr > th,
    table.cal-table.my > tbody > tr > td {
        border: 1px solid #D6D6D6;
    }

        table.cal-table.my > thead > tr > th:nth-child(1) {
            width: 200px;
            text-align: left;
            padding-left: 15px;
        }

        table.cal-table.my > tbody > tr > td:nth-child(1) {
            color: #0fa7ff;
        }

    table.cal-table > tbody > tr {
        border: 1px solid #D6D6D6;
        font-size: 10px;
    }

        table.cal-table > tbody > tr.has-e {
            cursor: pointer;
        }

            table.cal-table > tbody > tr.has-e:hover {
                background-color: #eee;
            }

        table.cal-table > tbody > tr > td {
            padding: 5px;
        }

            table.cal-table > tbody > tr > td > i.icon-calendar {
                margin-right: 10px;
                color: #979797;
            }

    table.cal-table span.weeklyoff {
        border: 0.1em solid #ffe500;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #ffe500;
        border-radius: 10px;
    }

    table.cal-table span.a-weeklyoff {
        border: .1em solid #ffe500;
        padding: 0.1em;
        background-color: #ffe500;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.absent {
        border: 0.1em solid #FA5757;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #FA5757;
        border-radius: 10px;
    }

    table.cal-table span.a-absent {
        border: .1em solid #FA5757;
        padding: 0.1em;
        background-color: #FA5757;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.present {
        border: 0.1em solid #7FF64F;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #7FF64F;
        border-radius: 10px;
    }

    table.cal-table span.a-present {
        border: .1em solid #7FF64F;
        padding: 0.1em;
        background-color: #7FF64F;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.hdp {
        border: 0.1em solid #ffb752;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #ffb752;
        border-radius: 10px;
    }

    table.cal-table span.a-hdp {
        border: .1em solid #ffb752;
        padding: 0.1em;
        background-color: #ffb752;
        width: 50%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.holiday {
        border: 0.1em solid #12e48c;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #12e48c;
        border-radius: 10px;
    }

    table.cal-table span.a-holiday {
        border: .1em solid #12e48c;
        padding: 0.1em;
        background-color: #12e48c;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.outdoor {
        border: 0.1em solid #C4DEF5;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #C4DEF5;
        border-radius: 10px;
    }

    table.cal-table span.a-outdoor {
        border: .1em solid #C4DEF5;
        padding: 0.1em;
        background-color: #C4DEF5;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.leave {
        border: 0.1em solid #E486AA;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #E486AA;
        border-radius: 10px;
    }

    table.cal-table span.a-leave {
        border: .1em solid #E486AA;
        padding: 0.1em;
        background-color: #E486AA;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.workfromhome {
        border: 0.1em solid #3a87ad;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #3a87ad;
        border-radius: 10px;
    }

    table.cal-table span.a-workfromhome {
        border: .1em solid #3a87ad;
        padding: 0.1em;
        background-color: #3a87ad;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.compoff {
        border: 0.1em solid #BBBBBB;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #BBBBBB;
        border-radius: 10px;
    }

    table.cal-table span.a-compoff {
        border: .1em solid #BBBBBB;
        padding: 0.1em;
        background-color: #BBBBBB;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table span.latein {
        border: 0.1em solid #edbdbd;
        padding: 2px 5px;
        width: fit-content;
        display: inline-block;
        color: #edbdbd;
        border-radius: 10px;
    }

    table.cal-table span.a-latein {
        border: .1em solid #edbdbd;
        padding: 0.1em;
        background-color: #edbdbd;
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    table.cal-table > tbody > tr > td.i > i.icon-time {
        font-size: 12px;
        color: #049aff;
    }

    table.cal-table > tbody > tr > td.o > i.icon-time {
        font-size: 12px;
        color: #F0286B;
    }

    /*my team - calendar events*/
    table.cal-table.my > tbody > tr:hover {
        background: #f1f1f1;
    }

    table.cal-table.my > tbody > tr > td {
        padding: 3px 10px;
        max-width: 30px;
        text-align: center;
    }

        table.cal-table.my > tbody > tr > td:last-child {
            max-width: 50px;
        }

        table.cal-table.my > tbody > tr > td.has-e {
            cursor: pointer;
        }

        table.cal-table.my > tbody > tr > td > i.icon-user {
            font-size: 15px;
        }

            table.cal-table.my > tbody > tr > td > i.icon-user.atdapplication {
                color: #0FA7FF;
            }

            table.cal-table.my > tbody > tr > td > i.icon-user.absent {
                color: #FA5757;
            }

            table.cal-table.my > tbody > tr > td > i.icon-user.present {
                color: #7FF64F;
            }

            table.cal-table.my > tbody > tr > td > i.icon-user.weeklyoff {
                color: #f8ee97;
            }

            table.cal-table.my > tbody > tr > td > i.icon-user.hdp {
                color: #ffb752;
            }

            table.cal-table.my > tbody > tr > td > i.icon-user.holiday {
                color: #AEF3D6;
            }

        table.cal-table.my > tbody > tr > td > i.leave {
            color: #e486aa;
            font-size: 17px;
            font-weight: bold;
        }

        table.cal-table.my > tbody > tr > td > i.icon-user.outdoor,
        table.cal-table.my > tbody > tr > td > svg.outdoor {
            color: #ADCCE8;
            font-size: 17px;
            font-weight: bold;
        }

        table.cal-table.my > tbody > tr > td > i.icon-user.latein {
            color: #ffdfdf;
        }

        table.cal-table.my > tbody > tr > td > i.icon-user.workfromhome,
        table.cal-table.my > tbody > tr > td > i.icon-laptop.workfromhome {
            color: #3A87AD;
            font-size: 17px;
            font-weight: bold;
        }

        table.cal-table.my > tbody > tr > td > i.icon-refresh.compoff {
            color: #BBBBBB;
            font-size: 14px;
        }

.cal-table-paging {
    display: block;
    width: 200px;
    float: right;
    margin-right: 15px;
}

    .cal-table-paging .paging_full_numbers {
        padding-bottom: 0px;
    }

#calpagesize {
    padding: 4px 6px;
    display: inline;
    border-radius: 5px;
    font-size: 10px;
    height: 25px;
    width: 60px;
}

table.me-table {
    border: 1px solid #eee;
    border-radius: 10px;
}

    table.me-table > tbody > tr > td:first-child {
        text-transform: capitalize;
        font-size: 12px;
        color: #52555d;
        font-family: 'Roboto-Regular';
    }

.table.me-table.table-striped > tbody > tr:nth-child(odd) > td,
.table.me-table.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F9FAFB;
}

.card.my-smry span.all-count {
    color: #000;
    font-family: 'Roboto Medium';
    font-size: 22px;
}

.card.my-smry span.all-count-text {
    color: #A7A7A7;
    font-family: 'Roboto Medium';
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.card.my-smry span.today-text {
    color: #FFCC49;
    font-family: 'Roboto Medium';
    display: block;
    background: #FFF8E5;
    padding: 10px;
    text-transform: capitalize;
    width: 155px;
    margin-bottom: 25px;
}

.card.my-smry img {
    border: 4px solid #eee;
}

.today-count-c {
    border: 0.1em solid #eee;
    height: 100px;
    display: block;
    width: 170px;
    padding: 10px;
    border-radius: 6px;
    height: 80px;
}

    .today-count-c:hover {
        cursor: pointer;
    }

.today-count.t1 .today-count-c {
    border: 0.1em solid #FFBB00;
    background-color: #FFF8E5;
    color: #FFBB00;
}

.today-count.t2 .today-count-c {
    border: 0.1em solid #F0286B;
    background-color: #FEF3F7;
    color: #F0286B;
}

.today-count.t3 .today-count-c {
    border: 0.1em solid #5EC562;
    background-color: #EEF9EE;
    color: #5EC562;
}

.today-count.t4 .today-count-c {
    border: 0.1em solid #9B59B6;
    background-color: #F5EEF8;
    color: #9B59B6;
}

.today-count-c i {
    padding: 7px 10px;
    background: #fff;
    font-size: 15px;
    border-radius: 5px;
}

span.today-count-v {
    display: block;
    font-size: 23px;
    font-family: 'Roboto Medium';
    text-align: right;
    margin-top: -17px;
}

span.today-count-l {
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'Roboto Medium';
    color: #a7a7a7;
    text-align: right;
    display: block;
}

.today-count {
    display: inline-block;
    padding: 10px 0px 0px 10px;
}


.input-group [type="text"], .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    padding-left: 10px;
    padding-right: 10px;
}

.subheading-blue {
    text-transform: capitalize;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 20px;
    padding: 9px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

/** Pending actions **/
.card .infobox {
    border: 1px solid #d8d8d8 !important;
}

.infobox > .infobox-icon > [class*="icon-"] {
    height: 38px;
    width: 38px;
    padding: 1px 0px;
}

    .infobox > .infobox-icon > [class*="icon-"]:before {
        background: none;
        font-size: 18px;
        padding: 9px 0px;
    }

.infobox-pink {
    color: #F0286B;
}

    .infobox-pink > .infobox-icon > [class*="icon-"] {
        background-color: #F0286B;
    }

.infobox-blue {
    color: #0FA7FF;
}

    .infobox-blue > .infobox-icon > [class*="icon-"] {
        background-color: #0FA7FF;
    }

.infobox-green {
    color: #5EC562;
}

    .infobox-green > .infobox-icon > [class*="icon-"] {
        background-color: #5EC562;
    }

.infobox-warning {
    color: #FFB752;
}

    .infobox-warning > .infobox-icon > [class*="icon-"] {
        background-color: #FFB752;
    }

.infobox-red {
    color: #E73131;
}

    .infobox-red > .infobox-icon > [class*="icon-"] {
        background-color: #E73131;
    }

.infobox-default {
    color: #BBBBBB;
}

    .infobox-default > .infobox-icon > [class*="icon-"] {
        background-color: #BBBBBB;
    }

#div-crud #btnIntro {
    display: none;
}

.Attendance-Appl h1, .Attendance-Appl h2, .Attendance-Appl h3, .Attendance-Appl h4, .Attendance-Appl h5, .Attendance-Appl h6,
.Leave-Appl h1, .Leave-Appl h2, .Leave-Appl h3, .Leave-Appl h4, .Leave-Appl h5, .Leave-Appl h6,
.Travel-Appl h1, .Travel-Appl h2, .Travel-Appl h3, .Travel-Appl h4, .Travel-Appl h5, .Travel-Appl h6,
.RMS-Appl h1, .RMS-Appl h2, .RMS-Appl h3, .RMS-Appl h4, .RMS-Appl h5, .RMS-Appl h6,
.master-view h1, .master-view h2, .master-view h3, .master-view h4, .master-view h5, .master-view h6,
.Payroll-Appl h1, .Payroll-Appl h2, .Payroll-Appl h3, .Payroll-Appl h4, .Payroll-Appl h5, .Payroll-Appl h6,
.PMS-Appl h1, .PMS-Appl h2, .PMS-Appl h3, .PMS-Appl h4, .PMS-Appl h5, .PMS-Appl h6,
.TMS-Appl h1, .TMS-Appl h2, .TMS-Appl h3, .TMS-Appl h4, .TMS-Appl h5, .TMS-Appl h6 {
    font-family: roboto medium;
}

.Attendance-Appl hr, .Leave-Appl hr, .Travel-Appl hr, .RMS-Appl hr, .master-view hr, .Payroll-Appl hr, .PMS-Appl hr, .TMS-Appl hr {
    border-color: #e0e0e0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.Attendance-Appl .newDiv, .Leave-Appl .newDiv, .Travel-Appl .newDiv, .RMS-Appl .newDiv, .master-view .newDiv, .Payroll-Appl .newDiv, .PMS-Appl .newDiv, .TMS-Appl .newDiv {
    margin-top: 2%;
}

/*.Attendance-Appl td, .Leave-Appl td, .Travel-Appl td, .Attendance-Appl th, .Leave-Appl th, .Travel-Appl th, .RMS-Appl th, .master-view th {
    text-align: center!important;
}*/

.Attendance-Appl .col5, .Leave-Appl .col5, .Travel-Appl .col5, .RMS-Appl .col5, .master-view .col5, .Payroll-Appl .col5, .PMS-Appl .col5, .TMS-Appl .col5 {
    /*width: 100%;*/
    border: 1px solid lightgray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 0;
}

.Attendance-Appl .width20per, .Leave-Appl .width20per, .Travel-Appl .width20per, .RMS-Appl .width20per, .master-view .width20per, .Payroll-Appl .width20per, .PMS-Appl .width20per, .TMS-Appl .width20per {
    width: 20%;
    float: left;
}

.Attendance-Appl .width40per, .Leave-Appl .width40per, .Travel-Appl .width40per, .RMS-Appl .width40per, .master-view .width40per, .Payroll-Appl .width40per, .PMS-Appl .width40per, .TMS-Appl .width40per {
    width: 40%;
}

.Attendance-Appl .width60per, .Leave-Appl .width60per, .Travel-Appl .width60per, .RMS-Appl .width60per, .master-view .width60per, .Payroll-Appl .width60per, .PMS-Appl .width60per, .TMS-Appl .width60per {
    width: 60%;
}

.Attendance-Appl .width80per, .Leave-Appl .width80per, .Travel-Appl .width80per, .RMS-Appl .width80per, .master-view .width80per, .Payroll-Appl .width80per, .PMS-Appl .width80per, .TMS-Appl .width80per {
    width: 80%;
}

.Attendance-Appl .text-uppercase, .Leave-Appl .text-uppercase, .Travel-Appl .text-uppercase, .RMS-Appl .text-uppercase, .master-view .text-uppercase, .Payroll-Appl .text-uppercase, .PMS-Appl .text-uppercase, .TMS-Appl .text-uppercase {
    text-transform: uppercase;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    padding: 0 12px !important;
}

/***Materialize css Begin***/
/*input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]
.Attendance-Appl .input-group-addon, .Leave-Appl .input-group-addon, .Travel-Appl .input-group-addon, .RMS-Appl .input-group-addon, .master-view .input-group-addon, .Payroll-Appl .input-group-addon, .SurveyPage .input-group-addon {
    
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;

}*/
.Attendance-Appl .input-group-addon, .Leave-Appl .input-group-addon, .Travel-Appl .input-group-addon, .RMS-Appl .input-group-addon, .SurveyPage .input-group-addon, .master-view .input-group-addon, .Payroll-Appl .input-group-addon, .PMS-Appl .input-group-addon, .TMS-Appl .input-group-addon {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom-color: #d4d3d3;
}

.Attendance-Appl .inpfileUpload, .Leave-Appl .inpfileUpload, .Travel-Appl .inpfileUpload, .RMS-Appl .inpfileUpload, .master-view .inpfileUpload, .Payroll-Appl .inpfileUpload, .PMS-Appl .inpfileUpload, .TMS-Appl .inpfileUpload {
    background-color: #FFF;
    border: none;
    /*border-bottom: 1px solid #d4d3d3;*/
    height: 2rem;
    padding: 0 !important;
}

.Attendance-Appl textarea.materialize-textarea, .Leave-Appl textarea.materialize-textarea, .RMS-Appl textarea.materialize-textarea, .master-view textarea.materialize-textarea, .Travel-Appl textarea.materialize-textarea, .Payroll-Appl textarea.materialize-textarea, .SurveyPage textarea.materialize-textarea, .PMS-Appl textarea.materialize-textarea, .TMS-Appl textarea.materialize-textarea {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    overflow-y: auto;
    height: auto !important;
    padding-top: 4px !important;
}

.Attendance-Appl [type="checkbox"] + label, .Leave-Appl [type="checkbox"] + label, .Travel-Appl [type="checkbox"] + label, .RMS-Appl [type="checkbox"] + label, .master-view [type="checkbox"] + label, .Payroll-Appl [type="checkbox"] + label, .PMS-Appl [type="checkbox"] + label, .TMS-Appl [type="checkbox"] + label {
    font-size: 12px;
}

.Attendance-Appl .switch label .lever, .Leave-Appl .switch label .lever, .Travel-Appl .switch label .lever, .RMS-Appl .switch label .lever, .Payroll-Appl .switch label .lever, .PMS-Appl .switch label .lever, .TMS-Appl .switch label .lever {
    width: 45px;
    height: 25px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.Attendance-Appl .switch label, .Leave-Appl .switch label, .Travel-Appl .switch label, .RMS-Appl .switch label, .Payroll-Appl .switch label, .PMS-Appl .switch label, .TMS-Appl .switch label {
    float: right;
}

    .Attendance-Appl .switch label .lever:after, .Leave-Appl .switch label .lever:after, .Travel-Appl .switch label .lever:after, .RMS-Appl .switch label .lever:after, .Payroll-Appl .switch label .lever:after, .PMS-Appl .switch label .lever:after, .TMS-Appl .switch label .lever:after {
        width: 16px;
        height: 16px;
        top: 3px;
        left: 5px;
        background-color: #b2b2b2;
        box-shadow: 0 1px 3px 1px rgb(168 168 168 / 32%);
    }

.RMS-Appl .toggle-switch {
    background-color: #4cb6f3;
    border-radius: 25px;
    padding: 5px;
    color: #FFF;
    display: inline;
}

.RMS-Appl .switch-active {
    color: #000;
    background-color: #FFF;
    padding: 0 10px;
    border-radius: 30px;
}

.RMS-Appl .toggle-switch span {
    cursor: pointer;
}

    .RMS-Appl .toggle-switch span:first-of-type {
        margin-right: 5px;
    }

input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: none !important;
}

.Attendance-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .Leave-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .Travel-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .RMS-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .Payroll-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .PMS-Appl .switch-info label input[type=checkbox]:checked + .lever:after, .TMS-Appl .switch-info label input[type=checkbox]:checked + .lever:after {
    background-color: #FFFFFF;
    /*box-shadow: 0 1px 3px 1px rgb(176 176 176 / 40%);*/
    top: 3px;
}

.Attendance-Appl .switch-info label input[type=checkbox]:checked + .lever, .Leave-Appl .switch-info label input[type=checkbox]:checked + .lever, .Travel-Appl .switch-info label input[type=checkbox]:checked + .lever, .RMS-Appl .switch-info label input[type=checkbox]:checked + .lever, .Payroll-Appl .switch-info label input[type=checkbox]:checked + .lever, .PMS-Appl .switch-info label input[type=checkbox]:checked + .lever, .TMS-Appl .switch-info label input[type=checkbox]:checked + .lever {
    background-color: #1eb648;
}

.bootstrap-timepicker-widget table td input {
    width: 50px !important;
}

.Attendance-Appl .well input, .Leave-Appl .well input, .Travel-Appl .well input, .RMS-Appl .well input, .Payroll-Appl .well input, .PMS-Appl .well input, .TMS-Appl .well input,
.Attendance-Appl .well select, .Leave-Appl .well select, .Travel-Appl .well select, .RMS-Appl .well select, .Payroll-Appl .well select, .PMS-Appl .well select, .TMS-Appl .well select,
.Attendance-Appl .well textarea, .Leave-Appl .well textarea, .Travel-Appl .well textarea, .RMS-Appl .well textarea, .Payroll-Appl .well textarea, .PMS-Appl .well textarea, .TMS-Appl .well textarea,
.Attendance-Appl .well .ms-choice, .Leave-Appl .well .ms-choice, .Travel-Appl .well .ms-choice, .RMS-Appl .well .ms-choice, .Payroll-Appl .well .ms-choice, .PMS-Appl .well .ms-choice, .TMS-Appl .well .ms-choice,
.Attendance-Appl .well .select2-container, .Leave-Appl .well .select2-container, .Travel-Appl .well .select2-container, .RMS-Appl .well .select2-container, .Payroll-Appl .well .select2-container, .PMS-Appl .well .select2-container, .TMS-Appl .well .select2-container {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
}

.Attendance-Appl .well .inpfileUpload, .Leave-Appl .well .inpfileUpload, .Travel-Appl .well .inpfileUpload, .RMS-Appl .well .inpfileUpload, .master-view .well .inpfileUpload, .Payroll-Appl .well .inpfileUpload, .PMS-Appl .well .inpfileUpload, .TMS-Appl .well .inpfileUpload {
    padding: 4px !important;
}

.Attendance-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .Leave-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .Travel-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .RMS-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .master-view .well input[type="checkbox"].filled-in:not(:checked) + label:after, .Payroll-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .PMS-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after, .TMS-Appl .well input[type="checkbox"].filled-in:not(:checked) + label:after {
    background-color: #FFF;
}

label[for=chkAll]:after {
    background-color: #FFF !important;
}

.Attendance-Appl .materialize-textarea, .Leave-Appl .materialize-textarea, .Travel-Appl .materialize-textarea, .RMS-Appl .materialize-textarea, .master-view .materialize-textarea, .Payroll-Appl .materialize-textarea, .PMS-Appl .materialize-textarea, .TMS-Appl .materialize-textarea {
    height: auto !important;
    border-radius: 0 !important;
}

/***Materialize css End***/

/***Button design Begin***/
.Leave-Appl .label, .Attendance-Appl .label, .Travel-Appl .label, .RMS-Appl .label, .master-view .label, .master-view label, .Payroll-Appl .label, .SurveyPage .label, .PMS-Appl .label, .SurveyPage .label, .TMS-Appl .label {
    color: #7f7f7f;
    text-transform: capitalize;
    text-align: right;
    background-color: #FFF !important;
    white-space: normal;
    padding-top: 6px;
}

    .Leave-Appl .label label, .Attendance-Appl .label label, .Travel-Appl .label label, .RMS-Appl .label label, .master-view .label label, .master-view label, .Payroll-Appl .label label, .SurveyPage .label label, .PMS-Appl .label label, .TMS-Appl .label label {
        font-size: 12px;
        color: #7f7f7f;
    }

.Leave-Appl i, .Attendance-Appl i, .Travel-Appl i, .RMS-Appl i, .master-view i, .Payroll-Appl i, .PMS-Appl i {
    margin-right: 5px;
    font-size: 14px;
}

.Leave-Appl textarea, .Attendance-Appl textarea, .Travel-Appl textarea, .RMS-Appl textarea, .master-view textarea, .Payroll-Appl textarea, .SurveyPage .textarea, .PMS-Appl .textarea, .TMS-Appl .textarea {
    resize: none;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.Leave-Appl .individualBox, .Attendance-Appl .individualBox, .Travel-Appl .individualBox, .RMS-Appl .individualBox, .master-view .individualBox, .Payroll-Appl .individualBox, .SurveyPage .individualBox, .PMS-Appl .individualBox, .TMS-Appl .individualBox {
    margin-bottom: 20px;
    min-height: 30px;
}

.Leave-Appl .btm-margin-5px-individual .individualBox, .Attendance-Appl .btm-margin-5px-individual .individualBox, .Travel-Appl .btm-margin-5px-individual .individualBox, .RMS-Appl .btm-margin-5px-individual .individualBox, .master-view .btm-margin-5px-individual .individualBox, .Payroll-Appl .btm-margin-5px-individual .individualBox, .SurveyPage .btm-margin-5px-individual .individualBox, .PMS-Appl .btm-margin-5px-individual .individualBox, .TMS-Appl .btm-margin-5px-individual .individualBox {
    margin-bottom: 5px;
}

.Leave-Appl .btm-margin-10px-individual .individualBox, .Attendance-Appl .btm-margin-10px-individual .individualBox, .Travel-Appl .btm-margin-10px-individual .individualBox, .RMS-Appl .btm-margin-10px-individual .individualBox, .master-view .btm-margin-10px-individual .individualBox, .Payroll-Appl .btm-margin-10px-individual .individualBox, .SurveyPage .btm-margin-10px-individual .individualBox, .PMS-Appl .btm-margin-10px-individual .individualBox, .TMS-Appl .btm-margin-10px-individual .individualBox {
    margin-bottom: 10px;
}

.Leave-Appl .btm-margin-15px-individual .individualBox, .Attendance-Appl .btm-margin-15px-individual .individualBox, .Travel-Appl .btm-margin-15px-individual .individualBox, .RMS-Appl .btm-margin-15px-individual .individualBox, .master-view .btm-margin-15px-individual .individualBox, .Payroll-Appl .btm-margin-15px-individual .individualBox, .PMS-Appl .btm-margin-15px-individual .individualBox, .TMS-Appl .btm-margin-15px-individual .individualBox {
    margin-bottom: 15px;
}

.Leave-Appl .no-btm-margin-individual .individualBox, .Attendance-Appl .no-btm-margin-individual .individualBox, .Travel-Appl .no-btm-margin-individual .individualBox, .RMS-Appl .no-btm-margin-individual .individualBox, .master-view .no-btm-margin-individual .individualBox, .Payroll-Appl .no-btm-margin-individual .individualBox, .SurveyPage .no-btm-margin-individual .individualBox, .PMS-Appl .no-btm-margin-individual .individualBox, .TMS-Appl .no-btm-margin-individual .individualBox {
    margin-bottom: 0;
}

.Leave-Appl .boldRed, .Attendance-Appl .boldRed, .Travel-Appl .boldRed, .RMS-Appl .boldRed, .master-view .boldRed, .Payroll-Appl .boldRed, .SurveyPage .boldRed, .PMS-Appl .boldRed, .TMS-Appl .boldRed {
    font-weight: bold;
    color: red;
}

.Leave-Appl .individualBox p, .Attendance-Appl .individualBox p, .Travel-Appl .individualBox p, .RMS-Appl .individualBox p, .master-view .individualBox p, .Payroll-Appl .individualBox p, .PMS-Appl .individualBox p, .SurveyPage .individualBox p, .TMS-Appl .individualBox p {
    /*font-weight: bold;*/
    font-family: 'Roboto Medium';
    font-size: 14px;
    line-height: 1;
    padding-top: 6px;
    padding-left: 12px;
    color: #000;
}

.Leave-Appl .EmpDetails, .Attendance-Appl .EmpDetails, .Travel-Appl .EmpDetails, .RMS-Appl .EmpDetails, .master-view .EmpDetails, .Payroll-Appl .EmpDetails, .PMS-Appl .EmpDetails, .TMS-Appl .EmpDetails {
    height: 100px;
    padding: 20px;
    margin: 10px 0;
    border-radius: 10px;
    color: #FFF;
}

    .Leave-Appl .EmpDetails p, .Attendance-Appl .EmpDetails p, .Travel-Appl .EmpDetails p, .RMS-Appl .EmpDetails p, .master-view .EmpDetails p, .Payroll-Appl .EmpDetails p, .PMS-Appl .EmpDetails p, .TMS-Appl .EmpDetails p {
        margin: 0;
    }

.Leave-Appl .CandidateDetails, .Attendance-Appl .CandidateDetails, .Travel-Appl .CandidateDetails, .RMS-Appl .CandidateDetails, .master-view .CandidateDetails, .Payroll-Appl .CandidateDetails, .PMS-Appl .CandidateDetails, .TMS-Appl .CandidateDetails {
    height: 70px;
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
    color: #FFF;
    background-image: linear-gradient(to right,#36aff2,#268dd2);
}

    .Leave-Appl .CandidateDetails .label, .Attendance-Appl .CandidateDetails .label, .Travel-Appl .CandidateDetails .label, .RMS-Appl .CandidateDetails .label, .master-view .CandidateDetails .label, .Payroll-Appl .CandidateDetails .label, .PMS-Appl .CandidateDetails .label, .TMS-Appl .CandidateDetails .label {
        background-color: transparent !important;
        color: #FFF !important;
        text-align: left;
    }

        .Leave-Appl .CandidateDetails .label label, .Attendance-Appl .CandidateDetails .label label, .Travel-Appl .CandidateDetails .label label, .RMS-Appl .CandidateDetails .label label, .master-view .CandidateDetails .label label, .Payroll-Appl .CandidateDetails .label label, .SurveyPage .CandidateDetails .label, .PMS-Appl .CandidateDetails .label, .TMS-Appl .CandidateDetails .label {
            color: #FFF !important;
            font-family: 'Roboto Medium';
        }


    .Leave-Appl .CandidateDetails a, .Attendance-Appl .CandidateDetails a, .Travel-Appl .CandidateDetails a, .RMS-Appl .CandidateDetails a, .master-view .CandidateDetails a, .Payroll-Appl .CandidateDetails a, .PMS-Appl .CandidateDetails a, .TMS-Appl .CandidateDetails a {
        border-bottom: 2px solid #FFF;
        text-decoration: none;
    }

    .Leave-Appl .CandidateDetails p, .Attendance-Appl .CandidateDetails p, .Travel-Appl .CandidateDetails p, .RMS-Appl .CandidateDetails p, .master-view .CandidateDetails p, .Payroll-Appl .CandidateDetails p, .PMS-Appl .CandidateDetails p, .TMS-Appl .CandidateDetails p {
        color: #FFF;
    }

.Leave-Appl .fdiv, .Attendance-Appl .fdiv, .Travel-Appl .fdiv, .RMS-Appl .fdiv, .master-view .fdiv, .Payroll-Appl .fdiv, .PMS-Appl .fdiv, .TMS-Appl .fdiv {
    background-color: #36aff2;
    border-right: 3px solid #FFF;
}

.Leave-Appl .sdiv, .Attendance-Appl .sdiv, .Travel-Appl .sdiv, .RMS-Appl .sdiv, .Payroll-Appl .sdiv, .PMS-Appl .sdiv, .TMS-Appl .sdiv {
    background-image: linear-gradient(to right,#36aff2,#268dd2);
}

.Leave-Appl .btn-application, .Attendance-Appl .btn-application, .Travel-Appl .btn-application, .SurveyPage .btn-application, .RMS-Appl .btn-application, .master-view .btn-application, .Payroll-Appl .btn-application, .PMS-Appl .btn-application, .TMS-Appl .btn-application,
.Leave-Appl .btn-application-sm, .Attendance-Appl .btn-application-sm, .Travel-Appl .btn-application-sm, .SurveyPage .btn-application-sm, .RMS-Appl .btn-application-sm, .master-view .btn-application-sm, .Payroll-Appl .btn-application-sm, .PMS-Appl .btn-application-sm, .TMS-Appl .btn-application-sm {
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    padding: 2px 15px;
    text-transform: capitalize;
    margin-right: 5px;
    font-size: 13px;
    font-family: 'Roboto Medium';
}

.Leave-Appl .btn-application-sm, .Attendance-Appl .btn-application-sm, .Travel-Appl .btn-application-sm, .SurveyPage .btn-application-sm, .RMS-Appl .btn-application-sm, .master-view .btn-application-sm, .Payroll-Appl .btn-application-sm, .PMS-Appl .btn-application-sm, .TMS-Appl .btn-application-sm {
    padding: 0px 10px;
}

.Leave-Appl .btn-md, .Attendance-Appl .btn-md, .Travel-Appl .btn-md, .SurveyPage .btn-md, .RMS-Appl .btn-md, .master-view .btn-md, .Payroll-Appl .btn-md, .PMS-Appl .btn-md, .TMS-Appl .btn-md {
    padding: 5px 5px;
    color: #4cb6f3 !important;
    font-size: 16px;
    font-family: 'Roboto Medium';
    cursor: pointer;
}

.Leave-Appl .right-align-btn, .Attendance-Appl .right-align-btn, .Travel-Appl .right-align-btn, .SurveyPage .right-align-btn, .RMS-Appl .right-align-btn, .master-view .right-align-btn, .Payroll-Appl .right-align-btn, .PMS-Appl .right-align-btn, .TMS-Appl .right-align-btn {
    float: right !important;
    margin-left: 10px;
}

.RMS-Appl .btn-application:last-child, .Attendance-Appl .btn-application:last-child, .Leave-Appl .btn-application:last-child, .Payroll-Appl .btn-application:last-child, .PMS-Appl .btn-application:last-child, .TMS-Appl .btn-application:last-child {
    margin-right: 0 !important;
}

.Leave-Appl .btn-save, .Attendance-Appl .btn-save, .Travel-Appl .btn-save, .SurveyPage .btn-save, .SurveyPage .btn-save, .RMS-Appl .btn-save, .master-view .btn-save, .Payroll-Appl .btn-save, .PMS-Appl .btn-save, .TMS-Appl .btn-save {
    background-color: #36aff2 !important;
    border-color: #36aff2;
}

    .Leave-Appl .btn-save:hover, .Attendance-Appl .btn-save:hover, .Travel-Appl .btn-save:hover, .SurveyPage .btn-save:hover, .RMS-Appl .btn-save:hover, .master-view .btn-save:hover, .Payroll-Appl .btn-save:hover, .PMS-Appl .btn-save:hover, .TMS-Appl .btn-save:hover {
        background-color: #1aa0ea !important;
        border-color: #1aa0ea;
    }

.Leave-Appl .btn-exit, .Attendance-Appl .btn-exit, .Travel-Appl .btn-exit, .SurveyPage .btn-exit, .RMS-Appl .btn-exit, .master-view .btn-exit, .Payroll-Appl .btn-exit, .PMS-Appl .btn-exit, .TMS-Appl .btn-exit {
    background-color: #8a8a8a !important;
    border-color: #8a8a8a;
}

    .Leave-Appl .btn-exit:hover, .Attendance-Appl .btn-exit:hover, .Travel-Appl .btn-exit:hover, .RMS-Appl .btn-exit:hover, .master-view .btn-exit:hover, .Payroll-Appl .btn-exit:hover, .PMS-Appl .btn-exit:hover, .TMS-Appl .btn-exit:hover {
        background-color: #707070 !important;
        border-color: #707070;
    }

.Leave-Appl .btn-warning, .Attendance-Appl .btn-warning, .Travel-Appl .btn-warning, .RMS-Appl .btn-warning, .master-view .btn-warning, .Payroll-Appl .btn-warning, .PMS-Appl .btn-warning, .TMS-Appl .btn-warning {
    background-color: #f39c12 !important;
    border-color: #f39c12;
}

    .Leave-Appl .btn-warning:hover, .Attendance-Appl .btn-warning:hover, .Travel-Appl .btn-warning:hover, .RMS-Appl .btn-warning:hover, .master-view .btn-warning:hover, .Payroll-Appl .btn-warning:hover, .PMS-Appl .btn-warning:hover, .TMS-Appl .btn-warning:hover {
        background-color: #e58c00 !important;
        border-color: #e58c00;
    }

.Leave-Appl .btn-success, .Attendance-Appl .btn-success, .Travel-Appl .btn-success, .RMS-Appl .btn-success, .master-view .btn-success, .Payroll-Appl .btn-success, .PMS-Appl .btn-success, .TMS-Appl .btn-success {
    background-color: #19b45a !important;
    border-color: #19b45a;
}

    .Leave-Appl .btn-success:hover, .Attendance-Appl .btn-success:hover, .Travel-Appl .btn-success:hover, .RMS-Appl .btn-success:hover, .master-view .btn-success:hover, .Payroll-Appl .btn-success:hover, .PMS-Appl .btn-success:hover, .TMS-Appl .btn-success:hover {
        background-color: #24a729 !important;
        border-color: #24a729;
    }

.Leave-Appl .btn-danger, .Attendance-Appl .btn-danger, .Travel-Appl .btn-danger, .RMS-Appl .btn-danger, .master-view .btn-danger, .Payroll-Appl .btn-danger, .PMS-Appl .btn-danger, .TMS-Appl .btn-danger,
.Leave-Appl .btn-cancel, .Attendance-Appl .btn-cancel, .Travel-Appl .btn-cancel, .RMS-Appl .btn-cancel, .master-view .btn-cancel, .Payroll-Appl .btn-cancel, .PMS-Appl .btn-cancel, .TMS-Appl .btn-cancel {
    background-color: #ed1b23 !important;
    border-color: #ed1b23;
}

    .Leave-Appl .btn-danger:hover, .Attendance-Appl .btn-danger:hover, .Travel-Appl .btn-danger:hover, .RMS-Appl .btn-danger:hover, .master-view .btn-danger:hover, .Payroll-Appl .btn-danger:hover, .PMS-Appl .btn-danger:hover, .TMS-Appl .btn-danger:hover,
    .Leave-Appl .btn-cancel:hover, .Attendance-Appl .btn-cancel:hover, .Travel-Appl .btn-cancel:hover, .RMS-Appl .btn-cancel:hover, .master-view .btn-cancel:hover, .Payroll-Appl .btn-cancel:hover, .PMS-Appl .btn-cancel:hover .TMS-Appl .btn-cancel:hover {
        background-color: #d80008 !important;
        border-color: #d80008;
    }

.Leave-Appl .btn-info, .Attendance-Appl .btn-info, .Travel-Appl .btn-info, .RMS-Appl .btn-info, .master-view .btn-info, .Payroll-Appl .btn-info, .PMS-Appl .btn-info, .TMS-Appl .btn-info {
    background-color: #36aff2 !important;
    border-color: #36aff2;
}

    .Leave-Appl .btn-info:hover, .Attendance-Appl .btn-info:hover, .Travel-Appl .btn-info:hover, .RMS-Appl .btn-info:hover, .master-view .btn-info:hover, .Payroll-Appl .btn-info:hover, .PMS-Appl .btn-info:hover, .TMS-Appl .btn-info:hover,
    .Leave-Appl .btn-info:focus, .Attendance-Appl .btn-info:focus, .Travel-Appl .btn-info:focus, .RMS-Appl .btn-info:focus, .master-view .btn-info:focus, .Payroll-Appl .btn-info:focus, .PMS-Appl .btn-info:focus .TMS-Appl .btn-info:focus {
        background-color: #1c99de !important;
        border-color: #1c99de;
    }

.Leave-Appl .btn-white, .Attendance-Appl .btn-white, .Travel-Appl .btn-white, .RMS-Appl .btn-white, .master-view .btn-white, .Payroll-Appl .btn-white, .PMS-Appl .btn-white, .TMS-Appl .btn-white {
    background-color: #ffffff !important;
    color: #339edc !important;
}

    .Leave-Appl .btn-white:focus, .Attendance-Appl .btn-white:focus, .Travel-Appl .btn-white:focus, .RMS-Appl .btn-white:focus, .master-view .btn-white:focus, .Payroll-Appl .btn-white:focus, .PMS-Appl .btn-white:focus, .TMS-Appl .btn-white:focus,
    .Leave-Appl .btn-white:hover, .Attendance-Appl .btn-white:hover, .Travel-Appl .btn-white:hover, .RMS-Appl .btn-white:hover, .master-view .btn-white:hover, .Payroll-Appl .btn-white:hover, .PMS-Appl .btn-white:hover, .TMS-Appl .btn-white:hover {
        background-color: #fafafa !important;
        color: #339edc !important;
    }


.Leave-Appl .btn-info-reverse, .Attendance-Appl .btn-info-reverse, .Travel-Appl .btn-info-reverse, .RMS-Appl .btn-info-reverse, .master-view .btn-info-reverse, .Payroll-Appl .btn-info-reverse, .PMS-Appl .btn-info-reverse, .TMS-Appl .btn-info-reverse {
    background-color: #FFFFFF !important;
    border-color: #36aff2;
    padding-top: 7px;
    padding-bottom: 7px;
}

.Leave-Appl .btn-secondory, .Attendance-Appl .btn-secondory, .Travel-Appl .btn-secondory, .RMS-Appl .btn-secondory, .master-view .btn-secondory, .Payroll-Appl .btn-secondory, .PMS-Appl .btn-secondory, .TMS-Appl .btn-secondory {
    background-color: #FFFFFF !important;
    border: 1px solid #36aff2;
    color: #36aff2 !important;
    padding-top: 5px;
    padding-bottom: 4px;
}

    .Leave-Appl .btn-info-reverse:hover, .Attendance-Appl .btn-info-reverse:hover, .Travel-Appl .btn-info-reverse:hover, .RMS-Appl .btn-info-reverse:hover, .master-view .btn-info-reverse:hover, .Payroll-Appl .btn-info-reverse:hover, .PMS-Appl .btn-info-reverse:hover, .TMS-Appl .btn-info-reverse:hover,
    .Leave-Appl .btn-info-reverse:focus, .Attendance-Appl .btn-info-reverse:focus, .Travel-Appl .btn-info-reverse:focus, .RMS-Appl .btn-info-reverse:focus, .master-view .btn-info-reverse:focus, .Payroll-Appl .btn-info-reverse:focus, .PMS-Appl .btn-info-reverse:focus, .TMS-Appl .btn-info-reverse:focus,
    .Leave-Appl .btn-secondory:hover, .Attendance-Appl .btn-secondory:hover, .Travel-Appl .btn-secondory:hover, .RMS-Appl .btn-secondory:hover, .master-view .btn-secondory:hover, .Payroll-Appl .btn-secondory:hover, .PMS-Appl .btn-secondory:hover, .TMS-Appl .btn-secondory:hover,
    .Leave-Appl .btn-secondory:focus, .Attendance-Appl .btn-secondory:focus, .Travel-Appl .btn-secondory:focus, .RMS-Appl .btn-secondory:focus, .master-view .btn-secondory:focus, .Payroll-Appl .btn-secondory:focus, .PMS-Appl .btn-secondory:focus, .TMS-Appl .btn-secondory:focus {
        background-color: #FFFBF7F7 !important;
        border-color: #1c99de;
    }


/*.Travel-Appl .add-new-row, .Travel-Appl .delete-new-row, .RMS-Appl .delete-new-row, .RMS-Appl .delete-new-row {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-width: 0 !important;
}*/

.Travel-Appl .add-new-row .icon-plus, .RMS-Appl .add-new-row .icon-plus, .master-view .add-new-row .icon-plus, .Payroll-Appl .add-new-row .icon-plus, .PMS-Appl .add-new-row .icon-plus, .TMS-Appl .add-new-row .icon-plus,
.Travel-Appl .delete-new-row .icon-trash, .RMS-Appl .delete-new-row .icon-trash, .master-view .delete-new-row .icon-trash, .Payroll-Appl .delete-new-row .icon-trash, .PMS-Appl .delete-new-row .icon-trash, .TMS-Appl .delete-new-row .icon-trash {
    margin-right: 0px !important;
    text-decoration: none;
}

.Attendance-Appl .text-blue, .Leave-Appl .text-blue, .Travel-Appl .text-blue, .RMS-Appl .text-blue, .Payroll-Appl .text-blue, .SurveyPage .text-blue, .PMS-Appl .text-blue, .TMS-Appl .text-blue {
    color: #4cb6f3 !important;
}

.Attendance-Appl .text-red, .Leave-Appl .text-red, .Travel-Appl .text-red, .RMS-Appl .text-red, .Payroll-Appl .text-red, .SurveyPage .text-red, .PMS-Appl .text-red, .TMS-Appl .text-red {
    color: #ed1b23 !important;
}

.Attendance-Appl .text-black, .Leave-Appl .text-black, .Travel-Appl .text-black, .RMS-Appl .text-black, .Payroll-Appl .text-black, .SurveyPage .text-black, .PMS-Appl .text-black, .TMS-Appl .text-black {
    color: #000000 !important;
}

.Attendance-Appl .text-green, .Leave-Appl .text-green, .Travel-Appl .text-green, .RMS-Appl .text-green, .Payroll-Appl .text-green, .SurveyPage .text-green, .PMS-Appl .text-green, .TMS-Appl .text-green {
    color: #04db08 !important;
}

.Leave-Appl .vl, .Attendance-Appl .vl, .RMS-Appl .vl, .Payroll-Appl .vl, .PMS-Appl .vl, .TMS-Appl .vl {
    border-left: 1px solid darkgray;
    height: 550px;
}

.Leave-Appl .vr, .Attendance-Appl .vr, .RMS-Appl .vr, .Payroll-Appl .vr, .PMS-Appl .vr, .TMS-Appl .vr {
    border-right: 1px solid darkgray;
    height: 550px;
}

.Travel-Appl .vl, .Payroll-Appl .vl-auto, .PMS-Appl .vl-auto, .TMS-Appl .vl-auto {
    height: auto;
    border-left: 1px solid #dbd3d3;
}

.Travel-Appl .vr, .Payroll-Appl .vr-auto, .PMS-Appl .vr-auto, .TMS-Appl .vr-auto {
    height: auto;
    border-right: 1px solid #dbd3d3;
}

.Travel-Appl .icon:before, .RMS-Appl .icon:before, .Payroll-Appl .icon:before, .master-view .icon:before, .PMS-Appl .icon:before, .TMS-Appl .icon:before {
    width: 15px;
    height: 36px;
    font-size: 17px;
    padding: 10px 2px;
}

.Leave-Appl .inpfileUpload .icon:before, .Attendance-Appl .inpfileUpload .icon:before, .Travel-Appl .inpfileUpload .icon:before, .RMS-Appl .inpfileUpload .icon:before, .Payroll-Appl .inpfileUpload .icon:before, .PMS-Appl .inpfileUpload .icon:before, .TMS-Appl .inpfileUpload .icon:before {
    padding: 5px 2px;
}

.Travel-Appl .btn-xs .icon:before, .RMS-Appl .btn-xs .icon:before, .Payroll-Appl .btn-xs .icon:before, .PMS-Appl .btn-xs .icon:before, .TMS-Appl .btn-xs .icon:before {
    font-size: 16px;
    padding: 2px 0;
    height: auto;
}

.RMS-Appl .btn-xs > [class*="icon-"], .RMS-Appl .btn-minier > [class*="icon-"],
.Payroll-Appl .btn-xs > [class*="icon-"], .Payroll-Appl .btn-minier > [class*="icon-"],
.PMS-Appl .btn-xs > [class*="icon-"], .PMS-Appl .btn-minier > [class*="icon-"] .TMS-Appl .btn-xs > [class*="icon-"], .TMS-Appl .btn-minier > [class*="icon-"] { /*OverWrite ace.min style*/
    margin-right: 0px !important;
}

.Attendance-Appl .btn-editrow, .Travel-Appl .btn-editrow, .RMS-Appl .btn-editrow, .Payroll-Appl .btn-editrow, .PMS-Appl .btn-editrow, .TMS-Appl .btn-editrow {
    background-color: #e0eef6 !important;
    color: #049aff !important;
    border-color: #e0eef6;
}

    .Attendance-Appl .btn-editrow:hover, .Travel-Appl .btn-editrow:hover, .RMS-Appl .btn-editrow:hover, .Payroll-Appl .btn-editrow:hover, .PMS-Appl .btn-editrow:hover, .TMS-Appl .btn-editrow:hover {
        background-color: #bbe2f7 !important;
        color: #0484d9 !important;
        border-color: #bbe2f7;
    }

.Attendance-Appl .btn-saverow, .Travel-Appl .btn-saverow, .RMS-Appl .btn-saverow, .Payroll-Appl .btn-saverow, .PMS-Appl .btn-saverow, .TMS-Appl .btn-saverow {
    background-color: #dcfdd5 !important;
    color: #37ef0b !important;
    border-color: #dcfdd5;
}

    .Attendance-Appl .btn-saverow:hover, .Travel-Appl .btn-saverow:hover, .RMS-Appl .btn-saverow:hover, .Payroll-Appl .btn-saverow:hover, .PMS-Appl .btn-saverow:hover, .TMS-Appl .btn-saverow:hover {
        background-color: #d6fbce !important;
        color: #2ccd05 !important;
        border-color: #d6fbce;
    }

.Attendance-Appl .btn-deleterow, .Travel-Appl .btn-deleterow, .RMS-Appl .btn-deleterow, .Payroll-Appl .btn-deleterow, .PMS-Appl .btn-deleterow, .TMS-Appl .btn-deleterow {
    background-color: #fef1f2 !important;
    color: #ff0008 !important;
    border-color: #fef1f2;
}

    .Attendance-Appl .btn-deleterow:hover, .Travel-Appl .btn-deleterow:hover, .RMS-Appl .btn-deleterow:hover, .Payroll-Appl .btn-deleterow:hover, .PMS-Appl .btn-deleterow:hover, .TMS-Appl .btn-deleterow:hover {
        background-color: #ffd1d3 !important;
        color: #ae151a !important;
        border-color: #ffd1d3;
    }

.Leave-Appl .btn-round-edge, .Attendance-Appl .btn-round-edge, .Travel-Appl .btn-round-edge, .RMS-Appl .btn-round-edge, .Payroll-Appl .btn-round-edge, .PMS-Appl .btn-round-edge, .TMS-Appl .btn-round-edge {
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
}

/***Button design end***/

.Leave-Appl .balanceLT {
    font-size: 12px;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    margin: 0 10px 10px 0;
    padding: 3px 7px;
    width: 31%;
    display: inline-block;
}

.Leave-Appl .eachEmp, .Payroll-Appl .eachEmp, .PMS-Appl .eachEmp, .TMS-Appl .eachEmp {
    display: inline-block;
    margin-right: 12px;
    text-align: center;
    width: 51px;
    overflow: hidden;
}

.Leave-Appl .ellipsis, .Travel-Appl .ellipsis, .RMS-Appl .ellipsis, .Payroll-Appl .ellipsis, .PMS-Appl .ellipsis, .TMS-Appl .ellipsis {
    text-overflow: ellipsis;
}

.Leave-Appl .empName, .Payroll-Appl .empName, .PMS-Appl .empName, .TMS-Appl .empName {
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    font-size: 11px;
    font-weight: 600;
    margin-top: 5px;
}

    .Leave-Appl .empName:hover .empName, .Payroll-Appl .empName:hover .empName, .PMS-Appl .empName:hover .empName, .TMS-Appl .empName:hover .empName {
        margin-left: -300px;
    }

.Leave-Appl .empImg, .Attendance-Appl .empImg, .Travel-Appl .empImg, .Payroll-Appl .empImg, .PMS-Appl .empImg, .TMS-Appl .empImg {
    width: 45px;
    height: 45px;
    border-radius: 23px;
}

.Leave-Appl .empCount, Payroll-Appl .empCount, PMS-Appl .empCount, TMS-Appl .empCount {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    margin-bottom: 30px;
    cursor: pointer;
    background-color: #36aff2;
    text-align: center;
    font-size: 17px;
    font-weight: bolder;
    line-height: 2.6;
    color: #FFF;
}

/***Leave Appl End***/


/***Attendance Appl***/

.Attendance-Appl .red-badge, .Leave-Appl .red-badge, .Travel-Appl .red-badge, .RMS-Appl .red-badge, .Payroll-Appl .red-badge, .PMS-Appl .red-badge, .TMS-Appl .red-badge {
    background-color: #fef3f4 !important;
    color: #ed1b23;
    padding: 5px 30px;
    font-size: 13px;
    text-transform: capitalize;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.Attendance-Appl .green-appStatus-badge, .Leave-Appl .green-appStatus-badge, .RMS-Appl .green-appStatus-badge, .Payroll-Appl .green-appStatus-badge, .PMS-Appl .green-appStatus-badge, .TMS-Appl .green-appStatus-badge {
    border: 3px solid #b9eace !important;
    background-color: #25c367;
    padding: 5px 30px;
    font-size: 13px;
    color: #FFF;
    text-transform: capitalize;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
}

.Attendance-Appl .green-appStatus-badge-small, .Leave-Appl .green-appStatus-badge-small, .RMS-Appl .green-appStatus-badge-small, .Payroll-Appl .green-appStatus-badge-small, .PMS-Appl .green-appStatus-badge-small, .TMS-Appl .green-appStatus-badge-small {
    border: 3px solid #b9eace !important;
    background-color: #25c367;
    padding: 2px 2px 4px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    text-transform: capitalize;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
}

.Attendance-Appl .red-appStatus-badge, .Leave-Appl .red-appStatus-badge, .Travel-Appl .red-appStatus-badge, .RMS-Appl .red-appStatus-badge, .Payroll-Appl .red-appStatus-badge, .PMS-Appl .red-appStatus-badge, .TMS-Appl .red-appStatus-badge {
    border: 3px solid #fec7cc !important;
    background-color: #ed1b23;
    padding: 5px 30px;
    font-size: 13px;
    color: #FFF;
    text-transform: capitalize;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
}

.Attendance-Appl .badge-info, .Leave-Appl .badge-info, .RMS-Appl .badge-info, .Payroll-Appl .badge-info, .PMS-Appl .badge-info, .TMS-Appl .badge-info {
    background-color: #36aff2 !important;
    padding: 2px 11px 3px;
    border: 1px solid #36aff2 !important;
    text-align: center;
    color: #FFF;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
}

.Attendance-Appl .badge-white-info, .Leave-Appl .badge-white-info, .RMS-Appl .badge-white-info, .Payroll-Appl .badge-white-info, .PMS-Appl .badge-white-info, .TMS-Appl .badge-white-info {
    background-color: #FFF !important;
    padding: 2px 11px 3px;
    text-align: center;
    border: 2px solid #36aff2;
    color: #36aff2;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
}

    .Attendance-Appl .badge-white-info:hover, .Leave-Appl .badge-white-info:hover, .RMS-Appl .badge-white-info:hover, .Payroll-Appl .badge-white-info:hover, .PMS-Appl .badge-white-info:hover, .TMS-Appl .badge-white-info:hover,
    .Attendance-Appl .badge-white-info:focus, .Leave-Appl .badge-white-info:focus, .RMS-Appl .badge-white-info:focus, .Payroll-Appl .badge-white-info:focus, .PMS-Appl .badge-white-info:focus .TMS-Appl .badge-white-info:focus {
        color: #21a2e9;
        border: 2px solid #21a2e9;
    }

.Attendance-Appl .badge-white-danger, .Leave-Appl .badge-white-danger, .RMS-Appl .badge-white-danger, .Payroll-Appl .badge-white-danger, .PMS-Appl .badge-white-danger, .TMS-Appl .badge-white-danger {
    background-color: #FFF !important;
    padding: 2px 11px 3px;
    text-align: center;
    border: 2px solid #ff7434;
    color: #ff7434;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
    font-size: 14px;
}

    .Attendance-Appl .badge-white-danger:hover, .Leave-Appl .badge-white-danger:hover, .RMS-Appl .badge-white-danger:hover, .Payroll-Appl .badge-white-danger:hover, .PMS-Appl .badge-white-danger:hover, .TMS-Appl .badge-white-danger:hover,
    .Attendance-Appl .badge-white-danger:focus, .Leave-Appl .badge-white-danger:focus, .RMS-Appl .badge-white-danger:focus, .Payroll-Appl .badge-white-danger:focus, .PMS-Appl .badge-white-danger:focus .TMS-Appl .badge-white-danger:focus {
        color: #e3652a;
        border: 2px solid #e3652a;
    }


.Attendance-Appl .badge-white-success, .Leave-Appl .badge-white-success, .RMS-Appl .badge-white-success, .Payroll-Appl .badge-white-success, .PMS-Appl .badge-white-success, .TMS-Appl .badge-white-success {
    background-color: #FFF !important;
    padding: 2px 11px 3px;
    text-align: center;
    border: 2px solid #60ce64;
    color: #60ce64;
    -moz-border-radius: 50px;
    -webkit-border-radius: 25px;
    border-radius: 50px;
    font-size: 14px;
}

    .Attendance-Appl .badge-white-success:hover, .Leave-Appl .badge-white-success:hover, .RMS-Appl .badge-white-success:hover, .Payroll-Appl .badge-white-success:hover, .PMS-Appl .badge-white-success:hover, .TMS-Appl .badge-white-success:hover,
    .Attendance-Appl .badge-white-success:focus, .Leave-Appl .badge-white-success:focus, .RMS-Appl .badge-white-success:focus, .Payroll-Appl .badge-white-success:focus, .PMS-Appl .badge-white-success:focus .TMS-Appl .badge-white-success:focus {
        color: #33ae38;
        border: 2px solid #33ae38;
    }


.Attendance-Appl .badge-primary, .Leave-Appl .badge-primary, .RMS-Appl .badge-primary, .Payroll-Appl .badge-primary, .PMS-Appl .badge-primary, .TMS-Appl .badge-primary {
    padding: 2% 5% 2% 5% !important;
    background-color: #36AFF2 !important;
    border: 4px solid #B6E2FA !important;
}

.Attendance-Appl .badge-success, .Leave-Appl .badge-success, .RMS-Appl .badge-success, .Payroll-Appl .badge-success, .PMS-Appl .badge-success, .TMS-Appl .badge-success {
    padding: 2% 5% 2% 5% !important;
    background-color: #2ECB70 !important;
    border: 4px solid #9AE8BA !important;
}

.Attendance-Appl .badge-danger, .Leave-Appl .badge-danger, .RMS-Appl .badge-danger, .Payroll-Appl .badge-danger, .PMS-Appl .badge-danger, .TMS-Appl .badge-danger {
    padding: 2% 5% 2% 5% !important;
    background-color: #F5563B !important;
    border: 4px solid #F99686 !important;
}

.Attendance-Appl .panel-heading, .Leave-Appl .panel-heading, .Travel-Appl .panel-heading, .RMS-Appl .panel-heading, .Payroll-Appl .panel-heading, .PMS-Appl .panel-heading, .TMS-Appl .panel-heading {
    background-color: #FFF !important;
    padding-left: 25px;
}

.Attendance-Appl .config-panel, .Leave-Appl .config-panel, .Travel-Appl .config-panel, .RMS-Appl .config-panel, .PMS-Appl .config-panel, .TMS-Appl .config-panel {
    padding-top: 0px;
    border: 1px solid #c5d0dc;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.Attendance-Appl .config-panel-no-tabs, .Leave-Appl .config-panel-no-tabs, .Travel-Appl .config-panel-no-tabs, .RMS-Appl .config-panel-no-tabs, .PMS-Appl .config-panel-no-tabs, .TMS-Appl .config-panel-no-tabs {
    padding-top: 0px;
    border: 1px solid #c5d0dc;
    border-radius: 5px;
}

    .Attendance-Appl .config-panel p, .Leave-Appl .config-panel p, .Travel-Appl .config-panel p, .RMS-Appl .config-panel p, .PMS-Appl .config-panel p, .TMS-Appl .config-panel p,
    .Attendance-Appl .config-panel-no-tabs p, .Leave-Appl .config-panel-no-tabs p, .Travel-Appl .config-panel-no-tabs p, .RMS-Appl .config-panel-no-tabs p, .PMS-Appl .config-panel-no-tabs p, .TMS-Appl .config-panel-no-tabs p {
        padding-left: 0;
    }

.popover, .popover-header, .popover-title {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.Leave-Appl .popover-title, .Attendance-Appl .popover-title, .Travel-Appl .popover-title, .RMS-Appl .popover-title, .Payroll-Appl .popover-title, .PMS-Appl .popover-title, .TMS-Appl .popover-title {
    background-color: #FFF;
    color: #36aff2;
    text-align: center;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.Attendance-Appl .no-border, .Leave-Appl .no-border, .Travel-Appl .no-border, .RMS-Appl .no-border, .master-view .no-border, .Payroll-Appl .no-border, .PMS-Appl .no-border, .TMS-Appl .no-border {
    border: none !important;
}

.Attendance-Appl .no-padding, .Leave-Appl .no-padding, .Travel-Appl .no-padding, .RMS-Appl .no-padding, .master-view .no-padding, .Payroll-Appl .no-padding, .PMS-Appl .no-padding, .TMS-Appl .no-padding {
    padding: 0 !important;
}

.Attendance-Appl .padding-left-30px, .Leave-Appl .padding-left-30px, .Travel-Appl .padding-left-30px, .RMS-Appl .padding-left-30px, .master-view .padding-left-30px, .Payroll-Appl .padding-left-30px, .PMS-Appl .padding-left-30px, .TMS-Appl .padding-left-30px {
    padding-left: 30px !important;
}

.Attendance-Appl .btm-margin-0, .Leave-Appl .btm-margin-0, .Travel-Appl .btm-margin-0, .RMS-Appl .btm-margin-0, .master-view .btm-margin-0, .Payroll-Appl .btm-margin-0, .PMS-Appl .btm-margin-0, .TMS-Appl .btm-margin-0 {
    margin-bottom: 0;
}

.Attendance-Appl .btm-margin-20px, .Leave-Appl .btm-margin-20px, .Travel-Appl .btm-margin-20px, .SurveyPage .btm-margin-20px, .RMS-Appl .btm-margin-20px, .master-view .btm-margin-20px, .Payroll-Appl .btm-margin-20px, .PMS-Appl .btm-margin-20px, .TMS-Appl .btm-margin-20px {
    margin-bottom: 20px;
}

.Attendance-Appl .btm-margin-10px, .Leave-Appl .btm-margin-10px, .Travel-Appl .btm-margin-10px, .SurveyPage .btm-margin-10px, .RMS-Appl .btm-margin-10px, .master-view .btm-margin-10px, .Payroll-Appl .btm-margin-10px, .PMS-Appl .btm-margin-10px, .TMS-Appl .btm-margin-10px {
    margin-bottom: 10px;
}

.Attendance-Appl .btm-margin-5px, .Leave-Appl .btm-margin-5px, .Travel-Appl .btm-margin-5px, .SurveyPage .btm-margin-5px, .RMS-Appl .btm-margin-5px, .master-view .btm-margin-5px, .Payroll-Appl .btm-margin-5px, .PMS-Appl .btm-margin-5px, .TMS-Appl .btm-margin-5px {
    margin-bottom: 5px;
}

.Attendance-Appl .top-margin-0, .Leave-Appl .top-margin-0, .Travel-Appl .top-margin-0, .SurveyPage .top-margin-0, .RMS-Appl .top-margin-0, .master-view .top-margin-0, .Payroll-Appl .top-margin-0, .PMS-Appl .top-margin-0, .TMS-Appl .top-margin-0 {
    margin-top: 0;
}

.Attendance-Appl .top-margin-1per, .Leave-Appl .top-margin-1per, .Travel-Appl .top-margin-1per, .SurveyPage .top-margin-1per, .RMS-Appl .top-margin-1per, .master-view .top-margin-1per, .Payroll-Appl .top-margin-1per, .PMS-Appl .top-margin-1per, .TMS-Appl .top-margin-1per {
    margin-top: 1%;
}

.Attendance-Appl .top-margin-2per, .Leave-Appl .top-margin-2per, .Travel-Appl .top-margin-2per, .SurveyPage .top-margin-2per, .RMS-Appl .top-margin-2per, .master-view .top-margin-2per, .Payroll-Appl .top-margin-2per, .PMS-Appl .top-margin-2per, .TMS-Appl .top-margin-2per {
    margin-top: 2%;
}

.Attendance-Appl .bottom-margin-2per, .Leave-Appl .bottom-margin-2per, .Travel-Appl .bottom-margin-2per, .SurveyPage .bottom-margin-2per, .RMS-Appl .bottom-margin-2per, .master-view .bottom-margin-2per, .Payroll-Appl .bottom-margin-2per, .PMS-Appl .bottom-margin-2per, .TMS-Appl .bottom-margin-2per {
    margin-bottom: 2%;
}

.Attendance-Appl .top-margin-5per, .Leave-Appl .top-margin-5per, .Travel-Appl .top-margin-5per, .SurveyPage .top-margin-5per, .RMS-Appl .top-margin-5per, .master-view .top-margin-5per, .Payroll-Appl .top-margin-5per, .PMS-Appl .top-margin-5per .TMS-Appl .top-margin-5per {
    margin-top: 5%;
}

.Attendance-Appl .bottom-margin-5per, .Leave-Appl .bottom-margin-5per, .Travel-Appl .bottom-margin-5per, .SurveyPage .bottom-margin-5per, .RMS-Appl .bottom-margin-5per, .master-view .bottom-margin-5per, .Payroll-Appl .bottom-margin-5per, .PMS-Appl .bottom-margin-5per, .TMS-Appl .bottom-margin-5per {
    margin-bottom: 5%;
}

.Attendance-Appl .custom-card, .Leave-Appl .custom-card, .Travel-Appl .custom-card, .SurveyPage .custom-card, .RMS-Appl .custom-card, .master-view .custom-card, .Payroll-Appl .custom-card, .PMS-Appl .custom-card, .TMS-Appl .custom-card {
    width: 19%;
    margin-right: 10px;
    cursor: pointer;
}

.Travel-Appl .card-active, .Travel-Appl .card-active, .RMS-Appl .card-active, .master-view .card-active, .Payroll-Appl .card-active, .PMS-Appl .card-active, .TMS-Appl .card-active {
    background-color: #eff8fd;
    border-color: #36aff2;
    box-shadow: 0px 10px 10px 0px #e0f3fd;
}

.Travel-Appl .double-overline, .RMS-Appl .double-overline, .Payroll-Appl .double-overline, .PMS-Appl .double-overline, .TMS-Appl .double-overline {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 4px double #e0e0e0;
    border-bottom: 4px double #e0e0e0;
}

.Travel-Appl .btm-border, .RMS-Appl .btm-border, .Payroll-Appl .btm-border, .PMS-Appl .btm-border, .TMS-Appl .btm-border {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.RMS-Appl .top-border, .Payroll-Appl .top-border, .PMS-Appl .top-border, .TMS-Appl .top-border {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.RMS-Appl .md-border, .Payroll-Appl .md-border, .PMS-Appl .md-border, .TMS-Appl .md-border {
    margin-top: 0px;
    padding-top: 30px;
    border-top: 2px solid #e0e0e0;
}

.Attendance-Appl .padding-2per, .Leave-Appl .padding-2per, .Travel-Appl .padding-2per, .SurveyPage .padding-2per, .RMS-Appl .padding-2per, .master-view .padding-2per, .Payroll-Appl .padding-2per, .PMS-Appl .padding-2per, .TMS-Appl .padding-2per {
    padding: 2%;
}

.RMS-Appl .TopBottomBorder, .Payroll-Appl .TopBottomBorder, .PMS-Appl .TopBottomBorder, .TMS-Appl .TopBottomBorder {
    padding: 25px 0 25px 30px;
    background-color: #f9fafb;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.Attendance-Appl .viewTable .label, .Leave-Appl .viewTable .label, .Travel-Appl .viewTable .label, .SurveyPage .viewTable .label, .RMS-Appl .viewTable .label, .master-view .viewTable .label, .Payroll-Appl .viewTable .label, .PMS-Appl .viewTable .label, .TMS-Appl .viewTable .label {
    text-align: right;
}

.Attendance-Appl .table-tr-bottom-bordered tbody tr, .RMS-Appl .table-tr-bottom-bordered tbody tr, .Payroll-Appl .table-tr-bottom-bordered tbody tr, .PMS-Appl .table-tr-bottom-bordered tbody tr, .TMS-Appl .table-tr-bottom-bordered tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

.Attendance-Appl .table .success, .Leave-Appl .table .success, .Travel-Appl .table .success, .SurveyPage .table .success, .RMS-Appl .table .success, .master-view .table .success, .Payroll-Appl .table .success, .PMS-Appl .table .success, .TMS-Appl .table .success {
    background-color: #cbedd9 !important;
    border-color: #cbedd9 !important;
}


#TimesheetDetails thead th {
    color: #f5f5f5;
    font-weight: normal;
    font-family: 'roboto medium';
    text-align: center;
}

#TimesheetDetails tbody tr {
    border-bottom: 1px solid #d6d3d3;
}
/*.TMS-Appl .timesheet-tbl {
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px !important;
    overflow: hidden;
}
.TMS-Appl #TimesheetDetails tbody td {
    padding: 0 !important;
}

#TimesheetDetails .tr {
    margin-top: -10px;
    padding: 10px;
}

.TMS-Appl .cl-projectDT {
    border: 1px solid #CCC;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

#TimesheetDetails .cl-task div {
    border: none;
    border-bottom: 1px solid #CCC;
}

    #TimesheetDetails .cl-task div:first-child {
        border-left: 1px solid #CCC;
    }

    #TimesheetDetails .cl-task div:last-child {
        border-right: 1px solid #CCC;
    }*/
/***Table Design for sticky header & footer with customized scroll bar***/

.Attendance-Appl .sticky-header-table-container, .Leave-Appl .sticky-header-table-container, .Travel-Appl .sticky-header-table-container, .SurveyPage .sticky-header-table-container, .RMS-Appl .sticky-header-table-container, .Payroll-Appl .sticky-header-table-container, .PMS-Appl .sticky-header-table-container, .TMS-Appl .sticky-header-table-container {
    overflow-y: scroll;
}

    .Attendance-Appl .sticky-header-table-container::-webkit-scrollbar, .Leave-Appl .sticky-header-table-container::-webkit-scrollbar, .Travel-Appl .sticky-header-table-container::-webkit-scrollbar, .SurveyPage .sticky-header-table-container::-webkit-scrollbar, .RMS-Appl .sticky-header-table-container::-webkit-scrollbar, .Payroll-Appl .sticky-header-table-container::-webkit-scrollbar, .PMS-Appl .sticky-header-table-container::-webkit-scrollbar, .TMS-Appl .sticky-header-table-container::-webkit-scrollbar {
        width: 7px;
    }

    .Attendance-Appl .sticky-header-table-container::-webkit-scrollbar-track, .Leave-Appl .sticky-header-table-container::-webkit-scrollbar-track, .Travel-Appl .sticky-header-table-container::-webkit-scrollbar-track, .SurveyPage .sticky-header-table-container::-webkit-scrollbar-track, .RMS-Appl .sticky-header-table-container::-webkit-scrollbar-track, .Payroll-Appl .sticky-header-table-container::-webkit-scrollbar-track, .PMS-Appl .sticky-header-table-container::-webkit-scrollbar-track, .TMS-Appl .sticky-header-table-container::-webkit-scrollbar-track {
        background: #FFF;
    }

    .Attendance-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .Leave-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .Travel-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .SurveyPage .sticky-header-table-container::-webkit-scrollbar-thumb, .RMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .Payroll-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .PMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb, .TMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb {
        background: #eaeaea;
        border-left: 3px solid #FFF;
    }

        .Attendance-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .Leave-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .Travel-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .SurveyPage .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .RMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .Payroll-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .PMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover, .TMS-Appl .sticky-header-table-container::-webkit-scrollbar-thumb:hover {
            background: #989898;
        }

.Attendance-Appl .sticky-header-with-scroll, .Leave-Appl .sticky-header-with-scroll, .Travel-Appl .sticky-header-with-scroll, .SurveyPage .sticky-header-with-scroll, .RMS-Appl .sticky-header-with-scroll, .Payroll-Appl .sticky-header-with-scroll, .PMS-Appl .sticky-header-with-scroll, .TMS-Appl .sticky-header-with-scroll {
    position: relative;
}

    .Attendance-Appl .sticky-header-with-scroll th, .Leave-Appl .sticky-header-with-scroll th, .Travel-Appl .sticky-header-with-scroll th, .SurveyPage .sticky-header-with-scroll th, .RMS-Appl .sticky-header-with-scroll th, .Payroll-Appl .sticky-header-with-scroll th, .PMS-Appl .sticky-header-with-scroll th, .TMS-Appl .sticky-header-with-scroll th,
    .Attendance-Appl .sticky-header-with-scroll tfoot td, .Leave-Appl .sticky-header-with-scroll tfoot td, .Travel-Appl .sticky-header-with-scroll tfoot td, .SurveyPage .sticky-header-with-scroll tfoot td, .RMS-Appl .sticky-header-with-scroll tfoot td, .Payroll-Appl .sticky-header-with-scroll tfoot td, .PMS-Appl .sticky-header-with-scroll tfoot td, .TMS-Appl .sticky-header-with-scroll tfoot td {
        position: sticky;
        z-index: 1;
    }

.sticky-header-with-scroll th {
    top: 0;
    background-color: #eaeaea;
    border-bottom: 1px solid #d0d0d0;
}

.sticky-header-with-scroll tfoot td {
    bottom: 0;
    background: #FFF;
    border-top: 1px solid #d0d0d0 !important;
}

/***Table Design for sticky header & footer with customized scroll bar***/


.Attendance-Appl .Custom-panel-heading, .Leave-Appl .Custom-panel-heading, .Travel-Appl .Custom-panel-heading, .SurveyPage .Custom-panel-heading, .RMS-Appl .Custom-panel-heading, .master-view .Custom-panel-heading, .Payroll-Appl .Custom-panel-heading, .PMS-Appl .Custom-panel-heading, .TMS-Appl .Custom-panel-heading {
    padding: 5px 0 !important;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    text-transform: capitalize;
}

    .Attendance-Appl .Custom-panel-heading h5, .Leave-Appl .Custom-panel-heading h5, .Travel-Appl .Custom-panel-heading h5, .SurveyPage .Custom-panel-heading h5, .RMS-Appl .Custom-panel-heading h5, .master-view .Custom-panel-heading h5, .Payroll-Appl .Custom-panel-heading h5, .PMS-Appl .Custom-panel-heading h5, .TMS-Appl .Custom-panel-heading h5 {
        color: #000 !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.RMS-Appl .heading {
    font-weight: bold;
    font-size: 18px;
}

.Attendance-Appl .widget-body .table thead:first-child tr, .RMS-Appl .widget-body .table thead:first-child tr, .Payroll-Appl .widget-body .table thead:first-child tr, .PMS-Appl .widget-body .table thead:first-child tr, .TMS-Appl .widget-body .table thead:first-child tr {
    background: none;
}

.Attendance-Appl .widget-body table, .RMS-Appl .widget-body table, .Payroll-Appl .widget-body table, .PMS-Appl .widget-body table, .TMS-Appl .widget-body table {
    margin-bottom: 0px;
}

    .Attendance-Appl .widget-body table th, .RMS-Appl .widget-body table th, .Payroll-Appl .widget-body table th, .PMS-Appl .widget-body table th, .TMS-Appl .widget-body table th {
        text-align: left !important;
    }

.Attendance-Appl .widget-box, .RMS-Appl .widget-box, .Payroll-Appl .widget-box, .PMS-Appl .widget-box, .TMS-Appl .widget-box {
    margin-bottom: 20px;
    border-color: #ddd;
}

.Attendance-Appl .widget-header, .Attendance-Appl .widget-body, .Attendance-Appl .widget-main,
.RMS-Appl .widget-header, .RMS-Appl .widget-body, .RMS-Appl .widget-main,
.Payroll-Appl .widget-header, .Payroll-Appl .widget-body, .Payroll-Appl .widget-main,
.PMS-Appl .widget-header, .PMS-Appl .widget-body, .PMS-Appl .widget-main,
.TMS-Appl .widget-header, .TMS-Appl .widget-body, .TMS-Appl .widget-main {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.Attendance-Appl .widget-body, .RMS-Appl .widget-body, .Payroll-Appl .widget-body, .PMS-Appl .widget-body, .TMS-Appl .widget-body {
    min-height: auto;
}

.RMS-Appl .year, .RMS-Appl .year :hover, .PMS-Appl .year :hover, .TMS-Appl .year :hover {
    background-color: transparent !important;
}

.Attendance-Appl .text-left, .Leave-Appl .text-left, .Travel-Appl .text-left, .SurveyPage .text-left, .RMS-Appl .text-left, .master-view .text-left, .Payroll-Appl .text-left, .PMS-Appl .text-left, .TMS-Appl .text-left {
    text-align: left !important;
}

.Attendance-Appl .text-right, .Leave-Appl .text-right, .Travel-Appl .text-right, .SurveyPage .text-right, .RMS-Appl .text-right, .master-view .text-right, .Payroll-Appl .text-right, .PMS-Appl .text-right, .TMS-Appl .text-right {
    text-align: right !important;
}

.Attendance-Appl .well, .Leave-Appl .well, .Travel-Appl .well, .SurveyPage .well, .RMS-Appl .well, .master-view .well, .Payroll-Appl .well, .PMS-Appl .well, .TMS-Appl .well {
    box-shadow: none !important;
    padding: 20px;
    border-radius: 5px;
}

.Attendance-Appl .well-less-padding .well, .Leave-Appl .well-less-padding .well, .Travel-Appl .well-less-padding .well, .SurveyPage .well-less-padding .well, .RMS-Appl .well-less-padding .well, .master-view .well-less-padding .well, .Payroll-Appl .well-less-padding .well, .PMS-Appl .well-less-padding .well, .TMS-Appl .well-less-padding .well {
    padding: 10px 5px 5px;
}

/***Modal pop up Design BEGIN***/
.RMS-Appl .modal-lg, .Payroll-Appl .modal-lg, .master-view .modal-lg, .PMS-Appl .modal-lg, .TMS-Appl .modal-lg {
    width: 970px !important;
}

.RMS-Appl .modal-header, .Payroll-Appl .modal-header, .master-view .modal-header, .PMS-Appl .modal-header, .TMS-Appl .modal-header {
    background-color: #eff2f6;
    text-transform: capitalize;
    font-size: 14px;
    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-color: transparent;
    padding-left: 30px;
    padding-right: 30px;
}

    .RMS-Appl .modal-header .close, .Payroll-Appl .modal-header .close, .master-view .modal-header .close, .PMS-Appl .modal-header .close, .TMS-Appl .modal-header .close {
        color: #ed1b23 !important;
        opacity: 1;
        text-shadow: none;
        font-size: 25px;
        font-weight: bold;
    }

.RMS-Appl .modal-footer, .Payroll-Appl .modal-footer, .master-view .modal-footer, .PMS-Appl .modal-footer, .TMS-Appl .modal-footer {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #FFF;
    border: none;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (min-width: 768px) {
    .RMS-Appl .modal-dialog, .Payroll-Appl .modal-dialog, .master-view .modal-dialog, .PMS-Appl .modal-dialog, .TMS-Appl .modal-dialog {
        padding-top: 5%;
    }
}
/***Modal pop up Design END***/





/***Survey Design Begin***/
.SurveyPage .nav-tabs > li > a, .RMS-Appl .nav-tabs > li > a,
.Attendance-Appl .nav-tabs > li > a, .Leave-Appl .nav-tabs > li > a,
.Payroll-Appl .nav-tabs > li > a, .PMS-Appl .nav-tabs > li > a, .TMS-Appl .nav-tabs > li > a {
    color: #7e7e7e;
    padding: 10px 15px;
    /* font-weight: bold; */
    font-family: roboto medium;
    text-transform: capitalize;
}


.navborder {
    border-bottom: 1px solid #c5d0dc;
}

.SurveyPage .nav-tabs > li.active > a, .SurveyPage .nav-tabs > li.active > a:hover, .SurveyPage .nav-tabs > li.active > a:focus,
.RMS-Appl .nav-tabs > li.active > a, .RMS-Appl .nav-tabs > li.active > a:hover, .RMS-Appl .nav-tabs > li.active > a:focus,
.Leave-Appl .nav-tabs > li.active > a, .Leave-Appl .nav-tabs > li.active > a:hover, .Leave-Appl .nav-tabs > li.active > a:focus,
.Payroll-Appl .nav-tabs > li.active > a, .Payroll-Appl .nav-tabs > li.active > a:hover, .Payroll-Appl .nav-tabs > li.active > a:focus,
.Attendance-Appl .nav-tabs > li.active > a, .Attendance-Appl .nav-tabs > li.active > a:hover, .Attendance-Appl .nav-tabs > li.active > a:focus,
.PMS-Appl .nav-tabs > li.active > a, .PMS-Appl .nav-tabs > li.active > a:hover, .PMS-Appl .nav-tabs > li.active > a:focus,
.TMS-Appl .nav-tabs > li.active > a, .TMS-Appl .nav-tabs > li.active > a:hover, .TMS-Appl .nav-tabs > li.active > a:focus {
    color: #36aff2;
    border-color: #c5d0dc;
    border-top: 1px solid #c5d0dc;
    border-bottom: 1px solid #fff;
    background-color: #FFF;
    z-index: 12;
    line-height: 16px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-top-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.RMS-Appl .nav-tabs .active a, .Attendance-Appl .nav-tabs .active a, .Leave-Appl .nav-tabs .active a, .Payroll-Appl .nav-tabs .active a, .PMS-Appl .nav-tabs .active a, .TMS-Appl .nav-tabs .active a {
    font-family: Roboto-Medium;
}

.RMS-Appl .nav-tabs, .Attendance-Appl .nav-tabs, .Leave-Appl .nav-tabs, .Payroll-Appl .nav-tabs, .PMS-Appl .nav-tabs, .TMS-Appl .nav-tabs {
    float: right;
}

    .RMS-Appl .nav-tabs > li, .Attendance-Appl .nav-tabs > li, .Leave-Appl .nav-tabs > li, .Payroll-Appl .nav-tabs > li, .PMS-Appl .nav-tabs > li, .TMS-Appl .nav-tabs > li {
        float: left;
    }

    .RMS-Appl .nav-tabs li, .Attendance-Appl .nav-tabs li, .Leave-Appl .nav-tabs li, .Payroll-Appl .nav-tabs li, .PMS-Appl .nav-tabs li, .TMS-Appl .nav-tabs li {
        margin-left: 4px;
    }

        .RMS-Appl .nav-tabs li:first-child, .Attendance-Appl .nav-tabs li:first-child, .Leave-Appl .nav-tabs li:first-child, .Payroll-Appl .nav-tabs li:first-child, .PMS-Appl .nav-tabs li:first-child, .TMS-Appl .nav-tabs li:first-child {
            margin-left: 1px;
        }

.SurveyPage .nav-tabs li {
    margin-right: 4px;
}

    .SurveyPage .nav-tabs li:first-child {
        margin-right: 1px;
    }


.SurveyPage .nav-tabs a, .RMS-Appl .nav-tabs a, .Attendance-Appl .nav-tabs a, .Leave-Appl .nav-tabs a, .Payroll-Appl .nav-tabs a, .PMS-Appl .nav-tabs a, .TMS-Appl .nav-tabs a {
    -moz-border-radius: 5px 5px 0 0 !important;
    -webkit-border-radius: 5px 5px 0 0 !important;
    border-radius: 5px 5px 0 0 !important;
}

.SurveyPage .tab-content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 4%;
}

.SurveyPage .sub-heading {
    color: #b2b2b2;
    font-size: 15px;
    font-family: roboto medium;
}

.SurveyPage .icon, .Travel-Appl .icon {
    font-size: 15px;
}

.SurveyPage .tab-pane {
    height: 55vh;
}

.SurveyPage .info-label {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    text-transform: capitalize;
    width: fit-content;
    font-weight: bold;
    font-size: 12px;
}

.SurveyPage .info-label-purple, .SurveyPage .info-label-purple:before {
    background-color: #f8e7fe;
    color: #bb2af4;
}

.SurveyPage .info-label-green, .SurveyPage .info-label-green:before {
    background-color: #eafaf0;
    color: #34cc73;
}


.SurveyPage .info-label-blue, .SurveyPage .info-label-blue:before {
    background-color: #ebf7fe;
    color: #36aff2;
}

.SurveyPage .info-label-orange, .SurveyPage .info-label-orange:before {
    background-color: #fef5e7;
    color: #f39c12;
}

.SurveyPage .shadow-text-red {
    font-size: 11px;
    margin-left: 2%;
    -webkit-text-shadow: 0px 0 20px #f8060d;
    text-shadow: 0px 0 20px #f8060d;
    color: #f15459;
    font-weight: bold;
    text-transform: capitalize;
}

.SurveyPage .input-text {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    margin-left: -15px;
    height: 40px;
    font-weight: bold;
    padding: 15px;
}

.SurveyPage .form-builder-btn {
    border-color: #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 800;
    padding: 0 !important;
    color: black;
    /*font-family: Roboto Regular;*/
    font-family: Roboto-Regular;
    text-transform: capitalize;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

    .SurveyPage .form-builder-btn:before {
        border-color: #e0e0e0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 5px;
        width: 40px;
        padding: 15px 0;
        margin-right: 15px !important;
    }

@media only screen and (max-width: 1024px) {
}
/***Survey Design End***/

/***Select2 css Begin***/

.Attendance-Appl .select2-chosen, .Leave-Appl .select2-chosen, .Travel-Appl .select2-chosen, .RMS-Appl .select2-chosen, .master-view .select2-chosen, .SurveyPage .select2-chosen, .Payroll-Appl .select2-chosen, .PMS-Appl .select2-chosen, .TMS-Appl .select2-chosen,
.Attendance-Appl .ms-choice, .Leave-Appl .ms-choice, .Travel-Appl .ms-choice, .RMS-Appl .ms-choice, .master-view .ms-choice, .SurveyPage .ms-choice, .Payroll-Appl .ms-choice, .PMS-Appl .ms-choice, .TMS-Appl .ms-choice {
    color: #000;
    font-family: 'Roboto-Medium';
}

.Attendance-Appl .select2-choice, .Leave-Appl .select2-choice, .Travel-Appl .select2-choice, .RMS-Appl .select2-choice, .master-view .select2-choice, .SurveyPage .select2-choice, .Payroll-Appl .select2-choice, .PMS-Appl .select2-choice, .TMS-Appl .select2-choice,
.Attendance-Appl .ms-choice, .Leave-Appl .ms-choice, .Travel-Appl .ms-choice, .RMS-Appl .ms-choice, .master-view .ms-choice, .SurveyPage .ms-choice, .Payroll-Appl .ms-choice, .PMS-Appl .ms-choice, .TMS-Appl .ms-choice {
    background-image: none !important;
    border: none !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

/*.Attendance-Appl .ms-choice:focus, .Leave-Appl .ms-choice:focus, .Travel-Appl .ms-choice:focus, .RMS-Appl .ms-choice:focus, .master-view .ms-choice:focus, .SurveyPage .ms-choice:focus, .Payroll-Appl .ms-choice:focus {

    }*/

.Attendance-Appl .select2-container, .Leave-Appl .select2-container, .Travel-Appl .select2-container, .RMS-Appl .select2-container, .master-view .select2-container, .SurveyPage .select2-container, .Payroll-Appl .select2-container, .PMS-Appl .select2-container, .TMS-Appl .select2-container,
.Attendance-Appl .ms-choice, .Leave-Appl .ms-choice, .Travel-Appl .ms-choice, .RMS-Appl .ms-choice, .master-view .ms-choice, .SurveyPage .ms-choice, .Payroll-Appl .ms-choice, .PMS-Appl .ms-choice, .TMS-Appl .ms-choice {
    width: 100%;
    height: 2rem;
    border-bottom: 1px solid #d4d3d3 !important;
    background-color: #FFF;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    text-align: left;
}

.Attendance-Appl .select2-container-disabled, .Leave-Appl .select2-container-disabled, .Travel-Appl .select2-container-disabled, .RMS-Appl .select2-container-disabled, .master-view .select2-container-disabled, .SurveyPage .select2-container-disabled, .Payroll-Appl .select2-container-disabled, .PMS-Appl .select2-container-disabled, .TMS-Appl .select2-container-disabled {
    background-color: #f6f6f6;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    cursor: not-allowed;
}

    .Attendance-Appl .select2-container-disabled .select2-choice, .Leave-Appl .select2-container-disabled .select2-choice, .Travel-Appl .select2-container-disabled .select2-choice, .RMS-Appl .select2-container-disabled .select2-choice, .master-view .select2-container-disabled .select2-choice, .SurveyPage .select2-container-disabled .select2-choice, .Payroll-Appl .select2-container-disabled .select2-choice, .PMS-Appl .select2-container-disabled .select2-choice, .TMS-Appl .select2-container-disabled .select2-choice {
        cursor: not-allowed;
    }

.Attendance-Appl .select2-drop-active, .Leave-Appl .select2-drop-active, .Travel-Appl .select2-drop-active, .RMS-Appl .select2-drop-active, .master-view .select2-drop-active, .Payroll-Appl .select2-drop-active, .SurveyPage .select2-drop-active, .PMS-Appl .select2-drop-active, .TMS-Appl .select2-drop-active {
    border: 1px solid #eeeeee !important;
}

.Attendance-Appl .select2-dropdown-open, .Leave-Appl .select2-dropdown-open, .Travel-Appl .select2-dropdown-open, .RMS-Appl .select2-dropdown-open, .master-view .select2-dropdown-open, .Payroll-Appl .select2-dropdown-open, .SurveyPage .select2-dropdown-open, .PMS-Appl .select2-dropdown-open, .TMS-Appl .select2-dropdown-open {
    background-color: #f6f6f6;
}

.Attendance-Appl .select2-results .select2-highlighted, .Leave-Appl .select2-results .select2-highlighted, .Travel-Appl .select2-results .select2-highlighted, .RMS-Appl .select2-results .select2-highlighted, .master-view .select2-results .select2-highlighted, .Payroll-Appl .select2-results .select2-highlighted, .SurveyPage .select2-results .select2-highlighted, .PMS-Appl .select2-results .select2-highlighted, .TMS-Appl .select2-results .select2-highlighted {
    background: #cdcbcb !important;
    color: #000 !important;
}

.Attendance-Appl .select2-container .select2-choice .select2-arrow, .Travel-Appl .select2-container .select2-choice .select2-arrow, .Leave-Appl .select2-container .select2-choice .select2-arrow, .RMS-Appl .select2-container .select2-choice .select2-arrow, .master-view .select2-container .select2-choice .select2-arrow, .Payroll-Appl .select2-container .select2-choice .select2-arrow, .SurveyPage .select2-container .select2-choice .select2-arrow, .PMS-Appl .select2-container .select2-choice .select2-arrow, .TMS-Appl .select2-container .select2-choice .select2-arrow {
    background-image: none !important;
    border: none !important;
    background-color: transparent !important;
    right: 15px !important;
}

.Attendance-Appl .select2-search:after, .Leave-Appl .select2-search:after, .Travel-Appl .select2-search:after, .RMS-Appl .select2-search:after, .master-view .select2-search:after, .Payroll-Appl .select2-search:after, .SurveyPage .select2-search:after, .PMS-Appl .select2-search:after, .TMS-Appl .select2-search:after {
    left: -28px !important;
}

.Attendance-Appl .select2-container .select2-choice, .Travel-Appl .select2-container .select2-choice, .Leave-Appl .select2-container .select2-choice, .RMS-Appl .select2-container .select2-choice, .master-view .select2-container .select2-choice, .Payroll-Appl .select2-container .select2-choice, .SurveyPage .select2-container .select2-choice, .PMS-Appl .select2-container .select2-choice, .TMS-Appl .select2-container .select2-choice {
    padding: 0 12px !important;
}

/***Select2 css End***/


/***MultiSelect css Begin***/
/*.RMS-Appl .ms-choice:active, .RMS-Appl .ms-choice:hover, .RMS-Appl .ms-choice:focus, .RMS-Appl .ms-parent:active, .RMS-Appl .ms-parent:hover, .RMS-Appl .ms-parent:focus {
    border: 0px !important;
}*/

.Attendance-Appl .ms-drop [type="checkbox"]:not(:checked), .Leave-Appl .ms-drop [type="checkbox"]:not(:checked), .Travel-Appl .ms-drop [type="checkbox"]:not(:checked), .RMS-Appl .ms-drop [type="checkbox"]:not(:checked), .master-view .ms-drop [type="checkbox"]:not(:checked), .Payroll-Appl .ms-drop [type="checkbox"]:not(:checked), .SurveyPage .ms-drop [type="checkbox"]:not(:checked), .PMS-Appl .ms-drop [type="checkbox"]:not(:checked), .TMS-Appl .ms-drop [type="checkbox"]:not(:checked),
.Attendance-Appl .ms-drop [type="checkbox"]:checked, .Leave-Appl .ms-drop [type="checkbox"]:checked, .Travel-Appl .ms-drop [type="checkbox"]:checked, .RMS-Appl .ms-drop [type="checkbox"]:checked, .master-view .ms-drop [type="checkbox"]:checked, .Payroll-Appl .ms-drop [type="checkbox"]:checked, .SurveyPage .ms-drop [type="checkbox"]:checked, .PMS-Appl .ms-drop [type="checkbox"]:checked, .TMS-Appl .ms-drop [type="checkbox"]:checked {
    position: relative !important;
    left: 0 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.Attendance-Appl .ms-choice > span, .Attendance-Appl .ms-choice > div, .Leave-Appl .ms-choice > span, .Leave-Appl .ms-choice > div,
.Payroll-Appl .ms-choice > span, .Payroll-Appl .ms-choice > div, .Travel-Appl .ms-choice > span, .Travel-Appl .ms-choice > div,
.RMS-Appl .ms-choice > span, .RMS-Appl .ms-choice > div, .master-view .ms-choice > span, .master-view .ms-choice > div,
.SurveyPage .ms-choice > span, .SurveyPage .ms-choice > div, .PMS-Appl .ms-choice > span, .PMS-Appl .ms-choice > div,
.TMS-Appl .ms-choice > span, .TMS-Appl .ms-choice > div {
    padding-left: 12px;
}

.Attendance-Appl .ms-choice > div, .Leave-Appl .ms-choice > div, .Travel-Appl .ms-choice > div, .RMS-Appl .ms-choice > div, .master-view .ms-choice > div, .Payroll-Appl .ms-choice > div, .SurveyPage .ms-choice > div, .PMS-Appl .ms-choice > div, .TMS-Appl .ms-choice > div {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    right: 10px;
}

.Attendance-Appl .ms-parent, .Attendance-Appl .ms-choice, .Leave-Appl .ms-parent, .Leave-Appl .ms-choice, .Travel-Appl .ms-parent, .Travel-Appl .ms-choice, .RMS-Appl .ms-parent, .RMS-Appl .ms-choice, .master-view .ms-parent, .master-view .ms-choice, .Payroll-Appl .ms-parent, .Payroll-Appl .ms-choice, .SurveyPage .ms-parent, .SurveyPage .ms-choice, .PMS-Appl .ms-parent, .PMS-Appl .ms-choice, .TMS-Appl .ms-parent, .TMS-Appl .ms-choice,
.Attendance-Appl .ms-drop, .Leave-Appl .ms-drop, .Travel-Appl .ms-drop, .RMS-Appl .ms-drop, .master-view .ms-drop, .Payroll-Appl .ms-drop, .SurveyPage .ms-drop, .PMS-Appl .ms-drop, .TMS-Appl .ms-drop {
    width: 100% !important;
}

/***MultiSelect css End***/


/***Master css Begin****/

.master-view label {
    text-align: left !important;
}

    .master-view label span {
        font-weight: bold;
    }

.master-view td .master-view th {
    text-align: left !important;
}
/***Master css End****/

/***Configuration design BEGIN***/
.stepwizard {
    overflow: hidden;
    position: relative;
}

    .stepwizard ul {
        margin: 0;
        position: relative;
    }

.Attendance-Appl .stepwizard-step, .Leave-Appl .stepwizard-step, .Travel-Appl .stepwizard-step, .RMS-Appl .stepwizard-step, .master-view .stepwizard-step, .Payroll-Appl .stepwizard-step, .PMS-Appl .stepwizard-step, .TMS-Appl .stepwizard-step {
    display: table-cell;
    overflow: hidden;
    font-weight: bold;
    position: relative;
}

    .Attendance-Appl .stepwizard-step p, .Leave-Appl .stepwizard-step p, .Travel-Appl .stepwizard-step p, .RMS-Appl .stepwizard-step p, .master-view .stepwizard-step p, .Payroll-Appl .stepwizard-step p, .PMS-Appl .stepwizard-step p, .TMS-Appl .stepwizard-step p {
        width: 200px;
        margin-right: 40px;
        cursor: pointer;
    }

    .Attendance-Appl .stepwizard-step small, .Leave-Appl .stepwizard-step small, .Travel-Appl .stepwizard-step small, .RMS-Appl .stepwizard-step small, .master-view .stepwizard-step small, .Payroll-Appl .stepwizard-step small, .PMS-Appl .stepwizard-step small, .TMS-Appl .stepwizard-step small {
        font-size: 85%;
    }

.Attendance-Appl .active-tab p, .Leave-Appl .active-tab p, .Travel-Appl .active-tab p, .RMS-Appl .active-tab p, .master-view .active-tab p, .Payroll-Appl .active-tab p, .PMS-Appl .active-tab p, .TMS-Appl .active-tab p {
    background-color: #36aff2 !important;
    border: 4px solid #c5e5f6;
    color: #FFF !important;
}

    .Attendance-Appl .active-tab p:hover, .Leave-Appl .active-tab p:hover, .Travel-Appl .active-tab p:hover, .RMS-Appl .active-tab p:hover, .master-view .active-tab p:hover, .Payroll-Appl .active-tab p:hover, .PMS-Appl .active-tab p:hover, .TMS-Appl .active-tab p:hover {
        background-color: #28a2e6 !important;
        border: 4px solid #afd9ef;
        color: #FFF !important;
    }

.Attendance-Appl #config-title, .Leave-Appl #config-title, .Travel-Appl #config-title, .RMS-Appl #config-title, .master-view #config-title, .Payroll-Appl #config-title, .PMS-Appl #config-title, .TMS-Appl #config-title {
    font-size: 20px;
}

.scroller {
    text-align: center;
    cursor: pointer;
    /*display:none;*/
    padding: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.scroller-right {
    float: right;
}

.scroller-left {
    float: left;
}

/***Configuration design END***/

.well .label, .well label {
    background-color: transparent !important;
}


.task-counter {
    font-size: 16px;
    font-family: 'Roboto Medium';
    text-align: center;
}

    .task-counter.c1 {
        color: #36AFF2;
    }

    .task-counter.c2 {
        color: #f39c12;
    }

    .task-counter.c3 {
        color: #5EC562;
    }

    .task-counter.c4 {
        color: #000000;
    }

.task-counter-label {
    font-size: 10px;
    font-family: 'Roboto Medium';
    color: #c4c4c4;
    text-align: center;
}

.task-emp {
    font-size: 12px;
    font-family: 'Roboto Medium';
    color: #000;
    line-height: 32px;
}




table#tblMyTasks > tbody > tr {
    border: 1px solid #eee;
    border-radius: 5px;
}

    table#tblMyTasks > tbody > tr:hover, table#tblMyTasks > tbody > tr.active {
        cursor: pointer;
        background: #E5F5FF;
        border: 2px solid #049AFF;
        border-radius: 5px;
    }

    table#tblMyTasks > tbody > tr > td {
        padding: 10px;
    }

table#tblMyTasks .task-title {
    font-family: 'Roboto Medium';
    font-size: 12px;
}

.task-title-t2 {
    font-family: 'Roboto Medium';
    font-size: 12px;
    color: #049aff;
}

table#tblMyTasks .task-project {
    font-family: 'Roboto Medium';
    font-size: 12px;
    color: #CBCBCB;
}

.task-project {
    font-family: 'Roboto Medium';
    font-size: 12px;
    color: #CBCBCB;
}

.task-project-value {
    font-family: 'Roboto Medium';
    font-size: 12px;
    color: #000;
}

/*.task-status-done {
    border: 2px solid #EEF9EE;
    background-color: #5EC562;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 16px;
    width: 130px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Medium';
    font-size: 12px;
}

.task-status-inprogress {
    border: 2px solid #e5f5ff;
    background-color: #049aff;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 16px;
    width: 130px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Medium';
    font-size: 12px;
}

.task-status-notstarted {
    border: 2px solid #bbc6d6;
    background-color: #8291a9;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 16px;
    width: 130px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Medium';
    font-size: 12px;
}*/

.priority {
    border: 1px solid #eee;
    display: block;
    padding: 9px;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;
    font-family: 'Roboto Medium';
    font-size: 51px;
    width: 32px;
    height: 30px;
}

    .priority i.high {
        background-color: red;
        height: 12px;
        width: 12px;
        display: block;
    }

    .priority i.medium {
        background-color: #F39C12;
        height: 12px;
        width: 12px;
        display: block;
    }

    .priority i.low {
        background-color: #AEF3D6;
        height: 12px;
        width: 12px;
        display: block;
    }

table#tblMyTasks .priority i.medium {
    background-color: #F39C12;
    height: 12px;
    width: 12px;
    display: block;
}

table#tblMyTasks .priority i.low {
    background-color: #AEF3D6;
    height: 12px;
    width: 12px;
    display: block;
}

table#tblMyTasks1 .priority i.medium {
    background-color: #F39C12;
    height: 12px;
    width: 12px;
    display: block;
}

table#tblMyTasks1 .priority i.low {
    background-color: #AEF3D6;
    height: 12px;
    width: 12px;
    display: block;
}


th.lstview.show, td.lstview.show {
    display: table-cell !important;
}

div#dvDetails {
    border: 1px solid #ececec;
    display: none;
    border-radius: 5px;
}

.task-details-container {
    background-color: #eee;
    margin: -1px -12px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 15px;
}

/* project navigation*/
.nav-tabs.project {
    border-bottom: none;
}

    .nav-tabs.project > li > a, .nav-tabs.project > li > a:focus {
        border-radius: 0 !important;
        background-color: #F9FAFB;
        color: #000;
        margin-right: 5px;
        line-height: 35px;
        position: relative;
        z-index: 11;
        border-color: #E0E0E0;
        padding: 8px 25px;
        font-family: 'Roboto Medium';
    }

    .nav-tabs.project > li.active > a, .nav-tabs.project > li.active > a:hover, .nav-tabs.project > li.active > a:focus {
        line-height: 35px;
        background-color: #fff;
        border-top: none;
    }

    .nav-tabs.project > li > a i {
        border-radius: 35px;
        border: 3px solid #000;
        height: 34px;
        width: 35px;
        line-height: 30px;
        margin: 5px;
    }

    .nav-tabs.project > li:nth-child(1) > a i {
        border-color: #eff5ff;
        background: #049aff;
        color: #fff;
    }

    .nav-tabs.project > li:nth-child(2) > a i {
        border-color: #C6EED8;
        background: #2ECB70;
        color: #fff;
    }

    .nav-tabs.project > li:nth-child(3) > a i {
        border-color: #F6D9AA;
        background: #F39C12;
        color: #fff;
    }
/* task navigation*/
.nav-tabs.task {
    border-bottom: none;
}

    .nav-tabs.task > li > a {
        margin-right: 5px;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        font-family: 'Roboto Medium';
        font-size: 12px;
        text-transform: uppercase;
        color: #979797;
    }

    .nav-tabs.task > li.active > a, .nav-tabs.task > li.active > a:hover, .nav-tabs.task > li.active > a:focus {
        border-top: none;
        color: #000;
    }

@media only screen and (max-width: 991px) {
    .menu-toggler {
        display: inline-block;
        position: fixed;
        left: auto;
        right: 0;
        top: 0px;
        z-index: 1001;
    }

    .sidebar {
        width: 100%;
    }

    .sidebar-toggle {
        display: none;
    }

    .me-actions {
        margin-top: 0px;
    }
}

.clsMenuProject {
    overflow-y: scroll;
    max-height: 350px;
    overflow-x: no-display;
}

.badge-primary {
    padding: 2% 5% 2% 5% !important;
    background-color: #36AFF2 !important;
    border: 4px solid #B6E2FA !important;
}

.badge-success {
    padding: 2% 5% 2% 5% !important;
    background-color: #2ECB70 !important;
    border: 4px solid #9AE8BA !important;
}

.badge-danger {
    padding: 2% 5% 2% 5% !important;
    background-color: #f5563b !important;
    border: 4px solid #f99686 !important;
}

.badge-orange {
    padding: 2% 5% 2% 5% !important;
    background-color: #FFAE0C !important;
    border: 4px solid #FFDC95 !important;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }


/**Grievances Dashboard**/

.griv-stat-cont {
    height: 120px;
    padding: 20px;
    border-radius: 5px;
    text-align: left;
}

.griv-stat span.griv-stat-icon {
    height: 33px;
    width: 33px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    line-height: 36px;
    position: absolute;
}

.griv-stat span.griv-stat-val {
    text-transform: capitalize;
    font-size: 25px;
    color: #000;
    font-weight: bold;
    display: block;
    font-family: 'Roboto-Regular';
    text-align: right;
}

.griv-stat span.griv-stat-label {
    text-transform: capitalize;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    position: relative;
    bottom: -20px;
    font-family: 'Roboto-Regular';
    display: block;
}

.griv-stat span.griv-stat-icon i {
    font-size: 17px;
}

.griv-stat .v {
    font-size: 22px;
}

.griv-stat .s1 {
    background-color: #FDEBCF;
}

    .griv-stat .s1 .griv-stat-icon {
        background-color: #fff;
        color: #F0AD4E !important;
    }

    .griv-stat .s1 .griv-stat-val {
        color: #F0AD4E;
    }

.griv-stat .s2 {
    background-color: #DEF3DE;
}

    .griv-stat .s2 .griv-stat-icon {
        background-color: #fff;
        color: #2ECB70 !important;
    }

    .griv-stat .s2 .griv-stat-val {
        color: #2ECB70;
    }

.griv-stat .s3 {
    background-color: #FDE6EE;
}

    .griv-stat .s3 .griv-stat-icon {
        background-color: #fff;
        color: #F0286B !important;
    }

    .griv-stat .s3 .griv-stat-val {
        color: #F0286B;
    }

.griv-stat td > i.icon-file {
    font-size: 20px;
    text-align: center;
    width: 38px;
}
/**Confirmation Dashboard**/

.conf-stat-cont {
    height: 80px;
    padding: 12px;
    border-radius: 5px;
    text-align: left;
}

.conf-stat span.conf-stat-val {
    text-transform: capitalize;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Roboto-Regular';
    display: block;
    bottom: 5px;
    position: absolute;
    right: 22px;
}

.conf-stat span.conf-stat-label {
    text-transform: capitalize;
    font-size: 12px;
    color: #FFF;
    position: relative;
    font-family: 'Roboto-Regular';
    display: block;
}

    .conf-stat span.conf-stat-label.l2 {
        font-size: 15px;
    }


.conf-stat .v {
    font-size: 22px;
    color: #fff;
}

.conf-stat .s1 {
    background-color: #1F98EA;
    background: linear-gradient(225deg, rgb(13, 135, 228) 15%, rgb(54, 175, 242) 70%);
}

.conf-stat .s2 {
    background-color: #F03B57;
    background: linear-gradient(225deg, rgb(238, 15, 90) 15%, rgb(245, 124, 83) 70%);
}

.conf-stat .s3 {
    background-color: #939393;
    background: linear-gradient(225deg, rgb(138, 137, 137) 15%, rgb(170, 169, 169) 70%);
}

.conf-stat .s4 {
    background-color: #972BC2;
    background: linear-gradient(225deg, rgb(143, 21, 192) 15%, rgb(171, 97, 201) 70%);
}

.conf-stat .s5 {
    background-color: #FF920C;
    background: linear-gradient(225deg, rgb(255, 132, 12) 15%, rgb(255, 167, 12) 70%);
}

.conf-stat .s6 {
    background-color: #4FBD54;
    background: linear-gradient(225deg, rgb(67, 178, 71) 15%, rgb(107, 212, 110) 70%);
}



.conf-stat td > i.icon-file {
    font-size: 20px;
    text-align: center;
    position: absolute;
    width: 38px;
}
/**Resignation Dashboard**/

.resig-stat-cont {
    height: 100px;
    padding: 18px;
    border-radius: 5px;
    text-align: left;
}

.resig-stat span.resig-stat-val {
    text-transform: capitalize;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto-Regular';
    display: block;
    bottom: 5px;
    position: absolute;
    left: 30px;
}

.resig-stat span.resig-stat-cdot {
    display: block;
    position: absolute;
    right: 24px;
    height: 40px;
    width: 80px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    bottom: 0px;
}

    .resig-stat span.resig-stat-cdot.dot1 {
        background-color: #F46495;
    }

    .resig-stat span.resig-stat-cdot.dot2 {
        background-color: #B16BCD;
    }

    .resig-stat span.resig-stat-cdot.dot3 {
        background-color: #FFCA3F;
    }

.resig-stat span.resig-stat-label {
    text-transform: capitalize;
    font-size: 16px;
    color: #000;
    position: relative;
    font-family: 'Roboto-Regular';
    display: block;
}

    .resig-stat span.resig-stat-label.l2 {
        font-size: 12px;
        color: #757575;
    }


.resig-stat .v {
    font-size: 22px;
    color: #fff;
}

.resig-stat .s1 {
    background-color: #FDE6EE;
}

.resig-stat .s2 {
    background-color: #F3E7F7;
}

.resig-stat .s3 {
    background-color: #FFEED3;
}


.resig-stat td > i.icon-file {
    font-size: 20px;
    text-align: center;
    position: absolute;
    width: 38px;
}

.resig-detail {
    border: 1px solid #eee;
    border-radius: 5px;
    height: 100px;
    margin: 10px;
}

    .resig-detail img.empphoto {
        border-radius: 20px;
        height: 36px;
        width: 36px;
        display: inline-block;
        margin-top: -36px;
    }

    .resig-detail .sec {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
    }

    .resig-detail .empdet .sec .sec-det {
        text-align: right;
    }

    .resig-detail .sec span.empname {
        font-size: 13px;
        font-weight: bold;
        margin-left: 5px;
        width: 100px;
        display: inline-block;
    }

    .resig-detail .sec span.dept-l {
        color: #757575;
    }

    .resig-detail .sec span.dept-v {
        color: #000;
    }

    .resig-detail .empdet {
        height: 75px;
        color: #000;
        font-family: 'Roboto-Medium';
        padding: 10px;
    }

    .resig-detail .datedet {
        border-top: 1px solid #eee;
        background: #eee;
        height: 25px;
        display: block;
        bottom: 0px;
        padding: 0px 10px;
    }

table .mod-dash-table {
}

    table.mod-dash-table tr:first-child th:first-child, table.mod-dash-table tr:first-child, table.mod-dash-table {
        border-top-left-radius: 0px !important;
    }

        table.mod-dash-table tr:first-child th:last-child, table.mod-dash-table tr:first-child, table.mod-dash-table {
            border-top-right-radius: 0px !important;
        }

            table.mod-dash-table thead {
                background-color: #f9fafb !important;
            }

                table.mod-dash-table thead tr {
                    height: 35px;
                }

                    table.mod-dash-table thead tr th {
                        color: #B7B7B7;
                        font-weight: normal;
                        font-size: 11px;
                    }

            table.mod-dash-table tbody tr td {
                color: #000;
                padding-top: 5px;
                padding-bottom: 5px;
            }

                table.mod-dash-table tbody tr td i {
                    color: #757575;
                }

                table.mod-dash-table tbody tr td.c1 {
                    color: #2ECB70;
                }

                table.mod-dash-table tbody tr td.c2 {
                    color: #F0286B;
                }

                table.mod-dash-table tbody tr td span.grv-status {
                    color: #fff;
                    background-color: #2ECB70;
                    border: 2px solid #A5E8C1;
                    padding: 2px 5px;
                    font-weight: 100;
                    border-radius: 15px;
                    display: block;
                    text-align: center;
                    width: 60px;
                }

                table.mod-dash-table tbody tr td img.empphoto {
                    border-radius: 20px;
                    height: 36px;
                    width: 36px;
                }

                table.mod-dash-table tbody tr td span.empname {
                    display: block;
                    color: #36AFF2;
                }

                table.mod-dash-table tbody tr td span.dept {
                    display: inline-block;
                    color: #B7B7B7;
                    font-weight: normal;
                }

/* Notification CSS */
/* bell icon count*/
span.notification.badge.badge-grey {
    background-color: #ed1b23 !important;
}

.dropdown-header-sub {
    display: block;
    font-size: 10px;
    line-height: 0px;
    color: #636363;
}

.dropdown-navbar > li.view-all {
    padding: 5px 18px;
    line-height: 0px;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

    .dropdown-navbar > li.view-all:last-child > a {
        padding: 0px;
        text-decoration: none;
    }

.dropdown-navbar > li.list-item {
    padding: 0px;
}

    .dropdown-navbar > li.list-item img {
        width: 32px;
        height: 32px;
        border-radius: 30px;
        margin: 2px 10px;
        float: left;
    }

    .dropdown-navbar > li.list-item a {
        white-space: normal;
        padding: 10px;
        cursor: pointer;
    }

.dropdown-navbar > li.list-item /*:nth-child(even)*/ {
}

    .dropdown-navbar > li.list-item:hover {
        background-color: #f0f4f7 !important;
    }

    .dropdown-navbar > li.list-item .list-body {
        padding-left: 5px;
        position: relative;
        overflow: hidden;
    }

    .dropdown-navbar > li.list-item .title {
        font-size: 12px;
        color: #000;
        font-family: 'Roboto Medium';
        float: right;
    }

    .dropdown-navbar > li.list-item .detail {
        font-size: 12px;
        color: #999b9b;
        font-family: 'Roboto Medium';
        float: right;
    }

.notfication-panel-left {
    height: 650px;
    position: fixed;
}

.notfication-panel-left {
    background-color: #f0f4f7;
    width: 40%;
    display: inline-block;
}

    .notfication-panel-left .panel-header {
        /* border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;*/
        border-bottom: 1px solid #dbdbdb;
        padding: 6px 20px;
        position: fixed;
        top: 56px;
        display: block;
        width: 40%;
        background-color: #f0f4f7;
        z-index: 1;
    }
    .notfication-panel-left .notification-list-wrapper {display:flex;}
    .notfication-panel-left .list-category {
        margin-top: 53px;
        padding-bottom: 300px;
        width: 40%;
        background: #2a4355;
    }
        .notfication-panel-left .list-category .notification-list-category {
            padding-bottom:200px;
        }
        .notfication-panel-left .list-category .notification-menu {
            color:#fff;
            margin:0px;
        }
        .notfication-panel-left .list-category ul.notification-menu > li {
           
        }
            .notfication-panel-left .list-category ul.notification-menu > li:hover 
            {
                background: #1e2f3b;
                cursor:pointer;
            }
            .notfication-panel-left .list-category ul.notification-menu > li.active:hover {
                background: #1e2f3b;
            }
            .notfication-panel-left .list-category .notification-menu > li a {
                color: #fff;
                padding: 15px 10px;
                font-family: 'Roboto Regular';
                width: 100%;
                display: block;
                color: #eee;
            }
                .notfication-panel-left .list-category .notification-menu > li a.active {
                    background: #1e2f3b;
                }
            .notfication-panel-left .list-category .notification-menu > li a span.count {
                    float: right;
                }
            .notfication-panel-left .list-category .notification-menu > li a:hover {
                    text-decoration: none;
                    cursor: pointer;
                }
    .notfication-panel-left .list-category-items {
        margin-top: 53px;
        padding-bottom: 300px;
        width: 60%;
    }

    .notfication-panel-left .head {
        font-family: 'Roboto Bold';
        font-size: 16px;
        margin: 5px;
        display: inline-block;
    }

    .notfication-panel-left .tools {
        display: inline-block;
        margin: 5px;
        float: right;
        width: 90px;
    }

        .notfication-panel-left .tools select, #ddlReadStatus {
            border: none !important;
            background-color: transparent;
            color: #000;
            font-family: 'Roboto Medium';
            font-size: 12px;
            display: inline-block !important; 
            height: 30px;
            padding-left: 10px;
        }

        .notfication-panel-left .tools input {
            position: absolute;
            float: left;
            left: 210px;
            width: 185px;
            height: 30px;
            font-size: 12px;
            color: #000;
            border-radius: 15px;
            z-index: 1;
        }

        .notfication-panel-left .tools i.icon-search {
            font-size: 14px;
            color: #9e9b9b;
            text-decoration: none;
            z-index: 2;
            position: relative;
            margin-left: -20px;
        }

            .notfication-panel-left .tools i.icon-search:hover {
                color: #049aff;
            }

    .notfication-panel-left .separator {
        border-top: 0.1em solid #dbdbdb;
    }

    .notfication-panel-left .list {
        /*margin-top: 53px;*/
        padding-bottom: 300px;
    }

        .notfication-panel-left .list .list-item {
            padding: 10px 0px;
            cursor: pointer;
            border-bottom-left-radius: 2px;
            border-top-left-radius: 2px;
        }

            .notfication-panel-left .list .list-item.unread {
                border-left: 3px solid #049aff;
            }

            .notfication-panel-left .list .list-item.read, .notfication-panel-left .list .list-item.deleted, .notfication-panel-left .list .list-item.history {
                border-left: 3px solid #f0f4f7;
            }

            .notfication-panel-left .list .list-item:hover, .notfication-panel-left .list .list-item.active {
                border-left: 3px solid #f39c12;
                background-color: #fff;
                cursor: pointer;
            }

            .notfication-panel-left .list .list-item img {
                width: 36px;
                height: 36px;
                border-radius: 30px;
                margin: 2px 10px;
                float: left;
            }

            .notfication-panel-left .list .list-item .list-body {
                padding-left: 5px;
                position: relative;
                overflow: hidden;
            }

            .notfication-panel-left .list .list-item .title {
                font-size: 12px;
                font-family: 'Roboto Medium';
                float: right;
            }

            .notfication-panel-left .list .list-item.unread .title {
                color: #000;
            }

            .notfication-panel-left .list .list-item.read .title, .notfication-panel-left .list .list-item.deleted .title, .notfication-panel-left .list .list-item.history .title {
                color: #999b9b;
            }

            .notfication-panel-left .list .list-item .title span.nf-type {
                padding: 2px 10px;
                margin: 0px 10px;
                display: inline-block;
                float: right;
                border-radius: 5px;
                font-size: 10px;
            }

                .notfication-panel-left .list .list-item .title span.nf-type.leaveapproval {
                    border: 1px solid #E486AA;
                    color: #E486AA;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.outdoorapproval {
                    border: 1px solid #ADCCE8;
                    color: #ADCCE8;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.attendanceapproval {
                    border: 1px solid #0FA7FF;
                    color: #0FA7FF;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.wfhapproval {
                    border: 1px solid #3A87AD;
                    color: #3A87AD;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.compoffapproval {
                    border: 1px solid #4E596F;
                    color: #4E596F;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.shiftrequestapproval {
                    border: 1px solid #FFDFDF;
                    color: #FFDFDF;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.overtimeapproval {
                    border: 1px solid #FA5757;
                    color: #FA5757;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.optholidayapproval {
                    border: 1px solid #12e48c;
                    color: #12e48c;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.shortleaveapproval {
                    border: 1px solid #FFB752;
                    color: #FFB752;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.policy {
                    color: #049aff;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.form {
                    color: #5EC562;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.circular {
                    color: #FFBB00;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.bulletin {
                    color: #FF4704;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.opening {
                    color: #5EC562;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.companyevent {
                    color: #FF4704;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.dashboardmessage {
                    color: #A304FF;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.grievance {
                    color: #FF1804;
                }

                .notfication-panel-left .list .list-item .title span.nf-type.travelrequest {
                    color: #ff7900;
                }
                .notfication-panel-left .list .list-item .title span.nf-type.resignationrequest {
                    border: 1px solid #ff0000;
                    color: #ff0000;
                }
            .notfication-panel-left .list .list-item .detail {
                font-size: 12px;
                color: #999b9b;
                font-family: 'Roboto Medium';
                float: left;
            }

                .notfication-panel-left .list .list-item .detail.Deleted {
                    text-decoration: line-through;
                }

            .notfication-panel-left .list .list-item .actions {
                padding-left: 5px;
                position: relative;
                overflow: hidden;
                margin-left: 60px;
                margin-top: 5px;
            }

                .notfication-panel-left .list .list-item .actions a.btn.btn-sm.btn-white {
                    margin-right: 5px;
                    padding: 2px 5px;
                    font-size: 10px;
                }

        .notfication-panel-left .list a.btn.btn-sm.btn-white.action-view-more {
            text-align: center;
            margin: 5px 37%;
        }

.notfication-panel-right {
    width: 60%;
    display: inline-block;
    position: absolute;
    margin-left: 40%;
}

    .notfication-panel-right .panel-header {
        /* border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;*/
        border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;
        position: fixed;
        top: 56px;
        display: block;
        width: 74%;
        z-index: 1;
        background-color: #fff;
    }

        .notfication-panel-right .panel-header .head {
            width: 49%;
            display: inline-block;
        }

            .notfication-panel-right .panel-header .head .title {
                font-family: 'Roboto Bold';
                font-size: 16px;
                color: #000;
            }

            .notfication-panel-right .panel-header .head .title2 {
                font-family: 'Roboto Bold';
                font-size: 11px;
                color: #999b9b;
            }

        .notfication-panel-right .panel-header .tools {
            width: 50%;
            display: inline-block;
            position: absolute;
            margin: 5px 0px;
            text-align: right;
        }

            .notfication-panel-right .panel-header .tools i.icon-chevron-left {
                font-size: 11px;
            }

            .notfication-panel-right .panel-header .tools i.icon-chevron-right {
                font-size: 11px;
            }

    .notfication-panel-right .panel-content {
        margin-top: -146px;
    }


/*********** ATS CSS ************/
.ats.master-view .divTable {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 8px;
    margin-left: 9px;
    font-size: large;
}

    .ats.master-view .divTable:hover {
        cursor: pointer;
    }

    .ats.master-view .divTable label {
        font-size: 14px;
        color: #999b9b;
    }

    .dark-mode .ats.master-view .divTable label {
        color: var(--dark-second-color);
    }

        .ats.master-view .divTable label span {
            font-size: 25px;
            font-weight: bold;
        }

.ats.master-view .div-table {
    background: #fff;
    display: table;
    width: auto;
    border-spacing: 10px; /* cellspacing:poor IE support for  this */
}

.ats.master-view .div-table-row {
    display: inline-grid;
    width: 90px;
    clear: both;
}

.ats.master-view .div-table-col {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    width: 100px;
}

    .ats.master-view .div-table-col a {
        float: right;
    }

.ats.master-view .fas {
    opacity: 0.40;
}

.ats-pipe-view .ats.master-view .divTable {
    border: 0px solid #eee;
    border-radius: 2px;
    margin-top: 0px;
    margin-left: 5px;
    font-size: 10px;
}

    .ats-pipe-view .ats.master-view .divTable label {
        font-size: 10px;
        background-color: transparent !important;
        padding: 0px;
        margin: 0px;
    }

        .ats-pipe-view .ats.master-view .divTable label span {
            font-size: 22px;
            line-height: 14px;
        }

.ats-pipe-view .ats.master-view .div-table {
    border-spacing: 0px;
    padding: 7px;
    width: 127px;
    background: #fff;
}

.ats-pipe-view .ats.master-view .div-table-col {
    width: 55px;
}

.ats-pipe-view .ats.master-view .div-table-row {
    width: auto;
}

.ats-pipe-view .ats.master-view .div-table-col a {
    float: none;
    margin-left: 22px;
}

.ats-pipe-view .DivButtons {
    background-color: #d8dee5;
    padding: 5px;
}

.ats-pipe-view .carousel {
    height: auto;
}

.ats-pipe-view .carousel-inner {
    margin-left: 25px;
    height: 54px;
}

.ats-pipe-view .carousel-control.left span {
    margin-left: -20px;
    background: none;
    padding: 0px;
    margin-top: -8px;
    color: #666;
}

.ats-pipe-view .carousel-control.right span {
    margin: 0px;
    margin-top: -53px;
    margin-left: 25px;
    background: none;
    color: #666;
    padding: 0px;
}

.ats-pipe-view a.btn.btn-application.btn-white {
    padding: 5px 10px;
    height: 30px;
    color: #ccc !important;
    border: solid 1px #ccc !important;
    font-size: 12px;
}

    .ats-pipe-view a.btn.btn-application.btn-white:hover {
        color: #666 !important;
    }

    .ats-pipe-view a.btn.btn-application.btn-white .icon:before {
        width: 15px;
        font-size: 13px;
        padding: 2px 2px;
    }

.ats-pipe-view h3.card-title {
    display: block;
    float: left;
    padding: 6px 10px 5px;
    background: #dae8ff;
    border-radius: 5px;
    color: #049aff;
    margin-right: 10px;
}

.ats-pipe-view h6.card-subtitle {
    display: block;
    font-size: 12px !important;
    padding: 3px;
}

.ats-pipe-view a#a_3, .ats-pipe-view a#a_4, .ats-pipe-view a#a_1 {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.ats-pipe-view .todo-tools.btn-group {
    float: right;
}

.ats-pipe-view ul.dropdown-menu.dropdown-info.text-left {
    margin-left: -144px;
}

.ats-pipe-view .card-title-border.nostrip.notools.card-title-grey {
    padding: 5px;
}

    .ats-pipe-view .card-title-border.nostrip.notools.card-title-grey .card-body2.col-md-5 {
        margin-left: -40px;
    }

.ats-pipe-view .view-title {
    padding-left: 20px;
    color: #818181;
    font-size: 15px;
}
/**color legends**/

.ats.master-view .div-table.b1 label span {
    color: #9B59B6;
}

.ats.master-view .div-table.b2 label span {
    color: #9B59B6;
}

.ats.master-view .div-table.b3 label span {
    color: #F39C12;
}

.ats.master-view .div-table.b4 label span {
    color: #049AFF;
}

.ats.master-view .div-table.b5 label span {
    color: #049AFF;
}

.ats.master-view .div-table.b6 label span {
    color: #5AC45E;
}

.ats.master-view .div-table.b7 label span {
    color: #F03D44;
}

.ats.master-view .div-table.b8 label span {
    color: #F39C12;
}

.ats.master-view .div-table.b9 label span {
    color: #6F7782;
}

.ats.master-view .div-table.b10 label span {
    color: #00C0DD;
}

.ats.master-view .div-table.b11 label span {
    color: #00C0DD;
}

.ats.master-view .div-table .div-table-col a {
    opacity: 0.6;
}

.ats.master-view .div-table.b1 .div-table-col a {
    color: #9B59B6;
}

.ats.master-view .div-table.b2 .div-table-col a {
    color: #9B59B6;
}

.ats.master-view .div-table.b3 .div-table-col a {
    color: #F39C12;
}

.ats.master-view .div-table.b4 .div-table-col a {
    color: #049AFF;
}

.ats.master-view .div-table.b5 .div-table-col a {
    color: #049AFF;
}

.ats.master-view .div-table.b6 .div-table-col a {
    color: #5AC45E;
}

.ats.master-view .div-table.b7 .div-table-col a {
    color: #F03D44;
}

.ats.master-view .div-table.b8 .div-table-col a {
    color: #F39C12;
}

.ats.master-view .div-table.b9 .div-table-col a {
    color: #6F7782;
}

.ats.master-view .div-table.b10 .div-table-col a {
    color: #00C0DD;
}

.ats.master-view .div-table.b11 .div-table-col a {
    color: #00C0DD;
}

/**active status**/
.ats.master-view .div-table.active label,
.ats.master-view .div-table.active label span,
.ats.master-view .div-table.active .div-table-col a {
    color: #fff;
}

 /*------code for dark theme by zaid-----*/
.dark-mode .ats-pipe-view .ats.master-view .div-table {
    background: var(--dark-body-bg);
}

.dark-mode .ats-pipe-view .ats.master-view .divTable {
    border: 0px solid var(--dark-card-border);

}

/*-------end------*/

.ats.master-view .div-table.b1.active,
.ats.master-view .div-table.b2.active {
    background-color: #9B59B6;
    box-shadow: 0px 1px 5px #9B59B6;
}

.ats.master-view .div-table.b3.active,
.ats.master-view .div-table.b8.active {
    background-color: #F39C12;
    box-shadow: 0px 1px 5px #F39C12;
}

.ats.master-view .div-table.b4.active,
.ats.master-view .div-table.b5.active {
    background-color: #049AFF;
    box-shadow: 0px 1px 5px #049AFF;
}

.ats.master-view .div-table.b6.active {
    background-color: #5AC45E;
    box-shadow: 0px 1px 5px #5AC45E;
}

.ats.master-view .div-table.b7.active {
    background-color: #F03D44;
    box-shadow: 0px 1px 5px #F03D44;
}

.ats.master-view .div-table.b9.active {
    background-color: #6F7782;
    box-shadow: 0px 1px 5px #6F7782;
}

.ats.master-view .div-table.b10.active,
.ats.master-view .div-table.b11.active {
    background-color: #00C0DD;
    box-shadow: 0px 1px 5px #00C0DD;
}

.ats-linkedin-post {
    background-color: #0077B5;
    padding: 5px 10px;
    color: #fff !important;
    text-decoration: none !important;
    display: block;
    width: 100px;
    margin-top: 2px;
    font-family: 'roboto medium';
    font-size: 10px;
    border-radius: 2px;
}

    .ats-linkedin-post:hover {
        opacity: 0.8;
    }

/*Social HR Module CSS */
.social {
    margin: 0px;
    padding: 0px;
}

    .social .main {
        background-color: #E7EDF2;
        min-height: 800px;
        margin-bottom: -200px;
    }

    .social .post-container {
        background: #fff;
        min-height: 100px;
        margin: 15px 10px;
        border-radius: 5px;
    }

        .social .post-container .img-container {
            margin: 15px 0px;
            text-align: center;
        }

        .social .post-container .img-container2 {
            margin: 5px 10px;
            text-align: center;
        }

        .social .post-container .post-control-group {
            height: 40px;
            background: #f9fafb;
            display: flex;
            border-bottom-right-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
        }

        .social .post-container .post-title-bar {
            padding: 10px;
        }

            .social .post-container .post-title-bar.comments {
                padding: 0px !important;
            }

            .social .post-container .post-title-bar .post-master {
                font-size: 16px;
                color: #000;
                font-weight: bold;
            }

            .social .post-container .post-title-bar.comments .post-master {
                font-size: 12px;
                color: #000;
                font-weight: bold;
            }

            .social .post-container .post-title-bar.comments .row {
                padding: 10px;
                border-bottom: solid 1px #eee;
                margin: 0px;
            }

            .social .post-container .post-title-bar.comments .text-comments {
                font-size: 12px;
                color: #606060;
            }

                .social .post-container .post-title-bar.comments .text-comments a.btn-link {
                    margin-right: 10px;
                }

                .social .post-container .post-title-bar.comments .text-comments .post-da {
                    font-size: 12px;
                }

    .social .post-textarea-disp {
        resize: none;
        /*  overflow: auto;
                overflow-y: auto;*/
        min-height: 50px;
        /* max-height: 400px;*/
        width: 100%;
        margin: 10px;
        border: 0px; /*
                text-align: justify;*/
    }

    .social .post-container .post-title-bar .post-date {
        font-size: 11px;
        color: #9b9b9b;
        font-weight: bold;
    }

.post-control-group .btn-group {
    border-radius: 0px;
    background: #f9fafb;
    width: 100%;
    padding: 0px;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

    .post-control-group .btn-group .btn {
        width: 25%;
        border-radius: 0px !important;
        height: 39px;
        background: #f9fafb !important;
        color: #000 !important;
        margin: 0px;
    }

        .post-control-group .btn-group .btn:nth-child(1),
        .post-control-group .btn-group .btn:nth-child(2),
        .post-control-group .btn-group .btn:nth-child(3) {
            border-right: 1px solid #E7EDF2;
        }

            .post-control-group .btn-group .btn:nth-child(1) i,
            .post-control-group .btn-group .btn:nth-child(2) i,
            .post-control-group .btn-group .btn:nth-child(3) i {
                color: #36AFF2;
            }

        .post-control-group .btn-group .btn:nth-child(1) {
            border-bottom-left-radius: 5px !important;
        }

        .post-control-group .btn-group .btn:nth-child(4) {
            background: #36AFF2 !important;
            color: #fff !important;
            border-bottom-right-radius: 5px !important;
        }

.social .post-textarea {
    resize: none;
    overflow: auto;
    overflow-y: auto;
    min-height: 50px;
    max-height: 400px;
    width: 97%;
    margin: 10px;
    border: 0px;
}

    .social .post-textarea:focus-visible {
        border: none !important;
        padding: 10px;
    }

    .social .post-textarea[contentEditable=true]:empty:not(:focus):before {
        content: attr(data-text);
    }

h5.feed-title {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin: 15px;
}




.socialchat-panel-left {
    height: 650px;
    position: fixed;
}

.socialchat-panel-left {
    background-color: #f0f4f7;
    width: 26%;
    display: inline-block;
}

    .socialchat-panel-left .panel-header {
        /* border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;*/
        border-bottom: 1px solid #dbdbdb;
        padding: 6px 20px;
        position: fixed;
        top: 56px;
        display: block;
        width: 26%;
        background-color: #f0f4f7;
        z-index: 1;
    }

    .socialchat-panel-left .head {
        font-family: 'Roboto Bold';
        font-size: 16px;
        margin: 5px;
        display: inline-block;
    }

        .socialchat-panel-left .head span {
            margin-left: 10px;
        }

    .socialchat-panel-left .tools {
        display: inline-block;
        margin: 5px;
    }

        .socialchat-panel-left .tools select, #ddlReadStatus {
            border: none !important;
            background-color: transparent;
            color: #000;
            font-family: 'Roboto Medium';
            font-size: 12px;
            display: inline-block !important;
            width: 73px;
            height: 30px;
        }

        .socialchat-panel-left .tools input {
            float: left;
            width: 278px;
            height: 30px;
            font-size: 12px;
            color: #000;
            border-radius: 15px;
            z-index: 1;
            padding: 0px 30px !important;
        }

        .socialchat-panel-left .tools i.icon-search {
            font-size: 15px;
            color: #9e9b9b;
            text-decoration: none;
            z-index: 2;
            position: relative;
            margin-left: -26px;
            top: 5px;
        }

            .socialchat-panel-left .tools i.icon-search:hover {
                color: #049aff;
            }

    .socialchat-panel-left .separator {
        border-top: 0.1em solid #dbdbdb;
    }

    .socialchat-panel-left .list {
        margin-top: 53px;
        padding-bottom: 300px;
    }

        .socialchat-panel-left .list .list-item {
            padding: 10px 0px;
            cursor: pointer;
            border-bottom-left-radius: 2px;
            border-top-left-radius: 2px;
        }

            .socialchat-panel-left .list .list-item.unread {
                border-left: 3px solid #049aff;
            }

            .socialchat-panel-left .list .list-item.read, .socialchat-panel-left .list .list-item.deleted, .socialchat-panel-left .list .list-item.history {
                border-left: 3px solid #f0f4f7;
            }

            .socialchat-panel-left .list .list-item:hover, .socialchat-panel-left .list .list-item.active {
                border-left: 3px solid #f39c12;
                background-color: #fff;
                cursor: pointer;
            }

            .socialchat-panel-left .list .list-item img {
                width: 36px;
                height: 36px;
                border-radius: 30px;
                margin: 2px 10px;
                float: left;
            }

            .socialchat-panel-left .list .list-item .list-body {
                padding-left: 5px;
                position: relative;
                overflow: hidden;
            }

            .socialchat-panel-left .list .list-item .title {
                font-size: 12px;
                font-family: 'Roboto Medium';
                float: right;
            }

            .socialchat-panel-left .list .list-item.unread .title {
                color: #000;
            }

            .socialchat-panel-left .list .list-item.read .title, .socialchat-panel-left .list .list-item.deleted .title, .socialchat-panel-left .list .list-item.history .title {
                color: #999b9b;
            }

            .socialchat-panel-left .list .list-item .title span.nf-type {
                padding: 2px 10px;
                margin: 0px 10px;
                display: inline-block;
                float: right;
                border-radius: 5px;
                font-size: 10px;
            }

                .socialchat-panel-left .list .list-item .title span.nf-type.leaveapproval {
                    border: 1px solid #E486AA;
                    color: #E486AA;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.outdoorapproval {
                    border: 1px solid #ADCCE8;
                    color: #ADCCE8;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.attendanceapproval {
                    border: 1px solid #0FA7FF;
                    color: #0FA7FF;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.wfhapproval {
                    border: 1px solid #3A87AD;
                    color: #3A87AD;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.compoffapproval {
                    border: 1px solid #4E596F;
                    color: #4E596F;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.shiftrequestapproval {
                    border: 1px solid #FFDFDF;
                    color: #FFDFDF;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.overtimeapproval {
                    border: 1px solid #FA5757;
                    color: #FA5757;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.optholidayapproval {
                    border: 1px solid #12e48c;
                    color: #12e48c;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.shortleaveapproval {
                    border: 1px solid #FFB752;
                    color: #FFB752;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.policy {
                    color: #049aff;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.form {
                    color: #5EC562;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.circular {
                    color: #FFBB00;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.bulletin {
                    color: #FF4704;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.opening {
                    color: #5EC562;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.companyevent {
                    color: #FF4704;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.dashboardmessage {
                    color: #A304FF;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.grievance {
                    color: #FF1804;
                }

                .socialchat-panel-left .list .list-item .title span.nf-type.travelrequest {
                    color: #ff7900;
                }

            .socialchat-panel-left .list .list-item .detail {
                font-size: 12px;
                color: #999b9b;
                font-family: 'Roboto Medium';
                /* float: right;*/
            }

                .socialchat-panel-left .list .list-item .detail.Deleted {
                    text-decoration: line-through;
                }

            .socialchat-panel-left .list .list-item .actions {
                padding-left: 5px;
                position: relative;
                overflow: hidden;
                margin-left: 60px;
                margin-top: 5px;
            }

                .socialchat-panel-left .list .list-item .actions a.btn.btn-sm.btn-white {
                    margin-right: 5px;
                    padding: 2px 5px;
                    font-size: 10px;
                }

        .socialchat-panel-left .list a.btn.btn-sm.btn-white.action-view-more {
            text-align: center;
            margin: 5px 37%;
        }

.socialchat-panel-right {
    display: inline-block;
    position: absolute;
    margin-left: 26%;
    width: 55%;
}

    .socialchat-panel-right .panel-header {
        /* border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;*/
        border-bottom: 1px solid #dbdbdb;
        padding: 5px 20px;
        position: fixed;
        top: 56px;
        display: block;
        width: 74%;
        z-index: 1;
        background-color: #fff;
    }

        .socialchat-panel-right .panel-header .head {
            width: 49%;
            display: inline-block;
        }

            .socialchat-panel-right .panel-header .head .title {
                font-family: 'Roboto Bold';
                font-size: 16px;
                color: #000;
            }

            .socialchat-panel-right .panel-header .head .title2 {
                font-family: 'Roboto Bold';
                font-size: 11px;
                color: #999b9b;
            }

        .socialchat-panel-right .panel-header .tools {
            width: 50%;
            display: inline-block;
            position: absolute;
            margin: 5px 0px;
            text-align: right;
        }

            .socialchat-panel-right .panel-header .tools i.icon-chevron-left {
                font-size: 11px;
            }

            .socialchat-panel-right .panel-header .tools i.icon-chevron-right {
                font-size: 11px;
            }

    .socialchat-panel-right .panel-content {
        margin: 50px 30px 0px 30px;
        padding-bottom: 100px;
    }

    .socialchat-panel-right .chat-panel {
        bottom: 0px;
        position: relative;
        background: #f0f4f7;
        width: 100%;
        padding: 10px;
    }

.chat-break {
    background: #eee;
    height: 1px;
    margin-top: 28px;
}

    .chat-break .chat-break-date {
        color: #ff7703;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #fff;
        width: fit-content;
        padding: 5px 15px;
        margin-left: 40%;
        border-radius: 10px;
        background: #ffedc4;
        position: relative;
        top: -15px;
    }

.chat-panel img.img-circle {
    position: absolute;
    margin: 15px;
    margin-left: 22px;
    border: 2px solid #f1f1f1;
    z-index: 999;
}

.chat-panel textarea.form-control {
    padding-left: 80px !important;
    padding: 5px;
    display: inline-block;
    resize: none;
    padding-top: 18px;
    padding-right: 60px;
}

.chat-panel a.btn-sm.btn-link {
    color: #049aff;
    margin-top: -50px;
    float: right;
    margin-right: 10px;
}

.chat-panel i.glyphicon.glyphicon-send {
    font-size: 20px;
}

.chat-panel .emojionearea {
    height: auto !important;
    padding-right: 60px;
    padding-left: 60px;
}

.chat-panel .emojionearea-editor {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.chat-panel .emojionearea .emojionearea-button {
    right: 18px;
    top: 18px;
}

.emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-top.emojionearea-search-position-top, .emojionearea .emojionearea-picker .emojionearea-wrapper {
    width: 100% !important;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    right: 0px !important;
}

.chat-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .chat-container .img-circle {
        margin-top: 5px;
        border: 2px solid #f5f5f5;
        display: inline;
        position: relative;
        top: 15px;
    }

    .chat-container .user-name {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        display: inline;
        margin-left: 8px;
        position: relative;
        top: 10px;
    }

    .chat-container .chat-date {
        display: inline-block;
        font-size: 12px;
        color: #8B8C8C;
        margin-left: 10px;
        position: relative;
        top: 10px;
    }

    .chat-container .chat-msg {
        margin-left: 45px;
        margin-top: 5px;
        padding: 10px;
        background: #e3eff9;
        font-size: 12px;
        color: #000;
        width: fit-content;
        border-radius: 5px;
        padding-top: 0px;
    }

        .chat-container .chat-msg:before {
            content: " ";
            background: #e3eff9;
            display: block;
            height: 10px;
            width: 12px;
            transform: rotate(-45deg);
            margin: 0px -15px;
            top: 13px;
            position: relative;
        }

    .chat-container p {
        margin-bottom: 0px;
    }

    .chat-container.me {
        direction: rtl;
    }

        .chat-container.me .user-name {
            margin-right: 5px;
            margin-left: 5px;
        }

        .chat-container.me .chat-msg {
            margin-right: 40px;
            margin-left: 5px;
            background: #f0f0f0;
        }

            .chat-container.me .chat-msg p {
                direction: ltr;
            }

            .chat-container.me .chat-msg:before {
                background: #f0f0f0;
            }


.social.group a.btn.btn-sm.btn-white.text-primary {
    position: absolute;
    top: 10px;
    right: 22px;
}

.social.group .post-container {
    padding: 10px;
    text-align: center;
    min-height: 400px;
}

.social .group-container {
    margin: 10px;
    padding: 10px;
    border: 1px solid #eee;
    display: inline-block;
    width: 30%;
    border-radius: 10px;
    box-shadow: 1px 3px #eee;
    text-align: left;
    opacity: 0.9;
}

    .social .group-container:hover {
        background: #FAFAFA;
        cursor: pointer;
        opacity: 1;
    }

    .social .group-container i.icon-group {
        font-size: 18px;
        padding: 10px;
        border-radius: 25px;
        color: #fff;
    }

    .social .group-container.g1 i.icon-group {
        border: 3px solid #CEEBFC;
        background: #36AFF2;
    }

    .social .group-container.g2 i.icon-group {
        border: 3px solid #E8CBF2;
        background: #A42ECB;
    }

    .social .group-container.g3 i.icon-group {
        border: 3px solid #CBF2DB;
        background: #2ECB70;
    }

    .social .group-container.g4 i.icon-group {
        border: 3px solid #FFD2AD;
        background: #FF882D;
    }

    .social .group-container.g5 i.icon-group {
        border: 3px solid #FF9BA7;
        background: #F90A0A;
    }

    .social .group-container .group-name {
        display: inline-block;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        margin-left: 15px;
        position: relative;
        top: -5px;
    }

    .social .group-container .date {
        font-size: 12px;
        color: #919191;
        display: inline-block;
        position: relative;
        margin-left: 64px;
        top: -20px;
        font-family: 'Roboto Medium';
    }

.members {
    position: relative;
    text-align: center;
}

.member {
    display: inline-block;
    height: 35px;
    width: 35px;
    margin-left: -10px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 32px;
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    opacity: 0.9;
}

    .member:hover {
        opacity: 1;
    }

    .member.m1 {
        z-index: 0;
        background: #26cb77;
        border: 2px solid #c8ffe3;
    }

    .member.m2 {
        z-index: 2;
        background: #F39C12;
        border: 2px solid #FAF0DB;
    }

    .member.m2 {
        z-index: 2;
        background: #F39C12;
        border: 2px solid #FAF0DB;
    }

    .member.m3 {
        z-index: 2;
        background: #1293F3;
        border: 2px solid #B3E1FF;
    }

    .member.m4 {
        z-index: 2;
        background: #F3126F;
        border: 2px solid #FFC0CE;
    }

    .member.m5 {
        z-index: 2;
        background: #7641FF;
        border: 2px solid #E0D4FF;
    }

    .member.m6 {
        z-index: 2;
        background: #00A580;
        border: 2px solid #D9F2EC;
    }

    .member.m7 {
        z-index: 2;
        background: #A88300;
        border: 2px solid #F2ECD9;
    }

    .member.m8 {
        z-index: 2;
        background: #6486FF;
        border: 2px solid #C1CCFF;
    }

    .member.m9 {
        z-index: 2;
        background: #21BD4C;
        border: 2px solid #E1F6E7;
    }

    .member.m10 {
        z-index: 2;
        background: #A62E00;
        border: 2px solid #BF846D;
        ;
    }

    .member.m11 {
        z-index: 2;
        background: #391F7F;
        border: 2px solid #E1DEEC;
    }

    .member.m12 {
        z-index: 2;
        background: #CD0E97;
        border: 2px solid #EBA2D6;
    }

    .member img.img-circle {
        position: relative;
        top: -2px;
        left: 0px;
        border: 2px solid #eee;
    }

.member-more {
    display: inline-block;
    margin-left: 10px;
    color: #9f9f9f;
    font-size: 12px;
    font-weight: bold;
}

.social.group.view .group-container {
    margin: 0px;
    padding: 15px;
    border: none;
    text-align: left;
    opacity: 0.9;
    background: #f5f5f5;
    display: block;
    width: 100%;
    box-shadow: none;
    border-radius: 0px;
    min-height: 140px;
    cursor: default;
}

    .social.group.view .group-container .date {
        margin-left: 64px;
        top: -22px;
        display: inherit;
    }

    .social.group.view .group-container .group-name {
        top: -10px;
    }

        .social.group.view .group-container .group-name[data-toggle=modal] {
            cursor: pointer;
        }

.modal-content .modal-body .tab-content p.card-text.p-group-name:focus-visible,
.modal-content .modal-body .tab-content p.card-text.p-group-des:focus-visible {
    padding: 5px;
}

.social.group.view .members {
    text-align: left;
}

.modal-content .social.group.view .group-container {
    min-height: 100px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 0px;
}

.modal-content .social.group.view .nav-tabs {
    border-bottom: none;
}

.modal-content .modal-body .tab-content {
    border: none;
}

    .modal-content .modal-body .tab-content .props {
        background: #f5f5f5;
        padding: 10px 20px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

        .modal-content .modal-body .tab-content .props .props-heading {
            font-weight: bold;
            font-family: 'Roboto Bold';
            font-size: 14px;
            color: #000;
        }

.social.group .post-container {
    padding: 0px;
}

.social.group.view .post-container {
    min-height: fit-content;
    border: 1px solid #eee;
    text-align: left;
}

    .social.group.view .post-container .btn-white.btn-add-member {
        right: 10px;
    }

    .social.group.view .post-container ul.nav.nav-tabs > li:first-child {
        margin-left: 75px;
        margin-bottom: -2px;
    }

    .social.group.view .post-container ul.nav.nav-tabs {
        top: -34px;
    }

        .social.group.view .post-container ul.nav.nav-tabs > li {
            min-width: 100px;
            margin-right: 10px;
            text-align: center;
        }

    .social.group.view .post-container .nav-tabs > li.active > a {
        border-top: 2px solid #1293F3;
        color: #000;
        font-weight: bold;
    }

    .social.group.view .post-container .tab-content {
        top: -34px;
        border: none;
    }

    .social.group.view .post-container .post-control-group {
        margin-bottom: -5px;
    }

div#chat {
    padding: 0px 10%;
}

.feed-post.btn-group {
    background: #fff;
}

    .feed-post.btn-group a.dropdown-toggle {
        box-shadow: none !important;
    }

    .feed-post.btn-group .dropdown-menu li a:hover {
        background: #ffe0b2;
        color: #000;
        cursor: pointer;
    }

    .feed-post.btn-group ul.dropdown-menu {
        right: 0px;
        left: auto;
    }

.social .social-role .ck-button {
    margin: 5px;
    border-radius: 4px;
    overflow: auto;
    float: left;
}

    .social .social-role .ck-button label {
        float: left;
        min-width: 130px;
        margin: 5px;
    }

        .social .social-role .ck-button label span {
            text-align: center;
            display: block;
            border-radius: 15px;
            padding: 5px 10px;
            border: 1px solid #eee;
        }

        .social .social-role .ck-button label input {
            position: absolute;
        }

    .social .social-role .ck-button input:hover + span {
        background-color: #2ECB70;
        color: #fff;
    }

    .social .social-role .ck-button input:checked + span {
        background-color: #2ECB70;
        color: #fff;
    }

    .social .social-role .ck-button input:checked:hover + span {
        background-color: #56D58B;
        color: #fff;
    }

    .social .social-role .ck-button label > span > svg {
        color: #fff;
        background: #b2b2b2;
        border-radius: 10px;
        border: 1px solid #b2b2b2;
        float: left;
        margin-left: 0px;
        margin-top: 3px;
    }

    .social .social-role .ck-button label > span:hover > svg, .ck-button input:checked + span > svg {
        background: #56D58B;
        border-radius: 10px;
        border: 1px solid #56D58B;
    }

.social .social-role .role-category {
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

.modal span.boldRed {
    color: red;
}
/*Social HR Module CSS */

.wizardhome {
    background: #eee;
}

    .wizardhome .wizardtitle {
        color: #fff;
        background: #049aff;
        padding: 10px 20px;
        height: 100px;
        padding-left: 50px;
        padding-right: 50px;
    }

        .wizardhome .wizardtitle a {
            color: #fff;
            font-size: 14px;
            font-family: 'Roboto Regular';
        }

            .wizardhome .wizardtitle a:hover {
                text-decoration: none;
                cursor: pointer;
            }

            .wizardhome .wizardtitle a i {
                font-size: 14px;
            }

    .wizardhome .userphoto-container {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 5px;
        margin-top: -50px;
        height: 150px;
        width: 75%;
        background: #fff;
        margin-left: 50px;
        text-align: center;
        position: absolute;
    }

        .wizardhome .userphoto-container img {
            height: 125px;
            width: 125px;
        }

    .wizardhome .userinfo-container {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 10px 20px;
        margin-top: -50px;
        height: 80px;
        background: #fff;
    }

        .wizardhome .userinfo-container .name {
            font-size: 18px;
            font-family: 'Roboto Regular';
            color: #000;
        }

        .wizardhome .userinfo-container .note {
            font-size: 14px;
            font-family: 'Roboto Regular';
            color: #999b9b;
        }

    .wizardhome .usermenu {
        padding: 10px 20px;
        margin-left: 0px;
        margin-top: 0px;
        background:#fff;
    }

        .wizardhome .usermenu a {
            display: block;
            margin: 10px;
            color: #000;
            font-size: 12px;
            font-family: 'Roboto Regular';
        }

            .wizardhome .usermenu a:hover {
                text-decoration: none;
                cursor: pointer;
            }
    .wizardhome ul.nav.nav-list{
        margin-top:0px;
    }


    .wizardhome .usercontent {
    }

        .wizardhome .usercontent .emp-head {
            color: #999b9b;
            font-size: 14px;
            font-family: Roboto-Medium;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .wizardhome .usercontent {
    }

        .wizardhome .usercontent .emp-item {
            display: inline-grid;
            width: 120px;
            border: 1px solid #dcdcdc; 
            border-radius: 5px;
            background: #fff;
            text-align: center;
            padding: 10px 20px;
            margin-right: 10px;
            cursor: pointer;
            height: 135px;
            margin-bottom: 5px;
 
        }

            .wizardhome .usercontent .emp-item:hover {
                background: #049aff;
            }
 

                .wizardhome .usercontent .emp-item:hover .name {
                    color: #fff;
                }

 
        .wizardhome .usercontent .emp-item img {
            display: block;
            margin: 5px 22%;
        }
 
        .wizardhome .usercontent .name {
            color: #999b9b;
            font-size: 13px;
            font-family: Roboto-Medium;
            margin-top: 10px;
        }

        .wizardhome .usercontent .emp-add {
            border: 1px dashed #049aff;
            border-radius: 5px;
            padding: 10px;
            margin: 20px 100px;
            background: #fff;
            text-align: center;
        }

            .wizardhome .usercontent .emp-add a {
                color: #049aff;
                font-size: 13px;
                font-family: Roboto-Medium;
            }

                .wizardhome .usercontent .emp-add a:hover {
                    text-decoration: none;
                    cursor: pointer;
                }

                .wizardhome .usercontent .emp-add a i {
                    color: #049aff;
                }

        .wizardhome .usercontent .module-list .module-item {
            display: inline-block;
            width: 140px;
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            background: #fff;
            text-align: center;
            padding: 10px 10px;
            margin-right: 10px;
            cursor: pointer;
            height: 100px;
            margin-bottom: 10px;
        }

            .wizardhome .usercontent .module-list .module-item .name {
                color: #999b9b;
                font-size: 13px;
                font-family: Roboto-Medium;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .wizardhome .usercontent .module-list .module-item i {
                font-size: 24px;
            }

                .wizardhome .usercontent .module-list .module-item i.c1 {
                    color: #049aff;
                }

                .wizardhome .usercontent .module-list .module-item i.c2 {
                    color: #26cb77;
                }

                .wizardhome .usercontent .module-list .module-item i.c3 {
                    color: #F39C12;
                }

                .wizardhome .usercontent .module-list .module-item i.c4 {
                    color: #7641FF;
                }

                .wizardhome .usercontent .module-list .module-item i.c5 {
                    color: #FF882D;
                }

                .wizardhome .usercontent .module-list .module-item i.c6 {
                    color: #668561;
                }

                .wizardhome .usercontent .module-list .module-item i.c7 {
                    color: #A842C6;
                }

                .wizardhome .usercontent .module-list .module-item i.c8 {
                    color: #00599F;
                }

.trial-days-c {
    display: block;
    width: 200px;
    text-align: center;
    position: absolute;
    right: 30px;
    top: -32px;
    font-size: 14px;
    font-family: 'Roboto Medium';
}

    .trial-days-c .trial-days-n {
        width: 45px;
        height: 45px;
        display: inline-block;
        padding: 10px;
        border: 2px solid #ffe1b6;
        border-radius: 30px;
        font-weight: bold;
        background: #FFBB00;
        color: #fff;
    }
/** This css added to make popup more bigger and readable**/
@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 750px;
    }
    .modal-body .alert, .modal-body .bootbox-body {
        font-size: 20px;
    }
}
/** This css added to make popup more bigger and readable**/


.hris-header-menu {
    left: 18px;
    top: 45px;
    position: fixed;
    width: 220px;
}