/*!
 * ARJT theme version 4
 * Author: RCB 
 */
 
 html {
  position: relative;
  min-height: 100%;
}

 body{
	font-size:12px;	
 }
 
 .blink_me {
  color: #FF0000;
  animation: blinker 1s linear infinite;
}

.msghl{background-color: blue}

@keyframes blinker {  
  50% { opacity: 0; }
}
 

 .start{padding-top: 5px}
 
 .ui-datepicker .ui-datepicker-title select {
    color: #000;
}
.reason_list{padding: 5px}
.rem_reason{cursor: pointer}
 .dashlet{ height: 110px}
 .body-home{ background-image: url("../img/arjtbg.png"); background-repeat: no-repeat;center fixed;


-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}
 #navbar-home{border:none}
 #main-content{padding-top:50px;}
.breadcrumb{background-color: #666666; color: white}
.breadcrumb .active{color: white}
.breadcrumb .route{color: #D7F2FF}
.vxs-user .link{color:white}

.attached{color: #0080C0;}

 /*side nav*/
.fa-stack{padding-top:5px;}
.menu-label{padding-left:53px; margin-bottom:-10px; font-weight: bold}
.menu-tag{padding-left:53px; margin-top:-40px;}
small{font-size: 11px}
.module-name{padding-left:53px; font-size:16px}
.side_nav{font-size: 12px;}
 
 /* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
     float: none;
    margin: 0 auto;
}
.upload_line{padding-bottom: 5px}
.up7{padding-bottom: 5px}
.remfile{color: #0080C0; cursor: pointer}
/*Dashboard*/
.ref_status{color: #FF8000}
.actions{padding-right: 20px}
.announcement-heading{
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
}
.announcement-text{
	font-size: 13px
}
.VIEW{background-color: #F9F9F9}
.INCOMPLETE{background-color: #FFD2D2}
.AR-SCRFAC{background-color: #FFFFD2}
.A-ASSIGN{background-color: #D9FFD9}
.A-ACCEPT{background-color: #D9FFFF}
.A-CONFERENCE{background-color: #C6E2FF}
.COMPLETED{background-color: #FFE2D5}
.AR-HEARING{background-color: #D6D6EB}
.AR-SCR{background-color:#B3D9D9}
.CONF-COMPLETED{background-color:#EEEEDD}
.REPORT-COMPLETED{background-color:#D6EBEB}

.ref_view{font-size: 16px; color: #0063C6}
.ref_view_stat{font-size: 16px; color: #FF8000}

#add_crn{padding-bottom:5px}
.rem_crn{color: #0000FF; cursor: pointer}
.rem_link{color: #0000FF; cursor: pointer}

/*home*/
 .arjt_home_header{font-size:38px; padding-bottom: 10px; color: white; font-weight: normal}
 #home_ttl{font-size:45px}
.panel-heading{
	/*font-weight: bold;*/
	font-size: 14px;
} 
.cph{cursor: pointer}
.searchable{height: 20px;  
	width: -webkit-calc(100% - 25px);
    width:    -moz-calc(100% - 25px);
    width:     }


/*login form*/
#login-panel{padding-top: 50px; }
#login-form{background-color:white; color: #0080C0; border: 1px solid #00ADEE; text-align: left; padding: 30px; padding-bottom:80px}
#login-header{font-size: 16px; padding-left:10px; padding-bottom:20px}
.login-input{border:none; border-bottom:1px solid; margin-bottom:20px}
#forgotten{text-decoration:none; padding-top: 10px; font-size: 13px}


/*Page forms*/
.form_wrapper{
	border: 1px solid #E6E6E6;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom: 20px
}

.form-group{
	margin-bottom: 5px
}

.profile_name{
	font-size: 22px;
	color: #00589F;
}
.text-muted{
	 color: #C0C0C0
 }
 .profile_muted_detail{padding-bottom: 10px; padding-top:10px}
.access-section{border-left: 1px solid #E6E6E6; background: #EFEFEF; padding: 10px 30px 30px 30px; min-height: 210px}
.info-section{padding: 30px}
.user_acess{padding: 5px}
.user_acess_md{padding: 10px; font-size: 14px; font-weight: bold}

/*tabs*/
.nav-tabs li a{font-size: 11px; background-color: #D7EBFF}
.tab-content{
	padding: 10px
}


/*form validation*/
.error {
   color: #ff0000;
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 0;
}
 
.inputTxtError {
   border: 1px solid #ff0000;
   color: #0e0e0e;
}

/* Add 'btn-flat' to your buttons */
.btn-flat {
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='false');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image:none;
    border:0;
}


 /*display block on every AJAX call*/
 .loader {
	display: none;
	position:   fixed;
	overflow:   hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;

	opacity: 0.5;
	filter: alpha(opacity=50);
	background: rgba( 255, 255, 255, .8 )
				url('../img/loader.gif')
				50% 50% no-repeat;  
}

.navbar{border-radius: 0px; background: white}
.app-header{background: #EBF0E8}
.btn, .form-control{border-radius: 0px}
.mAction{padding-top: 20px; padding-right: 20px; padding-left:20px}

#brand > a:hover {
  background-color: transparent;
}

.container-fluid{padding-top:20px}
.navbar-label{height:50px;padding:15px 15px;font-size:15px;line-height:20px; color:#808080; padding-top:18px}
 #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#wrapper.toggled {
    padding-left: 250px;
    overflow: hidden;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute; 
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow: hidden;
    background: #53B223;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    position: absolute;
    width: 100%;  
    overflow-x: hidden; 
	padding-bottom: 140px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  
  color: white;
  font-weight:bold;
  margin-top: 20px;
}
.footer_text{
	  padding-top: 5px;
	height: 30px;
	background-color: #404040;
}


.xyz{
    min-width: 360px;
}
#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px; 
}
#brand{
     line-height: 47px;
	 border-bottom: 1px solid #80BFFF;
	font-weight: bold

}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}

.sidebar-nav li {
    text-indent: 15px;
    line-height: 55px;
	padding-top: 5px;
}

.sidebar-nav li i:not(.brand){
	padding-top: 10px;
}


.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
	border-radius: 0px
}

.nav_active{ background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.no-margin{
    margin:0;
}

@media (min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    .fixed-brand{
        width: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
        width: 68px;
    }
    #wrapper.toggled-2 #sidebar-wrapper:hover {
        width: 250px;
		border-radius: 0px
    }


    #page-content-wrapper {
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -183px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;

    }
}

.inputWrapper {
    height: 30px;
    width: 150px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
	color: white;
	text-align: center;
	padding-top: 6px;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #004080;
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.checkList {
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #ff8040;
}

.fileUpdated {
	background-color: green;
}

.new-board-btn {
    white-space: normal;
}