html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
table, td, th {vertical-align:top;}
*:focus { outline: none;}
a img {border:none;}
hr{display: block;clear: both;background: #cccccc;color: #cccccc;width: 100%;height: 1px;border: none;} 
input, textarea, select, button {line-height:normal;margin:0px;padding:4px;color:black;font: normal 18px Assistant, Arial, Helvetica, sans-serif;background:#fff;vertical-align: middle;border:1px solid #ccc}
/*color: #333*/
textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
} 
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;width:15px; height:15px;float:left;margin:10px 0 0 10px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.errorplace, .msgError {color:#ff0000;font-size:14px;margin:5px 0;}

::-moz-selection {background:#0f4128;color:#ffffff;text-shadow: none;}
::-webkit-selection {background:#0f4128;color:#ffffff;text-shadow: none;}
::selection {background:#0f4128;color:#ffffff;text-shadow: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
::-webkit-input-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}

html {font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body {font-size:18px;color:black;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight: 400}

h1, h2, h3, h4, h5, h6, h7 {color:#0f4128;margin:0px 0px 20px 0px;line-height:120%;font-weight: 600}
h1 {font-size:52px;font-weight: 700;position: relative;z-index: 7;margin:20px 0;}
h2 {font-size:40px;}
h3 {font-size:28px;}
h4, h5, h6 {font-size:24px;}

p {margin:0px 0px 10px 0px;line-height:140%;text-align: justify} 
a,  a:link,  a:visited,  a:focus,  a:active{color:#0f4128;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;}
img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}
li ul, li ol {margin:0 1.5em;}
ol {list-style-type:decimal;}

nav ul{ display: inline;margin:0;list-style-type:none;list-style: none;}
nav ul li {display:inline-block}
ul li{margin:0;/*list-style: none;*/}

body,  p, li, input, textarea, select, button {font-family:Assistant, Arial, Helvetica, sans-serif;}

.clear {clear:both;}
.clearline {clear:both;height: 1px;background: #ccc;width: 100%;float:left;}

div, span, a, header, footer, :before, :after, img, input, textarea, button {transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;}
.contactform, .errorplace, .errorplace2, .answer, .loginplace, .forgotpass, .login, .dropmenuplace {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

div:after, section:after, header:after, footer:after {content: "";display: table;clear: both;}

slick-slide div:after {display: none;}

#main {max-width:1920px;margin:auto;overflow: hidden}

.pagemain {width:96%;margin:auto;position:relative;max-width:1280px;}
.shortpage {max-width:800px;margin:auto;position:relative;}

header {position:relative;z-index:999;background:#fff;}

.logo {margin:  0;display: block;float: left;max-width:150px;}

.pagetitle {position: relative;overflow:hidden;width: 100%;}
.pagetitle a {float: right;} 

label {display:block;margin: 0 0px 20px 0;font-size: 18px;}
input, textarea {background:none;color: black;width: 100%;font-size: 16px;padding: 8px;}
   /* color:#666*/
    input:hover, textarea:hover {
        color: #0f4128;
    }

input[type="submit"], .selectsplace input[type="submit"], .selectsplace input[type="button"], .btnplace input,.btn {border: none;color:#fff;padding: 10px 20px;background: #1a7648;font-weight: 600;font-size: 16px;width:auto;display:inline-block;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
input[type="submit"]:hover, .selectsplace input[type="submit"]:hover, .selectsplace input[type="button"]:hover, .btnplace input:hover, .btn:hover {background: #0f4128;color: #fff;}

.butterfly {position: absolute;left:0;bottom: 50px;width: 100%;}
.butterfly:after, .butterfly:before {background: #fff;content: "";display: block;position: absolute;right: 47%;bottom: 0px;width: 2000px;height: 125px;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg);}
.butterfly:after {right: auto;left: 47%;  -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}


.startStop{margin-top: 10px;}
.startStop  input[type="button"].start,.startStop  input[type="submit"].start,.startStop  a.submit.start {width:100%;padding:10px 20px;background:green;text-align:center;color:#ffffff;}
.startStop  input[type="button"].start:hover, .startStop  input[type="submit"].start:hover,.startStop  .submit.start:hover{background: #666;}
.startStop  input[type="button"].Stop,.startStop  input[type="submit"].Stop,.startStop  a.submit.Stop {width:100%;padding:10px 20px;background:red;text-align:center;color:#ffffff;}
.startStop  input[type="button"].Stop:hover, .startStop  input[type="submit"].Stop:hover,.startStop  .submit:hover.Stop{background: #666; }

.lastcell {text-align:center}
.lastcell .btnstyle {margin:3px auto}
a.btnstyle, .btnstyle, .btnstylebig, div input.btnstyle {padding:3px 10px;background:#e77c00;color:#fff;font-size: 14px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;    display: inline-block;margin: auto;border:none;float:none;width:auto !important;font-weight:initial}
a.btnstyle:hover, .btnstyle:hover, .btnstylebig:hover, div input.btnstyle:hover {background:#ac5c00;}
.btnstylebig {padding:10px 20px ;font-size:16px;}

.orderrow {padding-bottom:10px;}

.orderrow .start {padding: 2px 15px;background: green;text-align: center;color: #ffffff;}

.checkboxdata {font-weight:bold;overflow:hidden}

.ui-widget-content {z-index:2000 !important;}

.orderrow .stop {
    padding: 2px 15px;
    background: red;
    text-align: center;
    color: #ffffff;
}

table {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
table td, table th {border-bottom:1px solid #cccccc;font-size:16px;border-right:1px solid #cccccc;padding:5px;vertical-align:middle;}
table th {background: #666;font-size:16px;color:#fff;}
table th {font-weight:600;}

.shadow {-moz-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);-webkit-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);box-shadow: 0px 5px 5px rgba(60,60,60,0.5);}

.roundcircle {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.columns:after, .listview:after, .footer:after, .mainmenu:after, .containerfeatures:after {content: "";display: table;clear: both;}

.bgtr {
    background: #000000\8;
    background: rgba(0, 0, 0, 0.8);
}

.nomargin {margin-left:0 !important;margin-right:0 !important}


.link {
    text-decoration: underline;
    cursor: pointer;
}
/*
#page {
    margin: 0 auto;
    width: 1100px;
}
*/
.loginbg {
    background: #ddd;
    padding:0px 0px 0px 0px;
	overflow: hidden;
    position:relative;
	width: 100%;
}

#menu {width: 100%;float: left;position:relative;}

.loginbox {
    margin:10% auto;
    padding:15px;
    width: 300px;
    background: #fff\8;
    background: rgba(250, 250, 250, 0.8);
    
}

    .loginbox div label {
        display: block;
       /*width: 300px;
        padding-top: 10px;*/
       margin:0px 0px 15px 0px;
    }
.loginbox a {display:block;margin:20px 0px 0 0;font-size:14px;padding:20px 0 0 0;border-top:1px solid #ccc;}
.loginbox a:hover {text-decoration:underline}
.loginbox div label input {margin:5px 0px;border:1px solid #ccc;}



.mainmenu {
    margin: 0px 0px;
    width: 100%;
    display: block;
    background:#f3f3f2;
}

    .mainmenu li {
        float: left;
        list-style: none;
        display: inline-block;
        position: relative;
    }

.mainmenu li a {
    display: inline-block;
    padding: 10px 15px;
    color: #000000;
    text-decoration: none;
	 font-weight: 600;
}

.mainmenu li.this a, .mainmenu li:hover a {
    background: #0f4128;
    color: #fff;/*text-shadow: 0 0 0.5px #0f4128, 0 0 0.5px #0f4128;*/
}

.mainmenu ul {
	position:absolute;
    left: 0;
    top: 43px;
    width: 300px;
    
    display: none;
    background: #e7e7e5;
    margin: 0;
	z-index: 99;
    -moz-box-shadow: 0px 5px 5px rgba(100,100,100,0.5);
    -webkit-box-shadow: 0px 5px 5px rgba(100,100,100,0.5);
    box-shadow: 0px 5px 5px rgba(100,100,100,0.5);
	text-align:center;
}

    .mainmenu ul li {
			 display: block;
    margin: 0;
	float:none;
    }

        .mainmenu ul li a {
            text-align: inherit;
   background:none !important;
    color: #000 !important;
    display: block;
    border: none;
    padding: 5px ;
    font-weight: 500;
        }

        .mainmenu ul li:hover > a {
			background:#ccc !important;
            color: #0f4128!important;
    text-shadow: 0 0 0.5px #0f4128, 0 0 0.5px #0f4128;
        }

        .mainmenu ul li ul {
            left: 200px;
            top: 0px;
        }

.mainmenu li:hover > ul {
    display: block;
}

.mainmenu li:last-child ul li ul {
    left: auto;
    right: 200px;
}

.clear {
    clear: both;
}

.stripseparator {
    height: 5px;
    width: 100%;
    background: #0f4128;
    margin-bottom: 2px;
    float: left;
}
a.home {padding: 10px;
    background: #333;
    font-size: 14px;
    color: #fff;
    position: absolute;
   float:left;margin: 30px;}
a.home:hover {background-color: #0f4128;}

#logoutbox {
    padding:10px;
    background: #f3f3f2;
	position:absolute;right:0;top:19px;
}

#logoutbox a, #logoutbox span {display: inline-block;font-size: 14px;color: #000;padding: 0px;    float: left;margin:0 5px 0 0}
#logoutbox a:hover {text-decoration:underline}
#logoutbox span {font-weight:bold;}
#logoutbox a span, #logoutbox span span {float:left;width:20px;height:25px;margin:-3px 7px 0 0;}
#logoutbox .login span {background: url(../images/sprite.png) 0px 0px no-repeat;}
#logoutbox .update span {background: url(../images/sprite.png) -41px -2px no-repeat;}
#logoutbox .logout span {background: url(../images/sprite.png) -23px 0px no-repeat;}

.regulartable{width:95%;}
.regulartable img {
    max-width: 24px;
    margin: auto;
}

.regulartable .short {width:130px;text-align:center}
.regulartable td:first-of-type {font-size:16px;font-weight:600;width:25%}

.form.contactUser{
    width:100%;
}

.form.contactUser label span{
    width:8%;
}
.form.contactUser label input{
    width:85%;
}

.form {
    width: 400px;
    padding: 10px;
}

.longform {float:none;width:94%;padding:3%;margin:0 0 50px 0;clear:both;direction:rtl;overflow:hidden}
.longform input[type="submit"] {margin:0 10px 15px 0px;float:left;width:150px;}
.tab.longtable {width:100%;float:none;margin:0 0 50px 0;direction:rtl}

.formEdit, .formEdit label, .formEdit span, .formEdit div {direction:rtl;text-align:right;}

.formEdit .userform label
{
    float:right;
    width:100%;
    padding:0;
}

.formEdit input[type="text"]
{
    width:95%;
    padding:2.5%;
}

.formEdit input[type="submit"]{margin:10px 0;}

.workshopstitle {overflow:hidden;}
.workshopstitle input[type="text"] {float:right;width:auto;margin:0 0 0 10px;padding:10px;border:1px solid #ccc;}
.workshopstitle span {margin:10px 0 0 10px;float:right;display:block;}

.formEdit .userform {margin:20px 0 0 0;width:100%;padding:0;background:none}
.formEdit .userform .titlelong {margin:0 0 10px 0;}

.smalltextarea {height:50px;}

.form label, .userform label {width: 100%;display: inline-block;/*padding: 2%;background:#fff;*/margin:0px 0px 10px 0px;float:left;}
.userform .title, .form .title, .selectsplace .title {padding: 11px 0 11px 0;width: 24%;float: left;font-size: 16px;line-height: 100%;display: inline-block;}

.selectsplace .title {font-weight: 600;text-align: right;font-size: 15px;}

.userform .titlelong {padding:0;display:inline-block;font-size:12px;}
.form .title {width:30%}
.selectsplace select, .form label input, .userform label input, .form label textarea, .form label select, .userform label select, .userform label textarea { float: right;width: 75%;}
.form label select, .form label input, .form .select2-container, .form label textarea {width:61%;}
.select2-container {float:right}

.userform label input[type="checkbox"], .form label input[type="checkbox"] {width: 25px;height: 25px;margin: 8px 0 0 0;}
.userform label textarea {width:75%}
.form .checkbox {float:left;margin:3px 5px 0px 0px;}
.userform .checkbox {float:left;margin: 0 10px 0 0;}

.selectsplace {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #ccc}
.selectsplace label {width:48%;display:inline-block;}
.selectsplace label:nth-of-type(2n) {float:right}
.selectsplace select { float: right;width: 75%;border:1px solid #ccc;}
.selectsplace input[type="text"] {float: right;width: 75%;border: 1px solid #ccc;border-radius: 4px;}
.selectsplace input[type="submit"], .selectsplace input[type="button"] ,.btn{margin:15px 0px 0px 0px;}

.dataTables_wrapper label {display:block;margin:10px 0px;}
.dataTables_wrapper select, .dataTables_wrapper input { width: 100px;border:1px solid #ccc;}
.dataTables_wrapper .dataTables_filter {width:300px;}

.btnplace {padding:20px 0 0 0;margin:20px 0 10px 0;border-top:1px solid #ccc}
.btnplace input {margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.labelstyle label {padding:0px;margin:0px 0px 10px 0px;}
.labelstyle label input {border:1px solid #ccc;width:97.5%;padding:3px 1%;}
.labelstyle label textarea {width:99%;border:1px solid #ccc;}
.labelstyle label input[type="submit"] {padding:10px 20px;width:100%;margin:10px 0px;}
.labelstyle label select {border:1px solid #ccc;width:100%;padding:3px 0;}

.search {
    float: left;
    background: #f3f3f2;
    width: 100%;
    padding: 10px;
    margin: 20px 0;
}

    .search label {
        width: 340px;
        display: inline-block;
        padding-bottom: 10px;
        padding-left: 10px;
    }

        .search label input {
            float: right;
            width: 220px;
            height: 20px;
        }
.search a {color: #fff;
    background: #0f4128;
    padding: 10px 15px;
    margin: 5px;
    display: inline-block;}
.search a:hover {background: #e77c00;}

.userbudgets {
    /*float: left;*/
    background: #ccc;
    /*width: 240px;*/
    /*min-height: 500px;*/
    margin-top: 20px;
    /*margin-left: 10px;*/
    padding: 10px;
}

.userinstruments {
    /*float: left;*/
    background: #ccc;
    /*width: 320px;*/
    /*min-height: 500px;*/
    margin-top: 20px;
    /*margin-left: 10px;*/
    padding: 10px;
}



a.smallbtnMenu {width:auto;padding:10px ;background:#1a7648;display:inline-block;text-align:center;color:#ffffff;margin:0px 0px 10px 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
a.smallbtnMenu:hover {background: #0f4128;}


.tab {
    display: none;
    width: 600px;
    float: right;
    margin-top: 20px;
}

.visible {
    display: block;
}

#masks {
    display: block;
}

    #masks #maskHeader {
        display: none;
        background: #e77c00;
        padding: 5px;
    }

        #masks #maskHeader .date {
            padding-left: 10px;
        }

        #masks #maskHeader .del {
            float: right;
        }

        #masks #maskHeader img {
            display: none;
            float: right;
        }

        #masks #maskHeader .msg {
            float: right;
        }

#bookForm {
    width: 310px;
    height: 500px;
    background-color: #eee;
    border: solid 1px #000;
    padding: 10px;
    -moz-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);-webkit-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);box-shadow: 0px 5px 5px rgba(60,60,60,0.5);
}

#bookForm .close, #bookForm .move{float:right;position:relative;top:-30px;left:30px;z-index:11;background: #fff;border-radius: 100%;height: 18px;cursor:pointer}
#bookForm .move{float:left;left:-30px;}

#bookForm input{
    width: 100px;
}

#bookForm input.long, #bookForm select.long {
    width: 183px;
}

#bookForm label {
    font-size: 16px;
    margin: 0 0 10px 0;
}
#bookForm label span{
    width:100px;
    display:inline-block;
}


#bubble {
    width: 240px;
    height: 318px;
    background-color: #eee;
    border: solid 1px #000;
    padding: 10px;
}

#bubble #lnkEdit {
    position: absolute;
    bottom: 10px;
    left: 69px;
}

    #bubble #lnkClose {
        float: right;
    }

    #bubble #lnkDelete {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    #bubble #lnkMove {
        position: absolute;
        bottom: 10px;
        left: 80px;
    }

    #bubble .arrow {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #EEE;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: -9px;
        left: 100px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

.timeline {
    position: absolute;
    left: 59px;
    border: none;
    border-top: 1px solid #00F;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
}

#budgetSelector, #productSelector, #userSelector, #rowEdit, #jobEdit, .dialogS, #userSelectorSmall {
    position: fixed;
    display: none;
    width: 800px;
    min-height: 400px;
    background: #fff;
    padding: 20px;
    z-index: 999;
    left: 50%;
    margin-left: -400px;
    top: 20%;
    /*margin-top: -200px;*/
    font-size: 14px;
    -moz-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);
    -webkit-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);
    box-shadow: 0px 5px 5px rgba(60,60,60,0.5);
}
#rowEdit {position:absolute;}
#userSelectorSmall {
    width: 400px;
    min-height: 100px;
}
#jobEdit {
    direction: rtl;
    min-height: 200px;
    width: 300px;
    top: 47%;
    left: 66%;
    text-align: center;
}

label.service{
    width:100%;
    display:block;
    text-align:center;
    margin-bottom:15px;
}

label.qa input{
    width:84px;
    border:1px solid #ccc;
    margin-bottom: 14px;
}

label.qa{
    clear:both;
    font-weight:bold;
    margin-left:55%;
    margin-bottom:15px;
}

button#save
{
    width:80px;
    margin:25px auto;
    height:25px;
    line-height:25px;
    background:#e77c00;
    color:#fff;
    font-weight:bold;
    border:none;
}


#budgetSelector #lnkClose, #productSelector #lnkClose,#jobEdit #joblnkClose, #userSelector #lnkClose,.dialogS .lnkClose, #rowEdit #lnkClose, #userSelector #userSelectorClose {float: right;}

a#joblnkClose{width:100%;margin-bottom:30px;text-align:right;}

.closebtn {    position: absolute;
    right: -20px;
    top: -20px;
    width: 35px;
    height: 35px;
    background: #fff url(../images/sprite.png) -288px 1px no-repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 100%;
    text-indent: -1000px;
    overflow: hidden;}
.closebtn:hover {background-color:#f0f0f0;}

#budgetSelector .selectbudget, #productSelector .selectproduct, #userSelector .selectuser ,#jobEdit .selectJob {cursor: pointer;text-decoration: underline;}

.maintitle {text-align:center}

.bookingInstrumnets {margin: 0px 0 20px 0;float: left;width: 100%;}
.instrumentSelect {float:left;display:block;margin:0 20px 0 0}

.instrumentUsage {float:right;width:350px;}
.instrumentUsage img {float:left;margin:5px 10px 0px 0px;}
.instrumentUsage p {margin:0;word-break:break-all;}

.bookingtitle {margin:10px 0px;}
.bookingtitle .iCal, .iCal {/*float: left;*/margin:5px 10px 0 0 ;display:block;width:35px;height:35px;background: url(../images/sprite.png) -222px -2px no-repeat;cursor:pointer}
.titlemiddle .iCal {float:left;}

td .iCal{margin:auto;}

.viewTitle {margin:0}

.bookingtitle .title, .bookingtitle .viewTitle {font-size:26px;}

.bookingtitle .viewTitle {float: right;}

table.dataTable thead .sorting_asc {background: url(../Scripts/DataTables-1.10.0/media/images/sort_asc.png) no-repeat center right #333 !important;}

table.dataTable thead .sorting_desc {background: url(../Scripts/DataTables-1.10.0/media/images/sort_desc.png) no-repeat center right #333 !important;}

table.dataTable thead .sorting {background: url(../Scripts/DataTables-1.10.0/media/images/sort_both.png) no-repeat center right #333 !important;}

table.dataTable thead th, table.dataTable thead td {text-align:left;}

table.dataTable tbody td {padding: 3px 3px;}

.error {color: #ff0000;}

input.error {
    color: black;
    border: #ff0000 1px solid;
}

.fc-header-center.error {
    background: #ff0000;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.success {
    color: #219a00;
}

.fc-header-center.success {
    background: #219a00;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.fc-header-center.notify {
    background: #425f9b;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.fc-toolbar .title {display:block;width:35px;height:35px;background: url(../images/sprite.png) -117px -2px no-repeat;text-indent:-1000px;overflow:hidden;margin: 0px 0 0 0;}

.fc-event-title span {
    font-size: 0.75em;
}

.fc-toolbar #gotodate {border:1px solid #ccc;background:#fff;width:180px;    padding: 6px;}

.tip {
    cursor: help;
}

.budgetiteminput {
    width: 100px;
    display: inline-block;
}

.layer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #525252;
    opacity: 0.8;
    display: none;
    z-index: 10;
}

#ordersInSameTime {
    display: none;
    color: #000;
    background: #77CFFD;
    font-size: 20px;
    width: 590px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px;
}

#GrantsData {
    display: none;
    color: #000;
    background: #ccc;
    font-size: 15px;
    width: 590px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px;
}

    #GrantsData span {
        font-weight: bold;
    }

    #GrantsData .user {
        margin: 5px;
        width: 40%;
        display: inline-table;
    }

.no-close .ui-dialog-titlebar-close {
    display: none;
}



#moreSessions
{
 
    clear: both;
}

#moreSessions > label > span
{
    display: block;
    margin-bottom: 10px;
}

.fc-time-grid-event{
      padding-top:5%;
      padding-bottom:5%;
       text-align:center; 
       vertical-align:middle;
	}


.leftside {width:48%;float:left;}
.rightside {width:48%;float:right;}


#loadingImg {display:none;background: #fff\8;background: rgba(250, 250, 250, 0.8);  z-index: 999;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;}
#loadingImg img {position:absolute;left:50%;margin-left:-60px;top:40%;}


.fc-toolbar .fc-right {width:250px;}
th.fc-widget-header {padding:5px}

.addService{
    margin-top:15px;
}

.heb label input
{
    float:left;
}
.heb .title{
    padding: 1%;
    border-left: 1px solid #ccc;
     border-right:0px;
    width: 23%;
    float: right;
    font-size: 12px;
}
.material {margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ccc;}
.material span {display:inline-block;margin:0 0 0 5px;}
.spritX {
    width: 15px;
    height: 15px;
    background: url(/content/themes/base/minified/images/ui-icons_cd0a0a_256x240.png) -97px -129px no-repeat;
    display: inline-block;
    margin: 2px 5px -3px 0;
    cursor: pointer;
}
.error1 {
    color: #ff0000;
    border: solid 1px red;
}
.usegeRule{   
    cursor: pointer;
    font-size: 20px;
    line-height:29px;
    display:inline-block;margin:0px 0 0px 10px;
}
.usegeRule span { float:left;
    margin:-5px 12px 0px 4px;display:inline-block;width:30px;height:35px;background: url(../images/sprite.png) -259px -2px no-repeat;}

.inputEQU{
        border: solid 1px #cccccc;
}
.fixHeader tbody tr th:nth-of-type(1) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(2) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(3) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(4) {
    width:100px;
}
.fixHeader tbody tr th:nth-of-type(5) {
    width:40px;
}
.brake{
    margin:0 15px 0 15px;
}

.leftsidetitles {float:left;}

body .fc {clear:both;}
.fc-toolbar .fc-left{float:right;}
.fc-toolbar {float:right;margin: -35px 0 15px 0;}


.gototop {background: url(../images/sprite.png) -91px -3px no-repeat;border:1px solid #000;width:27px;height:27px;position:fixed;bottom:8px;right:5%;cursor:pointer;}

.ui-dialog .ui-dialog-content {height:auto}
.ui-dialog .ui-dialog-content ul {margin:0 20px;}
#form1{margin:0 0 20px 0}

.btnbook {width: 100px;background: #84cce7;display:block;padding:10px;font-weight:500;margin: auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.btnbook:hover {background: #3b93b4;}

.btnorder {
    width: 100px;
    background: #e77c00;
    display: block;
    padding: 10px;margin: auto;
	font-weight:500;-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.btnorder:hover {background: #ac5c00;}

.labmessage {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #ccc;
    padding: 10px;
    font-size:16px;
}

.select2-selection--single {
    height: 40px !important;
    border-radius: 0px !important;
    padding:3px;
}

.ui-tabs .ui-tabs-panel {padding:10px;}

.popupplace {
    background: #000000\5;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    opacity: 0;
    display: none;
}
.popupplace.opened {z-index:99;opacity:1;height:100%;}


.credits {color: #0f4128;background: #f3f3f3;padding: 5px;text-align: center;clear: both;font-weight: 300;margin: 40px 0 0 0;font-size:14px}
.credits a {color:#000;}
.credits a:hover, .credits a:focus {text-decoration: underline}
.credits p {margin: 0}

.openmenu{display:none;}


/*added by zina*/

.UserRoleList label, .AllUsersRole label {
    /*margin: -20px 0 10px 0 !important;*/
    margin: -20px 0 10px 40px !important;
}

.UserRoleList, .AllUsersRole {
    width: 30%;
}

.mailBody {
    width: 85% !important;
}

input:disabled, select:disabled, textarea:disabled {
    background-color: #eee;
}

label.InstrumentRoom {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    margin-top:5px;
}

label.InstrumentRoom select {
    max-width: 120px !important;
}
label.InstrumentRoom input {
        max-width: 100px !important;
}

label.InstrumentRoom .title {
    text-align: left;
    width: 120px;
}

label.InstrumentRoom .titleNew {
    text-align: center;
}

.usegeRulesFull ol
{
    margin:30px;
}

.outerPanel {
    height: 100%;
    overflow: hidden;
}

.outerPanel .innerPanel {
    max-height: 500px; 
    overflow-y: scroll;
	padding: 20px;
	margin:0 0 20px 0;border:1px solid #ccc
}

.outerPanel .innerPanel::-webkit-scrollbar {width: 10px;}
.outerPanel .innerPanel::-webkit-scrollbar-track {background: #f1f1f1;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.outerPanel .innerPanel::-webkit-scrollbar-thumb {background: #888;}
.outerPanel .innerPanel::-webkit-scrollbar-thumb:hover {background: #555;}

.outerPanel input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 15px;
    height: 15px;
    float: left;
    margin: 5px 10px 10px 10px !important;
}
        


@media screen and (max-width: 1020px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}
	h1, h2, h3, h4, h5, h6, h7 {line-height:100%;}
	h1 {font-size:30px;}
	h2, .bodytext h3, .mainabstract h3, .indexcontent h3, .bigtitle h3, .infobox h2, .infobox h3 {font-size:26px;margin:0 0 20px 0;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p, .banner .abstract p, .infobox p {line-height: 120%;font-size: 16px;}

	.logo {margin: 5px auto;float:left;max-width:90px;}
	
	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:13px 10px 0 20px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#014129;margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);}
	.openmenu.opened span {transform: scale(0);}

	#logoutbox {top:0;width: 50%;padding: 6px;    right: 50px;background:none}
	#logoutbox a, #logoutbox span {float:right}
	#logoutbox .login {margin: 12px 0 0 0;}

	#menu {z-index:999;transform: translateX(-100%);background: #fff;position:fixed;left:-10px;top:0px;width:86%;margin:0;height: 100vh;height: calc(var(--vh, 1vh) * 100);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;}
	.mainmenu li, .mainmenu li li, .mainmenu li li li {float:none !important;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li.this > a {background: #0048b5;}
	.mainmenu > li a {color:#000000;padding:10px 5px;text-align:center;border-bottom: 1px solid #666;display:block}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid #0048b5;}

	#menu.menuopen {transform: translateX(0px);left:0;}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}

	.mainmenu ul {display:block;opacity:1;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.2); box-shadow: 0px 0px 0px rgba(0,0,0,.2); }

	.leftside, .rightside {width:100%;margin:0 0 20px 0;}

	.selectsplace label, label {width:100%;margin:0 0 20px 0;}
	.userform .title, .form .title, .selectsplace .title {width: 35%;}
	.selectsplace select, .form label input, .userform label input, .form label select, .userform label select, .userform label textarea,
	.selectsplace input[type="text"]{    width: 60%;}

	.form {width:100%;}
	.popupplace {z-index: 998;overflow: hidden; display:block;}

	table th, table td, .regulartable td:first-of-type, .regulartable .short {font-size:14px;font-weight:400;width:auto;padding: 4px;}

	a.btnstyle, .btnstyle, .btnstylebig, div input.btnstyle {font-size:12px;    padding: 3px 5px;}

	.userform .title, .form .title, .selectsplace .title {font-size: 14px;  width: 38%;  padding: 9px 0 10px 0;}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:5px;font-size:13px;}
	.ui-tabs .ui-tabs-nav li {    margin: 1px .05em 0 0;}

	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .fc-toolbar > div, .fc-toolbar .fc-right {width:50%;float:left;margin:0;}
	.dataTables_wrapper select, .dataTables_wrapper input {width: 70px;}

	.bookingtitle .iCal, .iCal, .instrumentUsage img {margin: -2px 10px 0 0;}
	.titlemiddle, .fc-toolbar, .bookingInstrumnets, .instrumentUsage {margin:10px 0;width: 100%;}

	.fc-toolbar #gotodate {width: 120px;}

	#bookForm, #bubble, #budgetSelector, #productSelector, #userSelector, #rowEdit, #jobEdit, .dialogS, #userSelectorSmall {left: 5% !important;top: 80px !important;width: 90%;margin:0;position:absolute}
	#rowEdit table, #rowEdit > div {width:100% !important}

    .fc-view, .fc-view > table
    {
        position:static;
    }


	.ui-widget-content, .select2-container {width: 100% !important;top:0 !important;margin:0 0 20px 0;}
	/*.outerPanel .innerPanel {min-height:initial;height:auto;overflow:initial}*/
	.outerPanel .innerPanel p, .outerPanel .innerPanel li, .checkboxdata {font-size: 16px;    line-height: 100%;}
}
.d_none {
    display: none !important;
}