@font-face {
    font-family: 'square';
    src: url('../fonts/geo/bpg_extrasquare_mtavruli_2009-webfont.eot');
    src: url('../fonts/geo/bpg_extrasquare_mtavruli_2009-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo/bpg_extrasquare_mtavruli_2009-webfont.ttf') format('truetype'),
         url('../fonts/geo/bpg_extrasquare_mtavruli_2009-webfont.svg#BPGExtraSquareMtavruliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rioni';
    src: url('../fonts/geo/bpg_rioni_arial.eot');
    src: url('../fonts/geo/bpg_rioni_arial.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo/bpg_rioni_arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nino';
    src: url('../fonts/geo/bpg_nino_mtavruli_bold.eot');
    src: url('../fonts/geo/bpg_nino_mtavruli_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo/BPG_NINO_MTAVRULI_BOLD.ttf') format('truetype');    
    font-weight: normal;
    font-style: normal;

}

.navbar-brand { padding:0 20px 0 0; }

/* Menu Fix */

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus { color:#fff; font-family:'square'; }
.navbar-default .navbar-nav>li { margin:0 1px 0 0; }

.navbar .navbar-nav>li.dropdown>.dropdown-menu { width:250px; border-radius:0px; }
.navbar .navbar-nav>li.dropdown>.dropdown-menu>li.dropdown-right-onhover>.dropdown-menu { width:250px; border-radius:0px; }


.nav.navbar-nav li.print a { font-size:20px; }
.navbar-default .navbar-nav>li ul li a, .navbar .dropdown-menu li>a.dropdown-toggle { font-family:'rioni'; padding:10px 30px 8px 15px; } 

/* Add fade animation to dropdown menus */
.open > .dropdown-menu {
  animation-name: fadeAnimation;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: .7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: .7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 150%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 150%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}

.dropdown-right-onhover .dropdown-menu {
  animation-name: fadeTwoAnimation;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeTwoAnimation;
  -webkit-animation-duration: .7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeTwoAnimation;
  -moz-animation-duration: .7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeTwoAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 0%;
  }
}
@-webkit-keyframes fadeTwoAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 0%;
  }
}

.userDropdownMenu { width:150px; }


/* BreadCrumbs */
.breadcrumb { font-family: 'nino'; font-weight:normal; padding-top:12px; }
.breadcrumb a { color:#790505; }

/* Table General */
.table-responsive table thead th { font-family:rioni; font-size:14px; font-weight:normal; text-align:center; padding:10px 0 7px 0; 
                                  background-color: #fff; color:#454545; border-bottom:solid 2px #8c0003; }
.table-responsive table tbody td { font-family:rioni; font-size:14px; font-weight:normal; text-align:left; padding:7px 5px 3px 10px; }
.table-responsive table tbody td.rowCheckbox { text-align:center; padding:7px 5px 3px 5px; }

.table-responsive table.table { width:100%; }
table#toolbar tbody tr td button.btn { margin-right:10px; } 


.formTable table.table tr td { padding:10px 10px 6px 10px; line-height: 38px; }
.formTable.narrowTable table.table tr td { padding:6px 10px 6px 10px; line-height: 38px; }
.formTable table.table tr td label.error { display:inline-block; float:left; }
.formTable table.table tr td input[type=text] { width:300px; float:left; display:inline-block; }
.formTable table.table tr td input[type=password] { width:300px; float:left; display:inline-block; }
.formTable table.table tr td select { width:300px; float:left; display:inline-block; }

/* Forms General */
.form-inline { margin:0 0 20px 0; float:left; width:100%; }
.filterTableForm button.btn { font-family:'square'; }
.filterTableForm input, .filterTableForm select, .filterTableForm select { font-weight:normal; font-family:'rioni'; font-size:14px; }
.filterTableForm label { font-weight:normal; font-family:'rioni'; font-size:14px; }
.form-inline .form-group { margin-bottom: 10px; margin-left:10px; }

.form-control.narrow, table.largeFilterForms tr td select { width:200px!important; }
table.largeFilterForms tr td.largeSelectInFilterForm select { width:600px!important; }
div.row.largeFilterFormsDivs div.col-md-3.form-group-sm { padding-bottom:10px; border-right:solid 1px #ddd; }
div.row.largeFilterFormsDivs div.col-md-3.form-group-sm.noBorder { border-right:solid 0px #ddd; }
div.row.largeFilterFormsDivs div.col-md-3.form-group-sm label { width:140px; text-align:right; padding-right:10px; font-weight:bold; font-family:nino; }
div.row.largeFilterFormsDivs div.col-md-3.form-group-sm select { width:200px; }

#overlay{
    display:none;
    z-index:100;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:rgba(0,0,0,0.3);
    text-indent:-9999px;
    /* -webkit-filter: blur(10px) grayscale(50%); */
}


/* Control Panel Block */
.controlPanel { background:#f5f5f5; padding:10px 0; border-radius:4px; margin:0 0 20px 0; }
.controlPanel button { font-family:square; font-weight:normal; }
.controlPanel a { font-family:square; font-weight:normal;  margin-right:10px; }

/* Filter Toolbar */
.filterPanel { background:#f5f5f5; padding:0; border-radius:4px; margin:0 0 20px 0; float:left; width:100%; }
#filterToolbar { float:left; width:100%; }
#filterToolbar div.well { background-color:inherit; border:none; -webkit-box-shadow:none; box-shadow:none; margin-bottom:0; padding:10px 10px 20px 10px; }
.btn-toggleFilterBar, .btn-toggleFilterBar:hover, .btn-toggleFilterBar:focus { float:right; font-size:18px; color:#8c0003; }
.filterPanelTitle { float:left; font-size:14px; font-family:rioni; padding:10px; }
.filterPanelHead { float:left; width:100%; }

/* Forms Page */
.inputLanguage { font-family:rioni; font-size:14px; line-height: 26px; margin-bottom:20px; }

.largeListForm label { display:block; width:100%; text-align:left; line-height:36px; font-weight:normal; font-family:rioni; margin-bottom:0; }
.largeListForm input, .largeListForm select { margin-bottom:0; }
.formGroupListItemOne { background:#f8f8f8; padding-top: 7px; padding-bottom: 5px; margin:0; }
.formGroupListItemTwo { background:#fff; padding-top: 7px; padding-bottom: 5px; margin:0; }


/* jQuery UI */
input#datepicker { float:left; width:270px; }
.ui-datepicker-trigger {
    border:none;
    background:none;
    color:#454545;
    float:left;
    font-size:22px;
    margin-left:5px;
 }
.ui-datepicker-trigger:focus { outline:none; box-shadow:none; border:none; }
.ui-widget-header, .ui-datepicker-header { background:#8c0003; border:none; font-weight:normal; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background:#8c0003; border:none;
	font-weight: normal;
	color: #fff;
}
.ui-state-default.ui-state-highlight { background:#8c0003; color: #fff; border:none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border:solid 1px #8c0003; color:#fff; background:#b42a27; font-weight:normal;
}

.ui-datepicker-title select { color:#454545; font-weight:normal; font-size:12px; }

/* Tabs */
.divTabpanel { margin-top:20px; float:left; width:100%; }
.divTabpanel .nav.nav-tabs a {  }

div.subject
{
	border: 2px solid;
	border-radius: 5px;
	width:350px;
		box-shadow: 10px 10px 5px #888888;
}


/* Tabs */

.nav.nav-tabs li a { font-family:square; font-size:12px; }


/* Single forms */
.singleFormHolder { border:solid 1px #ddd; background:#f5f5f5; padding:20px 20px 10px 20px; }
.singleFormHolder label, .singleFormHolder select { font-weight:normal; font-family:rioni; }
.singleFormHolder button { font-weight:normal; font-family:square; }
.singleFormHolder button.fix { margin-bottom:8px; }
div.form-group.groupIdLarge select { width:400px; }

/* Single filter */
.singleFilterBox { border:none; background:#f5f5f5; padding:20px 20px 10px 20px; border-radius:4px; -moz-border-radius:4px; margin-bottom:20px; }
.singleFilterBox label, .singleFilterBox select { font-weight:normal; font-family:rioni; }
.singleFilterBox button { font-weight:normal; font-family:square; }
.singleFilterBox button.fix { margin-bottom:8px; }

/* Modals */

.modal-content .modal-header { font-family:square; font-size:14px!important; }
.modal-body div.form-group { font-family:rioni; }
.modal-body div.form-group button { font-family:square; }


/* Custom Fix */
.alert { font-family:square; }
.formTable table.table.table-bordered.table-striped button.button.btn.btn-danger { margin-bottom:6px; }
.col-md-3.form-group-sm .ui-datepicker-trigger { float:none!important; }
.col-md-3.form-group-sm input[type=text], .col-md-3.form-group-sm select { font-family:rioni; font-size:14px; }
.listManageButtons a { text-align:center; font-size:18px; display:block; width:100% }
.form-group.shortSelectList select { width:300px; }

input[type=file]#filename11, input[type=file]#filename21 { float:left; margin:0 10px 0 0; width:270px }

/* My Subjects */
.mySubjectTitleTableRow a { font-family:square; font-size:14px; color:#454545; }
.mySubjectTitleTableRow a:hover { color:#790505; text-decoration:underline; }
.mySubjectCoeficientsTitleText { font-family:nino; font-size:14px; float:left; margin-left:40px; width:200px; line-height:35px; }


li.messages-menu { margin-right:10px!important; }
.messages-menu > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  right: 2px;
  font-size: 10px;
  font-weight: normal;
  width: 15px;
  height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}
.messages-menu > a:hover > .label {
  top: 3px;
}


/* Front Page */
.frontBackground {  
/*
padding-top:20px;
margin-top:-20px;
margin-bottom:-20px;
background: #0388f5;
background: -moz-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0388f5), color-stop(100%, #12285d));
background: -webkit-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -o-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: -ms-radial-gradient(center, ellipse cover, #0388f5 0%, #12285d 100%);
background: radial-gradient(ellipse at center, #0388f5 0%, #12285d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0388f5', endColorstr='#12285d', GradientType=1 );	
*/
}

.frontBox { margin-bottom:20px; padding:10px 10px; }
.welcomeMessageHolder { background:#eee; }
.welcomeMessage { font-family:square; font-size:24px; width:100%; text-align:center; line-height:76px; color:#003365; }
.welcomeSubMessage { font-family:rioni; font-size:18px; width:100%; text-align:center; line-height:40px; color:#454545; }

.blue { background:#2f8bf0; height:136px; position:relative; }
.blue:hover { background:#217bdd; }
a .blue i { color:#fff; font-size:72px; display:block; }
a .blue span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

.green { background:#6bb61d; height:136px; position:relative; }
.green:hover { background:#217bdd; }
a .green i { color:#fff; font-size:72px; display:block; }
a .green span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

.orange { background:#ff8800; height:136px; position:relative; }
.orange:hover { background:#217bdd; }
a .orange i { color:#fff; font-size:72px; display:block; }
a .orange span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

.darkBlue { background:#5636b1; height:136px; position:relative; }
.darkBlue:hover { background:#217bdd; }
a .darkBlue i { color:#fff; font-size:72px; display:block; }
a .darkBlue span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

.magento { background:#883377; height:136px; position:relative; }
.magento:hover { background:#217bdd; }
a .magento i { color:#fff; font-size:72px; display:block; }
a .magento span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

.salad { background:#00c18c; height:136px; position:relative; }
.salad:hover { background:#217bdd; }
a .salad i { color:#fff; font-size:72px; display:block; }
a .salad span { color:#fff; font-size:18px; font-family:square; display:block; width:100%; text-align:right; margin-top:20px; }

@media screen and (max-width: 480px) {
	
.welcomeMessage { font-family:square; font-size:16px; width:100%; text-align:center; line-height:20px; color:#003365; margin-bottom:10px; }
.welcomeSubMessage { font-family:rioni; font-size:14px; width:100%; text-align:center; line-height:16px; color:#454545; }	
	
}

@media screen and (min-width: 992px) {

	.frontBoxHolder {
	  animation-name: collapseAnimation;
	  animation-duration: 1.3s;
	  animation-iteration-count: 1;
	  animation-timing-function: ease;
	  animation-fill-mode: forwards;
	  -webkit-animation-name: collapseAnimation;
	  -webkit-animation-duration: 1.3s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-animation-timing-function: ease;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-name: collapseAnimation;
	  -moz-animation-duration: 1.3s;
	  -moz-animation-iteration-count: 1;
	  -moz-animation-timing-function: ease;
	  -moz-animation-fill-mode: forwards;
	}
	@keyframes collapseAnimation {
	  from {
		opacity: 0;
		left: -220px;
	  }
	  to {
		opacity: 1;
		left: 0;
	  }
	}
	@-webkit-keyframes collapseAnimation {
	  from {
		opacity: 0;
		left: -220px;
	  }
	  to {
		opacity: 1;
		left: 0;
	  }
	}