@CHARSET "UTF-8";

/* percent width styles */
.width-100-percent, .fullwidth{
    width:100%;
}
.width-75-percent{
	width: 75%;
}
.width-50-percent{
    width:50%;
}
.width-40-percent{
    width:40%;
}
.width-25-percent{
	width: 25%;
}

/************************** 960 GRID STYLES **************************/
/* fixed width styles */
.width-140-px{
    width:140px;
}
.width-220-px{
    width:220px;
}
.width-300-px{
    width:300px;
}
.width-380-px{
    width:380px;
}
.width-460-px{
    width:460px;
}
.width-540-px{
    width:540px;
}
.width-620-px{
    width:620px;
}
.width-700-px{
    width:700px;
}
.width-780-px{
    width:780px;
}
.width-860-px{
    width:860px;
}
.width-940-px{
    width:940px;
}
/* max width styles */
.width-140-px-max{
    max-width:140px;
}
.width-220-px-max{
    max-width:220px;
}
.width-300-px-max{
    max-width:300px;
}
.width-380-px-max{
    max-width:380px;
}
.width-460-px-max{
    max-width:460px;
}
.width-540-px-max{
    max-width:540px;
}
.width-620-px-max{
    max-width:620px;
}
.width-700-px-max{
    max-width:700px;
}
.width-780-px-max{
    max-width:780px;
}
.width-860-px-max{
    max-width:860px;
}
.width-940-px-max{
    max-width:940px;
}

/* min width styles */
.width-140-px-min{
    min-width:140px;
}
.width-220-px-min{
    min-width:220px;
}
.width-300-px-min{
    min-width:300px;
}
.width-380-px-min{
    min-width:380px;
}
.width-460-px-min{
    min-width:460px;
}
.width-540-px-min{
    min-width:540px;
}
.width-620-px-min{
    min-width:620px;
}
.width-700-px-min{
    min-width:700px;
}
.width-780-px-min{
    min-width:780px;
}
.width-860-px-min{
    min-width:860px;
}
.width-940-px-min{
    min-width:940px;
}

/************************** END OF 960 GRID STYLES **************************/

/************************** Other Width Styles *********************************/
.width-50-px{
	width:50px;
}
.width-55-px{
	width:55px;
}
.width-60-px{
	width:60px;
}
.width-70-px{
    width:70px;
}
.width-250-px{
    width:250px;
}

/************************** END OF Other Width Styles **************************/
.console{
	white-space: pre-wrap;
	background-color:#101010;
	color:#ADADAD;
	width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	font-size:13px;
	line-height:13px;
	font-family:monospace;
	padding:10px;
}
.height-500-px{
	height:500px;
}
.height-100-percent{
	height:100%;
}


/********************* paddings *********************/
.padding_0,
.p-a-0-px {
    padding: 0px ! important;
}
.padding_left_0 {
    padding-left: 0px;
}
.p-a-3-px {
    padding: 3px;
}
.p-a-5-px {
    padding: 5px;
}
.padding_10,
.p-a-10-px {
    padding: 10px ! important;
}
.padding_15,
.p-a-15-px{
    padding: 15px;
}

.padding_horz_10,
.padding_lr_10,
.p-lr-10-px{
    padding: 0px 10px;
}
.padding_lr_15,
.p-lr-15-px{
    padding: 0px 15px;
}

.p-lr-25-px{
    padding: 0px 25px;
}

.padding_top_10,
.p-t-10-px{
	padding-top:10px;
}

.padding_top_15,
.p-t-15-px{
	padding-top:15px;
}

.p-t-20-px{
	padding-top:20px;
}

.p-b-10-px{
    padding-bottom:10px;
}
.p-b-15-px{
    padding-bottom:10px;
}
.p-b-20-px{
    padding-bottom:10px;
}

.p-b-15-px{
	padding-bottom:15px;
}

.p-l-5-px{
	padding-left:5px;
}
.p-l-10-px{
	padding-left:10px;
}
.p-l-15-px{
	padding-left:15px;
}
.p-l-20-px{
	padding-left:20px;
}
/********************* Margins *********************/
.margin_0,
.m-a-0-px {
	margin: 0px ! important;
}

/* top */
.m-t-0-px
{
	margin-top:0px;
}
.margin-top-5-px,
.m-t-5-px
{
	margin-top:5px;
}
.m-t-10-px{
	margin-top:10px;
}
.m-t-15-px{
	margin-top:15px;
}
.m-t-20-px{
	margin-top:20px;
}

/* right */
.m-r-5-px{
	margin-right:5px;
}
.m-r-10-px{
	margin-right:10px;
}
.m-r-15-px{
	margin-right:15px;
}
.m-r-20-px{
	margin-right:20px;
}

/* bottom */
.m-b-0-px{
	margin-bottom:0px;
}
.m-b-5-px{
	margin-bottom:5px;
}
.m-b-10-px{
	margin-bottom:10px;
}
.m-b-15-px{
	margin-bottom:15px;
}
.m-b-20-px{
	margin-bottom:20px;
}

/* left */
.m-l-5-px{
	margin-left:5px;
}
.m-l-10-px{
	margin-left:10px;
}
.m-l-15-px{
	margin-left:15px;
}
.margin-left-20,
.m-l-20-px{
	margin-left:20px;
}

/* left & right */
.m-lr-15-px{
	margin-left:15px;
	margin-right:15px;
}

.m-lr-0-px{
	margin-left:0px;
	margin-right:0px;
}


/********************* Font Weights *********************/
.f-w-b{
    font-weight: bold;
}



/********************* Display *********************/
.display-none{ display:none; }
.overflow-x-hide{
	overflow-x:hidden;
}
.overflow-x-show{
	overflow-x:show;
}
.overflow-y-hide{
	overflow-x:hidden;
}
.overflow-y-show{
	overflow-x:show;
}


/* FormItemContaier styling START */

/* the .controls-help-text is to be used inside the .controls on a <div> */
.controls-help-text{
    font-size:12px;
    color:#999999;
    margin-top:5px;
}

/* style-1 which gives borders and alternate BG to a set of form-group labled with this */
.form-group-style-1{
    padding: 20px 10px;
}
.form-group-style-2{
    padding: 8px;
}

.form-group-style-1,
.form-group-style-2,
.form-group-style-grid{
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e0e0e0;
    margin-bottom: 0px !important;
}
.form-group-style-1:first-child,
.form-group-style-2:first-child,
.form-group-style-grid{
    border-top: 1px solid #e0e0e0;
}
.form-group-style-1:nth-child(even),
.form-group-style-2:nth-child(even),
.form-group-style-grid:nth-child(even) {
    background-color: #F0F0F0;
}
.form-group .controls > .btn+.btn{
    margin-left:5px;
    margin-bottom:0;
}

/* form group style's validation bg's*/
.form-group-style-1.has-error,
.form-group-style-2.has-error,
.form-group-style-grid.has-error{
	background-color: #f2dede;
    border-color: #FFAFBC;
}
.form-group-style-1.has-success,
.form-group-style-2.has-success,
.form-group-style-grid.has-success{
    background-color: #dff0d8;
    border-color: #A5CE83;
}
.form-group-style-1.has-warning,
.form-group-style-2.has-warning,
.form-group-style-grid.has-warning{
    background-color: #fcf8e3;
    border-color: #D2B882;
}
/* FormItemContaier a.k.a form-group's info highlight */
.form-group-style-1.has-info,
.form-group-style-2.has-info,
.form-group-style-grid.has-info{
	background-color: #d9edf7;
	border-color: #8CBAD2;
}

/* adding a new bootstrap validation style: has-info*/
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info .radio label,
.has-info .checkbox label,
.has-info .radio-inline label,
.has-info .checkbox-inline label {
	color:#396B84;
}
.has-info .form-control,
.has-info.form-control,
.border-info {
	border-color: #396B84;
    -webkit-box-shadow: inset 0 1px 1px rgba(31, 158, 255, 0.47);
    box-shadow: inset 0 1px 1px rgba(31, 158, 255, 0.47);
}
.border{
    border-width:1px;
    border-style:solid;
    border-radius:3px;
}
.has-success .form-control,
.has-success.form-control
.border-success{
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 140, 26, 0.31);
    box-shadow: inset 0 1px 1px rgba(0, 140, 26, 0.31);
}

.has-warning .form-control,
.has-warning.form-control
.border-warning{
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(154, 119, 58, 0.38);
    box-shadow: inset 0 1px 1px rgba(154, 119, 58, 0.38);
}

.has-error .form-control,
.has-error.form-control
.border-error{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.25);
    box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.25);
}
/* end of bootstrap validation style: has-info*/

.form-group-style-grid{
    width:360px;
    padding:8px;
    float:left;
    margin:0px !important;
}
.form-group-style-grid-1{
    min-height:60px;
    padding:5px;
    border:none;
}
.form-group-style-grid-1 .control-label{
	padding:0px;
}

.form-group-style-grid-1,
.form-group-style-grid-1:nth-child(even){
    background-color: inherit;
}
.form-group-style-grid-2{
    min-height:140px;
}
.form-group-style-grid-3{
    min-height:160px;
}
.form-group-style-grid-4{
    min-height:180px;
}
.form-group-style-grid-5{
    min-height:200px;
}
.form-group-style-grid-6{
	min-height: 198px;
}
.form-group-style-grid-7{
	min-height: 221px;
}

.form-header{
    margin-left:-15px;
    margin-right:-15px;
    background-color: #D2D2D2;
    color: #0A0A0A;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #696969;
    border-left: 1px solid #B5B5B5;
    border-right: 1px solid #C5C5C5;
}

.form-header.has-warning{
	background-color: #FFD887;
	color: #6D4A00;
	border-top: 1px solid #D2B882;
	border-bottom: 1px solid #9A824F;
	border-left: 1px solid #DECFB0;
	border-right: 1px solid #D2B882;
}

.form-header.has-info{
	background-color: #96CCE6;
	color: #396B84;
	border-top: 1px solid #85B3CA;
	border-bottom: 1px solid #4A7B94;
	border-left: 1px solid #6F95A9;
	border-right: 1px solid #85B3CA;
}

.form-header.has-error{
	background-color: #F5A09E;
	color: #a94442;
	border-top: 1px solid #DE7876;
	border-bottom: 1px solid #A24E4D;
	border-left: 1px solid #BF6765;
	border-right: 1px solid #DE7876;
}

.form-header.has-success{
	background-color: #8ACE8B;
	color: #346935;
	border-top: 1px solid #7DBD7F;
	border-bottom: 1px solid #4D904F;
	border-left: 1px solid #5A8C5C;
	border-right: 1px solid #7DBD7F;
}







/* FormItemContaier styling END */


.header3{
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding:5px 10px;
    margin: 23px 0px 1px 0px;
}
.code{
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px;
}

.absolute-center {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.absolute-vertical-center {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}


/*  List Styles  */
.list-style-none{
	list-style: none outside none;
}


/*********************** START: CellList resources ****************************/
.compact-list{
	/* background-color:#fff; */
}
.compact-list-item{
	border-top:1px solid #dddddd;
}
.compact-list-item:hover{
	background-color:#eaeaea;
}
.compact-list-item-even,
.compact-list-item-odd{
	padding:2px 4px;
}

.compact-list-item-even{
	/* background-color:#ffffff; */
}
.compact-list-item-odd{
	/* background-color:#eaeaea; */
}
.compact-list-item-selected{
	background-color:#fcf8e3;
}
.compact-list-item-active{
	background-color:#DD8400;
	color:#fff;
}
/*********************** END: CellList resources ******************************/

/*********************** START: misc ******************************/
.hr-1-px{
	border-bottom:1px solid #e0e0e0;
	width:100%;
	margin:4px 0px;
}

.text-decoration-none,
.text-decoration-none:hover{
  text-decoration: none;
}
/*********************** END: misc ********************************/


/*********************** START: Alerts ********************************/
.alert-position-relative{
    position:relative;
}
.alert-content {}
.alert-controls {
    position: absolute;
    right: 15px;
    top: 15px;
}
/*********************** END: Alerts ********************************/
