/** * * Apply Here your Custom CSS * */ /** * * * ************************************************* ************************************************* Initiation ************************************************* ************************************************* * * * **/ @font-face { font-family: 'GESSTwoLight'; src: url('../fonts/GESSTwoLight.otf'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/GESSTwoLight.otf') format('opentype'); } @font-face { font-family: 'GESSTwoMedium'; src: url('../fonts/GESSTwoMedium.otf'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/GESSTwoMedium.otf') format('opentype'); } @font-face { font-family: 'GESSTwoBold'; src: url('../fonts/GESSTwoBold.otf'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/GESSTwoBold.otf') format('opentype'); } @font-face { font-family: 'DroidArabicKufi2'; src: url('../fonts/DroidArabicKufi.ttf'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/DroidArabicKufi.ttf') format('truetype'); } @font-face { font-family: 'DroidArabicKufi'; src: url('../fonts/DroidArabicKufi.eot'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/DroidArabicKufi.ttf') format('truetype'), local('Riesling Regular'), local('Riesling'), url('../fonts/DroidArabicKufi.woff') format('woff'), local('Riesling Regular'), local('Riesling'), url('../fonts/DroidArabicKufi.svg') format('svg'); font-weight: normal !important; font-style: normal; } /* * MRSCs Font */ @font-face { font-family: 'BaderAlGordabia'; src: url('../fonts/bader_al-gordabia.ttf'); src: local('Riesling Regular'), local('Riesling'), url('../fonts/bader_al-gordabia.ttf') format('truetype'); } /* arabic */ @font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUrtLMA7w.woff2) format('woff2'); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC; } /* latin-ext */ @font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUgtLMA7w.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v13/J7aRnpd8CGxBHpUutLM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* maidan */ @font-face{ font-family:'maidan'; src: url('https://www.fontstatic.com/fonts/maidan/maidan.eot?#iefix'); src: local('ميدان'), local('maidan'),url('https://www.fontstatic.com/fonts/maidan/maidan.woff') format('woff'); } /* jazeera */ @font-face{ font-family:'jazeera-light'; src: url('https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.eot?#iefix'); src: local('الجزيرة خفيف'), local('jazeera-light'), url('https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.woff') format('woff'); } /* jazeera */ @font-face{ font-family:'jazeera-light'; src: url('https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.eot?#iefix'); src: local('الجزيرة خفيف'), local('jazeera-light'), url('https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.woff') format('woff'); } /* Sakkal Majalla */ @font-face { font-family: 'SakkalMajalla'; font-style: normal; font-weight: normal; src: local('Sakkal Majalla Regular'), url('../fonts/Nillima.woff') format('woff'); } /** * * * ************************************************* ************************************************* Main ************************************************* ************************************************* * * * **/ body { font-family: Tahoma ; color: #555 ; font-size: 13px; } a:Hover , span > a:Hover { color: #CC0000 ; } span > a { color: #666666 !important; } h1 , .h1 { font-family: GESSTwoMedium , tahoma ; } h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6{ font-family: DroidArabicKufi , GESSTwoLight ; } footer { font-family: DroidArabicKufi , GESSTwoLight ; } blockquote strong{ font-family : DroidArabicKufi , GESSTwoLight ; } /* size */ .font-7 {font-size: 7pt !important;} .font-8 {font-size: 8pt !important;} .font-9 {font-size: 9pt !important;} .font-10 {font-size: 10pt !important;} .font-11 {font-size: 11pt !important;} .font-12 {font-size: 12pt !important;} .font-13 {font-size: 13pt !important;} .font-14 {font-size: 14pt !important;} .font-16 {font-size: 16pt !important;} .font-18 {font-size: 18pt !important;} /* Base Text decoration Style */ .underline {text-decoration: underline !important;} .crossline {text-decoration: line-through !important;} .italic {font-style: italic !important;} .normal {font-weight: normal !important;} /* Upercase & Smallcase */ .uppercase{text-transform:uppercase ;} .lowercase{text-transform:lowercase ;} .table > thead > tr > th { text-align: center ; vertical-align: middle !important; } .table > thead > tr > td { vertical-align: middle !important; } .table { margin-bottom: 0px; } .table-no-space .dataTables_wrapper div.row:last-child , .table-no-space .dataTables_wrapper div.row:first-child { display: none; } .select2-container .select2-choice .select2-arrow b { background-image: none !important; } /** Labels **/ .label { font-size: 9pt; } .label-warning , .btn-warning { color: black ; } .label-pink {background-color: #EF3B95;} .label-pink[href]:hover, .label-pink[href]:focus {background-color: #B91D6B;} .label-orange {background-color: #FF9900;} .label-orange[href]:hover, .label-orange[href]:focus {background-color: #d67e00;} .label-gold {background-color: #D4AF37;} .label-gold:hover, .label-gold[href]:focus {background-color: #DAA520;} .dataTables_wrapper table thead tr th { font-weight: normal; } .no-top-margin { margin-top: 0px ; } .hide { display: none !important; } .pointer { cursor: pointer !important; } .cursor-default { cursor: default !important; } .no-visibility { visibility: hidden !important; } i.disabled { color: #999999; background-color: #ffffff; border-color: #dddddd; cursor: default; pointer-events: none; } /* Base Alignment */ .center { text-align: center !important;} .right { text-align: right !important;} .left { text-align: left !important;} .justify { text-align: justify !important;} .top { vertical-align: top !important;} .middle { vertical-align: middle !important;} .bottom { vertical-align: bottom !important;} /* Real Colors */ .realblue {color:#0000ff !important;} .realred {color:#ff0000 !important;} .realgreen {color:#00ff00 !important;} .realyellow {color:#ffff00 !important;} .realorange {color:#ff6e00 !important;} /* Base Colors */ .white {color:#FFFFFF !important;} .lightblue {color: #6cccea !important;} .blue {color:#1a8fbf !important;} .dkblue {color:#2D7C9B !important;} .indigo {color:#3d588f !important;} .turquoise {color:#069494 !important;} .dkturquoise{color:#067c7c !important;} .green {color:#05ca05 !important;} .dkgreen {color:#009900 !important;} .lightgrey {color:#c8c8c8 !important;} .lightesgrey{color:#ececec !important;} .grey {color:#A8A8A8 !important;} .dkgrey {color:#333333 !important;} .orange {color:#FF9900 !important;} .dkorange {color:#D17F04 !important;} .purple {color:#9F81A9 !important;} .dkpurple {color:#9136AF !important;} .mauve {color: #db1cba !important;} .dkmauve {color:#a8198c !important;} .lightred {color:#e47373 !important;} .red {color:#D54346 !important;} .dkred {color:#AC0909 !important;} .secondary {color:#ec5956 !important;} .yellow {color:#FDE803 !important;} .dkyellow {color:#BAA900 !important;} .black {color:#000000 !important;} .pink {color:#ef3b95 !important;} .dkpink {color:#b22c6f !important;} .brown {color:#c98724 !important;} .dkbrown {color:#8e5908 !important;} .gold {color:#D4AF37 !important;} .dkgold {color:#DAA520 !important;} /* Base Colours Background */ .bg_blue {color:#FFFFFF !important; background-color:#56AED4 !important;} .bg_dkblue {color:#FFFFFF !important; background-color:#217da5 !important;} .bg_lightblue { background-color:#bae4f7 !important;} .bg_pink {color:#FFFFFF !important; background-color:#a8125d !important;} .bg_lightpink { background-color:#f8d9e8 !important;} .bg_green {color:#FFFFFF !important; background-color:#C0E079 !important;} .bg_dkgreen {color:#FFFFFF !important; background-color:#009900 !important;} .bg_lightgreen { background-color:#cff7d9 !important;} .bg_grey {color:#FFFFFF !important; background-color:#A8A8A8 !important;} .bg_lightgrey { background-color:#cccccc !important;} .bg_lightesgrey { background-color:#f5f5f5 !important;} .bg_dkgrey {color:#FFFFFF !important; background-color:#999999 !important;} .bg_lightorange { background-color:#FDc777 !important;} .bg_orange {color:#FFFFFF !important; background-color:#FF9900 !important;} .bg_dkorange {color:#FFFFFF !important; background-color:#ad6801 !important;} .bg_lightpurple { background-color:#e4cfeb !important;} .bg_purple {color:#FFFFFF !important; background-color:#9F81A9 !important;} .bg_dkpurple {color:#FFFFFF !important; background-color:#862c99 !important;} .bg_turquoise {color:#FFFFFF !important; background-color:#0bc9c9 !important;} .bg_dkturquoise {color:#FFFFFF !important; background-color:#067c7c !important;} .bg_lightpurple { background-color:#efe1ec !important;} .bg_red {color:#FFFFFF !important; background-color:#D54346 !important;} .bg_dkred {color:#FFFFFF !important; background-color:#B2090C !important;} .bg_secondary {color:#FFFFFF !important; background-color:#ec5956 !important;} .bg_lightred { background-color:#ffe6e6 !important;} .bg_yellow {color:#666666 !important; background-color:#FDE803 !important;} .bg_dkyellow {color:#FFFFFF !important; background-color:#BAA900 !important;} .bg_lightyellow { background-color:#fffef4 !important;} .bg_lightbeige { background-color:#ece8e3 !important;} .bg_gold {color:#FFFFFF !important; background-color:#D4AF37 !important;} .bg_dkgold {color:#dddddd !important; background-color:#DAA520 !important;} .bg_dkgold2 {color:#dddddd !important; background-color:#ca8d05 !important;} .bg_indigo {color:#ffffff !important; background-color:#3d588f !important;} .bg_lightindigo { background-color:#d4d9e3 !important;} .bg_black {color:#dddddd !important; background-color:#000000 !important;} .bg_white {color:#666666 !important; background-color:#FFFFFF !important;} .border-lightgrey {border: 1px solid #cccccc;} .border-grey {border: 1px solid grey;} .border-red {border: 1px solid #cc0000 !important;} .border-green {border: 1px solid #61bc6a !important;} .background-none {background: none;} #toast-container > .toast-start , .toast-stop, .toast-finish{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }#toast-container > .toast-finish{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }#toast-container > .toast-stop{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } .toast-stop { background-color: #ffa500; } .toast-start { background-color: #66b266; } .toast-finish { background-color: #ff4d4d; } /*Colors Rainbow #1*/ .rainbow { /* Font options */ /*text-shadow: 2px 2px 4px #000000;*/ /* Chrome, Safari, Opera */ -webkit-animation: rainbow 5s infinite; /* Internet Explorer */ -ms-animation: rainbow 5s infinite; /* Standar Syntax */ animation: rainbow 5s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes rainbow{ 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 30%{color: CadetBlue;} 40%{color: yellow;} 50%{color: coral;} 60%{color: green;} 70%{color: cyan;} 80%{color: DeepPink;} 90%{color: DodgerBlue;} 100%{color: orange;} } /* Internet Explorer */ @-ms-keyframes rainbow{ 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 30%{color: CadetBlue;} 40%{color: yellow;} 50%{color: coral;} 60%{color: green;} 70%{color: cyan;} 80%{color: DeepPink;} 90%{color: DodgerBlue;} 100%{color: orange;} } /* Standard Syntax */ @keyframes rainbow{ 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 30%{color: CadetBlue;} 40%{color: yellow;} 50%{color: coral;} 60%{color: green;} 70%{color: cyan;} 80%{color: DeepPink;} 90%{color: DodgerBlue;} 100%{color: orange;} } .bg_rainbow { /*height: 100%;*/ /*width: 100%;*/ /*left:0;*/ /*right: 0;*/ /*top: 0;*/ /*bottom: 0;*/ /*position: absolute;*/ background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); /*background-size: 1800% 1800%;*/ -webkit-animation: bg-rainbow 18s ease infinite; -z-animation: bg-rainbow 18s ease infinite; -o-animation: bg-rainbow 18s ease infinite; animation: bg-rainbow 18s ease infinite; } @-webkit-keyframes bg-rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes bg-rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes bg-rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes bg-rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } /*finish*/ .DRTL , .rtl {direction: rtl ;} .DLTR , .ltr {direction: ltr ;} .Fright { float: right ; } .Fleft { float: left ; } .clear {clear: both ;} .clear-right{clear: right ;} .clear-left {clear: left ;} .line-across{ text-decoration: line-through ; } .main-title { padding-top: 15px ; padding-bottom: 10px ; } .no-padding { padding: 0px ; } .span-block{ display: inline-block; } i.icon-2x { font-size: 13px !important;} i.icon-3x { font-size: 18px !important;} i.icon-4x { font-size: 22px !important;} i.icon-5x { font-size: 27px !important;} i.icon-6x { font-size: 40px !important;} i.icon-7x { font-size: 50px !important;} i.icon-8x { font-size: 60px !important;} i.icon-9x { font-size: 80px !important;} i.icon-10x{ font-size:100px !important;} i.icon-11x{ font-size:120px !important;} i.icon-12x{ font-size:140px !important;} i.icon-13x{ font-size:160px !important;} i.icon-14x{ font-size:180px !important;} i.icon-15x{ font-size:200px !important;} /* .span10 {float:right; width:10px;} .span15 {float:right; width:15px;} .span20 {float:right; width:20px;} .span30 {float:right; width:30px;} .span50 {float:right; width:50px;} .span75 {float:right; width:75px;} .span100 {float:right; width:100px;} .span120 {float:right; width:120px;} .span150 {float:right; width:150px;} */ .span10 {width:10px;} .span15 {width:15px;} .span20 {width:20px;} .span30 {width:30px;} .span40 {width:40px;} .span50 {width:50px;} .span55 {width:55px;} .span60 {width:60px;} .span65 {width:65px;} .span70 {width:70px;} .span75 {width:75px;} .span100 {width:100px;} .span120 {width:120px;} .span150 {width:150px;} .btn10 {width:10px !important ;} .btn15 {width:15px !important ;} .btn20 {width:20px !important ;} .btn25 {width:25px !important ;} .btn30 {width:30px !important ;} .btn35 {width:35px !important ;} .btn40 {width:40px !important ;} .btn45 {width:45px !important ;} .btn50 {width:50px !important ;} .btn55 {width:55px !important ;} .btn60 {width:60px !important ;} .btn70 {width:70px !important ;} .btn75 {width:75px !important ;} .btn80 {width:80px !important ;} .btn85 {width:85px !important ;} .btn90 {width:90px !important ;} .btn100 {width:100px !important ;} .btn110 {width:110px !important ;} .btn120 {width:120px !important ;} .btn150 {width:150px !important ;} .btn175 {width:175px !important ;} .btn180 {width:180px !important ;} .btn190 {width:190px !important ;} .btn200 {width:200px !important ;} /**** m & p {1-5} ****/ .m-1 {margin: 1px !important ;} .m-2 {margin: 2px !important ;} .m-3 {margin: 3px !important ;} .m-4 {margin: 4px !important ;} .m-5 {margin: 5px !important ;} .m-6 {margin: 6px !important ;} .m-7 {margin: 7px !important ;} .m-8 {margin: 8px !important ;} .m-9 {margin: 9px !important ;} .m-10 {margin: 10px !important ;} .mt-1 {margin-top: 1px !important ;} .mt-2 {margin-top: 2px !important ;} .mt-3 {margin-top: 3px !important ;} .mt-4 {margin-top: 4px !important ;} .mt-5 {margin-top: 5px !important ;} .mt-6 {margin-top: 6px !important ;} .mt-7 {margin-top: 7px !important ;} .mt-8 {margin-top: 8px !important ;} .mt-9 {margin-top: 9px !important ;} .mt-10 {margin-top: 10px !important ;} .mr-1 {margin-right: 1px !important ;} .mr-2 {margin-right: 2px !important ;} .mr-3 {margin-right: 3px !important ;} .mr-4 {margin-right: 4px !important ;} .mr-5 {margin-right: 5px !important ;} .mr-6 {margin-right: 6px !important ;} .mr-7 {margin-right: 7px !important ;} .mr-8 {margin-right: 8px !important ;} .mr-9 {margin-right: 9px !important ;} .mr-10 {margin-right: 10px !important ;} .mb-1 {margin-bottom: 1px !important ;} .mb-2 {margin-bottom: 2px !important ;} .mb-3 {margin-bottom: 3px !important ;} .mb-4 {margin-bottom: 4px !important ;} .mb-5 {margin-bottom: 5px !important ;} .mb-6 {margin-bottom: 6px !important ;} .mb-7 {margin-bottom: 7px !important ;} .mb-8 {margin-bottom: 8px !important ;} .mb-9 {margin-bottom: 9px !important ;} .mb-10 {margin-bottom: 10px !important ;} .ml-1 {margin-left: 1px !important ;} .ml-2 {margin-left: 2px !important ;} .ml-3 {margin-left: 3px !important ;} .ml-4 {margin-left: 4px !important ;} .ml-5 {margin-left: 5px !important ;} .ml-6 {margin-left: 6px !important ;} .ml-7 {margin-left: 7px !important ;} .ml-8 {margin-left: 8px !important ;} .ml-9 {margin-left: 9px !important ;} .ml-10 {margin-left: 10px !important ;} .p-1 {padding: 1px !important ;} .p-2 {padding: 2px !important ;} .p-3 {padding: 3px !important ;} .p-4 {padding: 4px !important ;} .p-5 {padding: 5px !important ;} .p-6 {padding: 6px !important ;} .p-7 {padding: 7px !important ;} .p-8 {padding: 8px !important ;} .p-9 {padding: 9px !important ;} .p-10 {padding: 10px !important ;} .pt-1 {padding-top: 1px !important ;} .pt-2 {padding-top: 2px !important ;} .pt-3 {padding-top: 3px !important ;} .pt-4 {padding-top: 4px !important ;} .pt-5 {padding-top: 5px !important ;} .pt-6 {padding-top: 6px !important ;} .pt-7 {padding-top: 7px !important ;} .pt-8 {padding-top: 8px !important ;} .pt-9 {padding-top: 9px !important ;} .pt-10 {padding-top: 10px !important ;} .pr-1 {padding-right: 1px !important ;} .pr-2 {padding-right: 2px !important ;} .pr-3 {padding-right: 3px !important ;} .pr-4 {padding-right: 4px !important ;} .pr-5 {padding-right: 5px !important ;} .pr-6 {padding-right: 6px !important ;} .pr-7 {padding-right: 7px !important ;} .pr-8 {padding-right: 8px !important ;} .pr-9 {padding-right: 9px !important ;} .pr-10 {padding-right: 10px !important ;} .pb-1 {padding-bottom: 1px !important ;} .pb-2 {padding-bottom: 2px !important ;} .pb-3 {padding-bottom: 3px !important ;} .pb-4 {padding-bottom: 4px !important ;} .pb-5 {padding-bottom: 5px !important ;} .pb-6 {padding-bottom: 6px !important ;} .pb-7 {padding-bottom: 7px !important ;} .pb-8 {padding-bottom: 8px !important ;} .pb-9 {padding-bottom: 9px !important ;} .pb-10 {padding-bottom: 10px !important ;} .pl-1 {padding-left: 1px !important ;} .pl-2 {padding-left: 2px !important ;} .pl-3 {padding-left: 3px !important ;} .pl-4 {padding-left: 4px !important ;} .pl-5 {padding-left: 5px !important ;} .pl-6 {padding-left: 6px !important ;} .pl-7 {padding-left: 7px !important ;} .pl-8 {padding-left: 8px !important ;} .pl-9 {padding-left: 9px !important ;} .pl-10 {padding-left: 10px !important ;} /**** icon ****/ .icon-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .icon-spin-rev { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; -webkit-animation-direction: reverse; animation-direction: reverse; } /**** badge ****/ .badge.badge-purple { background-color: #D40FA0; color: #ffffff; } /**** Label ****/ .label-purple {color:#FFFFFF !important; background-color:#D40FA0 !important;} .label-pink {color:#FFFFFF !important; background-color:#a8125d !important;} .label-dkblue {color:#FFFFFF !important; background-color:#217da5 !important;} .label-gold {color:#FFFFFF !important; background-color:#D4AF37 !important;} .label-orange {color:#FFFFFF !important; background-color:#FF9900 !important;} .label-yellow {color:#666666 !important; background-color:#FDE803 !important;} a.icon-img { margin-top: 4px !important ; } /** Border radius **/ .rnd0 { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .rnd3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .rnd5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .rnd8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } .rnd10 { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; } .rnd15 { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important; } .rnd20 { -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; } .rnd-none {border-radius : 0px !important;} .rnd-tr-none {border-top-right-radius : 0px !important;} .rnd-tl-none {border-top-left-radius : 0px !important;} .rnd-br-none {border-bottom-right-radius: 0px !important;} .rnd-bl-none {border-bottom-left-radius : 0px !important;} h1.header-level-1 { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 18pt ; } .error-message h2 { line-height: 30pt; padding: 10px 0px 0px 0px ; } .right-shift{padding-right: 0px;} .left-shift {padding-left: 0px; } .expansion-left-5 {margin-left: 5px ;} .expansion-left-10 {margin-left: 10px ;} .expansion-left-15 {margin-left: 15px ;} .expansion-left-20 {margin-left: 20px ;} .expansion-left-25 {margin-left: 25px ;} .expansion-left-30 {margin-left: 30px ;} .expansion-right-5 {margin-right: 5px ;} .expansion-right-10 {margin-right: 10px ;} .expansion-right-15 {margin-right: 15px ;} .expansion-right-20 {margin-right: 20px ;} .expansion-right-25 {margin-right: 25px ;} .expansion-right-30 {margin-right: 30px ;} .expansion-top-5 {margin-top: 5px ;} .expansion-top-10 {margin-top: 10px ;} .expansion-top-15 {margin-top: 15px ;} .expansion-top-20 {margin-top: 20px ;} .expansion-top-25 {margin-top: 25px ;} .expansion-top-30 {margin-top: 30px ;} .expansion-bottom-5 {margin-bottom: 5px ;} .expansion-bottom-10{margin-bottom: 10px ;} .expansion-bottom-15{margin-bottom: 15px ;} .expansion-bottom-20{margin-bottom: 20px ;} .expansion-bottom-25{margin-bottom: 25px ;} .expansion-bottom-30{margin-bottom: 30px ;} .btn-icon .no-background { background: none !important ; } .div-block { display: inline-block; padding:3px 10px ; } .black-border { border: 1px solid black !important ; } img.border.grey { border: 2px solid #f5f5f5; } .border-t {border-top : 1px solid black ;} .border-r {border-right : 1px solid black ;} .border-b {border-bottom : 1px solid black ;} .border-l {border-left : 1px solid black ;} .required { color: #cc0000 ; font-weight: bold ; } .required-border { border: 1px solid #e9abab !important; } .readonly-grey { cursor: not-allowed !important ; background-color: #eeeeee !important ; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; border-right: 1px solid rgb(200, 205, 215) !important ; border-left: 1px solid rgb(200, 205, 215) !important ; width: 125px !important; } .b-line { border-bottom: 1px solid #7B7B7B; padding-bottom: 5px; } .project-program-Guest td img{ border: 1px black solid ; } .readonly { background-color: #eeeeee !important ; } .readable p { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 12pt ; color: #444444 ; } a.icon-circle { background-color:#eeeeee; color:#7e7e7e; border-radius: 100%; font-size: 11pt; padding: 3px 5px; } a.icon-circle:hover{ background-color:#2b7096; color:#ffffff; } img.white-border { border: 5px solid #e7e7e7 !important ; } .login-content .description { line-height: 29pt !important ; } .login-header .login-content { width: 400px; } .sqs-announcement-bar-text { padding: 1.4em 3em; } /** * * * ************************************************* ************************************************* Light Box ************************************************* ************************************************* * * * **/ .brightbox{ text-align: center ; padding: 5px; border-radius: 5px; margin-top: -5px; margin-bottom: 30px; } .brightbox:hover{ /*box-shadow: 0px 0px 2px 1px #666 ;*/ } .brightbox-grey{ color: black ; background-color:#f0f3f3; border: 1px solid #cfd0d0; } .brightbox-gold , .brightbox-blue-gold:hover{ color: black ; background-color:#ece8e3; border: 1px solid #e9d59a; } .brightbox-blue , .brightbox-blue-hover:hover{ color: black ; background-color:#e4f0f3; border: 1px solid #a2cddf; } /** * * * ************************************************* ************************************************* Rotate ************************************************* ************************************************* * * * **/ .rotate-90 { /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); /* Opera */ -o-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .rotate-180 { /* Safari */ -webkit-transform: rotate(180deg); /* Firefox */ -moz-transform: rotate(180deg); /* IE */ -ms-transform: rotate(180deg); /* Opera */ -o-transform: rotate(180deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .rotate-270 { /* Safari */ -webkit-transform: rotate(270deg); /* Firefox */ -moz-transform: rotate(270deg); /* IE */ -ms-transform: rotate(270deg); /* Opera */ -o-transform: rotate(270deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /** * * * ************************************************* ************************************************* Core Layout ************************************************* ************************************************* * * * **/ @media (min-width: 0px) { .col-xs-right {text-align : right ;} .col-xs-left {text-align : left ;} } @media (min-width: 768px) { .col-sm-right {text-align : right ;} .col-sm-left {text-align : left ;} } @media (min-width: 992px) { .col-md-right {text-align : right ;} .col-md-left {text-align : left ;} } @media (min-width: 1200px) { .col-lg-right {text-align : right ;} .col-lg-left {text-align : left ;} } /** * * * ************************************************* ************************************************* Top Bar ************************************************* ************************************************* * * * **/ .profile-info a , .links-list li { font-family: DroidArabicKufi , GESSTwoLight ; } .language-selector > .dropdown-toggle { padding: 5px ; } .language-selector .dropdown-menu{ width:auto !important; } .language-selector .dropdown-menu > li a span { padding: 5px; } .language-selector .dropdown-menu > li a{ padding: 10px !important; color: #73767a ; } .profile-info.dropdown .dropdown-menu { margin-top: 6px; } .breadcrumb { font-family: DroidArabicKufi , GESSTwoLight ; margin-bottom: 10px ; } .breadcrumb > li{ display: inline; } .no-margin { margin-bottom: 0px ; } .profile-info .dropdown-menu > .active > a { /*, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {*/ background: #1f232b !important; color: white !important; } .dropdown-menu-list span.line { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 10pt ; } .dropdown-menu-list span.small { font-family: Tahoma ; font-size: 7pt ; } .notifications.dropdown .dropdown-menu > li > ul > li .task span.desc { float: right; font-family: DroidArabicKufi , GESSTwoLight ; color: #555; } .notifications.dropdown .dropdown-menu > li > ul > li .task span.percent { float: left; } .language-selector .dropdown-menu > li a:Hover { background-color: #888 ; color: #FFF !important ; } .navbar { margin-bottom: 5px ; } .navbar-form { margin-left: -22px; margin-right: -15px; } .dropdown-menu-list li.active a { background-color: #e8e8e8 !important ; border-bottom: 1px solid #fff; box-shadow: 0px 0px 6px #ccc; padding: 3px 20px !important ; } .dropdown-menu-list .active .line .name { color: #444 ; font-weight: bold ; } .dropdown-menu-list span.line .name { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 9pt; } #navbar-list .dropdown-menu > li > a { color: #3f3f3f !important ; } @media (max-width: 767px) { #navbar-list .dropdown-menu > li > a { color: #cccccc !important ; } } #navbar-list .dropdown-menu > li > a:hover , #navbar-list .dropdown-menu > .active > a, #navbar-list .dropdown-menu > .active > a:hover, #navbar-list .dropdown-menu > .active > a:focus { color: white !important ; background-color: #3f3f3f ; } #navbar-list > li > a { color: #CCCCCC ; } #navbar-list > li :hover{ color: #FFFFFF ; } @media (max-width: 769px) { .links-list { white-space: inherit; } } /** sidebar-menu **/ #main-menu li a i{ width:20px ; text-align: center; } /** favorite-menu **/ #favorite-menu > li > a { color: #fff !important; background-color: #caa80a !important; min-width: 200px; padding: 5px 0px ; margin: -1px; border-radius: 0px; cursor:default; } #favorite-menu li ul { padding: 0; } #favorite-menu li ul li { display: block; outline: none; } #favorite-menu li ul li a { display: block; padding: 2px 0px ; background-color: #2b303a ; border-bottom: 1px solid #454a54 ; } #favorite-menu li ul li ul li a { padding-right: 15px ; color: #bcb593; } .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > i.favorite { position: absolute; left: 80px; margin-top: 10px; } /** sidebar-collapsed **/ @media screen and (min-width: 991px){ .page-container.right-sidebar.sidebar-collapsed .sidebar-menu #main-menu > li > a > i.favorite { position: relative; right: 250px; margin-top: -20px; } } /** Left Icons **/ .list-inline > li { padding-left: 2px; padding-right: 2px; margin-left: 4px; } /** * * * ************************************************* ************************************************* General Custom ************************************************* ************************************************* * * * **/ .display-none { display: none; } /** * * * ************************************************* ************************************************* Main Menu Sidebar ************************************************* ************************************************* * * * **/ .page-container .sidebar-menu { /*width: 250px ;*/ /* Modify on neon-core.css */ } .page-container.right-sidebar { /*padding-right: 250px;*/ /* Modify on neon-core.css */ } .page-container .sidebar-menu .logo-env { padding: 12px ; } .page-container .sidebar-menu .logo-env a div { color: white; font-family: DroidArabicKufi , GESSTwoLight ; margin: 7px 30px 0 0; font-size: 10pt; } .page-container .sidebar-menu .logo-env > div.sidebar-collapse { } /** Favorite **/ i.favorite { margin-left:-3px !important; float:left; display: none !important; cursor: pointer ; } #main-menu li a:hover > i.favorite { display: inline-block !important; } i.remove-favorite { margin-left:0px !important; float:left; display: none !important; cursor: pointer ; } #favorite-menu li a:hover > i.remove-favorite { display: inline-block !important; } /** * * * ************************************************* ************************************************* Container ************************************************* ************************************************* * * * **/ .main-content hr { margin-top: 0px; margin-bottom: 1px; border-top: 1px solid #ddd; } .page-container .main-content { padding-top: 5px ; } .page-container .sidebar-menu #main-menu li.active> a { /*background-color: #303641 ;*/ } .page-container .sidebar-menu #main-menu , .profile-info-sections { font-family: DroidArabicKufi , GESSTwoLight ; } .profile-env > header .profile-info-sections .profile-name .user-status.is-online , .profile-env > header .profile-info-sections .profile-name .user-status.is-offline { color: green ; background: none ; top: 3px; margin: 0px 10px 0 5px ; } .profile-env > header .profile-info-sections .profile-name .user-status.is-offline { color: #575d67 ; } /** * * * ************************************************* ************************************************* Panel ************************************************* ************************************************* * * * **/ .tab-pane > .panel{ margin-bottom: 0px; } .panel-options > a.btn { padding: 8px 10px 7px 10px !important; margin-left: 5px !important; margin-right: 10px !important; margin-top: 6px !important; font-family: DroidArabicKufi , GESSTwoLight ; font-size: 10pt; } .panel-options > a.btn-icon { padding: 10px 35px 7px 10px !important; margin-left: 5px !important; margin-right: 10px !important; margin-top: 6px !important; font-family: DroidArabicKufi , GESSTwoLight ; font-size: 10pt; } .panel-options > a i { padding-top: 4px !important; } .panel-options-alone i { padding: 2px 0px 0px 0px !important; } .label-panel { color: white !important; padding: 5px 15px 5px 15px !important; direction: rtl !important; } .no-border{ border: 0px !important; } .panel-danger > .panel-heading { color: #821212; } .panel-pink { border-color: #f8d9e8; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .panel-pink > .panel-heading { background: #f8d9e8 ; color: #f800bb; } .panel-orange { border-color: #ffb445; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .panel-orange > .panel-heading { background: #ffb445 ; color: #f6f8ed; } .panel-secondary { border-color: #bc4240; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .panel-secondary > .panel-heading { background: #ec5956 ; color: #f8eded; } .panel-dkblue { border-color: #1d637e; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .panel-dkblue > .panel-heading { background: #2D7C9B ; color: #edf3f8; } .panel-turquoise { border-color: #088282; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .panel-turquoise > .panel-heading { background: #069494 ; color: #edf6f8; } /** * * * ************************************************* ************************************************* Footer / Buttom ************************************************* ************************************************* * * * **/ /** * * * ************************************************* ************************************************* Table TH TR TD ************************************************* ************************************************* * * * **/ th.icon-procedures { max-width : 140px; width : 140px; } @media screen and (min-width: 1400px) { th.icon-procedures-2 { max-width : 255px; width : 255px; } th.icon-procedures-3 { max-width : 320px; width : 320px; } } @media screen and (max-width: 768px) { th.icon-procedures ,th.icon-procedures-2 ,th.icon-procedures-3 { max-width : auto ; width : auto ; } .hide-iphone { display : none ; } } .dataTables_empty { text-align: center; padding: 30px !important; background-color: #fff!important; } .table > thead:first-child > tr:first-child > th { background-color: #cdcdcd; color: black; } .table > tfoot > tr > th { background-color: #cdcdcd; color: black; /*font-weight: normal !important;*/ } td.item-title-1{ font-family: DroidArabicKufi , GESSTwoLight ; } td.item-title-1 canvas { margin-bottom: -11px; } /** Data Table **/ div.dataTables_processing { position: absolute; top: 5%; left: 85%; width: 32%; margin-left: -50%; margin-top: -7px; text-align: center; font-size: 1em; font-family: DroidArabicKufi , GESSTwoLight ; padding: 10px 0 10px 0!important; height: auto !important; background: #3E444E !important; color: #FFF !important; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px ; z-index:999; } table.dataTable span.highlight { background-color: #FFFF88; border-radius: 0.28571429rem; } table.dataTable span.column_highlight { background-color: #ffcc99; border-radius: 0.28571429rem; } .dataTables_wrapper table + .row{ margin-bottom: 0px; } .no-length .col-left label {display: none !important;} /** * * * ************************************************* ************************************************* Form , Input , Button , Label ************************************************* ************************************************* * * * **/ .form-control { /*border: 1px solid #C8Cdd7;*/ border-color: #C8Cdd7; } .form-control:Focus { border-color: #aaaaaa; } .validate-has-error .form-control { border-color: #cc2424 !important; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: default ; background-color: #fafafa; } .input-group-addon { background-color: #e5e5e5; } #Email , #Mobile , #Password{ direction: ltr ; } .form-group label { color: #000000 ; } .input-group span { color: #333333 ; } .form-control { color: #000000 ; } .fileinput .thumbnail > img { width: 150px; height: 150px; } textarea.autogrow { height: 100px ; } .btn-submit { padding-right: 25px ; padding-left: 25px ; } .page-body .select-btn > div > span > span.selectboxit-btn { border-radius: 0px 3px 3px 0px !important; -moz-border-radius: 0px 3px 3px 0px !important; -webkit-border-radius: 0px 3px 3px 0px !important; } .select-btn button { -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; padding: 5px 12px 6px 12px; margin-right: 0px; } /*** form-group row-group ***/ .row-group { border-bottom: 1px solid #ebebeb; } .row-group:first-child { padding-top: 0; } .row-group:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } /*** form-group row-group ***/ /*** select2 ***/ .page-body .select2-container .select2-choice { border-color: #ccc !important; color: #000 !important; } .page-body .select2-drop .select2-search .select2-result-selectable, .page-body .select2-drop .select2-results .select2-result-selectable { color: #000 !important; } /* .select2-results .select2-result-label{ color:white !important; background-color: #505358 !important; padding: 10px 10px !important; border-radius: 5px; } .page-body .select2-drop .select2-search .select2-result-sub .select2-result-label, .page-body .select2-drop .select2-results .select2-result-sub .select2-result-label{ color: black !important; background-color: white !important; padding: 10px 5px !important; } .page-body .select2-drop .select2-results .select2-result-selectable .select2-result-label:hover{ background-color: #e7e7e7 !important; } */ /*** select2 ***/ /*** SelectBoxIt ***/ .selectboxit-container *, #deptSelectBoxItText { text-align: right ; color: #000000 ; } .selectboxit .selectboxit-option-icon-container { float: right ; } .page-body .selectboxit-container .selectboxit .selectboxit-text { font-family: Tahoma ; color: #000000 ; margin-right: 30px; float: right ; } .page-body .selectboxit-container .selectboxit { border-color: #C8Cdd7 ; } .page-body .selectboxit-container .selectboxit .selectboxit-arrow-container{ background-color: #e5e5e5; border-left: 1px solid #C8Cdd7; } .page-body .selectboxit-container .selectboxit-options li.selectboxit-focus .selectboxit-option-anchor { background: #f3f3f3; color: #00000; } div.ltr span li a.selectboxit-option-anchor { text-align: left; direction: ltr; } div.ltr span.selectboxit-text { direction: ltr; float: left !important; } /*** SelectBoxIt ***/ .icheckbox_square_red .icheckbox_square-blue { background-color: #a50e0e !important; } .icheckbox_square_red .icheckbox_square-blue .checked { background-color: #9cc5d8 !important; } /*** Multi Select ***/ .ms-container .ms-list { width: 250px ; } .sm-width .ms-container .ms-list { width:200px ; } .ms-selectable ul li span { color: #cc0000; } .ms-selection ul li span { color: #006600; } /*** Date Time Picker ***/ div.datepicker td, div.datepicker th { font-size: 10pt; color: #000; } .bootstrap-timepicker-widget table { direction: ltr !important; } div.datepicker table tr td.today, div.datepicker table tr td.today:hover, div.datepicker table tr td.today.disabled, div.datepicker table tr td.today.disabled:hover { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); font-weight: bold ; background-color: #FFF69B; } div.datepicker table tr td.today:hover, div.datepicker table tr td.today:hover:hover, div.datepicker table tr td.today.disabled:hover, div.datepicker table tr td.today.disabled:hover:hover, div.datepicker table tr td.today:focus, div.datepicker table tr td.today:hover:focus, div.datepicker table tr td.today.disabled:focus, div.datepicker table tr td.today.disabled:hover:focus, div.datepicker table tr td.today:active, div.datepicker table tr td.today:hover:active, div.datepicker table tr td.today.disabled:active, div.datepicker table tr td.today.disabled:hover:active, div.datepicker table tr td.today.active, div.datepicker table tr td.today:hover.active, div.datepicker table tr td.today.disabled.active, div.datepicker table tr td.today.disabled:hover.active, div.datepicker table tr td.today.disabled, div.datepicker table tr td.today:hover.disabled, div.datepicker table tr td.today.disabled.disabled, div.datepicker table tr td.today.disabled:hover.disabled, div.datepicker table tr td.today[disabled], div.datepicker table tr td.today:hover[disabled], div.datepicker table tr td.today.disabled[disabled], div.datepicker table tr td.today.disabled:hover[disabled]{ color: white ; background-color: #cc0000; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { /*padding: 5px 7px;*/ } input.date-control{ margin-top: 1px; } div.datepicker.date-control{ width: 210px; margin: 0px -4px -4px 0px; } /** Select2 **/ .page-body .select2-container .select2-choice .select2-arrow { background-color: #E5E5E5 ; } /** switch **/ .has-switch span.switch-blue.switch-left , .has-switch span.switch-blue.switch-right { background-color: #0088cc; color:#FFFFFF ; } .has-switch span.switch-green.switch-left , .has-switch span.switch-green.switch-right { background-color: #00a000; color:#FFFFFF ; } .has-switch span.switch-red.switch-left , .has-switch span.switch-red.switch-right { background-color: #cc0000 ; color:#FFFFFF ; } .has-switch span.switch-indigo.switch-left , .has-switch span.switch-indigo.switch-right { background-color: #3d588f ; color:#FFFFFF ; } .has-switch span.switch-secondary.switch-left , .has-switch span.switch-secondary.switch-right { background-color: #ec5956 ; color:#FFFFFF ; } .has-switch span.switch-pink.switch-left , .has-switch span.switch-pink.switch-right { background-color: #FF66B5 ; color:#FFFFFF ; } .has-switch span.switch-gold.switch-left , .has-switch span.switch-gold.switch-right { background-color: #DAA520 ; color:#FFFFFF ; } .has-switch span.switch-purple.switch-left , .has-switch span.switch-purple.switch-right { background-color: #9e55b6 ; color:#FFFFFF ; } .has-switch span.switch-dkpink.switch-left , .has-switch span.switch-dkpink.switch-right { background-color: #b22c6f ; color:#FFFFFF ; } .has-switch span.switch-orange.switch-left , .has-switch span.switch-orange.switch-right { background-color: #FF9900 ; color:#FFFFFF ; } .has-switch span.switch-brown.switch-left , .has-switch span.switch-brown.switch-right { background-color: #8e5908 ; color:#FFFFFF ; } .has-switch span.switch-grey.switch-left , .has-switch span.switch-grey.switch-right { background-color: #cecece ; color:#000 ; } .has-switch span.switch-yellow.switch-left , .has-switch span.switch-yellow.switch-right { background-color: #cebd00 ; color:#FFFFFF ; } .switch-sm div span {font-size: 8pt !important;} /*.switch-xlg*/ /** Upload File **/ .fileinput .thumbnail > img { width: 100% !important; height: 100% !important; } /** MY SPINNER CSS **/ .my-spinner { border-collapse: collapse; box-sizing: border-box; color: rgb(85, 85, 85); direction: rtl; display: inline-block; font-family: Tahoma; font-size: 13px; height: 28px; line-height: 18.5714px; position: relative; text-align: center; width: 125px; } .my-spinner input, .my-spinner button { float: left; } .my-spinner input { margin: 0; border-left: 0; border-right: 0; text-align: center; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; width: auto; } .my-spinner input.size-1 { width: 60px; } .my-spinner button { border-radius: 3px 0 0 3px; background-clip: padding-box; float: left; } .my-spinner .input-sm { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 2px; } /** * * * ************************************************* ************************************************* Login / LockScreen ************************************************* ************************************************* * * * **/ .login-page .login-bottom-links .link { font-size: 9pt ; } .login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img { width: 150px ; height: 150px ; } .login-page .login-header { padding: 75px 0 50px 0 ; } .login-page .login-header .description { color: white; font-family: DroidArabicKufi , GESSTwoLight ; font-size: 20px ; } #form_login , #form_forgot_password , #form_lockscreen , #form_register { color: #aaaaa4 ; } .login-page .login-form { padding-top: 20px ; } .login-page .select2-container .select2-choice .select2-arrow b:before { color: #aaaaa4 ; } .login-progressbar-indicator { color: #dddddd ; } .login-progressbar-indicator h3 { font-family: Tahoma; } .login-page .select2-drop .select2-results .select2-result-label { padding: 4px 10px; } .form-forgotpassword-success h3 , .form-login-error h3 , .lockscreen-details h4 , .form-register-success h3{ font-family: GESSTwoLight; font-size: 11pt; } .login-page .login-form .form-group .btn-login i { float: none ; } .input-group.validate-has-error { border-color: #ec5956 !important; } .login-page .input-group span { color: #aaaaa4 ; } label.error { color: #aaaaa4 ; } .login-bottom-links { padding-top: 10px !important; } /******** louckscreen ********/ .login-form-fall .login-header { padding: 25px 0 30px 0; } .login-louckscreen { padding-bottom: 80px !important; } .login-form-fall .login-form { padding-top: 50px ; } /******** louckscreen ********/ /********** select2 **********/ .login-page .select2-drop { background-color: #373E4A; border: 1px solid #333333; color: white !important; } .login-page .select2-drop .select2-search input { background-color: #303641; border: 1px solid #666; } .login-page .select2-container .select2-choice { border-color: #373E4A !important; background-color: #373E4A ; color: #aaaaa4 !important; } .select2-container .select2-choice { border: none ; color: #aaaaa4 !important; } .login-page .select2-drop .select2-search .select2-result-selectable, .login-page .select2-drop .select2-results .select2-result-selectable { color: #aaaaa4 !important; } .login-page .select2-container .select2-choice .select2-arrow { border-left: none ; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: normal !important; } .select2-results ul.select2-result-sub { padding-right: 5px ; } .select2-search-choice-close { right: auto; left: 4px; } .select2-container-multi .select2-choices li { float: right; } /************ select2 ************/ /********** selectboxit **********/ .selectboxit-optgroup-header { font-weight: bold !important; } select.selectboxit { background-color: #373E4A; color: red ; } .selectboxit-container * , #deptSelectBoxItText { font-family: Tahoma ; } .panel-options .selectboxit-container .selectboxit { display: table-cell; width: 200px !important; } .panel-options .selectboxit-container { margin-top: 6px ; } /********** selectboxit **********/ /** * * * ************************************************* ************************************************* Components , Objects , Elements ************************************************* ************************************************* * * * **/ .alert-options , .panel-heading > .panel-title { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 12pt; } .panel-heading > .panel-options { /*padding-left: 0px ;*/ padding-left: 10px ; } .alert-options a { font-size: 18pt; margin-top: 6px !important; } .profile-info-sections .tile-stats{ background: none; } .profile-info-sections .tile-stats .num, .tile-stats h3, .tile-stats p { color: #373e4a ; } .profile-info-sections .tile-stats .num { font-size: 18px; font-weight: normal ; } .profile-info-sections .tile-stats { margin-bottom: 0px ; } .profile-env > header .profile-picture img { width: 150px ; height: 150px ; } /** Progress bar **/ .profile-env .progress { margin-top: 2px; } .progress { background-color: #c5c5c5; } .progress-bar-secondary { background-color: #ec5956 ; } .progress-bar-profile { background-color: #2d7c9b ; } .progress-bar-tiny { height: 10px ; } /** tile stats **/ .tile-progress .tile-header { padding-bottom: 15px; } .tile-thick { height: 5px !important; } .tile-progress.tile-blue .tile-progressbar span { } .tile-stats .icon{ z-index: 0; } .tile-stats .num, .tile-stats h4, .tile-stats p{ position: relative; z-index: 5; } .tile-stats .num-small{ font-size: 15px !important; font-weight: normal; color: #373e4a; } .tile-stats .num { font-family: DroidArabicKufi , GESSTwoLight ; font-weight: normal; font-size: 24pt; color: #6f6f6f; } .tile-stats .num.num-xlg{ font-size: 24pt; } .tile-stats .num.num-lg{ font-size: 22pt; } .tile-stats .num.num-md{ font-size: 20pt; } .tile-stats .num.num-sm{ font-size: 18pt; } .tile-stats .num.num-xs{ font-size: 16pt; } .tile-homepage { padding: 1px 10px 10px 10px ; } .tile-progress.tile-dkred { background-color: #B21010; color: #ffffff; } .tile-progress.tile-dkgreen { background-color: #008d4c; color: #ffffff; } .tile-progress.tile-dkorange { background-color: #DE8600; color: #ffffff; } .tile-stats.tile-gray { border: 1px solid #ccc; } .tile-stats.tile-lightred { border: 1px solid #E4B8B8; background-color: #FFF3F3 ; } .tile-stats.tile-lightblue { border: 1px solid #B8D4E4; background-color: #E9F3F9 ; } .tile-stats.tile-lightgreen { border: 1px solid #A1C3A2; background-color: #F4FFF3 ; } .tile-stats.tile-lightyellow{ border: 1px solid #D0CA9C; background-color: #FFFDE3 ; } .tile-stats.tile-lightorange { border: 1px solid #C5B295; background-color: #F7EDE3 ; } .tile-stats.tile-lightprange { border: 1px solid #CAB2E4; background-color: #E0E2F3 ; } /* tile-dkred*/ .tile-title.tile-dkred { background: #B21010; } .tile-title.tile-dkred:hover { background-color: #cc0000; } .tile-title.tile-dkred .icon i, .tile-title.tile-dkred h3, .tile-title.tile-dkred p { color: #ffffff; } .tile-title.tile-dkred .icon i { color: #ffffff; } .tile-title.tile-dkred .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-dkred .title p { color: rgba(255, 255, 255, 0.85); } /* tile-dkgreen*/ .tile-title.tile-dkgreen { background: #008d4c; } .tile-title.tile-dkgreen:hover { background-color: #0E8812; } .tile-title.tile-dkgreen .icon i, .tile-title.tile-dkgreen h3, .tile-title.tile-dkgreen p { color: #ffffff; } .tile-title.tile-dkgreen .icon i { color: #ffffff; } .tile-title.tile-dkgreen .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-dkgreen .title p { color: rgba(255, 255, 255, 0.85); } /* tile-dkorange*/ .tile-title.tile-dkorange { background: #DE8600; } .tile-title.tile-dkorange:hover { background-color: #A07025; } .tile-title.tile-dkorange .icon i, .tile-title.tile-dkorange h3, .tile-title.tile-dkorange p { color: #ffffff; } .tile-title.tile-dkorange .icon i { color: #ffffff; } .tile-title.tile-dkorange .title { background: rgba(0, 0, 0, 0.1); } .tile-title.tile-dkorange .title p { color: rgba(255, 255, 255, 0.85); } /** blockquote **/ .tile-stats.blockquote-red:hover{background: #d69f9f; !important;} .tile-stats.blockquote-green:hover{background: #9dd69c; !important;} .tile-stats.blockquote-warning:hover{background: #e8d783; !important;} /** Well **/ a .well:Hover { background-color : #d9d9d9 ; border: 1px solid #999 ; } .well-xs { padding: 5px; border-radius: 3px; } .well-sm{ min-height: 36px; } .well-m-md {margin-bottom: 15px;} .well-m-sm {margin-bottom: 10px;} .well-m-xs {margin-bottom: 5px;} .decision .well { background-color: #ececec; border: 1px dotted #7b7b7b; } /** List Group **/ a.list-group-item { margin-bottom: 1px; } .list-group-title { width: 90px ; display: inline-block; margin-right: 10px ; } .list-group .tooltip { width: 150px; } .list-group-sm .list-group-item {padding: 5px 0px !important;} .list-group-sm .list-group-title {margin-right: 5px !important;} .list-group-80 .list-group-item span {width:80px;} .list-group-75 .list-group-item span {width:75px;} .list-group-70 .list-group-item span {width:70px;} /** Timeline **/ .cbp_tmlabel #username{ font-family: GESSTwoLight; font-size: 11pt; } .cbp_tmlabel p { font-family: arial !important; font-size: 12pt !important; font-weight: bold !important; padding: 10px 0px ; } .cbp_tmlabel p a:hover { color: #CC0000 !important ; } .cbp_tmlabel p .tooltip-inner { font-family: DroidArabicKufi , GESSTwoLight !important ; font-weight: normal; } .cbp_tmtimeline > li .cbp_tmsmall { padding: 5px 10px 10px 10px !important ; } .cbp_tmtimeline > li .cbp_tmtitle { margin-top: -36px !important; margin-bottom: 0px !important; border-bottom: 1px dashed #bbb; position: initial !important; padding: 1px 15px 1px 0px !important; background: #e7e7e7 !important; border-radius: 8px 8px 0px 0px !important; } li .cbp_tmlabel .stripper { clear: both ; border-top: 1px solid #ddd; margin-top: 5px; margin-bottom: 10px; } .cbp_tmtimeline > li .cbp_tmtime { width: 30% !important ; padding-right: 20px !important ; } .cbp_tmtimeline > li .cbp_tmtime{ padding-left: 150px; } .archive { padding-top: 10px !important; } .cbp_tmlabel .rnd-tr-none {border-top-right-radius : 0px;} .cbp_tmlabel .rnd-tl-none {border-top-left-radius : 0px;} .cbp_tmlabel .rnd-br-none {border-bottom-right-radius: 0px;} .cbp_tmlabel .rnd-bl-none {border-bottom-left-radius : 0px;} /** small timeline **/ .cbp_tmtimeline.small .cbp_tmlabel{ margin: 0 30% 15px 0 !important; } .cbp_tmtimeline.small .cbp_tmlabel.empty{ margin: 0 27% 70px 0 !important } .cbp_tmtimeline.small .cbp_tmtime{ padding-left: 90px !important; /*width: 34% !important;*/ padding-right: 0px !important; } .cbp_tmtimeline.small .cbp_tmicon{ right: 24% !important; } .cbp_tmtimeline.small:before { right: 23.9% !important; } .cbp_tmtimeline .workflow{ text-align: center ; color: black ; background-color:#ece8e3; padding: 5px; border-radius: 5px; border: 1px solid #ded6bf; margin-top: -5px; } /*** Form Wizard ***/ .form-wizard > ul > li a { font-family: DroidArabicKufi , GESSTwoLight ; font-weight: bold; font-size: 11pt; } .form-wizard > ul > li a span{ font-family: Arial; } .form-wizard > ul > li a span.last { background: #00a651; color: #fff; -moz-box-shadow: 0px 0px 0px 5px #00a651; -webkit-box-shadow: 0px 0px 0px 5px #00a651; box-shadow: 0px 0px 0px 5px #00a651; } .form-wizard > ul > li.completed a span.blue { background: #2489C5; color: #fff !important; -moz-box-shadow: 0px 0px 0px 5px #2489C5; -webkit-box-shadow: 0px 0px 0px 5px #2489C5; box-shadow: 0px 0px 0px 5px #2489C5; } .form-wizard > ul > li.completed a span.red { background: #D54E21; color: #fff !important; -moz-box-shadow: 0px 0px 0px 5px #D54E21; -webkit-box-shadow: 0px 0px 0px 5px #D54E21; box-shadow: 0px 0px 0px 5px #D54E21; } .form-wizard .steps-progress.tall { margin: 0 20px; } /** Tabs **/ .nav-tabs.bordered > li:first-child > a { margin-left: 0; margin-right: 0px; } .nav-tabs > li { margin-left: 10px; } .nav-tabs > li > a { font-family: DroidArabicKufi , GESSTwoLight ; font-size: 12pt; border-radius: 8px 8px 0 0; background-color: #f9f9f9; border: 1px solid #ddd; border-bottom: 1px solid #bbb; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #ddd; border: 1px solid #bbb; } .nav-tabs { border-bottom: 1px solid #bbb; } .nav-tabs > li > a:hover { border-color: #bbb ; } .nav-tabs.bordered + .tab-content { border: 1px solid #bbb; border-top: 0; } .nav.nav-tabs li.left { float: left !important; margin-left: -2px !important; } .nav.nav-tabs li.lightred a{ background-color:#FFE0E0 ; } .nav.nav-tabs li.lightblue a{ background-color:#e0f1ff ; } /*.nav > li > a { padding: 15px 8px; }*/ .panel-heading .left-label { margin-left: 5px; margin-top: 12px; } .tabs-vertical > li.active > a span.badge { background-color: #cc0000 !important; color: white ; } .tabs-vertical > li.active > a { font-weight: bold ; color : #cc0000 ; } .tabs-vertical li.blue { background-color: #0088cc; padding-top: 10px ; padding-bottom: 10px ; } .tabs-vertical li.blue a{ font-family: DroidArabicKufi , GESSTwoLight ; color: white ; } .tabs-vertical{ background: white; border: none; } .tabs-vertical > li { border-bottom: 1px solid #ebebeb; background: #f5f5f6; border: 1px solid #ebebeb; } .tabs-vertical > li:last-child { border-bottom: 1px solid #ebebeb !important; } /**** Toster ***/ #toast-container .toast-success.black, #toast-container .toast-error.black, #toast-container .toast-info.black, #toast-container .toast-warning.black { color: white !important; } .toast-title { font-family: DroidArabicKufi , GESSTwoLight ; } #toast-container > div { width: 350px; -webkit-opacity: 0.9; -moz-opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; filter: alpha(opacity=90); } /** Autosuggest **/ .tt-suggestion .thumb-entry > span.text { float: right; margin-right: 12px; margin-top: 7px; } .tt-suggestion .thumb-entry > span.image { float: right ; } /** * * * ************************************************* ************************************************* Button ************************************************* ************************************************* * * * **/ .btn-pink { color: #ffffff; background-color: #EF3B95; border-color: #EF3B95; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { color: #ffffff; background-color: #B91D6B; border-color: #B91D6B; } .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink { background-image: none; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active { background-color: #EF3B95; border-color: #EF3B95; } .btn-pink .badge { color: #EF3B95; background-color: #ffffff; } .btn-pink > .caret { border-top-color: #ffffff; border-bottom-color: #ffffff !important; } .btn-pink.dropdown-toggle { border-left-color: #b51b1b; } .btn-pink.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-pink.btn-icon i { background-color: #B91D6B; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-pink.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-pink.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-pink.btn-icon.btn-lg { padding-right: 55px; } .btn-pink.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-pink.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-pink.btn-icon.btn-sm { padding-right: 36px; } .btn-pink.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-pink.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-pink.btn-icon.btn-xs { padding-right: 32px; } .btn-pink.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-pink.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * purple * */ .btn-purple { color: #ffffff; background-color: #cc22aa; border-color: #cc22aa; } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple { color: #ffffff; background-color: #a8198c; border-color: #a8198c; } .btn-purple.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-purple.btn-icon i { background-color: #a8198c; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-purple.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-purple.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-purple.btn-icon.btn-lg { padding-right: 55px; } .btn-purple.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-purple.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-purple.btn-icon.btn-sm { padding-right: 36px; } .btn-purple.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-purple.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-purple.btn-icon.btn-xs { padding-right: 32px; } .btn-purple.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-purple.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * secondary * */ .btn-secondary { color: #ffffff; background-color: #ec5956; border-color: #ec5956; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary { color: #ffffff; background-color: #d04441; border-color: #d04441; } .btn-secondary.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } .btn-secondary { color: #ffffff; background-color: #ec5956; border-color: #ec5956; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary { color: #ffffff; background-color: #d04441; border-color: #d04441; } .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary { background-image: none; } .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active { background-color: #ec5956; border-color: #983d3c; } .btn-secondary .badge { color: #ffffff; background-color: #ec5956; } .btn-secondary > .caret { border-top-color: #ffffff; border-bottom-color: #ffffff !important; } .btn-secondary.dropdown-toggle { border-left-color: #ec5956; } .btn-secondary.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-secondary.btn-icon i { background-color: #ad4441; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-secondary.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-secondary.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-secondary.btn-icon.btn-lg { padding-right: 55px; } .btn-secondary.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-secondary.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-secondary.btn-icon.btn-sm { padding-right: 36px; } .btn-secondary.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-secondary.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-secondary.btn-icon.btn-xs { padding-right: 32px; } .btn-secondary.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-secondary.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * gold * */ .btn-gold { color: #ffffff; background-color: #D4AF37; border-color: #ba9c42; } .btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold { color: #ffffff; background-color: #907627; border-color: #907627; } .btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold { background-image: none; } .btn-gold.disabled, .btn-gold[disabled], fieldset[disabled] .btn-gold, .btn-gold.disabled:hover, .btn-gold[disabled]:hover, fieldset[disabled] .btn-gold:hover, .btn-gold.disabled:focus, .btn-gold[disabled]:focus, fieldset[disabled] .btn-gold:focus, .btn-gold.disabled:active, .btn-gold[disabled]:active, fieldset[disabled] .btn-gold:active, .btn-gold.disabled.active, .btn-gold[disabled].active, fieldset[disabled] .btn-gold.active { background-color: #D4AF37; border-color: #907627; } .btn-gold .badge { color: #D4AF37; background-color: #000000; } .btn-gold > .caret { border-top-color: #ffffff; border-bottom-color: #ffffff !important; } .btn-gold.dropdown-toggle { border-left-color: #594700; } .btn-gold.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-gold.btn-icon i { background-color: #907627; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-gold.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-gold.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-gold.btn-icon.btn-lg { padding-right: 55px; } .btn-gold.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-gold.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-gold.btn-icon.btn-sm { padding-right: 36px; } .btn-gold.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-gold.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-gold.btn-icon.btn-xs { padding-right: 32px; } .btn-gold.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-gold.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * turquoise * */ .btn-turquoise { color: #ffffff; background-color: #009393; border-color: #048787; } .btn-turquoise:hover, .btn-turquoise:focus, .btn-turquoise:active, .btn-turquoise.active, .open .dropdown-toggle.btn-turquoise { color: #ffffff; background-color: #047070; border-color: #047070; } .btn-turquoise:active, .btn-turquoise.active, .open .dropdown-toggle.btn-turquoise { background-image: none; } .btn-turquoise.disabled, .btn-turquoise[disabled], fieldset[disabled] .btn-turquoise, .btn-turquoise.disabled:hover, .btn-turquoise[disabled]:hover, fieldset[disabled] .btn-turquoise:hover, .btn-turquoise.disabled:focus, .btn-turquoise[disabled]:focus, fieldset[disabled] .btn-turquoise:focus, .btn-turquoise.disabled:active, .btn-turquoise[disabled]:active, fieldset[disabled] .btn-turquoise:active, .btn-turquoise.disabled.active, .btn-turquoise[disabled].active, fieldset[disabled] .btn-turquoise.active { background-color: #009393; border-color: #047070; } .btn-turquoise .badge { color: #009393; background-color: #000000; } .btn-turquoise > .caret { border-top-color: #ffffff; border-bottom-color: #ffffff !important; } .btn-turquoise.dropdown-toggle { border-left-color: #045757; } .btn-turquoise.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-turquoise.btn-icon i { background-color: #047070; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-turquoise.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-turquoise.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-turquoise.btn-icon.btn-lg { padding-right: 55px; } .btn-turquoise.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-turquoise.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-turquoise.btn-icon.btn-sm { padding-right: 36px; } .btn-turquoise.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-turquoise.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-turquoise.btn-icon.btn-xs { padding-right: 32px; } .btn-turquoise.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-turquoise.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * indigo * */ .btn-indigo { color: #ffffff; background-color: #4d6697; border-color: #3f547f; } .btn-indigo:hover, .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active, .open .dropdown-toggle.btn-indigo { color: #ffffff; background-color: #2c4774; border-color: #2c4774; } .btn-indigo:active, .btn-indigo.active, .open .dropdown-toggle.btn-indigo { background-image: none; } .btn-indigo.disabled, .btn-indigo[disabled], fieldset[disabled] .btn-indigo, .btn-indigo.disabled:hover, .btn-indigo[disabled]:hover, fieldset[disabled] .btn-indigo:hover, .btn-indigo.disabled:focus, .btn-indigo[disabled]:focus, fieldset[disabled] .btn-indigo:focus, .btn-indigo.disabled:active, .btn-indigo[disabled]:active, fieldset[disabled] .btn-indigo:active, .btn-indigo.disabled.active, .btn-indigo[disabled].active, fieldset[disabled] .btn-indigo.active { background-color: #2c4774; border-color: #2c4774; } .btn-indigo .badge { color: #4d6697; background-color: #000000; } .btn-indigo > .caret { border-top-color: #ffffff; border-bottom-color: #ffffff !important; } .btn-indigo.dropdown-toggle { border-left-color: #2c4774; } .btn-indigo.btn-icon { position: relative; padding-right: 39px; border: none; } .btn-indigo.btn-icon i { background-color: #2e4161; padding: 6px 6px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-indigo.btn-icon.icon-left { padding-right: 12px; padding-left: 39px; } .btn-indigo.btn-icon.icon-left i { float: left; right: auto; left: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; } .btn-indigo.btn-icon.btn-lg { padding-right: 55px; } .btn-indigo.btn-icon.btn-lg.icon-left { padding-right: 16px; padding-left: 55px; } .btn-indigo.btn-icon.btn-lg i { padding: 10px 10px; font-size: 15px; line-height: 1.33; border-radius: 3px; } .btn-indigo.btn-icon.btn-sm { padding-right: 36px; } .btn-indigo.btn-icon.btn-sm.icon-left { padding-right: 10px; padding-left: 36px; } .btn-indigo.btn-icon.btn-sm i { padding: 5px 6px; font-size: 11px; line-height: 1.5; border-radius: 2px; } .btn-indigo.btn-icon.btn-xs { padding-right: 32px; } .btn-indigo.btn-icon.btn-xs.icon-left { padding-right: 10px; padding-left: 32px; } .btn-indigo.btn-icon.btn-xs i { padding: 2px 6px; font-size: 10px; line-height: 1.5; border-radius: 2px; } /* * * Black * */ .btn-black { color: #ffffff; background-color: #464646; border-color: #00000; } /** * * * ************************************************* ************************************************* Popover , Tooltip ************************************************* ************************************************* * * * **/ .popover { text-align: right ; max-width: 400px !important; } /** * * * ************************************************* ************************************************* Password Validation ************************************************* ************************************************* * * * **/ #password-progress .progress { height: 6px; margin-top: 3px; margin-bottom: 0px; border-radius: 3px; } #password-progress-hide .progress { display: none ; } .password-verdict { display: none ; } #password-match-not-correct1 , #password-match-not-correct2 { color: #ee4749 ; margin-top: 8px; display: none ; } #password-match-correct1 , #password-match-correct2 { color: #00a651 ; margin-top: 8px; display: none ; } /** * * * ************************************************* ************************************************* Ajax Modal ************************************************* ************************************************* * * * **/ #modal-ajax-body { padding: 10px; } #modal-ajax .modal-dialog{ width: 750px ; } .scrollable .modal-message { padding-right: 20px ; } .scrollable-border { border: 1px solid #bbb; padding: 10px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .modal-backdrop{ /*display: none;*/ } /** * * * ************************************************* ************************************************* Drom Menue ************************************************* ************************************************* * * */ .dropdown-sm a , .links-list li { font-family: DroidArabicKufi , GESSTwoLight ; } .dropdown-sm.dropdown .dropdown-menu { background-color: #303641; border-color: #454a54; padding: 0; margin-top: 15px; } .dropdown-sm.dropdown .dropdown-menu { margin-top: 1px; } .dropdown-sm.dropdown .dropdown-menu > li { border-bottom: 1px solid #454a54; } .dropdown-sm.dropdown .dropdown-menu li { color: #aaabae; font-size: 12px; padding: 0; } .dropdown-sm.dropdown .dropdown-menu > li > a { display: block; /*min-width: 60px;*/ } .dropdown-sm.dropdown .dropdown-menu li a { color: #aaabae; padding: 8px 10px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .dropdown-left{ right: auto; float: left; left: 0; } /** * * * ************************************************* ************************************************* Charts ************************************************* ************************************************* * * */ /** Donut Colors **/ tspan { font-family: 'tahoma' ; } /** Sparkline **/ .morris-hover.morris-default-style .morris-hover-point { font-family: tahoma; } /** Chart Tooltip **/ .jqsfield { font-family: tahoma !important ; text-align: right !important ; } /** * * * ************************************************* ************************************************* MAIL BOX PRIVATE ************************************************* ************************************************* * * */ .mail-env .mail-body .mail-table tbody tr td.col-time { width: 20%; } .mail-env .mail-body .mail-header { padding-left: 0px ; } .mail-env .mail-body .mail-table > tfoot > tr > th:first-child { padding-left: 5px; } /** * * * ************************************************* ************************************************* NESTABLE ************************************************* ************************************************* * * * **/ .dd-list .dd-list { padding-right: 50px; padding-left: 0px; } .dd-item > button { float: right; margin-right: 0px; margin-left: 10px; } .dd-item > button[data-action="collapse"]:before { content: '\e874'; content: '\f107'; font-family: "FontAwesome"; font-size: 10pt; margin-top: -6px; background-color: #efefef; border: 1px solid #e6e6e6; padding: 8px 0px 9px 0px; margin: -15px 1px 0px 0px; } .dd-item > button[data-action="expand"]:before { content: '\f104'; font-family: "FontAwesome"; font-size: 10pt; margin-top: -6px; background-color: #efefef; border: 1px solid #e6e6e6; padding: 8px 0px 9px 0px; margin: -15px 1px 0px 0px; } /* .dd-item .dd-1 { background-color: #fafafa; } .dd-item .dd-2 { background-color: #e7f5fb; } .dd-item .dd-3 { background-color: #e7fbee; } .dd-item .dd-4 { background-color: #fbe7e7; } */ .nested-list ul li .dd-handle { background-color: #fafafa; } .nested-list ul li .dd-handle:hover { background-color: #ada6a6; color: #fff; } .nested-list ul li ul li .dd-handle { background-color: #f8fdff; } .nested-list ul li ul li .dd-handle:hover { background-color: #489de0; color: #fff; } .nested-list ul li ul li ul li .dd-handle { background-color: #f4fbf7; } .nested-list ul li ul li ul li .dd-handle:hover { background-color: #7ca78e; color: #fff; } .nested-list ul li ul li ul li ul li .dd-handle { background-color: #f7efef; } .nested-list ul li ul li ul li ul li .dd-handle:hover { background-color: #a86767; color: #fff; } .nested-list ul li ul li ul li ul li ul li .dd-handle { background-color: #eceed3; } .nested-list ul li ul li ul li ul li ul li .dd-handle:hover { background-color: #a8a57b; color: #fff; } /** * * * ************************************************* ************************************************* Dropzone ************************************************* ************************************************* * * */ .dropzone .dz-preview .dz-error-message{ font-size: 8pt !important; width: 150px !important; padding: 0.5em 0.5em !important; } /** * * * ************************************************* ************************************************* TREATMENT ************************************************* ************************************************* * * * **/ .letter-user-highlight { background-color: #fbfbf4 !important ; } .treatment-latter p { font-size: 14pt; margin: 0px ; padding-bottom: 10px; line-height: 24px; } /** * * * ************************************************* ************************************************* TREATMENT ************************************************* ************************************************* * * * **/ .folderdefault { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #708090; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .folderdefault:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #708090; position: absolute; top: -12px; left: 0px; } .folderred { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #f44336; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .folderred:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #f44336; position: absolute; top: -12px; left: 0px; } .folderorange { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #ff9800; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .folderorange:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #ff9800; position: absolute; top: -12px; left: 0px; } .folderblue { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #03a9f4; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .folderblue:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #03a9f4; position: absolute; top: -12px; left: 0px; } .folderyellow { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #fae52c; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .folderyellow:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #fae52c; position: absolute; top: -12px; left: 0px; } .foldergreen { width: 150px; height: 105px; margin: 0 auto; margin-top: 50px; position: relative; background-color: #8bc34a; border-radius: 0 6px 6px 6px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59); } .foldergreen:before { content: ''; width: 50%; height: 12px; border-radius: 0 20px 0 0; background-color: #8bc34a; position: absolute; top: -12px; left: 0px; } /** * * * ************************************************* ************************************************* Blockquote ************************************************* ************************************************* * * * **/ blockquote { border-left-width: 1px!important; border-right-width: 5px!important; padding: 15px!important; -webkit-border-radius: 3px!important; -webkit-background-clip: padding-box!important; -moz-border-radius: 3px!important; -moz-background-clip: padding!important; border-radius: 3px!important; background-clip: padding-box!important; } .blockquote-orange { background: #ffcf94; border: 1px solid #d8af7d; color: #4e1c1c; } .blockquote-dkblue { background: #317c9c; border: 1px solid #56aed4; color: #e5f0f5; } /** * * * ************************************************* ************************************************* SLOT ************************************************* ************************************************* * * * **/ .advisor-slot { padding: 5px; text-align: center; width: 100px; border-radius: 100px; border:1px solid lightgrey; margin-bottom: 10px; } .advisor-slot.grey { background: #f2f2f2; } .advisor-slot.green { background: #39ee42; color: white !important; } .advisor-slot.blue { background: #1a8fbf; color: white !important; }