body {

   font-family: 'Arial', sans-serif;

    line-height:25px;

    font-size:14px;

}

.mt10{ margin-top:10px}

.mt20{ margin-top:20px}

.mb10{ margin-bottom:10px}

.ml10{ margin-left:10px}

.mr10{ margin-right:10px}

label{ font-weight: 400; font-size:14px; color:#626262;}

.icondown{margin-top:5px; }

.event_row {

    text-align: center;

    width: 30px;

}

.modal-dialog,#myModal{z-index: 99999999;}

.mb10{ margin-bottom:10px;}

.fullname{font-size: 12px; clear:both; float: right; }



#wrapper {

    width: 100%;

    background: #d2d2d2;

}



#page-wrapper {

    padding: 1px 15px 10px 15px;

    background: #fff;

}



#page-inner {

    background-color: #fff !important;

    display: table;

    height: 100vh;

    margin: 10px 20px 10px 0;

    min-height: 800px;

    padding: 10px;

    width: 100%;

}



.page-head-line {

    font-size: 20px;

    text-transform: uppercase;

    color: #000;

    font-weight: 800;

    padding-bottom: 10px;

    border-bottom: 1px solid #d2d2d2;

    margin-bottom: 10px;

    margin-top:5px;

}



.btn {

    border-radius:0px!important;

    -moz-border-radius:0px!important;

    -webkit-border-radius:0px!important;

}

.btn.dropdown-toggle.btn-default {

  width: 487px;

}



.progress {

    height: 5px;

}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

    color: #A3A3A3!important;

}





/*==============================================

    MENU STYLES    

 =============================================*/

.navbar-brand{line-height:16px;}



.navbar-cls-top .navbar-brand {

    color: #fff;

    background: #0b3856;

    width: 180px;

    text-align: center;

    height: 55px;

    font-size: 18px;

    letter-spacing: 1px;

    padding-top: 10px;

}

.navbar-cls-top .navbar-brand:hover {

    background: #DD1533;

    color: #fff;

}



.header-right {

    color: #fff;

    padding: 15px 50px 5px 50px;

    float: right;

    font-size: 16px;

}

.user-img-div {

  background-color: #fff;

  padding: 10px;

  text-align: center;

}



    .user-img-div img {

 display: block;

  height: auto;

  max-width: 100%;

    }



   

.active-menu {

    background-color: #fff!important;

    border-left: 5px solid #DD1533;

}

.active-menu-top {

    background-color: #000!important;

}



.arrow {

    float: right;

}



.fa.arrow:before {

    content: "\f104";

}



.active > a > .fa.arrow:before {

    content: "\f107";

}





.nav-second-level li,

.nav-third-level li {

    border-bottom: none !important;

}



    .nav-second-level li a {

        padding-left: 37px;

    }



    .nav-third-level li a {

        padding-left: 55px;

    }



.sidebar-collapse, .sidebar-collapse .nav {



}



    .sidebar-collapse .nav {

        padding: 0;

    }



        .sidebar-collapse .nav > li > a {

           color: #000;

background: #E2E2E2;

text-shadow: none;

border-bottom: 1px solid #D2D2D2;

        }



    .sidebar-collapse > .nav > li > a {

        padding: 7px 10px;

    }



    .sidebar-collapse .nav > li > a:hover,

    .sidebar-collapse .nav > li > a:focus {

        background: #D2D2D2;

        outline: 0;

    }







.nav-second-level > li:last-child > a:after,

.nav-third-level > li:last-child > a:after {

    height: 50%;

}



.nav-third-level > li > a:after,

.nav-third-level > li > a:before {

    left: 40px;

}



.navbar-side {

    border: none;

    background-color: #202020;

}



.navbar-cls-top {

    background: #262626;

    border-bottom: none;

}





.navbar-default {

    border: 0px solid black;

}



.navbar-header {

    background: #fff;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #DD1533;

}



.navbar-default .navbar-toggle {

    border-color: #fff;

}



    .navbar-default .navbar-toggle .icon-bar {

        background-color: #FFF;

        

    }



.nav > li > a > i {

    margin-right: 10px;

}



/*==============================================

    NOTIFICATION  STYLES    

 =============================================*/

.notifications-wrapper {

margin-left:3px;

}



.notifications-wrapper .nav {

    background-color: #D2d2d2;

}

.notifications-wrapper li {

display: inline-block;

}





.notifications-wrapper li a {

padding: 15px;

min-height: 50px;

}







.notifications-wrapper .dropdown-tasks {

width: 250px;

min-width: 0;

}





.notifications-wrapper .dropdown-menu li {

display: block;

}



.notifications-wrapper .dropdown-menu li a {

padding: 3px 20px;

min-height: 0;

}

.notifications-wrapper .nav > li > a {

    background-color: #E2E2E2;

    color:#000;

}

.notifications-wrapper .nav > li > a:hover, .nav > li > a:focus {

text-decoration: none;

background-color: #FFF!important;

    color:#DD1533;



}

.notifications-wrapper .dropdown-menu {

    margin:0px; 

     border-radius:0px!important;

    -moz-border-radius:0px!important;

    -webkit-border-radius:0px!important;

}



/*==============================================

    FOOTER  STYLES    

 =============================================*/

footer {

    background-color:#262626;

    padding:20px 50px;

    color:#fff;

    font-size:12px;

	text-align:center;

}



    footer a {

        color:#fff;

    }

   footer a:hover, footer a:focus {

        color:#fff;

        text-decoration:none;

    }



/*===============================================================================================

    DASHBOARD STYLES

 ===============================================================================================*/



.style-box-one {

    text-align: center;

    padding: 20px;

     margin-bottom: 40px;

    /*border-left: 10px solid #262626;*/
border-radius:10px;
	border:2px solid #0e0144;

}



    .style-box-one a, .style-box-one a:hover {

        color: #fff;

        text-decoration: none;

    }



    .style-box-one span {

        font-size: 50px;

        padding-bottom: 10px;

    }



.Style-one-clr-one {

    background-color: #d96614;

}



.Style-one-clr-two {

    background-color: #0e0144;

}



.Style-one-clr-three {

    background-color: #e83dab;

}



.Style-one-clr-four {

    background-color: #adab36;

}



.current-notices ul {

    padding-left:20px;

    list-style:decimal-leading-zero;

    line-height:30px;

}

.login-wrapper

{ 

width:400px;

height:auto; 

float:none; 

margin:10% auto auto;

}

.login-wrapper h3{ margin:0px;}

.pagination{margin:0px 0px;}

p.error {

    clear: both;

    color: #f00;

    font-size: 12px;

}



/*==============================================

    MEDIA QUERIES     

  =============================================*/



@media (min-width:768px) {

    .page-wrapper-cls {

        margin: 0 0 0 180px;

    }





    .navbar-side {

        z-index: 1;

        position: absolute;

        width: 180px;

    }



    .navbar {

        border-radius: 0px;

    }

}

@media (min-width:280px) and (max-width:767px ){

    #menuClose {

        visibility:hidden;

    }

}



@media (max-width:360px){

   .login-wrapper {

        width:95%;

    }

}





.itflogin_dp{

    min-width: 250px;

    padding: 14px 14px 0;

    overflow:hidden;

}

.itflogin_dp .help-block{

    font-size:12px    

}

.itflogin_dp .bottom{



    border-top:1px solid #ddd;

    clear:both;

    padding:14px;

}

.itflogin_dp .social-buttons{

    margin:12px 0    

}

.itflogin_dp .social-buttons a{

    width: 49%;

}

.itflogin_dp .form-group {

    margin-bottom: 10px;

}



.workinghours{font-size: 12px; margin-bottom: 10px; width: 100%;}

.workinghours span{font-weight: bold; padding-left: 10px;}

.comments_fld{height: 60px; width: 100%;}

.loaders {

    background: rgba(0, 0, 0, 0) url("../img/itfloaders.gif") no-repeat center 10px;

    height: 65px;

}

.input-group-btn .btn{ height: 42px !important;}

.panel.panel-primary .panel-heading{ padding:inherit;}

.panel-heading  a{ display:block; color:#fff; padding:10px 15px; text-decoration:none}

/*table tr td:first-child {

    padding: 10px;

    width: 10px;

}*/



/*calender start*/





.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-icon {

    height: 16px;

    width: 25px;

	 margin: 7px 0;

}

.ui-widget-header .ui-icon {

    background-image: url("../img/arrow-icon.png");

}

.ui-icon.ui-icon-circle-triangle-w {

    background-position: 10px -13px

}

.ui-icon-circle-triangle-e {

    background-position: -22px -13px

}

/*calender start*/

.title{ padding:6px; font-size:16px; color:#fff}

.bluebg{ background:#337ab7}

.sub-title{ padding:6px 10px; font-size:16px; color:#337ab7; font-weight:500; 	}

.label-title{padding:6px 10px;}

.greyborder{ border-bottom:1px solid #337ab7 !important}



.bootstrap-select .btn-default{

	height: 42px;

	border-radius:4px !important;

}

.areon{ margin:inherit}

form [class^="col-md"]{

    height:93px;

    display: table;

}





.colors0{background:#ff0600; color:#fff}

.colors1 {

    background: #00f217;

	color:#fff

}

td.colors2{background:#3352ff; color:#fff}

.colors0 a, .colors1 a , .colors2 a {color:#fff;}



.poplight {

    background: #fff none repeat scroll 0 0;

    border-radius: 4px;

    margin: 0 auto;

    padding: 10px;

    position: relative;

    width: 300px;

}

.poplight .itf_popup-close{ color:#ccc}

.error {

    color: red;

    font-size: 12px;

    margin-bottom: -15px !important;

}

.red_text{ color:#f00}

.notfound_text{

	width:180px;

	height:180px;

	padding:76px 0px;

	text-align:center;

	border-radius:100%;

	background:#03c0d6;

	display:block; 

	vertical-align:middle; 

	margin:60px auto 0px;

	font-size: 40px;

	color:#ffffff;

	border:2px solid #02adc1;}

.norecordfound

{

                text-align: center;

                font-size: 30px;

                height: 30px;

				padding-top:20px;



}





.add-pluse {

  position: absolute;

  right: 19px;

  top: 80px;

  z-index: 1;

}

.trf-droup {

  display: table;

  width: 100%;

 

}

.datepicker-days td {

  cursor: pointer;

}

/* close buttonitf popup*/

.itf_popup-close {

  color: #f00 !important;

 

  position: relative!important;

  right: 50px!important;

  

  top: 20px!important;

  width: 44px;

}



#mySelect {

  max-width: 577px;

}

.backbutton button span i {

  color: #000;

  padding: 4px;

}

h1 .backbutton {

  float: right;

  position: relative;

  top: -7px;

}

.hidden1{ display:none;}

.sts0rw{ background:#3352ff; color:#fff;}

.sts1rw{ background:#00f217; color:#fff;}

.sts2rw{ background:#FF0000; color:#fff;}

.eventColorAwaiting{background-color:blue;}

.eventColorAccepted {background-color:green;}

.eventColorRejected{background-color:red;}

.eventColorAccepted .closeon{visibility: hidden;}