@font-face {
	font-family: '33535gillsansmt';
	src: url('../fonts/33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('../fonts/33535gillsansmt.woff') format('woff'), url('../fonts/33535gillsansmt.ttf') format('truetype');
}
.dropdown-menu {
min-width:200px !important;	
}
body {
    /*background-image:url('../images/aep-background.jpg');*/
    /*background-image:url('../images/triangle-graphic-inner.gif');
    /*background-color: #e1e1e1;*/
    background-color: #f0f0f0;
    background-repeat: repeat-x;
    background-position: left top;
    margin:0;
    padding:0;
    font-family: 'LATO' !important;
    font-size: 13px;
    height: auto;

}
form div.required label.control-label:after {
  content:" * ";
  color:red;
}
/*textfields css starts here*/
select{border-radius: 3px !important; /* width:285px !important; */}
input, select, input.no-border{border-radius: 3px!important; color:#555555!important; -size:13px !important; }
input[type="button"]{color: #fff!important; width:auto !important;}
input.sm{width: 30%;}
input.lg{width: 40%;}
input.mm{width: 30%;}
select.sm{width: 20%;}
select.lg{width: 30%;}
select.mm{width: 30%;}
/*textfields css ends here*/

a:hover, a:focus 	{text-decoration:none !important;}

/*icons css starts here*/
i .white{color: #fff;}
i .maroon{color: #cc3366;}
/*icons css starts here*/

.push-down{padding-top:20px;}
p{margin: 10px 0;}
a {color: #cc3366;}
label.control-label{color: #000; font-size: 15px !important;}

/*main wrapper starts */
.page-wrapper {
    max-width: 980px;
    min-width: 960px;
    padding: 65px 0px 30px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    background: #fff;
    /*background: rgba(255, 255, 255, 0.58);*/
    min-height:400px;
}
td.active.day{
	background:#A50032 !important;
}
/*links css starts here*/
a.maroon{color: #cc3366;}
a.white{color: #fff;}
a.black{color: #000;}
.black{color: #000 !important;}
/*links css ends here*/

.tt-container{max-width:1200px; min-width: 800px; width: 100%; margin: 0 auto;}
/*main wrapper ends */
#myDiv a{text-align: left;
         padding: 0 0 0 8px;
         font-size: 12px;}

/*navbar starts here*/
.dropdown-menu li> a:hover, .dropdown-menu li> a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus >a{filter:none; background: #e1e1e1!important; color: #000;}
.dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus{filter:none; background:#e1e1e1!important;color:#000!important;}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .t-simple-tab li a:hover, .t-simple-tab li.active a {border-bottom-color:transparent !important;}

.navbar {
    /*background-image: url("../images/navbar_bg.jpg")!important;
 *     background-repeat: repeat!important;
 *         height: 43px;
 *             min-height: auto;*/

}
/*.navbar .container{ max-width:100% !important; }*/

/*.navbar .nav{margin:0px 10px 0  100px;}*/
.nav .active > a,  .nav .active > a:hover,  .nav .active > a:focus {
    color: #ffffff;

}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
    background: none !important;
    box-shadow: none;
}

.t-navbar .nav > li > a
{
    text-shadow:none;
    color: #fff!important;
    padding: 14px 20px;
    border-right: 1px solid #d45a83;
}

.t-navbar .nav > li > a:hover, .t-navbar .nav > li.active > a{
    text-shadow: none;
    color: #fff;
    padding: 14px 20px;
    border-right: 1px solid #d45a83;
    background: #8d425b!important;
    margin: 0;

}
.t-navbar ul.pull-right li:hover a{background: none;}

.navbar .nav.pull-right li a{

    border: none;	
    padding: 14px 5px 15px 2px;
}
.navbar .nav.pull-right li a:hover{
    border-right:0 none;
    background: none!important;
    padding: 14px 5px 15px 2px;

}
.navbar .nav.pull-right li li a{
    background: #fff!important;
    border: none;	
    padding: 14px 5px 15px 2px;
    margin: -5px 0 0 0;
}
.navbar .nav.pull-right li li a:hover{
    /*border: none!important;*/	
    background: #fff!important;
    padding: 14px 5px 15px 2px;

}

.navbar .brand, .navbar .navbar-brand{padding: 4px 10px;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{

    background: none;
}		 

.navbar .nav .pull-right li.dropdown a.dropdown-toggle, .navbar .nav .pull-right li.dropdown a.dropdown-toggle:hover  {border-bottom: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}

.dropdown-menu > li > a{

    padding:6px 8px !important;
}
.t-navbar .nav li.dropdown > .dropdown-toggle .caret{
    border-top-color: #fff!important;
    border-bottom-color: #fff!important;

}
.t-navbar .dropdown-menu{border-radius: 0; height: 20px; box-shadow: none!important; border: none; }
.t-navbar .dropdown-menu:hover{border-radius: 0; height: 20px;   background:#fff; box-shadow: none!important; border: none;}

.t-navbar ul.dropdown-menu li:hover a{color:#000; }
.navbar-inner, .navbar-inner, .navbar-inverse{filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)!important;}

.t-navbar .navbar li a{color: #fff;}
.navbar .nav > li.btn > a {
    text-shadow: none;
    color: rgb(166, 44, 94) !important;
    /*color: #fff !important;*/
    padding: 11px 20px;
    /*border-right: 1px solid #d45a83;*/
    margin: 0;}
    
.navbar .nav > li > a {
    text-shadow: none;
    /*color: rgb(166, 44, 94) !important;*/
    color: #fff !important;
    padding: 11px 20px;
    /*border-right: 1px solid #d45a83;*/
    margin: 0;}

/*.navbar .nav > li > a:hover, .navbar .nav > li.active > a{
 *     text-shadow: none;
 *         /*color: #fff;
 *             /*padding: 11px 20px;*/
    /*border-right: 1px solid #d45a83;
 *     /*background: #8d425b!important;*/
/*    margin: 0;}*/
.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before{border:none; }

.navbar .pull-right > li > .dropdown-menu:after, .navbar .pull-right > li > .dropdown-menu:before{border:none;border-right: 6px solid transparent;
                                                                                                  border-bottom: 6px solid #ffffff;
                                                                                                  border-left: 6px solid transparent;
                                                                                                  top:-11px;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 10px;

}
.t-navbar .navbar li li a{color: #000;}
.navbar-inverse .brand{padding: 4px 0 0 30px;}
.divider-vertical	{display:none;}
/*navbar ends here*/


.tt-bell-icon{
    font-size: 19px;
    position: relative;
    top: 1px;
}
.tt-page-title{	
    /*background: url("../images/tt_grey_bg.jpg") no-repeat;*/
                /*height:46px;*/
                height:43px;
                max-width:1100px;
                width:100%;
                margin: 0px auto;
                color: #fff;
                background: #dcdcdc;
}
.t-search-panel{
    max-width: 1100px;

}
.t-search-panel .form-search{
    margin:20px 0 0 20px;
}
.t-search-panel input.search-query{
    border-radius: 0;
}

/*page nav css starts here*/
.tt-home-icon{
    padding: 10px 34px 0px 0px;
    /*color: #fff;*/
    color: #f31962;
}
h1{
    /*font-size: 18px;*/
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding:3px 0 0 15px;
    /*color: #fff;*/
    text-shadow: 1px 1px 1px #111;  
    /*background: url("../images/tt_grey_bg.jpg") no-repeat 0 0;*/
    color: #fff;
    height: 46px;
    margin: 0 auto;
    max-width: 1065px;
    width: 100%;
    font-family: 'gillsan';
    color: #ea0755;
}

.tt-icons i{
    margin: 7px 3px 0px;
    padding: 6px 7px 0px 7px;
    background: none repeat scroll 0% 0% #FFF;
    height: 22px;
    border-radius: 51%;
    font-size: 17px;
    text-align: center;
    color: #000;
}

.tt-icons {display:block; width:45px; height:40px; padding-top:3px;}

.tt-icons .fa-angle-left{
    font-size: 27px;
    margin: 4px 7px 0px;
    padding: 1px 11px 0px 11px;
    height: 29px;
    /*margin-top: 4px;*/
    text-shadow:none;
}
/*page nav css ends here*/

.tt-required{
    color:#d11023;
    font-size: 11px;
    text-align: left;
    padding: 10px 0 0 20px;
}
input.required{
    background: #f0e3e7;
    border: 1px solid #d11023;
    border-radius: 0;
    min-width: 239px;
    min-height: 24px;
}
input.t-input{
    border: 1px solid #cccccc;
    border-radius: 0;
    min-width: 239px;
    min-height: 24px;
}
.t-required-text{color: #d11023; font-size: 11px; font-family: arial;}

/*alert css starts here*/
.alert{
    margin:15px auto;
    width:100%;
    padding: 5px 35px 5px 14px;
}
.alert-success {
    max-width:400px;
    font-size: 13px;
    color: #2b542c;
    background: #dff0d8;
    font-weight: normal;
    border:1px solid #bed7b8;
}
/*.alert-success .close{
 *     color: green;
 *     }*/
.alert-error{
    max-width:379px;
    height: 23px;
    border: 1px solid #e89aa6;
    background: #f0e3e7 !important;
    color:#e89aa6 !important;
}
/*.alert-error .close{
 *     color: #e89aa7;
 *     }*/
.alert-block {
    max-width: 605px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 13px;
    color: #2b542c;
    background: #dff0d8;
    font-weight: bold;
    padding-left: 30px;
    padding:5px 35px 5px 14px!important;
    border-radius:5px;
}
/*.alert-block .close{
 *     color: red;
 *     }*/
.alert-info{
    max-width:441px;
    /*height: 25px;*/
    background-color: #fcf8e3;
    border: 1px solid #eddebf;
    color: #ae8c43;
}
.alert-info p{padding:0 10px;}

/*alert css ends here*/

/*quick links css starts here*/
.tt-quick-links{
    position: fixed;
    right: 0;
    top:200px;
}
.myButton{cursor: pointer;}
.side-menu {top:0px; width:150px;z-index: 1000; border: 1px solid #c3c3c3; }
.side-menu {right:26px;margin-top: 140px;}
.side-menu  a{padding:0px;margin:0px;display:block;background: #fff;color: #000;padding-top: 8px;padding-bottom: 8px;line-height: 25px;text-shadow:none;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-radius:0px;;border-top:0px}
.side-menu  a.btn-primary, .side-menu  a.btn-primary:hover{}
.side-menu  a.btn-primary:hover{border:1px solid #e1e1e1;background-color:#c8c8c8!important;color:#c36}
.side-menu {
    margin-top: 200px !important;
    box-shadow: 2px 0px 4px #ccc;
}
#myDiv span{ padding-left: 7px;}
/*quick links css ends here*/

/*tabs css starts here*/
.steps-tab{
    background-color: #ededed;
    height: 37px;
    border: 1px solid #c3c3c3;
    margin: 20px auto;
    max-width: 1100px;
}
.t-tab li:first-child{margin-left: 218px;}
.t-tab li a{color: #C36!important;padding-bottom: 28px;border-radius: 0; }
.t-tab li:hover a{color: #C36!important;padding-bottom: 28px; background: #fff; border-radius: 0;}
.t-tab li a span{

    border: 8px solid #c3c3c3!important;
    width: 23px;
    height: 22px;
    border-radius: 100px;
    display: inline-block;
    color: #CCC;
    text-align: center;
    float: left;
    padding: 8px;
    margin: -17px 0 0 0;
    background: #fff;


}
.t-tab li.active a span, .t-tab li:hover a span{ border: 8px solid #C36!important; color: #C36!important; }
.t-tab li a div{padding-left: 15px; color: #515151; padding-right: 8px;}
.t-tab li.active a div, .t-tab li:hover a div { color: #C36;}
.tt-divider{max-width: 1100px;
            margin: 5px 20px 5px 20px;
            border-bottom: 1px solid #cecece;
            padding-top: 8px;
            clear: both;}

/*tabs css ends here*/

/*buttons css starts here*/
.tt-btn-group{ /*display: inline-block;*/ margin:11px 15px 10px 20px;}
.tt-btn-pink{
    background-color: #D14775 !important;
    background-image: none;
    color: #FFF;
    box-shadow: none;
    border-bottom-left-radius: 2px;
    border: medium none;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    padding: 3px 5px; 

}
.ui-dialog .ui-dialog-buttonpane button {padding:0 !important;}
.ui-dialog{width:300px!important; padding:10px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none!important; margin:0 auto; text-align:center;}

.tt-btn-maroon, .ui-dialog .ui-dialog-buttonpane button{
    background:#cc3366;
    color: #FFF!important;
    text-shadow: none;
    font-size:13px;
    border: 3px solid #cecece;
    padding: 3px 20px; 
    border-radius:8px!important;
}

.tt-btn-maroon:hover, .tt-btn-maroon:focus{
    background:#cc3366;
    transition: none;
    color: #fff!important;
    border: 3px solid #4f4e4e;
    outline: none;
    font-size:13px;
}

.tt-smallBtn-maroon, .tt-smallBtn-maroon:hover,.tt-smallBtn-maroon.active {font-size:13px; padding:0px 10px;}
.tt-smallBtn-dark-grey, .tt-smallBtn-dark-grey:hover,.tt-smallBtn-dark-grey.active {background: #4f4e4e!important;  
                                                                                    color: #fff!important; 
                                                                                    box-shadow: none;
                                                                                    border: 3px solid #cecece;
                                                                                    padding:0px 10px !important; 
                                                                                    border-radius:5px; 
                                                                                    text-shadow:none!important;
                                                                                    border-radius:8px!important;
                                                                                    font-size: 13px;}

.tt-btn-grey{
    background-color: #8c8c8c!important; background-image: none; color: #fff!important; box-shadow: none; border-bottom-left-radius: 2px;
    border: medium none;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    height: 13px;
    padding: 8px; 
    border-radius:8px!important;
}

.tt-btn-dark-grey{
    background: #4f4e4e!important;  
    color: #fff!important; 
    box-shadow: none;
    border: 3px solid #cecece;
    padding:3px 20px !important; 
    border-radius:5px; 
    text-shadow:none!important;
    border-radius:8px!important;
    font-size: 13px;
}

.tt-btn-dark-grey:hover, .tt-btn-dark-grey:focus{
    background: #4f4e4e!important;
    color:#fff!important;
    background-position: 0 0;
    border: 3px solid #4f4e4e;
    transition: none;
    color: #fff;
    outline: none;
    font-size: 13px;

}

.tt-btn-pink:hover{color: #fff!important;}
.tt-btn-file{
    border-radius: 0px!important;
    border: 1px solid #929292;
    color: rgb(0, 0, 0);
    padding: 0px 16px;
}
/*buttons css ends here*/

/*links starts here*/
.tt-links{
    margin:3px;

}
.tt-links a{
    font-size: 14px;
    color: #000;
    float: left;
    margin: 5px 20px;
}
.icon-ok {padding-right:5px;}
.tt-links i{color: #cc3366; font-size: 17px;}
/*links ends here*/

/*footer starts here*/
.t-footer{margin: 22px auto;  color: #686666; font-size:11px; max-width: 1140px;}
.t-copyright{text-align: left; float: left; }
.t-footer-right{float: right;  }
.t-footer-right a{text-decoration: none; color:#686666; }
.t-footer-light{color: #9a9796;} 
/*footer ends here*/

/*toggle accordion starts here*/
.tt-round-accord{
    float: left;
    border: 5px solid #C36;
    border-radius: 50%;
    width: 22px;
    height: 26px;
    font-size: 16px;
    color: #cc3366;
    padding-left: 12px;
    padding-top: 5px;
    margin-right: 9px;
    margin-left: 13px;
}

.accordion-group{border-radius: 0; border: none;}
#toggle-view {
    list-style:none;	
    font-family:arial;
    font-size:11px;
    margin:0;
    padding:0;
    width:100%;
    position: relative;;
}

#toggle-view li {
    margin:10px 0 10px 0;
    border-bottom:1px solid #e4e4e4;
    position:relative;
    cursor:pointer;


}

#toggle-view h3 {
    margin:0;
    font-size:15px;
    background:#efefef;
    font-weight: normal;
    font-family: arial;
}

#toggle-view span {
    position: absolute;
    right: 5px;
    top: 8px;
    color: #cc3366;
    background: #fff;
    font-size: 35px;
    padding-top: 3px;
    border-radius: 26px;
    width: 27px;
    text-align: center;
    height: 24px;
    border: 1px solid #ccc;
}

#toggle-view .panel {
    margin:5px 20px;
    display:none;

}


#toggle-view-2 {
    list-style:none;	
    font-family:arial;
    font-size:11px;
    margin:0;
    padding:0;
    width:100%;
    position: relative;;
}

#toggle-view-2 li {
    margin:10px 0 10px 0;
    border-bottom:1px solid #e4e4e4;
    position:relative;
    cursor:pointer;
}

#toggle-view-2 h3 {
    margin:0;
    font-size:15px;
    background:#efefef;
    padding-left: 20px;
    font-weight: normal;
    font-family: arial;
}

#toggle-view-2 span {
    position: absolute;
    right: 5px;
    top: 8px;
    color: #cc3366;
    background: #fff;
    font-size: 35px;
    padding-top: 3px;
    border-radius: 26px;
    width: 27px;
    text-align: center;
    height: 24px;
    border: 1px solid #ccc;
}

#toggle-view-2 .panel2 {
    margin:5px 20px;
    display:none;

}
/*toggle accordion ends here*/

.t-simple-tab  {border-bottom: 1px solid #999999!important; margin: 30px 0;}

.t-simple-tab li a {
    color: #000!important;
    border-radius: 0;
    padding: 6px 19px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #999999!important;
}
.t-simple-tab li a:hover, .t-simple-tab li.active a {

    color: #fff!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: url("../images/tab-white-arrow.jpg") no-repeat center 2em #757675!important;
}

/*tabs2 css starts here*/
/*page title css starts*/
.t-page-title{ color: #000; font-size: 18px; }
/*page title css starts*/

/*table css starts*/
.table-striped{ max-width: 1100px!important; width:100%; margin: 20px auto; border: 1px solid #dfd9db;}
.table-striped th{background: url("../images/t-table-th-bg.jpg") repeat-x; color: #fff!important; font-size: 13px; font-weight: bold; text-align: center;}
.table-striped th a{color: #fff!important;}
.table-striped td{padding: 8px 10px; text-align: center; border: none;font-size: 13px; }
.table-striped td i{color:#cc3366; font-size: 16px; }
.table-striped tbody .odd td, .table-striped tbody .odd th{background: #f0f0f0!important;}
.table-striped td input{font-size: 13px; max-width: none;}
.table-width td input{width: 100%;}
.table th, .table td{text-align: left!important;}
/*table css ends*/

/* table curved */
.table-curved {
    border-collapse: separate;
    /*border: solid #ddd 1px ;*/
    border-radius: 6px;
    border-top: 0px;
}

.table-striped tr:hover, .table-striped tr:hover td, .table-striped tr.selected,  .table-striped tr.selected td{
    background-color: #ccc !important;
}
.table-curved .caret{display:none}
.table-curved .desc  .caret{display:inline-block;width: 0; 	height: 0; width: 0; 	height: 0; 	border-left: 5px solid transparent;	border-right: 5px solid transparent;		border-top: 5px solid #fff;  margin-top: 8px;  margin-left: 3px;}
.table-curved .asc .caret {display:inline-block;width: 0; 	height: 0; 	border-left: 5px solid transparent;	border-right: 5px solid transparent;border-bottom: 5px solid #fff;border-top:0px solid #000000 ; margin-top: 8px;  margin-left: 3px;}




/* .table-curved  > thead:first-child > tr:first-child > th {
 *     border-bottom: 0px;
 *         border-top: solid #ddd 1px;
 *         }*/
/*.table-curved  td, .table-curved table th {
 *
 *     border-top: 1px solid #ddd;
 *     }*/
.table-curved > :first-child > :first-child > :first-child {
    border-top-left-radius: 6px!important;
}
.table-curved > :first-child > :first-child > :last-child {
    border-top-right-radius: 6px!important;
}
.table-curved > :last-child > :last-child > :first-child {
    border-bottom-left-radius: 6px!important;
}
.table-curved > :last-child > :last-child > :last-child {
    border-bottom-right-radius: 6px!important;
}
/* table curved ends */
/*table css ends*/


/*form css starts here*/
.t-form{margin:20px ;}
.t-form .control-label, .t-form .controls {width:auto!important; margin-left:10px	!important;}
.t-sm-input{max-width: 48px; height:25px; width: 100%;  }
.t-form label{color: #000; font-size: 13px;	}
.t-from-width{max-width:80%; margin: 0px auto; }
.t-from-width label{/*max-width:665px; margin: 0 auto; font-size: 13px; display: block;*/}
/*.t-from-width input{width:165px;}*/
.t-from-width input[type="button"]{width:auto;}
/*.t-from-width select{width:120px!important;}*/
.t-plus-minus{display: block; float: left; padding-right:10px;}	
.t-plus-remarks{display: block; float: left; padding-right:10px; position: relative; top: -18px; float: right;}	
.t-form-titles{}
h3{color:#cc3366; font-size: 18px; margin:0px 0px 20px 0px; text-transform:none; font-weight:normal;}
.btn-center{text-align: center;}
.t-mandatory{text-align: right; font-size: 11px; color: #000; padding:5px 0 0 0;}
.t-astriek{color: #d11023;}

table a i{display: block; padding-right: 9px; color:#cc3366 !important;}
/*form css ends here*/

/*modal css starts here*/
.modal-btn{margin-left: 20px!important;}
.t-close{color:#cc3366!important; opacity:1!important; padding: 5px 10px 0 0!important; filter:alpha(opacity=100)}
.t-close:hover{color:#cc3366!important; opacity:1!important; filter:alpha(opacity=100)}
.t-modal{border-radius: 0; max-width: 452px;}
.t-modal h3{font-size: 19px; font-weight: normal; text-transform: uppercase;}
.t-modal .modal-header{border:0; text-align: left; padding: 0 0 10px 0;}
.t-modal .modal-body{max-width: 317px; margin: 0 absoluteo; text-align: center; padding: 0;}
.t-modal span.numbers{color: #bd2c5d; font-size: 19px; display:inline-block; padding-left: 10px;}
.t-modal .btn-center{background-color: #f0f0f0;}
.t-modal .divider{border-right: 1px solid #ccc;  height: 61px; padding: 20px 0;}
.t-modal .rt-div{ height: 61px; padding: 20px 0;}
.modal-header .table td { color:#000; }
/*modal css starts here*/

/*overridden classes*/
#page{padding:0!important;}
#content{padding:30px 30px 0 30px;}
label, input, button, select, textarea{font-size: 13px !important;}
form	{margin-bottom:0;}
#remarkMatrix{margin-top: 35px;}
#remarkMatrix .form-inline{margin-bottom: 20px;}
#remarkMatrix .t-remark{padding-top: 27px;  padding-left: 8%;}
#remarkMatrix .span1{position: relative; top:-19px; margin-left:-30px;}
#remarkMatrix select{margin-left:2.5%;}
input[type="file"] {outline:none;
  text-align: right;    
  -moz-opacity:1 ;
  filter:alpha(opacity: 1);
  opacity: 1;
  z-index: 2;
  }

.add_field_button {z-index: 999;margin-left:0\0 !important;}
.t-maker{margin-left: 2.5%;}

.form-inline{margin-bottom: 20px;}
a, img{outline: none!important;}
.t-note{margin-left: 26%; color: #666666; font-size: 12px;}
.t-note .note{background: url(../images/note-icon.png) no-repeat 0 0.1em; padding: 0 0 0 26px!important; font-size: 12px; font-weight: bold;}
.t-note li{ padding-right:5%;  float: left; font-weight: normal; list-style-type: square; }
table.items{width:100%;}
table a.fa-pencil, table a.fa-trash-o, table a.fa-search, table a.fa-download ,table a.fa-calendar {padding-right: 10px; color: #cc3366; font-size: 16px; text-decoration: none;}
.button-column{width:13%;}

ul.yiiPager a, ul.yiiPager a:link, ul.yiiPager a:visited {
    background: #fff;
    color: #6e6e6e;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 14px;
    border-radius: 0;
    float: left;
    margin: 0;
}
ul.yiiPager li.next a{border-right: 1px solid #ccc;}

ul.yiiPager a:link, ul.yiiPager a:visited {border-left: 1px solid #ccc!important;
                                           border-right: none;
                                           border-top: 1px solid #ccc;
                                           border-bottom: 1px solid #ccc;}

ul.yiiPager li.selected a, ul.yiiPager a:hover{font-size: 14px;text-decoration: none; background: #fff; color: #c82661; font-weight: bold; padding:4px 14px; }

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a {color:#cc3366; background:#f5f5f5; }

.pager{float: right;}
.pager .next > a, .pager .next > span {float: right; margin: 0 10px; border-radius: 3px; }
.pager .previous > a, .pager .previous > span{margin: 0 10px; border-radius: 3px;}
.summary{padding:10px;}
.filters input{margin: 0px 0px;}
.fineprint{float: left; }
.container{width: 100%!important; max-width:1120px; margin:0 auto; }
.dropdown-menu{padding: 0; margin:0;}
ul.dropdown-menu li {padding-top:10px !important; padding-bottom:10px !important; width:100% !important;}
ul.dropdown-menu li a{background:#fff;color:rgb(166, 44, 94) !important;}

.loginholder{
    max-width: 270px;
    margin: 90px auto;
    padding: 20px;
    background: #fff;
}
.loginholder input.login-txt-width {width:220px !important;}
.logoholder	{padding-left: 20px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px;}
.login-footer{
    margin-top:100px;
}

.summary{display: none;}
.status-box{
    margin-top: 30px;
    width: 400px;
    float: right;
}
.table-status th, .table-status td{border-right: 1px solid #ccc;
                                   border-left: 1px solid #ccc;
                                   border-bottom: 1px solid #ccc;

}

/* margins here */
.margin-bottom10 {margin-bottom:10px !important;}
.margin-bottom20 {margin-bottom:20px !important;}
.vertical select, .unit select {margin-left:-10px;}
.unit select, .unit label {margin-top:20px;}
#rbi-documents-grid .table-striped td input[type="checkbox"] {margin-top:3px;}
.noMrgnBtminput .control-group, .noMrgnBtm {margin-bottom:0;}
.marginLeft 		{margin-left:-24px;}
.marginLeft10	{margin-left:10px !important;}
.margin-left5{margin-left:5px}
.margin-top5{margin-top:5px;}
.marginTopNoBtm {margin:20px 0 0 0 !important;}
.marginRgt  		{margin-right:10px !important;}
.no-margin 		{margin:0 !important;}
.marginL5p{margin-left:5px;}
.no-bg 			{background:none !important;}
.center			{width:640px; margin:0 auto;}
.form-center{width:555px; margin:0 auto;}
.radioMargn		{padding-top:5px;}
.radioMargn	input	{margin:0 0 3px 8px; outline:0 none;}
.push .control-group			{margin-bottom:0 !important;}

/*widths css starts here*/
.width5{width:5%;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width65{width:65%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width100{width:100%;}
/*widths css ends here*/

.form-horizontal .control-label{width:160px; font-size: 13px!important;}
#remarkMatrix{margin-top: 35px;}
#remarkMatrix .form-inline{margin-bottom: 20px;}
#remarkMatrix .t-remark{padding-top: 27px;  padding-left: 8%;}
#remarkMatrix .span1{position: relative; top:-19px; margin-left:-30px;}
#remarkMatrix select{margin-left:2.5%;}

.t-maker{margin-left: 2.5%;}
.record_mng td input{font-size: 12px;}
.select-date{margin-top:30px; padding: 13px 19px; font-weight: bold;}
.blue-text{font-style: italic; color: #2233ff; font-weight: bold;}
.t-bold{font-weight: bold;}
.sub-title-record{font-size: 14px; padding-right: 5px; margin:20px;}

.pagination a{color: #cc3366;}
.t-search-panel{position:absolute;  width:1098px;min-height:180px;top:125px;background:#fff ;left:133px;border:1px solid #ccc;color:#000;display:none;}
.pointer{background: url(../images/arrow-top.png);width: 34px;height: 21px;position: absolute;margin-top: -21px;right: 45px;}
.t-search-panel h4{color:#000;padding:0px 10px}
.t-search-panel-content{padding:5px 10px}
.margin-left5 {margin-left:5px !important;}
.margin-left10 {margin-left:10px !important;}

.clear{clear:both}

.modal-remark{max-width:800px;width:100%;left:42%}	
.modal-remark.t-modal .modal-body{max-width:750px; margin:0 30px;}
table th{white-space:nowrap}
.status-box-green{width:10px; height:10px; background: #dff0d8; margin-right: 10px; padding: 2px 10px; color: #468847;}
.status-box-blue{width:10px; height:10px; background: #d9edf7; margin-right: 10px; padding: 2px 10px; color: #3a87ad;}
.status-box-yellow{width:10px; height:10px; background: #fcf8e3; margin-right: 10px; padding: 2px 10px; color: #c09853;}
.status-box-red-td{ background: #f2dede!important; color: #b94a48;}
.status-box-green-td{ background: #dff0d8!important; color: #468847; }
.status-box-blue-td{ background: #d9edf7!important; color: #3a87ad;}
.status-box-yellow-td{background: #fcf8e3!important;color: #c09853;}
.status-text{font-weight: bold; font-size: 11px;}
.status-box{font-size:11px;}
.fieldRow{margin: 0 0 0 19.2%;
          width: 900px; position:relative; clear: both}

.fieldRow .span2 {
    position: relative;
    top: 26px;
    margin-left: 32px;
}

#viewRemarks .modal-body{max-width: 900px; width:100%; margin: 0; padding: 0; overflow-y: scroll!important; }
#viewRemarks{width:1000px!important; max-width: 900px!important; left:37%;}
#viewRemarks .modal{left:27%;}
.remakrs-pop .t-modal{max-width: 630px;}
.remakrs-pop .t-modal .modal-body{max-width: 500px;}

.maroon {color:#cc3366}
.tab-content{overflow: hidden;}

.flash-error{margin:10px 0; text-align: center;}
.margin-top5{margin-top:5px;}
.margin-top10{margin-top:10px;}
.pop-padding{padding: 0 20px !important; word-wrap:break-word;}
.pop-remarks{text-align: left; padding: 6px 0 10px 0;}

.selectpicker{
    background: #fff;
    border-radius: 0;
    box-shadow: none!important;
    border-bottom: 1px solid #ccc;
}
.selectpicker:hover, .selectpicker:focus{
    background: #fff;
    border-radius: 0;
    box-shadow: none!important;
    border-bottom: 1px solid #ccc;
}

.btn-group.open .btn.dropdown-toggle{
    background: #fff;
    border-radius: 0;

}
.input-block-level{
    border-radius: 0!important;
    box-shadow: none!important;
}

.bootstrap-select.btn-group .btn .filter-option, .bootstrap-select.btn-group .dropdown-menu li a span.text{color:#555555; font-size:13px; }
.bootstrap-select.btn-group .dropdown-menu li a{border:0;}
.bootstrap-select .btn:focus{outline:none!important;}
.dropdown-menu{border-radius: 0!important;}
.bs-searchbox input.form-control{border:1px solid #ccc;}
.modal-header{font-size:17px; color: #cc3366; border-bottom:0 none; }
.alert{font-weight: bold;max-width: 401px;}
.pop-status{margin-bottom: 20px;}

.grid-view .button-column {width:90px !important; text-align: center !important}
/*.pagination { float:right !important;}*/
.pagination { text-align: center;}
.grid-view {padding-top:0px;}
#input[type="text"] {height:20px !important;}
#input[type="text"], textarea, .uneditable-input {border-radius:3px !important; width:272px !important;}
#.form-horizontal .control-label {width:160px; cursor:auto;}
.table-striped td input[type="checkbox"] {margin-top:-1px; margin-right:5px;}
.table thead th {padding-left:10px;}
.fa-plus-circle {font-size:18px !important;}
/*.required {color:red;}*/

/* error message css */
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .control-group span.help-inline.error,
.form-inline label.error, .form-horizontal label.error, .form-vertical label.error {color:red; font-size:11px;display:block}
.form-inline select.error, .form-inline input.error, .form-inline textarea.error, .form-horizontal select.error, .form-horizontal input.error, .form-horizontal textarea.error, .form-vertical select.error, .form-vertical input.error, .form-vertical textarea.error,
.control-group.error input, .control-group.error select, .control-group.error textarea {border-color:red;}


/* dialogue box css */
.ui-dialog-titlebar 	{background: url("../images/t-table-th-bg.jpg") repeat-x; color: #fff!important; border:0 none;}
.ui-dialog .ui-dialog-title {font-size:12px; line-height:20px;}
.help-block, .ui-dialog .ui-dialog-content 	{font-size:11px;}
.ui-dialog .ui-dialog-titlebar-close {display:none;}
.ui-dialog-buttonset button:last-child {background:#4f4e4e;}
.remove_field {}
/* tooltip */
.ui-tooltip, .arrow:after {
    background: black;
    border: 0px solid white!important;
}
.ui-tooltip {
    padding: 9px 10px;
    color: white;
    border-radius: 4px;
    font: 11px "Helvetica Neue", Sans-Serif;
}
.arrow {
    top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
.tooltip {opacity:1;z-index:0;}

/*  .odd{
 *      text-transform: capitalize;
 *      }*/
.assign_user{margin-left: 20%; margin-bottom: 10px;}
.text-color{color:#333333;}
.fa-paperclip{font-size: 16px!important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{font-weight:bold;color:#000}

.rec_required.error{color:red; font-size:13px;display:block} /*added by sanket to print error for blank/empty gridview in User Profile form*/

input[type="file"]{filter:none\9}
select.ui-datepicker-month{width: auto!important;}

.dropdown-submenu > a:after{  border-left-color: #565050 !important;  margin-right: -6px;}
.t-navbar .dropdown-menu .dropdown-menu{border:1px solid #ccc;}

.fa-bell:before {color:#fff;font-size: 16px; margin: 15px 8px 20px 13px; position: absolute;font-size: 18px;}
li.fa-bell  a {background: none repeat scroll 0 0 red !important;    border-radius: 100%;    display: block;    font-family: arial;    font-size: 11px;    margin: 3px 0 0 21px !important;    min-width: 7px;    padding: 5px !important;    position: absolute;    text-align: center;}
.unseenmail{font-weight: bold;}
.filter-container input[type="text"]{ width: 100% !important;}
.filter-container select{ /*width: 140px !important;*/     width: 124% !important;}