/* ====================================================================== *
      WAINT UNTIL PAGE LOADS
 * ====================================================================== */

	.auto_photo_albums_options_page_loader{
 		text-align: center;
 		margin-top: 80px;
 	}

 	.auto_photo_albums_options_page{
 		display: none;
 		padding-right: 20px;
 	}

/* ====================================================================== *
      BLOCKUI
 * ====================================================================== */

	.auto_photo_albums_blockUI{
		position: absolute;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,.8);
		z-index: 999999;
	}

	.auto_photo_albums_blockUI_center{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -25px;
		margin-top: -20px;
	}

/* ====================================================================== *
      MESSAGES
 * ====================================================================== */
	
	.auto_photo_albums_messages{
		position: absolute;
		position: fixed;
		top: 40px;
		right: 20px;
	}

	.auto_photo_albums_messages .auto_photo_albums_new_message{
		margin-bottom: 10px;
		font-size: 13px;
		max-width: 400px;		
		display: none;  
		padding: 20px 20px 20px 20px;
		background: #333;
		border: 1px solid #E5E5E5;
		color: #ECF0F1;
	}

	.auto_photo_albums_messages .fa{
		font-size: 18px;
		margin-right: 5px;
	}

	.auto_photo_albums_messages .fa-check, .auto_photo_albums_messages .fa-check-circle-o{
		color: #27ae60;	
	}

	.auto_photo_albums_messages .fa-times{
		color: #e74c3c;
	}

/* ====================================================================== *
      TABLE
 * ====================================================================== */	

	.auto_photo_albums_table th{
		padding: 15px 15px;
		font-weight: bold;
	}

	.auto_photo_albums_table td{
		vertical-align: middle;
		padding: 15px;
	}

	.auto_photo_albums_table td strong{
		color: #555;
	}

/* ====================================================================== *
      FORM ITEMS
 * ====================================================================== */	

 	.auto_photo_albums_admin_title{
		font-size: 22px;
		margin: 30px 0;
	}

	.auto_photo_albums_admin_title img{
		vertical-align: middle;
		background: white;
    	padding: 4px 3px 4px 3px;
	}
	
	.auto_photo_albums_options_form input[type="text"], 
	.auto_photo_albums_options_form select{
		box-shadow: none !important;
    	border-radius: 1px;
    	border: 1px solid #DDD;	
    	font-size: 14px;
    	color: #333 !important;
	}

	.auto_photo_albums_options_form input[type="text"]:focus, 
	.auto_photo_albums_options_form select:focus{
    	border-color: #5b9dd9;
	}
	
	.auto_photo_albums_options_form label{
		width: 150px !important;
		margin-right: 20px;
		display: inline-block;
		font-weight: 400;
    	color: #444;
	}

	.auto_photo_albums_options_form .ui-dialog label{
		width: 100px !important;
	}

	.auto_photo_albums_options_form label small{
		color: #444;
		font-weight: normal;
	}

	.auto_photo_albums_options_form p, 
	.auto_photo_albums_options_form hr, 
	.auto_photo_albums_options_form h2, 
	.auto_photo_albums_options_form h3, 
	.auto_photo_albums_options_form h4{
		margin: 0 0 20px 0 !important;
	}

	.auto_photo_albums_options_form h2, 
	.auto_photo_albums_options_form h3, 
	.auto_photo_albums_options_form h4{
		padding: 0 !important;
	}

	.auto_photo_albums_options_form .description{
		display: inline-block;
		margin-left: 20px;
		display: none;
	}

	.form-controls{
		background: #f1f1f1;
		padding: 20px;
	}

/* ====================================================================== *
      SECTION TITLE
 * ====================================================================== */		

	.section_title {
	   	font-size: 15px !important;
	    background: #f1f1f1;
	    padding: 20px 20px;
	    margin: 25px 0 25px;
	    text-transform: uppercase;
	    font-weight: 600;
	} 

	.title{
		text-align: center;
 		margin-bottom: 10px;
		text-transform: uppercase;
		font-weight: bold;
	}

/* ====================================================================== *
      BUTTONS
 * ====================================================================== */			

	.button-primary:hover{
		opacity: .9;
	}

	.button-primary{
		vertical-align: middle !important;
		border-radius: 0 !important;
		height: auto !important;
	    padding: 2px 11px !important;
	    color: #ffffff !important;
	    text-shadow: none;
	    text-decoration: none;
	    outline: none;
	    text-shadow: none !important;
	    border: none !important;

	    -webkit-box-shadow: none !important;
	       -moz-box-shadow: none !important;
	         -o-box-shadow: none !important;
	        -ms-box-shadow: none !important;
	            box-shadow: none !important;
	}

	.button-primary.green{
		background: #27ae60 !important;
	}

	.button-primary.blue{
		background: #3498db !important;
	}
	
	.button-primary.gray{
		background: #7f8c8d !important;
	}

	.button-primary.red{
		background: #e74c3c !important;	
	}

/* ====================================================================== *
      SLIDER
 * ====================================================================== */
	
	.ui-slider + input{
		width: 50px;
		margin-left: 10px;
		vertical-align: middle;
	}

	.ui-slider {
		position: relative;
		text-align: left;
		background: #e1e1e1;
		width: 189px;
		display: inline-block;
	}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: .8em;
		height: .8em;
		cursor: default;
		-ms-touch-action: none;
		touch-action: none;

		border: 2px solid #999;
		border-radius: 50%;
		background: #fff;
		outline: none;
		cursor: pointer;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
		background: #999;
	}

	/* For IE8 - See #6727 */
	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

	.ui-slider-horizontal {
		height: .4em;
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: -.35em;
		margin-left: -.6em;
	}
	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}
	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}
	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

	.ui-slider-vertical {
		width: .8em;
		height: 100px;
	}
	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}
	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}
	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}
	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}

/* ====================================================================== *
      TABS
 * ====================================================================== */
	
	.ui-tabs-panel{
		padding: 20px;
	}

	.ui-tabs-panel>*:first-child{
		margin-top: 0 !important;
	}

	.auto_photo_albums_tabs>ul{
		overflow: hidden;
		margin: 0 !important;
		background: #DFDFDF;
		/*border-bottom: 5px solid #999;*/
	}

	.auto_photo_albums_tabs>ul>li{
		outline: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.auto_photo_albums_tabs>ul>li a{
		float: left;
		text-decoration: none;
		color: #999;
		border: 0 !important;
		outline: 0 !important;
		padding: 17px 20px;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
			    box-shadow: none;
	}

	.auto_photo_albums_tabs>ul>li.ui-state-active a{
		background: #fff;
		color: #424242 !important;
	}

	.auto_photo_albums_tabs>ul>li.ui-state-active a:focus{
		outline: none !important;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
			    box-shadow: none;
	}

	.auto_photo_albums_tabs>ul>li.ui-state-active a, .auto_photo_albums_tabs>ul>li a:hover{
		color: #424242;
	}

	.auto_photo_albums_tabs>div{
		background: #fff;
	}

/* ====================================================================== *
      GRID
 * ====================================================================== */

	.grid{
 		overflow: hidden;
 		margin: 0 -10px;
 		margin-bottom: 20px;
 	}

 	.grid>div{
 		float: left;
 		padding: 0 10px; 
 		box-sizing: border-box;
 	}

	.col-25p{
		width: 25%;
 	}

 	.col-33p{
		width: 33.33%;
 	}

 	.col-50p{
		width: 50%;
 	}

 	.col-160{
		width: 160px;
 	}

 	.col-300{
 		width: 300px;
 	}

 	.col-400{
 		width: 400px;
 	}

	.col-500{
 		width: 500px;
 	}

 /* ====================================================================== *
      DIALOG
 * ====================================================================== */	

 	.ui-dialog-titlebar{
 		font-size: 15px;
 	}

/* ====================================================================== *
      TOOLTIP
 * ====================================================================== */

	.ui-tooltip {
		padding: 8px;
		position: absolute;
		z-index: 999999999;
		max-width: 400px;
		background: #4c4c4c;
		color: #fff;
		font-size: 11px;
	}
	
	.ui-tooltip-content::after {
	    content: '';
	    position: absolute;
	    border-style: solid;
	    display: block;
	    width: 0;
	}
	.ui-tooltip-content::after {
	    top: 50%;
	    margin-top: -10px;
	    left: -10px;
	    border-color: transparent #4c4c4c;
	    border-width: 10px 10px 10px 0;
	}